﻿@import url(reset.css);
@import url(designtime_only.css);

HTML { overflow: -moz-scrollbars-vertical; }

body{background-color:#dde5ea;}
#wrapper{background-color:#fff;}
/* main styles */
h1{   font-size:26px;}
h1,h2,h5,h6 { text-transform: uppercase; }



h1.subPage {font-size:32px; 
            text-transform:none;}
            
h2{  font-size:16px;}

h2.Puffar {text-transform:none;}

h3.archive {font-size:16px; 
            font-variant:normal; text-transform:none;}
            
h3{  font-size:18px; 
    font-weight:normal;}
    
h4{ EditMenuName:Heading 4;
    font-size:12px;
    font-weight:bold;}

h5{ font-size:12px; 
    font-weight:800}
    
h6{ font-size:12px;
    text-decoration:underline}
    
p{    EditMenuName:Paragraph; 
      margin:5px 10px 5px 10px;
      font-size:11px;
      line-height: 15px;}
      
em{ font-style:italic; }
strong{ font-weight: bold;}

a { color: Black; 
    text-decoration: none;}


div.clear{height:0px; line-height:0px; font-size:0em; width:100%; float:none; clear:both} 
br.clear{clear:both;}
.link{cursor:pointer}
/* main layout styles */
#wrapper{margin:0px auto}

/* sections */
#header a, #headerDropdowns a { color: #FFF; }
#header,.fullWidthMediaContent,#cases,.puffar,#news,#breadcrumb,.footerContent,#headerDropdowns,#startpageMedia{margin:0px auto}
#header,#cases,#news, .footerContent,#startpageMedia {width:952px;}

#headerDropdowns,.headerDropDown {position:relative;
                                  width:678px; 
                                  z-index:100;}                
#breadcrumb{width:948px;
            margin-top:7px}
            
.fullWidthMediaContent,.puffar,.footerContent{width:940px}

#footer{width:100%; background:url(../Images/footer.png) repeat-x top left;
        height:200px; 
        padding-top:12px}
        
.fullWidthMediaContent{text-align:center; 
                       margin-top:16px}  
                             
#startPageMedia { margin-top: 10px;
                  margin-left:100px;
                  }
.startMedia {height:440px;
             margin: 0 auto;
             width:940px;}

/* header */
#mainMenu { float:left; 
            height: 100px; 
            width:520px; 
            position:relative; }
            
.mainMenuSeparator{display:block; 
                   float:left; 
                   width:2px; 
                   background:url(../Images/mainMenuSeparator.png)}
                   
.mainMenuItem{float:left; 
              height:100px; 
              padding:0; 
              vertical-align:bottom; 
              text-transform: uppercase; 
              color: #FFF; 
              text-decoration: none;
              width:170px;}
.mainMenuItemTextWrap
{
    height:100px; 
    position:relative; 
    display:block;
    width:170px; 
}
.mainMenuItemText 
{
    position:absolute;
    bottom:30px;
    left:0;  
    width:140px; 
    padding:0 15px; 
    text-align:center;
}                        
#rightHeader{ float:right; 
              width:225px; 
              margin-left:25px;
              position: relative;}
              
#mainMenu li:hover .headerDropDown { display: block; }
#mainMenu li {float:left;}


/*#header .selected, .mainMenuItem:hover{margin:-0px -4px -0px -4px; padding: 60px 34px 0; z-index:200;}*/
#header{background:url(../Images/header.png) repeat-x top left; 
        text-align:center; 
        height: 100px;
        position:relative;
        z-index:100;}
        
#logo{margin-top:46px} 

#logoBox{width:178px; 
         height:100px;
         float:left; 
         line-height:100px;}

#rightHeader a:link, #rightHeader a:visited, #rightHeader a:hover, #rightHeader a:active{text-decoration:none; 
                                                                                         color:#fff;
                                                                                         font-size:13px;} 
#rightHeader a:hover{text-decoration:none; 
                     color:#FF9600} 
                     
#rightHeader ul { position:relative;
                  /*float:left;*/
                  margin-top:46px;
                  margin-left:30px;}
                  
#rightHeader ul li{ float:left; 
                    text-align:left}

#rightHeader #languageSelector { position: absolute;
                                 right: 19px;
                                 top: 7px;
                                 cursor: pointer;
                                 color: #ffffff; }
                                 
#rightHeader #languageSelector a { position: absolute;
                                      right: 22px;
                                      top: 3px;
                                      font-size: 11px; }

#rightHeader #languageSelector a:hover { color:#FF9600; }
                                 
#rightHeader #languageSelector #globe { height: 17px;
                                        width: 17px;
                                        background: url(../Images/globe-v2.png) no-repeat 0px 0px; }

#rightHeader #languagePopup { display: none;
                              position: absolute;
                              width: auto;
                              left: auto;
                              bottom: auto;
                              right: 3px;
                              top: 28px; }

#rightHeader #languagePopup .languageLeft{background:url(../images/tooltip-narrow-left-no-arrow_black.png) no-repeat; width: 9px;}
#rightHeader #languagePopup .languageContent { padding-top: 6px; }
#rightHeader #languagePopup .languageContent #topArrow { position: absolute; right: 13px; top: -9px; }
#rightHeader #languagePopup .languageContent a:hover{ color: #ffffff; }

#header .searchBox{ position: absolute;
                    left: 0;
                    top: 68px;}

#header .searchButton{width:20px; 
                      height:20px;}
                      
#header .inputBox input{width:170px;}

#header .searchButton{float:left; 
                      position:relative; 
                      top:2px; 
                      left:5px;}
                      
#searchBox { position: relative; 
             height: 25px; 
             z-index: 1000; }
             
#searchLoader { display: none; }

#searchDropDown {display: none; 
                 text-align: left; 
                 width: 183px; 
                 position: absolute; 
                 top: 20px; 
                 left: 1px; 
                 background: transparent url(../Images/searchdropdown-bottom-bg.png) no-repeat left bottom; 
                 padding-bottom: 5px; }
                 
#searchDropDown .inner { background: transparent url(../Images/searchdropdown-bg.png) repeat-y left top;
                         padding: 10px 5px 0 20px;  }
                         
#searchDropDown ul { float: none; 
                     margin:0;}
                     
#searchDropDown ul li { float: none; 
                        width:auto; 
                        margin-top: 10px; 
                        font-size: 11px; 
                        line-height: 14px;
                        color: #000; }
                        
#searchDropDown a:link,#searchDropDown a:visited, #searchDropDown a:active, #searchDropDown a:hover { color: #000;
                                                                                                      font-weight: normal; 
                                                                                                      font-size: 11px; }

/* header dropdown */
.headerDropDown{ font-size:12px; 
                 display:none; 
                 position:absolute; 
                 top: 100px; 
                 left: -80px;}
                 
.headerDropDown .headerDropDownContent{position:relative; 
                                       width:100%; 
                                       background:url(../Images/bodyShort1.png) no-repeat top; 
                                       /*height:187px; */
                                       height:141px;
                                       color:#fff;}
.headerDropDown ul {float:left; 
                    width:180px; 
                    height: 120px; 
                    text-align:left; 
                    font-size:13px}
                    
.headerDropDown ul {margin-left:20px; 
                    margin-top: 10px; 
                    background:url(../Images/MainMenuDropdownSeparator.png) repeat-y left}
                    
.headerDropDown .firstAnchorList {margin-left:120px; 
                                  background:none;}
                                  
.headerDropDown .secondAnchorList {padding-left:20px;}
                                  
.headerDropDown ul > li {margin:12px 0px 0 12px; 
                         width:100px;
                         width:180px;}

.headerDropDown ul.firstAnchorList a:hover,.headerDropDown ul.secondAnchorList a:hover {color:#fff;background:left 2px url(../Images/ArrowRightWhite.png) no-repeat;}
.headerDropDown ul.firstAnchorList a,.headerDropDown ul.secondAnchorList a {padding-left:20px;display:block;}                       
                         
.mainMenuDropDownMediabox{width:250px; 
                          float:right;}

/* cases */
#cases{z-index:10px; 
       position:relative}
       
#casesHeader{ position:relative; 
              width:100%; 
              background:url(../Images/cases.png) repeat-x bottom left; 
              height:57px; 
              color:#fff; 
              line-height:50px; 
              z-index:30;}
              
#casesHeader .default, #casesHeader .expanded { height:57px;}

.casesTitle{float:left; 
            margin:2px 0 0 26px; 
            font-size:22px; 
            font-weight: normal; 
            word-spacing:-1px; 
            position:absolute; 
            top:15px}

.casesTools { float: left; 
              margin: 8px 0 0 26px;  }
              
.casesShowExample{position: absolute; 
                  float:right; 
                  cursor:pointer; 
                  font-size:18px; 
                  font-weight:normal;  
                  top:12px;
                  right:0;
                  margin:8px 25px 0 0 ; 
                  letter-spacing:-.3px } 
                  
.casesShowExample img { margin-left: 7px; 
                        vertical-align:top;
                        float:right; 
                        position: relative; 
                        top: 1px; }
                        
#casesDropDown{position:relative;
               width:949px; 
               top:-18px; 
               margin:0px 0px 0px 4px; 
               z-index:20; 
               display:none}

#tableWrap, #caseGrid {min-height: 300px;
                       margin: 0 4px; 
                       padding-top: 30px; }

#tableWrap .wraps  { height: 80px;
                     margin-bottom: 10px;
                     clear: both; }
   
             
#tableWrap .header  {padding: 0 30px 0 10px; 
                     width: 190px; 
                     font-size: 18px; 
                     font-weight: bold; 
                     float:left;}
                     
#tableWrap  .content { padding-right: 10px; 
                       width: 603px; 
                       font-size: 12px;
                       float:left; }
                       
#tableWrap  .content span { font-size: 18px; }

#tableWrap  .more .blackArrowLink { margin: 0; 
                                    font-size: 14px; 
                                    background-position: right 4px; 
                                    float:right;
                                    text-align: right;
                                    width: 50px; }
#gridview, #listview {cursor:pointer; margin-top: 6px; }

.caseBottom { background:url('../Images/bottomw_casedrop.png') no-repeat bottom center; 
              width:941px; 
              height:9px; 
              margin-left: 0px; }
              
#caseDropBg {
             background:url('../Images/gradient_casedrop.png') repeat-x bottom; 
             width:941px; }

             
#caseGrid li { float: left; 
               margin: 0 0 10px 27px; }
               
#caseGrid li.first { margin-left: 10px; }
#tableWrap li { margin: 0 0 10px 10px; }

#casesHeader .chooseSector a span {color:Black;}

#casesHeader .chooseSector { position: relative; 
                             float: left; 
                             margin: 6px 7px 0 0; 
                             cursor: pointer; }
                             
#casesHeader .chooseSector img { position: relative; 
                                 z-index: 100;}
                                 
#casesHeader .chooseSector ul { z-index: 50; 
                                display: none; 
                                position: absolute; 
                                top: 22px; 
                                left: 0; 
                                background: url(../Images/choosesector-dropdown-bottom.png) no-repeat left bottom; 
                                color: #000; 
                                line-height: normal; 
                                width: 123px; 
                                font-size: 11px; 
                                padding-bottom: 16px; }
                                
#casesHeader .chooseSector ul li { padding: 5px 11px; 
                                   background-color: #f3f5f6;
                                   border-left: #bebebf 1px solid; 
                                   border-right: #bebebf 1px solid; 
                                   border-bottom: #bebebf 1px solid;  }
                                   
#casesHeader .chooseSector ul li:hover { color: #999; }

/* flashWrapper */
#flashWrapperBig {height:380px;
               width:790px;
               position:relative;
               z-index:10;}
               
#flashWrapper {margin-left:-15px;
               position:relative;
               z-index:20;}


/* puffar */
.puffar{margin: 16px auto ;
        width: 945px;}
        
.puffar > .puff {width: 218px; 
                 height: 245px; 
                 cursor: pointer;
                 text-align: center; 
                 vertical-align: middle; 
                 background: transparent url(../Images/box-218-245-grey.png) no-repeat left top; 
                 float:left ; 
                 margin-left:24px} /*  945/4  */
                 
.puffar > .first {margin-left:0px}

.puffar .puffImageBox h2 {font-size: 18px; 
                          font-weight: normal;
                          margin: 10px 0 20px 0;}
            
.puffar .puffImageBox {height:200px;}    
   
      
.puffar .puffContentBox { width: 198px;
                          height: 245px;
                          position: relative;
                          display: table-cell;
                          vertical-align:middle;
				          padding: 10px;
}
                         
.puffar .puffContentBox a { color: #000; 
                            font-size: 25px; 
                            font-weight: normal;
                            left:0;
                            top:0;
                            width:218px;
                            }

.puffar .puffImageBox a .linkFirst,.puffar .puffImageBox a .linkSecond,.puffar .puffImageBox a .linkThird,.puffar .puffImageBox a .linkFourth {width:210px;
                                       height:150px;
                                       cursor:pointer;
                                       position:absolute;}

.spotLinks {margin-top:10px;}
.spotLinks p{text-align:left;}
.spotLinks a img {vertical-align:bottom;}


/* news */
.mainContent > .contentBox > .middleSubContent .newsItem a, .mainContent > .contentBox > .middleSubContent .newsWrapper a.buttonWide{color:#172936;}  

#news{ background:url(../Images/news.png) repeat-x bottom left; 
       height:32px; 
       color:#fff; 
       line-height:32px; 
       font-size:12px; 
       letter-spacing:-.1px}
       
#news .rssIcon {float: left; 
                margin: 7px 5px 0 8px;}
                
#news a { color: #FFF;
          font-weight: bold;}


.mainContent > .contentBox  .newsDate{ font-size:12px; 
                                       color:#b4b4b4; 
                                       font-weight:800; 
                                       margin-bottom:7px}
                                       
.mainContent > .contentBox  .newsTitle{ color:#505050;
                                        font-size: 12px; 
                                        font-weight: 800; 
                                        line-height:18px;}
                                        
                                        
.mainContent > .contentBox  .newsContent p{float:left;
                                           color:#303030; 
                                           width:425px;}
                                           
.mainContent > .contentBox  .newsItem img {margin-bottom:12px;}

                                         
.mainContent > .contentBox  p.readMore a{display:block;
                                        float:right;
                                        width:87px; 
                                        height:26px; 
                                        margin-top:10px;}
                                                     
.mainContent > .contentBox  .newsButton img {margin-bottom:-2px;
                                             padding-left:2px;}
                                             
.mainContent > .contentBox  .newsButton p.readMore.json {padding-right:7px;} 
.mainContent > .contentBox  .imgBtn {margin-top:-14px;}

/* What our clients say */

.mainContent > .contentBox > #flashWrapperBig p {font-size:14px; 
                                                 width:550px; 
                                                 line-height:20px;}
                                                                                 
.mainContent > .contentBox > #flashWrapperBig > .download, .mainContent #flashContent .download, .startMedia #startPageMedia .download {font-size:14px;
                                                           width:550px;
                                                           padding-top:50px;}
                                                           
.download, .mainContent #flashContent .download {width:700px;}
                                                                                
.mainContent > .contentBox > #flashWrapperBig > #flashWrapper > .downloadFlash a, .mainContent > .contentBox > #flashWrapperBig > .download a, .mainContent #flashContent .download a,.startMedia #startPageMedia .download a {color:#768a99;}

.mainContent > .contentBox > .leftSubContent.links img,.mainContent > .contentBox > .rightSubContent.links img{padding-right:5px; 
                                                                                                               vertical-align:bottom;}
.mainContent > .contentBox > .leftSubContent.links a, .mainContent > .contentBox > .rightSubContent.links a{color:Black;}

.mainContent > .contentBox > .leftSubContent.links .active{color:#768A99}


.mainContent > .contentBox > .leftSubContent.links a img {vertical-align:bottom;}                                                                                                       
.mainContent > .contentBox > .rightSubContent.links a img{vertical-align:bottom;
                                                          padding-left:5px;}

.mainContent > .contentBox > .leftSubContent.info,.mainContent > .contentBox > .rightSubContent.info{ width:355px;}

.mainContent > .contentBox > .leftSubContent.links,.mainContent > .contentBox > .rightSubContent.links{
                                                    margin-top:20px;
                                                    background: url(../Images/clientsSayTop.png) no-repeat;
                                                    width:355px;}

                                               
.mainContent > .contentBox > .leftSubContent.links h3,.mainContent > .contentBox > .rightSubContent.links h3{ padding:15px 0 0 15px;
                                                                                                              font-size:16px;
                                                                                                              text-transform:none;
                                                                                                              font-weight:normal;
                                                                                                    }  
                                       
.mainContent > .contentBox > .leftSubContent.links p.header,.mainContent > .contentBox > .rightSubContent.links p.header{ padding:15px 0 5px 15px;
                                                                                                                          font-size:14px;
                                                                                                    } 
                                                                                                     
.mainContent > .contentBox > .leftSubContent.links p,.mainContent > .contentBox > .rightSubContent.links p{padding-left:15px; 
                                                margin:0; 
                                                padding-bottom:8px;}

.mainContent > .contentBox > .leftSubContent.links p { background: url(../Images/clientsSayMiddle.png) repeat-y; }
                                            
                                                          
.mainContent > .contentBox > .leftSubContent .linksBottom,.mainContent > .contentBox > .rightSubContent .linksBottom {float:right;
                                                     background: url(../Images/clientsSayBottom.png) no-repeat; 
                                                     width:355px;
                                                     height:37px;}


/* breadcrumb navigation bar */
#breadcrumb{background: bottom left url(../Images/breadcrumbLine.png) no-repeat; 
            height:26px; 
            font-size:10px; 
            font-weight:800;
            line-height:30px; 
            color:#777; }
            
#breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:hover, #breadcrumb a:active{text-decoration:none; 
                                                                                     color:#333;} 
#breadcrumb a:hover{margin:0;
                    text-decoration:none;}
                     
.breadcrumbWrap {float:left; }
.breadcrumbCurrent {float:left;}
.breadcrumbArrow{float:left; position: relative;}

.breadcrumbHomeStart{background:bottom url(../Images/crumbHomeStart.png);
                     position:relative;
                     height:26px; 
                     width:11px;
                     z-index:15;}
                     
.breadcrumbHomeBody{background:bottom right url(../Images/crumbHomeBg.png) no-repeat;
                    position:relative;  
                    top:-26px;
                    left:1px;
                    height:26px; 
                    padding:0px 12px 0 5px;}
                    
.breadcrumbHomeBody:hover {z-index:20;
                           left:1px;}

.breadcrumbHomeBody img {vertical-align:text-bottom;
                         margin-top:8px;
                         z-index:3;}
                         
.breadcrumbHomeBody > a{position:relative; 
                        top:1px;}
                    
.breadcrumbHomePoint{background:bottom url(../Images/crumbHomePoint.png); 
                     position:relative; 
                     height:26px; 
                     width:15px;}

.breadcrumbBody{background:bottom right url(../Images/crumbHomeBg.png) no-repeat; 
                position:relative;
                top:-26px;
                left:-12px;
                height:26px; 
                padding:0px 12px 0 15px;
                z-index:6;
                margin-right:-11px;}
               
.breadcrumbBody > a{position:relative; top:10px;}

.breadcrumbBody:hover,.breadcrumbHomeBody:hover
{
    background:bottom right url(../Images/crumbHover.png) no-repeat;
    height:26px;
    position:relative; 
    top:-26px;
    padding-right: 12px;
}
    
.breadcrumbBody:hover {z-index:6;}
                
.breadcrumbIcon{position:relative; 
                margin-left: 5px;
                top:1px;}
                 
.breadcrumbSeparator{position:relative; 
                     height:26px; }

.breadcrumbLast {background:bottom right url(../Images/crumbHomeBg.png) no-repeat; 
                 position:relative;
                 top:-26px;
                 left:-20px;
                 height:26px; 
                 padding:0px 12px 0 15px;
                 z-index:5; }
                 
.breadcrumbLast p {display:inline; 
                   font-size:10px;
                   position:relative; 
                   top:6px;
                   color:#000;}

/* footer */ 
.footerCol{width:20%; float:left;}

.footerCol .content{ margin:0px 10px 0px 20px; 
                     float:left;}
                     
.footerCol > *{margin:0px auto;}

.footerCol .content > ul > li {font-size:10px; 
                               color:#666; 
                               margin-top:10px; 
                               margin-bottom:14px}
.footerCol h3 {width:100%; 
               text-align:left}
               
.footerLoginForm{margin-top:10px}

#footerCol3 {margin-top:19px;}
#footerCol4 .content .footerLoginForm{display:none;}
#footerCol5 > span { line-height: 15px;}

#footerCol5 a.stbutton { font-size: 18px; 
                         color: #000; 
                         text-decoration: none; 
                         padding-top: 0;
                         padding-bottom: 0; }
                         
#footerCol5 .stico_default { background-position: left 2px !important ;}
.inputContainer, .loginSubmit{margin-bottom:4px; float:left}

.inputBox{background:url("../Images/inputBody.png") no-repeat top left; 
          height:25px; 
          float:left}
          
.inputEnd{background:url("../Images/inputEnd.png") no-repeat; 
          width:6px; 
          float:left; 
          height:25px}
          
.textInput{font-size:10px; 
           color:#666; 
           border:none; 
           padding:none; 
           height:14px; 
           margin-left:5px; 
           top:4px; 
           position: relative; 
           float:left; 
           background:transparent}
           
.footerLoginForm .textInput{width:140px}

.loginSubmit{color:#222; 
             font-size:10px; 
             padding:3px}

.mainContent{ width:940px; 
              margin:16px auto 20px auto; 
              clear:both; }

.mainContent > .menuBox{ width:200px; 
                         float:left; }

/* Left menu */
.mainContent > .menuBox > .leftMenu{ width:180px; 
                                     float:left; 
                                     margin-bottom:30px;}
                                     
.mainContent > .menuBox > .leftMenu .menuOne {width:180px;
                                              background:url("../Images/leftMenuTop.png") no-repeat;}
                                              
.mainContent > .menuBox > .leftMenu .menuOne li.first {position:relative;}
                                              
.mainContent > .menuBox > .leftMenu .menuOne li p {padding:10px;
                                                   margin:0;
                                                   color:white; 
                                                   font-weight:bold; 
                                                   font-size:14px;}
.mainContent > .menuBox > .leftMenu .menuOne li .shadow 
{
    position: absolute;
    bottom:0;
    left:0;
    display:block;
    width:180px;
    height:5px;
    background: url(../images/leftMenuTopShadow.png) no-repeat;
    margin-bottom: -5px;
}
                                                   
.mainContent > .menuBox > .leftMenu .menuTwo {width:180px;}

.mainContent > .menuBox > .leftMenu .menuTwo li {background:url("../Images/leftMenuFields.png") no-repeat;
                                                 margin:0;zoom:1;}
                                                 
.mainContent > .menuBox > .leftMenu .menuTwo li a {padding:8px 15px 7px;
                                                   text-decoration:none; 
                                                   color:black; 
                                                   font-size:13px;
                                                   display:block;}
                                                   
.mainContent > .menuBox > .leftMenu .menuTwo li a:hover {display:block;
                                                         background:url("../Images/leftMenuHover.png") no-repeat;}												

.mainContent > .menuBox > .leftMenu .menuTwo #lastField {background:url("../Images/leftMenuBottom.png") no-repeat; 
                                                         height:24px;}
                                                         
.mainContent > .menuBox > .leftMenu .menuTwo li#current a:hover {background-image:none;}
.mainContent > .menuBox > .leftMenu .menuTwo li#current  {background:url("../Images/leftMenuCurrent.png");}

.mainContent > .menuBox > .leftMenu .menuTwo li a img {margin:-8px 0px 0 -10px;}

.mainContent > .menuBox > .leftMenu .menuThree {width:180px;}

.mainContent > .menuBox > .leftMenu .menuThree li {background:url("../Images/leftMenuFields.png");
                                                   margin:0;}
                                                   
.mainContent > .menuBox > .leftMenu .menuThree li a {padding:8px 0 7px 35px;
                                                     text-decoration:none; 
                                                     color:black; 
                                                     font-size:13px;
                                                     display:block;}

.mainContent > .menuBox > .leftMenu .menuThree li#current a:hover {background-image:none;}
.mainContent > .menuBox > .leftMenu .menuThree li#current  {background:url("../Images/leftMenuCurrent.png");}


/* end left menu */
.rightPuffs {float:right;}
.rightPuffs.top {margin-top:-31px;}
.leftPuffs {float:left;}
.menuPush{ width:180px; margin-bottom:20px;}

.menuPush.colored{ background: transparent no-repeat left top; 
                   cursor: pointer; }
                   
.menuPush.colored a { color: #fff; 
                      font-size: 14px; 
                      line-height: 18px; 
                      display: block; 
                      padding: 16px 10px 0; 
                      margin-bottom:-20px;
                      margin-right:5px;
                      background: right bottom url(../Images/arrowRightWhite.png) no-repeat;}

.menuPush.colored.light_green.top {background: url(../Images/box-lightgreen-top.png) no-repeat; }

.menuPush.colored.light_green.bottom {background: url(../Images/box-lightgreen-bottom.png) no-repeat;
                                      height:17px; 
                                      margin-bottom:11px;}
                                      
.menuPush.colored.green.top{ background: url(../Images/box-green-top.png) no-repeat; }

.menuPush.colored.green.bottom{ background: url(../Images/box-green-bottom.png) no-repeat; 
                                height:17px;
                                margin-bottom:11px;}
                                
.menuPush.colored.light_blue.top{background: url(../Images/box-lightblue-top.png) no-repeat;}

.menuPush.colored.light_blue.bottom{background: url(../Images/box-lightblue-bottom.png) no-repeat;
                                    height:17px;
                                    margin-bottom:11px;}
                                    
.menuPush.colored.blue.top{ background: url(../Images/box-blue-top.png) no-repeat; }

.menuPush.colored.blue.bottom{ background: url(../Images/box-blue-bottom.png) no-repeat;
                               height:17px;
                               margin-bottom:11px;}

.mainContent > .contentBox{ float:right; 
                            width:732px; }
                            
/*.mainContent > .contentBox a:hover{color:#768A99}
.mainContent > .contentBox a {color:Black}*/
.mainContent > .contentBox a {color:#FF9600;}
                            
.mainContent > .contentBox h2{ color:#FF9600; 
                               margin-bottom:5px;}
                               
.mainContent > .contentBox h3{ font-size:16px; 
                               font-weight:800; 
                               margin-bottom: 8px; }
 
 .mainContent > .contentBox h3.standardPage{ font-size:28px; 
                               font-weight:800;
                               margin:0 0 5px 0}
                               

.mainContent > .contentBox > .mediaContent{ width:100%; 
                                            margin-bottom:16px;}
                                            
.mainContent > .contentBox > .textOverMedia {margin-top:10px;}

.mainContent > .contentBox > .middleSubContent{ float:left; 
                                                width:445px; 
                                                margin-right:16px; 
                                                min-height:150px; }
                                                
.mainContent > .contentBox > .middleSubContent a,.mainContent > .contentBox > .leftSubContent a, .mainContent > .contentBox > .rightSubContent a{color:#FF9600}                                                 
.mainContent > .contentBox > .leftSubContent{ float:left; 
                                              width:343px; 
                                              margin-right:16px; 
                                              }

.mainContent > .contentBox > .leftSubContent.margin { margin-top:20px;}
                                
  
                                              
.mainContent > .contentBox > .rightSubContent{ float:left; 
                                               width:343px;}

.mainContent > .contentBox .rightSubContent ul { list-style-position: outside; zoom: 1; }
.mainContent > .contentBox .rightSubContent ul li { margin-left: 20px; }

                                               
.mainContent > .contentBox > .countriesContent{width:600px;}

.mainContent > .contentBox > .middleContent .leftSubContent{ float:left; 
                                                             width:290px; 
                                                             margin-right:16px; }
                                                              
.mainContent > .contentBox > .middleContent .leftSubContent.wide {width:530px;}                                                                                       
                                                             
.mainContent > .contentBox > .middleContent .rightSubContent{ float:left; 
                                                              width:210px;}

.mainContent > .contentBox  .rightPuffs h2.black, .mainContent > .contentBox h2#black {color:Black;}

.mainContent > .contentBox  .rightPuffs.links img {vertical-align:middle;}

.mainContent > .contentBox  .rightPuffs.links.cases img {vertical-align:baseline;
                                                         margin:3px -1px 0 5px;}

.mainContent > .contentBox  .rightPuffs.links a .truncate_less {display:inline;}


.mainContent > .contentBox  .rightPuffs.links {margin-top:18px;
                                               background: url(../Images/newsRightTop.png) no-repeat; 
                                               width:229px;}
                                               
.mainContent > .contentBox  .rightPuffs.links p{padding:18px 10px 0 10px; 
                                                margin:0; 
                                                background: url(../Images/newsRightMiddle.png) repeat-y; }
                                                
.mainContent > .contentBox  .rightPuffs.links.lessPadding p{padding-top:5px;}
        
.mainContent > .contentBox  .rightPuffs.links h3.archive {font-size:14px;
                                                          color:Black; 
                                                          padding-left:15px; 
                                                          padding-top:10px; 
                                                          text-transform:none;}
                                                          
.mainContent > .contentBox  .rightPuffs.linksBottom {float:right;
                                                     background: url(../Images/newsRightBottom.png) no-repeat; 
                                                     width:229px;
                                                     height:33px;}

.mainContent > .contentBox  > .rightSubContent > .flashSubContent{text-align:right}
.mainContent > .contentBox  > .rightSubContent > .imageSubContent{text-align:center}

.mainContent > .contentBox p{ margin:0px 0px 12px 0px; 
                              line-height:15px;}
                              
.mainContent > .contentBox ul{list-style: disc inside;}
.mainContent > .contentBox ol{list-style: decimal inside;}

.mainContent > .contentBox li{ margin-left:10px; 
                               margin:0px 0px 18px 0px; 
                               font-size:10px; 
                               color:#333;}


.mainContent > .contentBox ul#SiteMap
    {
        margin: 0;
        padding-bottom:10px;
        
    }

.mainContent > .contentBox ul#SiteMap li
    {
       list-style:none;
       padding-top:5px;
       margin:0;
    }
    
.mainContent > .contentBox ul#SiteMap li a
    {
        color:#000;
        font-size:12px;
    }

.mainContent > .contentBox ul#SiteMap ul 
    {
        margin-left: 20px;
        padding-left: 20px;
    }

.mainContent > .contentBox ul#SiteMap ul li
{
    list-style:disc;
}


/* ContactPage */
.mainContent > .contentBox .contactInfo{float:left;}

.mainContent > .contentBox .contactContent{margin-bottom:20px;}

.mainContent > .contentBox .contactCountries{float:left; 
                                             width:260px;}
                                             
.mainContent > .contentBox .countriesContent{margin:10px 15px 0 0;height:95px;}

.mainContent > .contentBox .rightSubContent .contactContent a {color:#FF9600;}



.mainContent > .contentBox > .middleContent .leftSubContent #black {color:Black;
                                                                    margin-top: 20px;}
.mainContent > .contentBox > .middleContent .rightSubContent h3 {margin-top:51px;}

.mainContent > .contentBox #imageHolder{background-image:url("../Images/contactImage.png"); 
                                        background-repeat:no-repeat;
                                        width:723px; 
                                        height:248px; }
   
.mainContent > .contentBox #spinningGlobe {width:200px; padding: 55px 0 0 50px;}                                     
.mainContent > .contentBox #spinningGlobePartner {padding: 0px 0 0 0px; position:absolute; top: 12px; right: 20px; }                                     
.mainContent > .contentBox #imageHolderPartner {float:left;
                                                background-image:url("../Images/contactDummyImage.png"); 
                                                background-repeat:no-repeat; 
                                                width:445px; 
                                                height:218px; position: relative;}
.mainContent > .contentBox #imageHolderPartner ul { position: absolute; left: 0px; }
                                                
.mainContent > .contentBox #imageHolderPartner ul{padding:20px 0 0 20px; 
                                                  list-style:none;}

.mainContent > .contentBox #imageHolderPartner a{font-size:11px; 
                                                 font-weight:bold;
                                                 color:Black;}
                                                 
.mainContent > .contentBox #imageHolder .imageText {position:relative; 
                                                    top:-140px; 
                                                    left:270px;}
                                                    
.mainContent > .contentBox #imageHolder a{font-size:11px; 
                                          font-weight:bold; 
                                          background: bottom right url("../Images/arrowRight.png") no-repeat; 
                                          padding-right:20px;}

/* end ContactPage */

.preloadImages{position:absolute; 
               top:-99999px; 
               left:-999999px}
               
.preloadImages *{height:0px; 
                 width:0px}
                 
.preload_dropdown{background:url(../Images/body.png);}
.preload_hoverpixel{background:url(../Images/orange_overlay_pxl.png);}
.preload_dropdownSeparator{background:url(../Images/MainMenuDropdownSeparator.png);}

.t1 h1.catchPageHeading{ text-align:center; 
                         position:relative; 
                         top:40px; 
                         right:100px;
                         color:#fff; 
                         font-size:30px}
                         
.t1 .world > .partBox > ul{ width:140px; 
                            float:left; 
                            /*overflow:hidden;*/
                            /*padding-left:5px;*/}
.t1 .world > .partBox > ul > li{ position:relative;}
                            
.t1 .world > .partBox > .partTitle{ font-size:12px; 
                                    font-weight:800; 
                                    letter-spacing:1px; 
                                    width:130px; 
                                    text-transform: uppercase;
                                    min-height:30px;}
                                    
.t1 .world > .partBox { float:left; 
                        font-size:12px;
                        padding-bottom:25px;}
                        
.t1 .world > .partBox > ul > li > a { color: #000; 
                                      font-size:11px; 
                                      margin:3px 0px;
                                      line-height:15px;}
                                      
.t1 .world > .partBox > ul > li > a:hover {color:#768a99}

.t1 .world .page { display: none; }
.t1 .world .languageList { display: none; }
.t1 .world .partnerData { display: none; }

.t1 .localSiteLinkBox{margin:16px 0px 9px 0px}

.t1 .localSiteLink, .localLabel{ font-size:12px; 
                                 font-weight:800; 
                                 margin: 4px 0px }
                                 
.t1 .localLabel {display:block; margin: 4px 0px 8px 0px; }
.t1 .globeBox {margin:0px auto}

.t1 .globeBox > h2{width:876px; 
                   text-align:center; 
                   font-size:19px; 
                   font-weight:400;
                   margin-top:-12px; 
                   letter-spacing:-0.1px}
                   
.t1 .centerBox > #logoBox{position:absolute}

.t1 a.localSiteLink{line-height:24px; 
                    padding-right:12px; 
                    text-decoration:none; 
                    color:#000; 
                    background:url(../Images/blackArrowRight.jpg) right center no-repeat}
                    
.t1 .narrow{width:876px; margin:0px auto}

.t1 .memoryBox{margin-top:10px; 
               font-size: 11px;}
               
.fancyCheckbox,.fancyCheckboxChecked{height:12px; 
                                     width:12px; 
                                     background:center no-repeat; 
                                     float:left; 
                                     margin-right: 5px;}
                                     
.fancyCheckboxChecked{background-image:url(../Images/checked.jpg); }
.fancyCheckbox{background-image:url(../Images/unchecked.jpg);}

#casesDropDown .innerContainer{position:absolute; 
                               background-image:url("../Images/field.png"); 
                               background-repeat:no-repeat;
                               padding-top:16px}
#casesDropDown .overlay{position:absolute; 
                        top:0; 
                        left:0; 
                        background:url("../Images/lb_transparent_pixel_white.png") repeat; 
                        visibility:visible;} 
.hidden{display:none}

#casesDropDown .closeButton{position:absolute;
                            top:17px; 
                            right:14px;}


#casesDropDown .links{position:absolute;}
#casesDropDown .tellFriend,#casesDropDown .back,#casesDropDown .send{ cursor:pointer;
                                                 display:inline;}
                            
#casesDropDown .url, #casesDropDown .send,#casesDropDown .contact {}

#toEmailAddress, #fromEmailAddress {width:610px;}

#casesDropDown p {
	font-size:12px;
	margin-left:0;
	line-height:130%;}
	
#casesDropDown #left{
	float:left;
	padding-left:40px;
	width:350px;
	padding-top:20px;}

#casesDropDown #right{
	float:left;
	padding-left:30px;
	padding-top:15px;
	width:290px;}

#casesDropDown #messageSentWrapper{padding:90px 0 0 40px;}
#casesDropDown #tellFriendWrapper{padding:5px 0 0 40px;}
#casesDropDown #tellFriendWrapper p{margin-bottom:-2px; font-weight:bold;}
#casesDropDown #tellFriendWrapper h2 {text-transform:none; margin-bottom:15px;}

#casesDropDown #left {height:210px;}
#casesDropDown #leftText {height:161px;}
#casesDropDown .blackArrowLink {margin-right:25px;}

.blackArrowLink 
{   color: #000;
    font-size: 12px;
    font-weight: normal;
    background: url(../Images/arrowRight.png) no-repeat right 4px;
    padding-right: 20px;}

.button-arrow
{   display: block;
    float: left;
    height: 25px;
    background: url(../Images/button-arrow-right-bg.png) no-repeat right top;    }

.button-arrow span 
{   display: block;
    height: 25px;
    line-height: 25px;
    margin-right: 20px;
    padding: 0 10px;
    background: url(../Images/button-arrow-left-bg.png) no-repeat left top;
    font-size: 12px;
    color: #666;
    font-weight: bold;}

.inputText { float: left; 
             height: 25px; 
             background: url(../Images/input-right-bg.png) no-repeat right top; 
             padding-right: 6px;  }
             
.inputText input { height: 20px; 
                   background: url(../Images/input-left-bg.png) no-repeat left top; 
                   border: 0; 
                   padding: 5px 0 0 5px; 
                   font-size: 12px; 
                   font-family: Arial; 
                   color: #505050; }

.buttonWide { display: block; 
              background: url(../Images/button-wide-441x36.png) no-repeat left top; 
              width: 441px; 
              height: 25px; 
              padding-top: 11px; 
              text-align: center; 
              font-size: 16px; 
              color: #172936; }h2

#searchLoader { display: none; }
#searchTextBox { margin-right: 5px; }
#searchTextBox input { width: 180px; }

#searchResult {width:440px;}

#searchResult .content .truncate_less {font-size:11px;}
#searchResult .content .truncate_less p{display:inline;}

#searchResult a { background: url(../Images/arrowRight.png) no-repeat right 4px; 
                      padding-right: 20px; 
                      padding-bottom:10px;
                      font-size: 11px;
                      float:right;
                      color:#172936;
                      }

#searchResult a:hover {
                      color:#768a99;}                      
                     
                      
#searchResult div { margin-bottom: 40px;}

#searchResult h3 { font-size: 14px; 
                   font-weight: bold; 
                   color: #505050;}
                   
#searchResult img {margin:0px 0 12px 0;}
                   

.wraptofixtextoverpicture
{
    position:relative; 
    margin-bottom:15px;
    padding:40px 0 0 0;
}

.wraptofixtextoverpictureSubStartPage
{
    position:relative; 
    margin-bottom:30px;
    padding:5px 0 0 0;
}
#mediaContent  
{
    position:absolute;
    right:0;
    top:0;  
}

.MainBodyTextContent 
{
    z-index:1; position:relative; 
    width:300px; 
    margin-right:16px; 
}
.tooltip{left:0;top:10px;width:9999px;position:absolute;z-index:10;font-family:Arial,Sans-Serif;font-size: 12px;margin: 5px;display:none;}
.tooltip .tooltipLeft{background:url(../images/tooltip-left.png) no-repeat; width:13px;height:125px;float:left;}
.tooltip .tooltipContent{background:url(../images/tooltip-repeat.png) repeat-x; height: 95px; float: left; padding:15px 10px 15px 0;}
.tooltip .tooltipRight{background:url(../images/tooltip-right.png) no-repeat; height: 125px; width: 15px;float: left;}
.tooltip .column{float:left;margin-left:10px;}
.tooltip .column.first{margin-left:0px;}
.tooltip .clear{display:block;font-size:0;line-height:0;clear:both;}
.tooltip h3{font-size:12px;margin-bottom:10px;}
.tooltip h3,.tooltip strong{font-weight:bold;}
.tooltip p{margin:2px 0}

.language{left:50px;top:-10px;width:9999px;position:absolute;z-index:100;font-family:Arial,Sans-Serif;font-size: 12px;margin: 5px;display:none;}
.language .languageLeft{background:url(../images/tooltip-narrow-left_black.png) no-repeat; width:13px;height:40px;float:left;}
.language .languageContent{background:url(../images/tooltip-narrow-repeat_black.png) repeat-x; height: 18px; float: left; padding:7px 0 11px 0;}
.language .languageContent a,.language .languageContent{color:#fff;}
.language .languageRight{background:url(../images/tooltip-narrow-right_black.png) no-repeat; height: 40px; width: 15px;float: left;}
.language .clear{display:block;font-size:0;line-height:0;clear:both}
.language h3{font-size:12px;margin-bottom:10px;}
.language h3,.tooltip strong{font-weight:bold;}
.language p{margin:2px 0}


/* FORM */
.form { clear: both; margin: 15px 0; font-size: 11px; line-height: 15px; }
.form td { vertical-align: top; }
.form label { float: left; display: block; vertical-align: top; padding-top: 2px; }
.form input, .form textarea { margin-bottom: 10px; font-family: Arial, Sans-Serif; font-size: inherit; }
.form textarea { height: 55px; }
/*.form input.button { margin-top: 5px; }*/


/* PRINT */
.print { display: none; }
.content.printLinks { clear: both; margin: 0; margin-top: 10px; }
.content.printLinks li { /*float: left;*/ margin-right: 15px; }
.content.printLinks img, .content.printLinks input { float: left; }
.content.printLinks span { float: left; display: block; margin-top: 4px; margin-left: 3px; }

@media print
{
	.print { display: inline; }
	.dontPrint { display: none; }
	
    .mainContent > .contentBox{ float: left; }
}