* {
    margin: 0;
    padding: 0;
    font-family:Myriad Pro, Arial, Helvetica, sans-serif;   
}

.navigation {
    padding:0 0 0 0;
    margin:0;
    list-style:none;
    height:43px;
}

nav {
    position: fixed;
    background-image:url(../../assets/public/navBar_background.png);
    z-index: 999;  
    width: 100%;
    height:52px;
}

.navigation li {
    float:left;
    color:#60C;
}
.navigation li a {
    display:block;
    float:left;
    height:43px;
    line-height:50px;
    color:#CCCCCC;
    text-decoration:none;
    text-align:center;
    padding:0 20px 0 10px;
    font-size:18px;
}

.navigation li a b {
    float:left;
    display:block;
    padding:0 16px 0 8px;
    color:#F99;
}
.navigation li.current a {
    color:#FFF;
    display:block;
    background-color:#000;
}
.navigation li a:hover {
    color:#FFF;
    display:block;
    background-color:#000;
}
.navigation li a em {
    display:block;
    float:left;
    width:30px;
    height:43px;
    color:#0FF;
}
.navSpan{
    display:inline;
}

/* ICON ELEMENTS */

.navigation li a em.home {
    background:url(../../assets/public/navIcon_XSRLogo.png) no-repeat;
    background-position: center center;
    margin-right:10px;
}
.navigation li a em.tools {
    background:url(../../assets/public/navIcon_tools.png) no-repeat;
    background-position: center center;
    margin-right:10px;
}
.navigation li a em.contact {
    background:url(../../assets/public/navIcon_contact.png) no-repeat;
    background-position: center center;
    margin-right:10px;
}
.navigation li a em.lang {
    margin-right:0px;
    padding:0px;
}

.login a.button {
    background: transparent url(../../assets/public/buttonALogin.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 30px;
    padding:0px;
    margin:8px 0px 10px 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.login a.button span {
    background: transparent url(../../assets/public/buttonSpanLogin.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
    color:#FFF;
}

.login a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.login a.button:active span {
    background-position: bottom left;
    padding: 8px 0 8px 18px; /* push text down 1px */
} 

.loginSubmit{
    background: url(../../assets/public/loginSubmitBckg.png);
    display: block;
    float: left;
    height: 30px;
    margin:8px 0px 10px 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    width: 90px;
    display: block;
    padding: 4px 0 8px 0px;
    color:#FFF;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #666666;
}

#cancelLoginBtn{
    background: url(../../assets/public/loginCancelBkg.png);
    display: block;
    float: left;
    height: 30px;
    margin:8px 0px 10px 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    width: 90px;
    display: block;
    padding: 4px 0 8px 0px;
    color:#FFF;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #666666;
    margin-left: 20px;
}

.footer a:link{
    color:#b2b2b2;
    text-decoration:none;
}
.footer a:visited{
    color:#b2b2b2;
    text-decoration:none;
}
.footer a:hover{
    color:#FFF;
    text-decoration:none;
}

p a:link{
    color:#0071bc;
    text-decoration:none;
}
p a:visited{
    color:#0071bc;
    text-decoration:none;
}
p a:hover{
    color:#009ddf;
    text-decoration:none;
}

h2{font-size:70px; color:#4d4d4d; font-weight:normal}
.h2Hir{font-size:55px;}
h3{font-size:47px; margin-bottom:5px; color:#4d4d4d; font-weight:normal}
h4{font-size:40px; color:#0071bc; font-weight:normal; /*text-shadow:#fff 0px 1px 0, #000 0 -1px 0;*/}
h5{font-size:35px; color:#4d4d4d; font-weight:normal}
h6{font-size:30px; color:#0071bc; font-weight:normal}
.textShadow{
    text-shadow: 1px 1px 0px #eee, 2px 2px 0px #cccccc;
    /*text-shadow: 0px 2px 3px #666;*/
}
p{
    font-size:15px;
    line-height:22px;
    text-align:justify;
    color:#333333;
}
.detailParagraph{
    font-size:13px;
    font-style:italic;
    color:#4d4d4d;
    margin-top:5px;
}

.gt{
    padding:20px 0px 10px 5px;
    display:none;
}
.gt p{
    font-size:12px;
    line-height:16px;
    text-align:justify;
    color:#FFF;
    padding-bottom:5px;
}
.gt h4{
    color:#FFF;
}

p::selection{
    background: #ffb7b7;
}
p::-moz-selection {
    background: #ffb7b7;
}

.whiteBcg{
}
.greyBcg{
    background-color:#F2F2F2;
}
.blackBcg{
    background-color:#333333; padding:10px;
}

.translationPic_WG{
    background-image:url(../../assets/public/translationWG.png);
    background-repeat:repeat-x;
    height:9px;
    width:100%;
}
.translationPic_GW{
    background-image:url(../../assets/public/translationGW.png);
    background-repeat:repeat-x;
    height:9px;
    width:100%;
}

.objectivesTitle{
    background:url(../../assets/public/objectives.png) no-repeat;
    padding-left:40px;
}

#innoDiv{
    background:url(../../assets/public/innoFin.png) no-repeat;
    height:30px;
    width:185px;
}

.productPack{
    padding-bottom:50px;
}
.productPic{ 
    float:left;
    width: 270px;
    border:5px solid #FFF;
    box-shadow: 0pt 3px 3px rgba(0,0,0,0.1);
    margin-right:20px;
    margin-bottom:20px;
}

.productSeparator{
    padding-bottom:2px;
    border-bottom:1px solid #b2b2b2;
    box-shadow:0pt 1px 1px rgba(0, 0, 0, 0.08);
    /*margin:10px auto 8px;*/
    margin:0px 0px 30px;
    width:100%;
}

/* position list chunks side by side */
div.wrapper
{
    float: left;
    width: auto;
    margin-right:35px;
}

.summingList li {
    background: url(../../assets/public/puce.png) left center no-repeat;
    padding-left:25px;
    list-style:none;
    font-size:15px;
    color:#666666;
    margin-bottom:5px;
}
.summingListIntro li {
    background: url(../../assets/public/puceIntro2.png) left center no-repeat;
    padding-left:25px;
    list-style:none;
    font-size:15px;
    color:#666666;
    margin-bottom:5px;
}

.allApps{
    width:auto;
    background:url(../../assets/public/allApps_screen.png) no-repeat center top;
    padding-top:150px;
    text-align:center;
}
.allAppsP{
    text-align:center;
    font-size:18px;
    color:#666666;
}

.referencesBox{
    padding-top:20px;
    padding-left:5px;
    padding-bottom:30px;
    overflow:auto;
    width:100%;
}
.refThumb{
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    width:150px;
    height:110px;
    border:5px solid #FFF;
    box-shadow: 0pt 0px 3px rgba(0,0,0,0.3);
}

.floatstop { clear:both;}

.inp{
    width:232px;
}

.bottomLogo{
    background:url(../../assets/public/bottomBarLogo.png) no-repeat;
    padding-left:250px;
    vertical-align:bottom;
}

.subby a.button {
    background: transparent url(../../assets/public/buttonABlue.png) no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    height: 30px;
    padding:0px;
    margin:15px 0px 10px 0px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
    cursor: pointer;
}

.subby a.button span {
    background: transparent url(../../assets/public/buttonSpanBlue.png) no-repeat;
    display: block;
    line-height: 14px;
    padding: 8px 0 8px 18px;
    color:#FFF;
}

.subby a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.subby a.button:active span {
    background-position: bottom left;
    padding: 8px 0 8px 18px; /* push text down 1px */
}

#mask {
    position:absolute;
    left:0;
    top:0;
    z-index:9000;
    background-color:#000;
    display:none;
}

#boxes .window {
    position:fixed;
    left:0;
    top:0;
    width:300px;
    /*height:200px;*/
    display:none;
    z-index:9999;
    padding:5px 15px 5px 15px;
    background:url(../../assets/public/loginBackground.png) repeat-x;
}


#boxes .logoLogin{
    background:url(../../assets/public/logoLogin.png) no-repeat right;
}


#boxes #dialog1 {
    display:none;
    background-color:#FFF;
    width:250px; 
    overflow: auto;
    /*height:240px;*/
}


.aStyle{
    padding:0;
    margin: 0;
    font-size: 50;
}

.errorMessage{color: #AA2823; font-size: 14px;}
.successMessage{color: #3B8C4A; font-size: 14px;}

/* target the minimum width of the browser window => screen */
@media screen and (min-width: 990px) { 
    .banner{
        background-image:url(../../assets/public/banner_background_screen.png);
        background-repeat:repeat-x;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_screen.png);
        background-repeat:no-repeat;
        height:414px;
        width: 100%;
        background-position:center;
    }
    
    /*.banner{
        cursor: pointer;
        padding-top: 35px;
        background-image:url(../../assets/public/banner_background_screenFinAd.png);
        background-repeat:repeat-x;
        background-position: bottom;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_screenFinAd.png);
        background-repeat:no-repeat;
        height:414px;
        width: 100%;
        background-position:center;
    }*/
    
    .bannerHir{
        background-image:url(../../assets/public/bannerBcg.png);
        background-repeat:repeat;
        width: 100%;
        border-bottom: solid #4d4d4d 10px;
    }
    .bannerImHir{
        background-image:url(../../assets/public/bannerImHir.png);
        background-repeat:no-repeat;
        height:210px;
        width: 100%;
        background-position:center 50px;
    }

    .navSpan{
        display:inline;
    }
    .langSpan{
        font-size:14px;
    }

    .container{
        margin-left: auto;
        margin-right: auto;
        width:950px;
    }
    #headContainer{
        padding:0;
    }

    .containerBackgr{
        padding-top:50px;
        /*padding-bottom:50px;*/
    }

    .iconTextPack{
        background-repeat:no-repeat;
        padding-left:145px;
        padding-bottom:50px;
    }
    .iconTextPackHir{
        background-repeat:no-repeat;
        padding-bottom:50px;
    }
    .whoWeAre{ background-image:url(../../assets/public/questionmark_icon_screen.png);}
    .whatWeOffer{ background-image:url(../../assets/public/tools_icon_screen.png);}
    .contact{ background-image:url(../../assets/public/contact_icon_screen.png);}
    .jobad{ background-image:url(../../assets/public/jobad_icon_screen.png);}

    .allApps{
        background:url(../../assets/public/allApps_screen.png) no-repeat center top;
        padding-top:150px;
    }

    textarea {
        resize:vertical;
        min-height:150px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding:10px 15px 10px 15px;
        font-size:18px;
        background:url(../../assets/public/commentBackground.png) no-repeat #FFF;
        background-position:98% 90%;
        width:770px;
        height:150px;
    }
    
    input{
        width: 550px;
        height: 40px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding-left:15px;
        font-size:18px;
        margin-bottom:15px;
    }
    .contactOr{
        width:100%;
        height:40px;
        margin:30px 0px 30px 0px;
        background: url(../../assets/public/lineOr.png) repeat-x;
    }
}

/* target both the minimum and maximum width of the browser window => tablet */
@media screen and (min-width: 480px) and (max-width: 990px) {

    .banner{
        background-image:url(../../assets/public/banner_background_med.png);
        background-repeat:repeat-x;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_med.png);
        background-repeat:no-repeat;
        background-position:center;
        height:268px;
        width: 100%;
    }
    /*
    .banner{
        cursor: pointer;
        padding-top: 0px;
        background-image:url(../../assets/public/banner_background_medFinAd.png);
        background-repeat:repeat-x;
        background-position: bottom;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_medFinAd.png);
        background-repeat:no-repeat;
        height:268px;
        width: 100%;
        background-position:center bottom;
    }
    */
    
    .bannerHir{
        background-image:url(../../assets/public/bannerBcg.png);
        background-repeat:repeat;
        width: 100%;
        border-bottom: solid #4d4d4d 8px;
    }
    .bannerImHir{
        background-image:url(../../assets/public/bannerImHir_med.png);
        background-repeat:no-repeat;
        background-position:center 50px;
        height:180px;
        width: 100%;
    }

    nav{
        margin:0;
        padding:0;
    }
    .navSpan{
        display:inline;
    }
    .langSpan{
        font-size:13px;
    }

    .container{
        margin:0;
        padding:0;
        width:auto;/*720px;*/
        padding:0 20px 0 20px;
    }
    #headContainer{
        padding:0;
    }

    .containerBackgr{
        padding-top:30px;
    }

    .iconTextPack{
        background-repeat:no-repeat;
        padding-left:100px;
        padding-bottom:35px;
    }
    .iconTextPackHir{
        background-repeat:no-repeat;
        padding-bottom:35px;
    }
    .whoWeAre{ background-image:url(../../assets/public/questionmark_icon_med.png);}
    .whatWeOffer{ background-image:url(../../assets/public/tools_icon_med.png);}
    .contact{ background-image:url(../../assets/public/contact_icon_med.png);}
    .jobad{ background-image:url(../../assets/public/jobad_icon_med.png);}

    .allApps{
        background:url(../../assets/public/allApps_med.png) no-repeat center top;
        padding-top:130px;
    }

    textarea {
        resize:vertical;
        min-height:150px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding:10px 15px 10px 15px;
        font-size:18px;
        background:url(../../assets/public/commentBackground.png) no-repeat #FFF;
        background-position:98% 90%;
        width:435px;
        height:150px;
    }
    
    input{
        width: 450px;
        height: 40px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding-left:15px;
        font-size:18px;
        margin-bottom:15px;
    }
    .contactOr{
        width:465px;
        height:40px;
        margin:30px 0px 30px 0px;
        background: url(../../assets/public/lineOr.png) repeat-x;
    }
}

/* target the maximum width of the browser window => mobile */
@media screen and (min-width: 320px) and (max-width: 480px) {

    .h2Hir{font-size:40px;}
    
    .banner{
        background-image:url(../../assets/public/banner_background_mob.png);
        background-repeat:repeat-x;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_mob.png);
        background-repeat:no-repeat;
        height:205px;
        width: 100%;
        background-position:center;
    }
    
    /*
    .banner{
        cursor: pointer;
        padding-top: 15px;
        background-image:url(../../assets/public/banner_background_mobFinAd.png);
        background-repeat:repeat-x;
        background-position: bottom;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_mobFinAd.png);
        background-repeat:no-repeat;
        height:205px;
        width: 100%;
        background-position:center bottom;
    }
    */
    
    .bannerHir{
        background-image:url(../../assets/public/bannerBcg.png);
        background-repeat:repeat;
        width: 100%;
        border-bottom: solid #4d4d4d 5px;
    }
    .bannerImHir{
        background-image:url(../../assets/public/bannerImHir_mob.png);
        background-repeat:no-repeat;
        height:110px;
        width: 100%;
        background-position:center 50px;
    }

    .navSpan{
        display:none;
    }
    .navigation li a {
        padding:0 0px 0 5px;
    }
    .langSpan{
        font-size:13px;
    }
    .loginSpan{
        font-size:15px;
    }

    .container{
        margin-left:0;
        margin-right:0;
        width:auto;
        padding:0 10px 0 10px;
    }
    #headContainer{
        padding:0;
    }

    .containerBackgr{
        padding-top:20px;
        /*padding-bottom:50px;*/
    }

    h2{font-size:50px; color:#4d4d4d; font-weight:normal}
    h3{font-size:35px; margin-bottom:5px; color:#4d4d4d; font-weight:normal}
    h4{font-size:28px; color:#0071bc; font-weight:normal; /*text-shadow:#fff 0px 1px 0, #000 0 -1px 0;*/}

    .iconTextPack{
        background-repeat:no-repeat;
        padding-left:0px;
        padding-bottom:30px;
    }
    .iconTextPackHir{
        background-repeat:no-repeat;
        padding-bottom:30px;
    }
    #contactIconTextPack{
        background-repeat:no-repeat;
        padding-left:70px;
        padding-bottom:50px;
    }
    .iconTitle{
        padding-top:5px;
        padding-left:60px;
    }
    .iconTitle{
        padding-top:5px;
    }
    .whoWeAre{ background-image:url(../../assets/public/questionmark_icon_small.png);}
    .whatWeOffer{ background-image:url(../../assets/public/tools_icon_small.png);}
    .contact{ background-image:url(../../assets/public/contact_icon_small.png);}
    .jobad{ background-image:url(../../assets/public/jobad_icon_mob.png);}

    .productPic{ 
        float:none;
    }

    .allApps{
        background:url(../../assets/public/allApps_mob.png) no-repeat center top;
        padding-top:80px;
    }

    div.wrapper
    {
        width: auto; margin-right:0px;
    }

    textarea {
        resize:vertical;
        min-height:150px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding:10px 15px 10px 15px;
        font-size:18px;
        background:url(../../assets/public/commentBackground.png) no-repeat #FFF;
        background-position:98% 90%;
        width:235px;
        height:150px;
    }
    
    input{
        width:250px;
        height: 40px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding-left:15px;
        font-size:18px;
        margin-bottom:15px;
    }
    .contactOr{
        width:265px;
        height:40px;
        margin:30px 0px 30px 0px;
        background: url(../../assets/public/lineOr.png) repeat-x;
    }
    .detailParagraph{
        width:265px;
    }

    .bottomLogo{
        background:url(../../assets/public/bottomBarLogo_mob.png) no-repeat;
        padding-left:70px;
        vertical-align:bottom;
    }
}

@media screen and (max-width: 320px) { 

    .banner{
        background-image:url(../../assets/public/banner_background_mob.png);
        background-repeat:repeat-x;
        width: 100%;
    }
    .bannerIm{
        background-image:url(../../assets/public/banner_mob.png);
        background-repeat:no-repeat;
        height:205px;
        width: 100%;
        background-position:center;
    }

    .navSpan{
        display:none;
    }
    .navigation li a {
        padding:0 0px 0 5px;
    }
    .langSpan{
        font-size:13px;
    }
    .loginSpan{
        font-size:15px;
    }

    .container{
        margin-left:0;
        margin-right:0;
        width:auto;
        padding:0 10px 0 10px;
    }
    #headContainer{
        padding:0;
    }

    .containerBackgr{
        padding-top:20px;
        /*padding-bottom:50px;*/
    }

    h2{font-size:50px; color:#4d4d4d; font-weight:normal}
    h3{font-size:26px; margin-bottom:5px; color:#4d4d4d; font-weight:normal}
    h4{font-size:24px; color:#0071bc; font-weight:normal; /*text-shadow:#fff 0px 1px 0, #000 0 -1px 0;*/}
    .iconTextPack{
        background-repeat:no-repeat;
        padding-left:0px;
        padding-bottom:65px;
    }
    .iconTextPack{
        background-repeat:no-repeat;
        padding-left:0px;
        padding-bottom:30px;
    }
    #contactIconTextPack{
        background-repeat:no-repeat;
        padding-left:70px;
        padding-bottom:50px;
    }
    .iconTitle{
        padding-top:10px;
        padding-left:60px;
        padding-bottom:10px;
    }
    .whoWeAre{ background-image:url(../../assets/public/questionmark_icon_small.png);}
    .whatWeOffer{ background-image:url(../../assets/public/tools_icon_small.png);}
    .contact{ background-image:url(../../assets/public/contact_icon_small.png);}
    .jobad{ background-image:url(../../assets/public/jobad_icon_mob.png);}

    .productPic{ 
        float:none;
    }

    .allApps{
        background:url(../../assets/public/allApps_mobSmall.png) no-repeat center top;
        padding-top:80px;
    }

    div.wrapper
    {
        width:auto;
        margin-right:0px;
    }

    .objectivesTitle{
        background:url(../../assets/public/objectives.png) no-repeat;
        padding-left:0px;
    }
    #objectiveTitle{
        padding-left:44px;
    }

    textarea {
        resize:vertical;
        min-height:150px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding:10px 15px 10px 15px;
        font-size:18px;
        background:url(../../assets/public/commentBackground.png) no-repeat #FFF;
        background-position:98% 90%;
        width:175px;
        height:150px;

    }
    input{
        width:190px;
        height: 40px;
        border: #999999;
        border-style:solid;
        border-width:thin;
        color: #666666;
        padding-left:15px;
        font-size:18px;
        margin-bottom:15px;
    }
    .contactOr{
        width:205px;
        height:40px;
        margin:30px 0px 30px 0px;
        background: url(../../assets/public/lineOr.png) repeat-x;
    }
    .detailParagraph{
        width:205px;
    }

    .bottomLogo{
        background:url(../../assets/public/bottomBarLogo_mob.png) no-repeat;
        padding-left:70px;
        vertical-align:bottom;
    }
}

.ieContactP{
    display: none;
    /* color: #666666;*/
}

.buttonHome {
    display: inline;
    background: url(../../assets/public/homeBtn_up.png) center no-repeat;
    border: none;
    cursor: pointer;
    width: 25px;
    height: 25px;
    padding-right: 5px;
    padding-left: 5px;
    }
.buttonHome:hover {
    background: url(../../assets/public/homeBtn_over.png) center no-repeat;
}


.page404Bcg{background: url(../../assets/public/page404_background.png) repeat-x #f2f2f2; margin: 0; padding: 0;}
.page404Div{background: url(../../assets/public/page404_im.png) center no-repeat; padding-top: 427px; margin:auto;}
.page404P{margin-top: 20px; color: #666666; width: 600px; font-size: 16px; margin: auto; line-height: 21px; padding-left: 30px;}
.page404P a{color: #0071bc; text-decoration: none;}
.page404P a:hover{text-decoration: underline;}

.pageExpiredDiv{background: url(../../assets/public/pageSessionExpired.png) center no-repeat; padding-top: 427px; margin:auto;}
.pageExceptionDiv{background: url(../../assets/public/pageExceptionOccurred.png) center no-repeat; padding-top: 427px; margin:auto;}


.productDescriptionIconSpan{
    background-repeat: no-repeat;
    background-size: 83px;
    padding-left: 90px;
    padding-top: 10px;
}

.navigation li a em.back {
    background:url(../../assets/public/navBack.png) no-repeat;
    background-position: center center;
    margin-right:10px;
}