html { height:100%; } body { background: #063877 url(../img/background_2560x1600.jpg) no-repeat center top; color: #333; font-size: 11px; padding: 0px; height: 100%; } a { color: #fff; text-decoration: none; } a:hover { text-decoration: underline; } a:active {outline:none;} a:focus {-moz-outline-style:none;} h1 { font-size:26px;color:#333; font-weight:normal; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; margin-left:10px;margin-top:10px; margin-bottom: 0px;border-bottom:1px dashed #ccc; } h2 { font-size:20px;color:#333; font-weight:normal; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; margin-left:10px; margin-bottom: 0px;} h3.blueHeader { font-size:16px;color:#2379B5; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; margin-top:13px; padding-bottom:3px;margin-bottom: 5px;border-bottom:1px dashed #ccc; } #wrap {min-height: 100%;} #main {overflow:auto; padding-bottom: 89px;} /* must be same height as the footer */ .container_16 { margin-top:0px; } div#topNav { height: 55px; } #footerWrap { margin-top: -89px; /* negative value of footer height */ height: 89px; clear:both; margin-left: auto; margin-right: auto; width: 860px; } /*Opera Fix*/ body:before { content:""; height:100%; float:left; width:0; margin-top:-32767px;/ } ul.topNavigation { width:860px;height: 38px; background: transparent url(../img/bg_topNav.png) no-repeat; margin-left: 50px; margin-top:0px;margin-bottom:none; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; text-transform: uppercase;} ul.topNavigation li { display: inline;} ul.topNavigation li a:focus { outline: 0; } ul.topNavigation li.topNavOne a { background: transparent url('../img/bg_topNavTab.png') 0px -39px no-repeat; color: #aaa; float: left; display: block; width:121px; height: 38px; text-align: center; line-height: 28px; text-decoration: none; font-size:11px; margin-left:25px;border:0px;} ul.topNavigation li.topNavOne a.selected, ul.topNavigation li.topNavOne a:hover { background: transparent url('../img/bg_topNavTab.png') 0px 0px no-repeat; color: #fff; text-decoration: none; } ul.topNavigation li.topNavTwo a { background: transparent url('../img/bg_topNavTab.png') -122px -39px no-repeat; color: #aaa; float: left; display: block; width:91px; height: 38px; text-align: center; line-height: 28px; text-decoration: none; font-size:11px; margin:0px; } ul.topNavigation li.topNavTwo a.selected, ul.topNavigation li.topNavTwo a:hover { background: transparent url('../img/bg_topNavTab.png') -122px 0px no-repeat; color: #fff; text-decoration: none; } ul.topNavigation li.feedback a { background: transparent url('../img/bg_topNavTab.png') -212px -39px no-repeat; color: #aaa; float: left; display: block; width:80px; height: 38px; text-align: center; line-height: 28px; text-decoration: none; font-size:11px; margin-left:515px; } ul.topNavigation li.feedback a:hover { background: transparent url('../img/bg_topNavTab.png') -212px 0px no-repeat; color: #fff; text-decoration: none; } ul.topNavigation li.rules a { color: #fff; float: left; display: block; width:80px; height: 38px; text-align: center; line-height: 28px; text-decoration: none; font-size:11px; margin-left:655px;text-transform: none; } ul.topNavigation li.pipe { color: #aaa; float: left; display: block; width:5px; height: 38px; text-align: center; line-height: 28px; text-decoration: none; font-size:11px; text-transform: none; } ul.topNavigation li.privacy a { color: #fff; float: left; display: block; width:100px; height: 38px; text-align: center; line-height: 28px; text-decoration: none; font-size:11px; text-transform: none; } ul.middleNavigation { width:860px;height: 138px; margin-left: -15px; margin-top:0px;margin-bottom:none; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; color:#2379B5;} ul.middleNavigation li { display: inline;} ul.middleNavigation li a:focus { outline: 0; } div.middleNavExplore ul.middleNavigation li.middleNavOne a { background: transparent url('../img/bg_middleTabs_explore.png') 0px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavTwo a { background: transparent url('../img/bg_middleTabs_explore.png') -286px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavThree a { background: transparent url('../img/bg_middleTabs_explore.png') -572px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavOne a:hover { background: transparent url('../img/bg_middleTabs_explore.png') 0px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavTwo a:hover { background: transparent url('../img/bg_middleTabs_explore.png') -286px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavThree a:hover { background: transparent url('../img/bg_middleTabs_explore.png') -572px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavOne a.selected { background: transparent url('../img/bg_middleTabs_explore.png') 0px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavTwo a.selected { background: transparent url('../img/bg_middleTabs_explore.png') -286px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExplore ul.middleNavigation li.middleNavThree a.selected { background: transparent url('../img/bg_middleTabs_explore.png') -572px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavOne a { background: transparent url('../img/bg_middleTabs_deploy.png') 0px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavTwo a { background: transparent url('../img/bg_middleTabs_deploy.png') -286px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavThree a { background: transparent url('../img/bg_middleTabs_deploy.png') -572px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavOne a:hover { background: transparent url('../img/bg_middleTabs_deploy.png') 0px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavTwo a:hover { background: transparent url('../img/bg_middleTabs_deploy.png') -286px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavThree a:hover { background: transparent url('../img/bg_middleTabs_deploy.png') -572px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavOne a.selected { background: transparent url('../img/bg_middleTabs_deploy.png') 0px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavTwo a.selected { background: transparent url('../img/bg_middleTabs_deploy.png') -286px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavDeploy ul.middleNavigation li.middleNavThree a.selected { background: transparent url('../img/bg_middleTabs_deploy.png') -572px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavOne a { background: transparent url('../img/bg_middleTabs_enterprise.png') 0px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavTwo a { background: transparent url('../img/bg_middleTabs_enterprise.png') -286px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavThree a { background: transparent url('../img/bg_middleTabs_enterprise.png') -572px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavOne a:hover { background: transparent url('../img/bg_middleTabs_enterprise.png') 0px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavTwo a:hover { background: transparent url('../img/bg_middleTabs_enterprise.png') -286px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavThree a:hover { background: transparent url('../img/bg_middleTabs_enterprise.png') -572px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavOne a.selected { background: transparent url('../img/bg_middleTabs_enterprise.png') 0px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavTwo a.selected { background: transparent url('../img/bg_middleTabs_enterprise.png') -286px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavEnterprise ul.middleNavigation li.middleNavThree a.selected { background: transparent url('../img/bg_middleTabs_enterprise.png') -572px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavOne a { background: transparent url('../img/bg_middleTabs_exploredev.png') 0px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavTwo a { background: transparent url('../img/bg_middleTabs_exploredev.png') -286px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavThree a { background: transparent url('../img/bg_middleTabs_exploredev.png') -572px -277px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavOne a:hover { background: transparent url('../img/bg_middleTabs_exploredev.png') 0px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavTwo a:hover { background: transparent url('../img/bg_middleTabs_exploredev.png') -286px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavThree a:hover { background: transparent url('../img/bg_middleTabs_exploredev.png') -572px -139px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavOne a.selected { background: transparent url('../img/bg_middleTabs_exploredev.png') 0px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavTwo a.selected { background: transparent url('../img/bg_middleTabs_exploredev.png') -286px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} div.middleNavExploreDev ul.middleNavigation li.middleNavThree a.selected { background: transparent url('../img/bg_middleTabs_exploredev.png') -572px 0px no-repeat; color:#2379B5; float: left; display: block; width:256px; height: 108px; line-height: 23px; text-decoration: none; font-size:16px; margin-left:0px;border:0px; padding-top:30px;padding-left:30px;} #logo { margin-top:0px; margin-left:50px; margin-bottom:20px; } div.bingBox { margin-left:90px; margin-top:-27px; width:220px; } #adboxOne { margin-left:50px; width:720px; height:90px; color:#fff; text-align:center; background: transparent url('../img/bg_adbox.png') repeat; } #adboxTwo { margin-left:8px; width:120px; height:90px; color:#fff; text-align:center; background: transparent url('../img/bg_adbox.png') repeat; } p.pillarHead { color:#fff; margin-top:25px; font-size: 20px; font-weight:normal; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; } div.whitebox { background:#fff; margin-top:0px; margin-left:40px; margin-right:40px; padding-left:15px; padding-right:15px; padding-top: 10px; padding-bottom:0px; } div.whiteboxTop, div.whiteboxBottom, div.thirdBoxBottom { margin-top:0px; margin-left:40px; margin-right:40px; } div.whiteboxTopFooter { margin-top:25px; margin-left:-10px; } div.thirdBoxTop { margin-top:25px; margin-left:40px; margin-right:40px; } .overviewHeader { padding: 0px 0px 15px 0px; border-bottom:1px dashed #ccc; height:30px; } .overviewHeader p { font-size:20px; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; display: inline; margin-top:15px; margin-left:10px; } .vidLink { margin-left:700px; margin-top:-22px; } .overviewLink { margin-left:730px; margin-top:-22px; } .vidLink a { display:block; font-size:12px; height:21px; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; padding-left:0px; padding-right:40px; padding-top:0px; padding-bottom:0px; color:#2379B5; background:url(../img/icon_arrow_blue.png) no-repeat 90px 1px; } .overviewLink a { display:block; font-size:12px; height:21px; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; padding-left:0px; padding-right:40px; padding-top:0px; padding-bottom:0px; color:#2379B5; background:url(../img/icon_arrow_blue.png) no-repeat 55px 1px; } .lib_data_video_launch { color:#fff; font-weight:normal; } p.leader {font-size:12px;margin-bottom:20px;line-height:20px;} p.leaderSmall {font-size:9px;margin-bottom:20px;line-height:15px;} p.leader a, p.leaderSmall a {color:#2379B5;} .strong {font-weight:bold;} div#playerBox { display:block;width:405px; height:326px;padding:0px; border-right: 1px dashed #ccc;padding-top:15px; } body.win div#playerBox { display:block;width:405px; height:405px;padding:0px; border-right: 1px dashed #ccc;padding-top:15px; } div.playerBoxWrap { display:block;width:415px; height:326px;padding:0px; padding-top:10px; } div.playerBoxWrap a.wmvLink { display:block;width:367px; height:37px;padding:0px; color:#519ddf; font-size:14px; margin-left:0px; padding-top:20px;text-align:center;border:none; background:#000;} div.playerBoxWrap a img { display:block;width:367px; height:219px;padding:0px; color:#519ddf; font-size:14px; margin-top:0px;margin-left:0px; border:none; background:#000;} .vidTitle { margin-left:16px; margin-top:3px; font-size: 12px; } .silverlightControlHost {margin-top:5px;padding-left:15px;} div.rightBox { float:right; margin-top:10px;width:405px; } .rightBox div.iconRight {height:40px;} .rightBox div.iconLinks { font-size: 12px; font-weight: bold; width:130px; margin-left:5px; line-height: 18px; float:left; } .rightBox div.iconLinks a { color:#2379B5; font-weight: normal; } .rightBox div.icon { height:34px; width:34px; float:left; } div.iconLeft div.iconO { font-size: 12px; width:180px; margin-left:25px; line-height: 18px; height:88px; float:left; text-align: center; border-right:1px dashed #ccc; } div.iconLeft div.iconB { font-size: 12px; width:180px; margin-left:0px; line-height: 18px; height:88px; float:left; text-align: center; } a.iconOrange { color:#fff; font-weight: normal; font-size: 17px; width:152px; height:36px; line-height: 18px; text-align: center; margin-top:10px; margin-left:14px; padding-top:13px; float:left; display:block; background:url(../img/iconOrangeBlack.png) no-repeat 0px 0px; } a.iconBlack { color:#fff; font-weight: normal; font-size: 17px; width:152px; height:36px; line-height: 18px; text-align: center; margin-top:10px; margin-left:14px; padding-top:13px; float:left; display:block; background:url(../img/iconOrangeBlack.png) no-repeat -152px 0px; } a.iconOrange:hover { text-decoration:none; background:url(../img/iconOrangeBlack.png) no-repeat -152px 0px; } a.iconBlack:hover { text-decoration:none; background:url(../img/iconOrangeBlack.png) no-repeat 0px 0px; } .thirdBox { float: left; width: 270px; min-height:235px; margin-left:40px; margin-top:0px;margin-bottom:0px; background: #fff; } .thirdBoxLast {float: left; width: 270px; min-height: 235px; margin-top:0px; margin-left:25px; background: #fff; } .thirdBox p, .thirdBoxLast p {padding:15px 15px 0px 15px; color:#333; font-size:12px; } .thirdBox p a, .thirdBoxLast p a {color:#333; } .thirdBox ul, .thirdBoxLast ul {margin-top:10px;margin-left:20px; padding-left:0px; } .thirdBox ul li, .thirdBoxLast ul li {list-style: none;} .thirdBox ul li a, .thirdBoxLast ul li a {color:#333; display:block;font-size:12px; margin-top:2px;margin-bottom:2px; padding-left:25px; } .thirdBox ul li a:hover, .thirdBoxLast ul li a:hover {text-decoration: underline;} .thirdBox ul li a.arrowLI, .thirdBoxLast ul li a.arrowLI {color:#2379B5; padding-left:25px; background: url('../img/icon_green_arrow.png') 0px 3px no-repeat; } .thirdHead { height:90px; margin-top:0px;margin-left:15px;margin-right:15px; padding-bottom:10px;border-bottom: 1px dashed #ccc; } body.sub .thirdHead { height:70px; margin-top:0px;margin-left:20px;margin-right:15px; padding-left:25px;padding-bottom:10px;border-bottom: 1px dashed #ccc; } .thirdHead p { font-size:16px;color:#2379B5; font-family: 'Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; padding-left:0px;padding-bottom: 10px; height:80px;margin-left:0px; } .thirdHead p a { font-size:16px;color:#2379B5; } .thirdBox a, .thirdBoxLast a, .thirdHead p a:hover { color:#aaa; text-decoration: none;} .thirdHead img { float:right; margin-top:20px; } body.sub .thirdHead img { float:right; margin-top:5px; } .learnMore { float:right; margin-right:15px; width:160px; height:40px;margin-bottom:5px; } .learnMore a { font-size:15px; line-height:20px; color:#2379B5; display:block;background: url(../img/icon_arrow_blue.png) 120px 0px no-repeat; font-family: 'Segoe UI Semibold','Segoe UI', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; } .learnMore a:hover {text-decoration:underline; color:#333; background: url(../img/icon_arrow_blue.png) 120px -20px no-repeat; } .learnMore a img { border:0px; vertical-align: bottom; margin-left:5px;} div.toolbox { background: #fff; margin-top:35px; border:1px solid #fff; padding: 0px 0px; } .toolbox h2 { padding:15px 20px; border-bottom:1px dashed #ccc; } .third { float: left; width: 250px; margin-left: 15px; margin-bottom:20px; } .rightBox ul {margin-left:20px; padding-left:0px; } .rightBox ul li {list-style: bullet; margin-bottom:5px;} .rightBox ul li a {color:#2379B5; } #containerFoot, .push { height: 4em; clear: both; border:1px solid green; } div#footer { background: #fff; margin-bottom:0px; height:60px; margin-left:-10px; width:860px; } #footerLinks { text-align: center; vertical-align: top; padding-bottom:0px; padding-top:18px; margin-left:40px; } #footerLogos { vertical-align: top; margin-left:440px; margin-top:-25px; } #footer a { color:#000; padding-left:4px; padding-right:4px; } /* Tabs -------------------------------------------------------------- */ .tabs { background: transparent; } .tabWindow { display:none;} ul.tabNavigation { height: 35px; background: transparent; margin-left: 70px; margin-top:10px; } ul.tabNavigation li { text-transform:uppercase; display: inline;} ul.tabNavigation li a:focus { outline: 0; } ul.tabNavigation li a { background: transparent url('../img/bg_mainNav_tabs.png') 0px -76px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 102px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li.two a { background: transparent url('../img/bg_mainNav_tabs.png') 0px -76px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 102px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li.three a { background: transparent url('../img/bg_mainNav_tabs.png') 0px -76px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 101px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li.four a { background: transparent url('../img/bg_mainNav_tabs.png') -101px -76px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 160px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li a:hover { background: transparent url('../img/bg_mainNav_tabs.png') 0px -37px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 102px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li.two a:hover { background: transparent url('../img/bg_mainNav_tabs.png') 0px -37px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 102px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li.three a:hover { background: transparent url('../img/bg_mainNav_tabs.png') 0px -37px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 101px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li.four a:hover { background: transparent url('../img/bg_mainNav_tabs.png') -101px -37px no-repeat; color: #fff; float: left; display: block; height: 35px; width: 160px; text-align: center; line-height: 35px; text-decoration: none; font-size:12px; margin:0px;border:0px;} ul.tabNavigation li a.selected { background: transparent url('../img/bg_mainNav_tabs.png') 0px 0px no-repeat; color:#fff; text-decoration: none; } ul.tabNavigation li.two a.selected{ background: transparent url('../img/bg_mainNav_tabs.png') 0px 0px no-repeat; color:#fff; text-decoration: none;} ul.tabNavigation li.three a.selected { background: transparent url('../img/bg_mainNav_tabs.png') -0px 0px no-repeat; color:#fff; text-decoration: none;} ul.tabNavigation li.four a.selected { background: transparent url('../img/bg_mainNav_tabs.png') -101px 0px no-repeat; color:#fff; text-decoration: none; } ul.shareMenu {margin-left:25px; width:51px;} ul.shareMenu li { display: inline; } ul.shareMenu li a.addthis_button { background: transparent url('../img/button_share.png') 0px 0px repeat-x; float: left; display: block; width:23px; height:23px; padding-top:0px; text-indent: -9000px; margin-top:4px;margin-left: 0px;} ul.shareMenu li a.addthis_button:hover { background: transparent url('../img/button_share.png') 0px -23px repeat-x; float: left; display: block; width:23px; height:23px; padding-top:0px;} ul.shareMenu li a.rss_button { background: transparent url('../img/button_rss.png') 0px 0px no-repeat; float: left; display: block; width:23px; height:23px; padding-top:0px;text-indent: -9000px;margin-top:4px; margin-left: 5px;} ul.shareMenu li a.rss_button:hover { background: transparent url('../img/button_rss.png') 0px -23px no-repeat; float: left; display: block; width:23px; height:23px; padding-top:0px;} /* navigation */ #nav1, #nav2, #nav3, #nav4, #nav5 { width:221px; margin-left: 0px; background: transparent url('../img/bg_nav2.png') repeat-y;} } #nav1 ul, #nav2 ul, #nav3 ul, #nav4 ul, #nav5 ul { width:221px; height:270px; padding-top:15px; } #subnavProductivity #nav2 {height:360px; padding-top:20px; } #subnavSecurity #nav2 {height:260px; padding-top:20px; } #subnavManagement #nav2 {height:280px; padding-top:20px; } #subnavDeployment #nav2 {height:400px; padding-top:20px; } #subnavCompatibility #nav2 {height:370px; padding-top:20px; } #subnavManageability #nav2 {height:280px; padding-top:20px; } #subnavIE8 #nav2 {height:600px; padding-top:20px; } #subnavOptimization #nav2 {height:480px; padding-top:20px; } #subnavVirtualization #nav2 {height:480px; padding-top:20px; } #subnavCompatible #nav2 {height:320px; padding-top:20px; } #nav1 li, #nav2 li, #nav3 li, #nav4 li, #nav5 li { padding-left:0px; width:221px; list-style-type:none; text-align:left; text-transform: uppercase; padding-top:5px; } #nav1 a, #nav2 a, #nav3 a, #nav4 a, #nav5 a { background:url(../img/bg_sideNav_tabs.png) 0px -37px; color:#fff; display:block; padding: 9px 15px; position:relative; font-size:12px; text-decoration:none; } #nav1 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover, #nav5 a:hover { background:url(../img/bg_sideNav_tabs.png) 0px -74px; color:#fff; display:block; padding: 9px 15px; position:relative; font-size:12px; text-decoration:none; } #nav1 a.current, #nav2 a.current, #nav3 a.current, #nav4 a.current, #nav5 a.current { background:url(../img/bg_sideNav_tabs.png) 0px 0px; border-right:none; color:#fff; } /* panes */ #panes1, #panes2, #panes3, #panes4, #panes5 { background:#fff; border:1px solid #fff; width:560px; left:290px; top:195px; /* must be relative so the individual panes can be absolutely positioned */ position:absolute; } .clearDash { clear: both; display: block; overflow: hidden; height: 1px; border-top:1px dashed #ccc; } /* crossfading effect needs absolute positioning from the elements */ #panes1 div.subPoints, #panes2 div.subPoints, #panes3 div.subPoints, #panes4 div.subPoints, #panes5 div.subPoints { display:none; position:absolute; top:0px; left:15px; color:#444; width:578px; } .subPointsHeader { color: #2379B5; font-size: 16px; margin-top:18px; padding-bottom:7px; border-bottom:1px dashed #ccc; } .subPoints p { width:563px; } .subPoints ul { margin-top:0px; width:340px; line-height: 20px; font-size:12px; } #panes1 p, #panes2 p, #panes3 p, #panes4 p, #panes5 p { font-size:12px; } #panes1 div.iconWrap, #panes2 div.iconWrap, #panes3 div.iconWrap, #panes4 div.iconWrap { margin-top:25px; margin-bottom:20px; min-height:40px; } #panes1 div.iconWrap2, #panes2 div.iconWrap2, #panes3 div.iconWrap2, #panes4 div.iconWrap2 { margin-top:25px; margin-bottom:20px; min-height:50px; } #panes1 div.iconWrap3, #panes2 div.iconWrap3, #panes3 div.iconWrap3, #panes4 div.iconWrap3 { margin-top:25px; margin-bottom:20px; min-height:120px; } #panes1 div.icon, #panes2 div.icon, #panes3 div.icon, #panes4 div.icon { height:34px; width:34px; float:left; } #panes1 div.iconLinksTest, #panes2 div.iconLinksTest, #panes3 div.iconLinksTest, #panes4 div.iconLinksTest { font-size: 12px; font-weight: bold; width:150px; margin-left:5px; line-height: 18px; float:left; } #panes1 div.iconLinks, #panes2 div.iconLinks, #panes3 div.iconLinks, #panes4 div.iconLinks { font-size: 12px; font-weight: bold; width:150px; margin-left:5px; line-height: 18px; float:left; } div.iconLinksWide { font-size: 12px; font-weight: bold; width:176px; margin-left:5px; line-height: 18px; float:left; } #panes1 div.iconLinks a, #panes2 div.iconLinks a, #panes3 div.iconLinks a, #panes4 div.iconLinks a, #panes1 div.iconLinksTest a, #panes2 div.iconLinksTest a, #panes3 div.iconLinksTest a, #panes4 div.iconLinksTest a, div.iconLinksWide a { color:#2379B5; font-weight: normal; } #panes1 div.iconLinks .noLink, #panes1 div.iconLinksTest .noLink, #panes2 div.iconLinks .noLink, #panes2 div.iconLinksTest .noLink, #panes3 div.iconLinks .noLink, #panes3 div.iconLinksTest .noLink, #panes4 div.iconLinks .noLink, #panes4 div.iconLinksTest .noLink { font-weight: normal; color:#aaa; }