#dBodyContainer {
    position: relative;
    width: 764px;
    height: 100%;
    margin:0 auto;
    text-align: left;
}
#dHomeLogo {
    position: absolute;
    top: 6px;
    left: 7px;
}
#dMenuPD {
    position: absolute;
    left: 353px;
    top: 16px;
    height: 25px;
    width: 500px;
    z-index: 3;
}
#dContentContainer {
    position:relative;
    left:0;
    top:41px;
    width:762px !important;
    height:auto;
    z-index:0;
    border:1px solid #979796;
    -moz-border-radius:12px;
    -webkit-border-radius:12px;
    -khtml-border-radius:12px;
    border-radius:12px;
    z-index:0;
    background-color:#fff;
}
#dBotNav { position: relative; width: 68px; height: 22px; bottom: 20px; left: 361px; z-index: 2; margin-top:-22px;}
#dBNTime { position: absolute; left: 433px; top: 23px; height: 30px; font-size: 10px; text-align: left; }
#dBNQT { position: absolute; left: 533px; top: 0px; height: 30px; font-size: 9px; text-align: left; }
#dBtnHintRTSP { left: 313px; top: 25px; }
#dBtnHintContact { left: 381px; top: 25px; }
#dCopyright {
    position:relative;
    top:46px;
    width:auto;
    font-size:10px;
    text-align:center;
    padding-bottom:20px;
}
#dBluePanelCntr  { position: absolute; vertical-align: top; padding-top: 0px; padding-left: 45px; text-align: center; z-index: 1; }
#dGreenPanelCntr { position: absolute; vertical-align: top; width: 192px; padding-top: 0px; padding-right: 45px; text-align: center; }
#dDesc { position: absolute; top: 415px; left: 40px; width: 680px; height: 50px; font-size: 10px; text-align: center; vertical-align: middle; background-color: white; }
#dOverlayAll { position: absolute; left: 30px; top: 50px; width: 710px; height: 420px; background-color: white; filter:progid:DXImageTransform.Microsoft.Fade(duration=1,overlap=1); z-index: 50; }
#dFlashAtWork { position: absolute; top: 125px; left: 0px; width: 762px; height: 127px; border-top: 1px solid #979796; border-bottom: 1px solid #979796; }
#dFlashLineDrawings { position: absolute; top: 42px; left: 3px;}
#dFlashLineDrawingsZoom { position: absolute; top: 41px; left: 2px;}
#dBodyContainerFlash { position: relative; width: 770px; height: 578px; text-align: left;}
#dFlashFooter { position: absolute; top: 245px; left: 3px; width: 762px; height: 17px; }
#dFlashText { position: absolute; top: 338px; left: 3px; width: 762px; padding-left: 45px; height: 93px; }
#dFadeLeft { position: absolute; top: 42px; left: 4px; width: 360px; height: 517px; text-align: left; }
#dTextRight { position: absolute; top: 42px; left: 364px; width: 364px; height: 517px; text-align: left; vertical-align: top; padding-top: 75px;}
#dRenderBack { position: absolute; left: 156px; top: 6px; width: 31px; height: 28px; }
#TJK_ToggleON,#TJK_ToggleOFF {display:none}

.bluePnl { position: absolute; top: 66px; left: 45px; width: 192px; background: url(hwfi-bluepanel-main.png) repeat-y center; color: white; visibility: hidden; }
.greenPnl { position: absolute; top: 66px; left: 526px; width: 192px; background: url(hwfi-greenpanel-main.png) repeat-y center; color: white; visibility: hidden; }
.dGPBotCntr, .dBPBotCntr { position: relative; background-color: white; padding-bottom: 2px; }

.hline {position: absolute; height: 1px; width: 763px; border-top: 1px solid #A9AEB1; }

.fdngLyr { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); width: 100%; height: 100%; }

BODY {
    /*background-color:#f0f0f0;*/
    background: #f0f0f0 url(../images/bg.gif) repeat 0% 0%;
    font-family:arial,helvetica,trebuchet MS,verdana,sans-serif;
    font-weight:normal;
    font-size:12px;
    color:#979796;
    text-align:center;
    margin:0;
    padding:0;
    z-index:0;
    -webkit-text-size-adjust: none; 
}
H2 { font-family: arial,helvetica,verdana,sans-serif; font-size: 12px; color: #979796; font-weight: bold; margin-bottom: 0px; }
H3 { font-family: arial,helvetica,verdana,sans-serif; font-size: 16px; color: #979796; font-weight: bold; margin: 0;; }
P { line-height:18px; font-size: 12px; font-weight: normal; color: #979796; margin-top: 14px; margin-bottom: 14px; }
ITALIC { font-style: italic; font-size: 12px; font-weight: normal; color: #979796; margin-top: 0px; margin-bottom: 14px; }
P.lessSpace { font-size: 12px; margin-top: 14px; margin-bottom: 14px; font-weight: normal}
P.body { font-size: 12px; color: #979796; margin-top: 0px; margin-bottom: 10px; font-weight: normal }
TD { font-size: 12px; text-align: center; color: #979796; }
a { font-size: 12px; color: #5b9eb8; text-decoration: none; font-weight:bold; }
a:hover { color: #5b9eb8; }
a.menuLink { color: #979796; }
a:hover.menuLink { color: #5b9eb8; }
a:hover.menuLinkSel { color: #979796; }
a.leadingLink { color: #979796; padding:8px; margin:-8px; display:block; z-index:10; }
a.leadingLinkSel {
    padding:3px 8px 3px 8px;
    margin:-3px -8px -3px -8px;
    display:block;
    z-index:10;
    height: 15px;
    border-top: 1px solid #979796;
    border-right: 1px solid #979796;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #979796;
    -moz-border-top-left-radius:6px;
    -webkit-border-top-left-radius:6px;
    -khtml-border-top-left-radius:6px;
    border-top-left-radius:6px;
    -moz-border-top-right-radius:6px;
    -webkit-border-top-right-radius:6px;
    -khtml-border-top-right-radius:6px;
    border-top-right-radius:6px;
    background-color: #fff;
}
a:hover.leadingLink { color: #5b9eb8; }
a:hover.leadingLinkSel { color: #5b9eb8; }
.thinLink { font-weight: normal; font-size: 11px; color: #5b9eb8; }
.expanding-text-content { color: #5b9eb8; font-style: italic; font-weight: normal; margin: -8px 0 0 0; padding-left:20px; }
.expanding-text-heading { color: #979796; width: 100%; padding: 8px; margin: -8px; }
.expanding-text-heading img { position: relative; top: 1px; margin-right: 7px; }
.expanding-text-link { display: block; padding: 5px; margin: -5px; }
.expanding-text-paragraph { color: #979796; font-weight: normal; }

.image-left {
    width:360px;
    height:517px;
    overflow:hidden;
    text-align:left;
}
.image-left img {
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}
.image-left .slideshow {
    width:330px;
    height:517px;
}
.slideshow {
    overflow:hidden;
}
.slideshow img {
    display: none;
}
.slideshow img.first {
    display: block;
}
.slideshow-large .slideshow {
    width:762px;
    height:517px;
    text-align:left;
}
.slideshow-large img {
    -moz-border-radius: 10px;
    border-radius: 10px;
}
#casestudy-nav {
    position: absolute;
    width: 265px;
    height: 22px;
    bottom: 20px;
    right: 40px;
    z-index: 2;
    text-align: right;
}
#casestudy-nav a:hover {
    text-decoration: underline !important;
}
#casestudy-nav .cs-nav-left {
    position:absolute; left:0; width:180px; text-align:center;
}
#casestudy-nav .cs-nav-left a {
    display: block; padding: 10px; margin: -6px 0 -5px -5px; font-weight: normal;
}
#casestudy-nav .cs-nav-right {
    position:absolute; right:0; width:85px;
}
#casestudy-nav .cs-nav-right a {
color: #979796; display: block; padding: 2px 8px 10px 5px; margin: -8px -8px -10px 0; font-weight: normal;
}
#casestudy-nav .cs-nav-right img {
position: relative; top: 6px; margin-left: 13px; border: none;
}

.hml {position: absolute; height: 1px; width: 763px; border-top: 1px solid #979796; }
.vline {position: absolute; height: 203px; width: 1px; top: 50px; border-left: 1px solid #979796;}
.imageLabelTop { padding-bottom: 4px; vertical-align: bottom; font-size: 8pt; }
.imageLabelBottom { padding-top: 2px; vertical-align: top; font-size: 8pt; }
.imageLabelTopLg { padding-bottom: 4px; vertical-align: bottom; font-size: 9pt; }
.imageLabelBottomLg { padding-top: 2px; vertical-align: top; font-size: 9pt; }
.imageLabelTopSm { padding-bottom: 4px; vertical-align: bottom; font-size: 6pt; }
.imageLabelBottomSm { padding-top: 2px; vertical-align: top; font-size: 6pt; }
.mi { position: absolute; margin-top: 3px; margin-bottom: 0px; text-align: center; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); width: 100px; }
.mi2 { margin-top: 3px; margin-bottom: 6px; text-align: center; width: 90px; }

.menuGroup { position: absolute; visibility: hidden; top: 17px; left: -7px; height: 90px; width: 90px; padding-top: 5px; background-color: transparent; z-index: 100; }
.rndBtnS { position: absolute; background-repeat: no-repeat; width: 156px; height: 29px; background-image: url(w3fb-s.png); }
.rndBtnM { position: absolute; background-repeat: no-repeat; width: 174px; height: 29px; background-image: url(w3fb-m.png); }
.rndBtnL { position: absolute; background-repeat: no-repeat; width: 195px; height: 29px; background-image: url(w3fb-l.png); }
.rndBtnTxt { font-size: 17px; color: white; font-weight: bold; margin-top: 5px; cursor: default; }

.flagCell {	width: 51px; }
.spshSecCell {	font-size: 18px; letter-spacing: 6px; margin-top: 0px; }
.spshSecText {  }

.wwdDetailH { display: none; }
.wwdDetailV { display: inline; }

P.wwd { margin-bottom: 4px; }

.tdHwfiS { background: url(hwfi-s.png) no-repeat center; width: 350px; height: 60px; color: white; font-size: 16px; font-weight: bold; padding-top: 1px; }
.tdHwfiM { background: url(hwfi-m.png) no-repeat center; width: 350px; height: 60px; color: white; font-size: 16px; font-weight: bold; padding-top: 1px; }
.tdHwfiL { background: url(hwfi-l.png) no-repeat center; width: 350px; height: 60px; color: white; font-size: 16px; font-weight: bold; padding-top: 1px; }
.hwfiBPTitle { font-size: 15px; font-weight: bold; color: white; margin-top: 0px; }
.hwfiBPItem, .hwfiGPItem { color: white; font-size: 11px; font-weight: bold; margin-bottom: 4px; margin-top: 11px; height: 16px; }
.hwfiBPItemA { color: white; font-size: 11px; }
.hwfiBPItemAD { color: #B0DAF3; font-size: 11px; }
.hwfiBPItemAH { color: white; font-size: 13px; }
.aHwfi { color: white; }
.hwfiBenefits { color: white; font-size: 12px; font-weight: bold; margin-top: 0px; }

.tar { text-align: right; }
.tal { text-align: left; }
.tac { text-align: center; }
.taj { text-align: justify; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }
.tals { text-align: left; line-height:150%; font-size:10px;}

.smlTxt { font-size: 10px; }
.small { font-size:10px; text-decoration:none; margin-bottom:10px; line-height:0%; }
.afterH { margin-top: 0px; }
.flashfooter { text-align: right; font-size: 8px; padding-left: 10px; padding-right: 10px }
.flashtext {  text-align: center; }

.pulseCntr { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); position: absolute; visibility: hidden; }
.srvcsLyr { visibility: hidden; position: absolute; }
.srvcsLyr b {padding: 0 4px 0 4px;}
.srvcsTxt { position: absolute; top: 303px; left: 40px; width: 682px; background: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.processTxt { position: absolute; top: 364px; left: 255px; width: 482px; background: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); vertical-align: top}
.galleryTxt { position: absolute; top: 333px; left: 40px; width: 682px; height: 160px; background: none; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.srvcsImg { border: none; }
.galleryImg { border: 1px solid #979796; }

.casestudy-text { padding-top: 25px; padding-right: 0px; padding-left: 1px; }
.csDetailBox { border: 1px solid #979796; margin-left: 1px; margin-right: 20px; }
.csDetailHint { position: absolute; visibility: hidden; font-size: 10px; width: 100%; margin-bottom:10px;}

.moreInfoBtnCntr { position: absolute; top: 10px; left: 698px; width: 24px; height: 22px; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.4,overlap=1.0); cursor: hand; }
.moreInfoBtn { position: absolute; }

DIV.wwdMoreInfoBtnCntr { float: right; position: relative; left: 10px; width: 22px; height: 22px; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.4,overlap=1.0); cursor: hand; }
DIV.wwdMoreInfoBtn { position: absolute; width: 22px; height: 22px; overflow: hidden; }

DIV.atWorkMoreInfoBtnCntr { position: absolute; width: 22px; height: 22px; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.4,overlap=1.0); cursor: hand; } 
DIV.atWorkMoreInfoBtn { position: absolute; width: 22px; height: 22px; overflow: hidden; }

DIV.csBoxImgCntr { position: absolute; bottom: 40px; }
DIV.csbtCntr { position: absolute; visibility: hidden; height: 400px; top: 75px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
DIV.csbtCntr p { margin: 0 0 14px 0; }
.cs-nav-top-container { position: absolute; top: 20px; width: 336px; height: 28px; border-bottom: 1px solid #979796; }
.cs-nav-top-container\ { height: 20px; top: 30px; }
.casestudy-header { position: absolute; right: 65px; top: 28px; z-index: 11; }

.fadeBtn { position: absolute; top: 0px; left: 0px; }
.fadeBtnCtr { position: relative; width: 24px; height: 22px; filter:progid:DXImageTransform.Microsoft.Fade(duration=0.4,overlap=1.0); }

.btnHint { position: absolute; font-size: 9px; letter-spacing: -1px; color: #5b9eb8; visibility: hidden; }

.vis { visibility: visible; }

DIV.trnsMnuBdyCd { text-align: left; }

.texta {font-size: 10px; background-color: #e5e5e5; border: 1px solid #666666; position: absolute; left: 510px; width: 220px; height: 19px; padding-left: 5px;}
.textb { font-size: 10px; background-color: #e5e5e5; border: 1px solid #666666; width: 131px; height: 19px; text-align: left;}
.textc { font-size: 10px; line-height:150%; font-family:trebuchet MS, veranda, arial; text-decoration:none; background-color: #e5e5e5; border: 1px solid #666666; position: absolute; left: 510px; width: 220px; padding-left: 5px;}