@charset "UTF-8";
/* CSS Document */
/* !NAVIGATION ================================ line-height:44px;*/
 ul.navigation ul,  ul.navigation li, ul.navigation h5 {margin:0; padding:0;}
 ul.navigation { position:absolute; top:75px; left:350px; z-index:30; }
ul.navigation > li { float:left; margin:0 10px; padding:0; text-align:center;  height:44px; padding-top:3px; position:relative; min-width:75px; }
ul.navigation > li > a { font-family:'PT Sans Narrow', sans-serif; font-size:16px; color:#b2b8b9; text-align:center; text-decoration:none; font-weight:400; line-height:35px; }
ul.navigation > li:hover { background:url(/main/images/header_nav-over5.png) no-repeat top center; }
ul.navigation > li:hover > a { color:#fff; }
ul.navigation > li:hover > .subMenu { display:block; }

/* !SubNavigation =========================== */
ul.navigation div.subnav a { height:25px; border-bottom:1px solid #efefef; display:block; font-size:11px; color:#888; line-height:25px; white-space:nowrap; text-decoration:none; }
ul.navigation div.subnav ul { margin-right:20px; }
ul.navigation li.sfxProducts div.subnav { width:570px; height:250px; }
ul.navigation li.sfxProducts div.subnav ul { float:left; width:190px; }

ul.navigation div.subMenu, ul.navigation div.subnav { text-align:left; display:none; clear:left; z-index:100; margin:0; padding:0px;  min-width:150px; position:absolute; top:44px; left:0; list-style:none; background-image:url(/common/images/layout/submenu_bg.jpg); border-top:2px solid #e1e8eE; border-left:1px solid #C9D4DC; border-right:1px solid #A7AEB3; border-bottom:1px solid #889097; }
ul.navigation div.subMenu {padding-bottom:10px;}
ul.navigation .subMenu a {color: #557596; font-size:11px; line-height:24px; text-decoration:none;}
ul.navigation .subMenu a:hover {color: #69c !important; text-decoration:underline;}

ul.navigation .subMenu ul {margin-bottom:0px;}

ul.navigation .subMenu h5 {color: #2d3945; font-size:10px; text-transform:uppercase; line-height:10px;  padding-top:5px;}
ul.navigation .subMenu > ul {padding-left:15px; padding-top:5px;}
ul.navigation .prodPlatform {width:460px; overflow:hidden;}

ul.navigation .prodPlatform > li {float:left; width:150px;  height:230px; display:block;}
ul.navigation .prodPlatform > li > ul {width:150px; w\idth:120px; padding:0 15px; margin-top:8px;  height:170px; height:auto!important; min-height:170px; overflow:hidden;}
ul.navigation .prodPlatform .development ul, .prodPlatform .mobility ul {border-right:1px solid #fff;}
ul.navigation .prodPlatform .mobility ul, .prodPlatform .sharepoint ul {border-left:1px solid #e2e9f2;}
ul.navigation .prodPlatform > .development ul {margin-left:0px;width:165px; w\idth:135px; padding-left:0;}
ul.navigation .prodPlatform > .mobility ul {margin-left:-1px;}
ul.navigation .prodPlatform > .sharepoint ul {margin-left:-1px;}

ul.navigation .prodPlatform .development h5{margin-left:-5px;}
ul.navigation .prodPlatform .mobility h5, ul.navigation .prodPlatform .sharepoint h5 {margin-left:10px;}

ul.navigation .product .studioFXCallOut { cursor:pointer; background: url(/main/images/menu_studioCallout.png) no-repeat top left; margin-left:-1px; width:475px; margin-top:-25px;  position:absolute; height:0px; overflow:hidden; display:none;border-left: 1px solid #C9D4DC;border-right: 1px solid #A7AEB3;border-bottom: 1px solid #889097; }
ul.navigation .studioFXCallOut p {color: #d3e5fd; font-size:11px; margin:24px 0 0 10px; padding-bottom:0;}
ul.navigation .studioFXCallOut a { text-transform:uppercase; font-size:12px; text-decoration:underline; color: #88b3ff; margin-left:15px; line-height:14px; text-shadow:#000 0px 1px 0px;-moz-text-shadow:#000 0px 1px 0px;-webkit-text-shadow:#000 0px 1px 0px;zoom:1;}
ul.navigation .studioFXCallOut a:hover {text-decoration:underline; color: #88b3ff;}

#ulProducts { position:relative; }
#ulProducts #ulVSProducts,#ulProducts #ulWPFProducts { width:165px; }
#ulProducts #ulWPFProducts { position:absolute; top:135px; left:0;}
#ulProducts #ulSPProducts { position:absolute; top:0; left:180px; }
#ulProducts #ulPSProducts { position:absolute; top:82px; left:180px; }
#ulProducts #ulCTRXProducts { position:absolute; top:135px; left:180px; }
#ulProducts #ulSQLProducts { position:absolute; top:190px; left:180px; }
#ulProducts #ulJavaProducts { position:absolute; top:0; left:380px; }
#ulProducts #ulCOMProducts { position:absolute; top:82px; left:380px; }
#ulProducts #ulCOMProducts a {line-height:18px; height:25px;}
#ulProducts #ulDevProducts { position:absolute; top:135px; left:380px; }
ul.navigation div.subnav a:hover { text-decoration:underline; color:#278BED; }
ul.navigation div.subnav h3 a { font-family:Arial, Helvetica, sans-serif; color:#72A0CA; display:block; margin:0; height:25px; line-height:16px; padding:0; font-size:13px; border-bottom:none; }
ul.navigation div.subnav ul li a.lastMenuItem {border-bottom:none;}

/* ! New Footer Styles */
#divFooterContainer ul, #divFooterContainer li, #divFooterContainer h5 {margin:0; padding:0;}
#divFooterContainer {height:auto !important;}
#divFooter > p {font-size:10px; line-height:18px; color:#777; padding:0 0 0 30px; margin:0;}
#divFooter #FooterLogo {margin-left:30px;}
#divFooter > p.sfxCopyright {color: #c0c0c0;}

#divFooter div.footerLinks { width:970px; height:278px; background:url(/main/images/siteFooter_BG.png) no-repeat top left; padding:20px 0; margin: 20px 0; font-size:10px; line-height:18px;}

#divFooter div.footerLinks { width:970px; height:278px; background:url(/main/images/siteFooter_BG.png) no-repeat top left;}
#divFooter div.footerLinks > ul{display:block; height:185px;}
#divFooter div.footerLinks a {line-height:18px;}
#divFooter div.footerLinks  li.mainNav {float:left; width:150px; margin-left:30px; }
#divFooter div.footerLinks  li.productNav {float:left; width:545px; margin-top:1px; position:relative;}
#divFooter div.footerLinks  li.siteNav {float:left; width:150px;}

#divFooter .productNav ul li a { color: #83a4c4;}
#divFooter .productNav ul li a:hover { color: #369;}

#divFooter .productNav .developmentNav {float:left; width:195px;}
#divFooter .productNav .mobilityNav {float:left; width:170px;}
#divFooter .productNav .sharepointNav {float:left; width:120px;}

#divFooter .mainNav, #divFooter .siteNav, #divFooter div.footerLinks  li h5 { color: #c0c0c0; text-transform: uppercase;}
#divFooter div.footerLinks h5 {font-size:10px; padding-bottom:0;}
#divFooter .mainNav a, #divFooter .siteNav a {color: #777; }
#divFooter .mainNav a:hover, #divFooter .siteNav a:hover {color: #c0c0c0;}

#divFooter .productLogos {clear:both; position:relative; height:68px; display:block;}
#divFooter .productLogos li {float:left;display:block; height: 68px;margin-right:5px;}


#divFooter .productLogos li a{ display:block; height: 68px; background-position: left center; background-repeat:no-repeat; cursor:pointer; text-indent:-9999px; background: url(/main/images/footer_prodLogos.png) no-repeat top left; }

#divFooter .productLogos .studioFX {  width: 461px;}
#divFooter .productLogos .studioFX a {background-image:url(/main/images/studioFX_footer.png); width: 461px;}

#divFooter .productLogos .chartFX {width:65px;}
#divFooter .productLogos .chartFX a{width:65px; background-position: 0 20px; }

#divFooter .productLogos .jchartFX {width:74px;}
#divFooter .productLogos .jchartFX a{width:74px; background-position: -66px 20px; }

#divFooter .productLogos .gridFX {width:65px;}
#divFooter .productLogos .gridFX a{width:65px; background-position: -136px 20px; }

#divFooter .productLogos .dataparts {width:85px;}
#divFooter .productLogos .dataParts a{ width:85px; background-position: -296px 20px;}

#divFooter .productLogos .VTC { width:45px;}
#divFooter .productLogos .VTC a{ width:45px; background-position: -380px 20px;}

#divFooter .productLogos .powerGadgets { width:95px;}
#divFooter .productLogos .powerGadgets a{  width:95px;background-position: -200px 20px;}