/* Common styles used throughout the site. These are primarily redefinitions of HTML tags. */ body { font-family: arial,verdana,sans-serif; font-size: 13px; color: #4d525f; padding: 0; background-color: #f7f6f7; background-image: url(../images/common/bg_body.gif); background-repeat: repeat-x; margin: 0; } p { line-height: 19px; margin: 0 0 20px 0; } img { display: block; border: 0; } table { padding: 0; border: 0; border-collapse: collapse; } td, th { vertical-align: top; padding: 0; border: 0; } a { color: #4d525f; text-decoration: none; } a:focus, a:hover, a:active { outline: none; } a:hover { text-decoration: underline; } ul, ol { padding: 0; margin: 0; list-style: none; } li { padding: 0; } form { padding: 0; margin: 0; } object { padding: 0; margin: 0; } embed { padding: 0; margin: 0; } input:focus { outline: none; } sup { vertical-align: top; font-size: 75%; } sup { position: relative; vertical-align: 0; } sup { bottom: 0.4em; } h1 { font-size: 24px; padding: 0; margin: 0; } h2 { font-size: 18px; padding: 0; margin: 0; } h3 { font-size: 13px; font-weight: bold; color: #000; padding: 0; margin: 0; } /* Primary layout styles */ #page { position: relative; width: 992px; margin-left: auto; margin-right: auto; } #page { padding: 0 8px 0 8px; background-image: url(../images/common/bg_page.png); background-position: top left; background-repeat: repeat-y; } #content { width: 992px; min-height: 700px; background-color: #fff; } #content:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; } div.wrapper { width: 100%; } div.wrapper:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; } #mask { position: absolute; display: none; width: 992px; height: 100px; background-color: #000; margin: 0 auto 0 auto; filter: alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50; z-index: 102; } div.caption { font-size: 12px; color: #646976; margin: 5px 0 0 0; } .hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; } .keep { white-space: nowrap; } /* Header styles */ #header { width: 992px; height: 44px; background-image: url(../images/common/bg_header.gif); } #header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; } #header #logo { position: absolute; width: 300px; height: 20px; margin: 10px 0 0 18px; } #header #navUpper { float: right; margin: 15px 0 0 0; } #header #navUpper ul li { float: left; font-size: 11px; padding: 0 6px 0 0; border-right: 1px solid #7f002a; margin: 0 6px 0 0; } #header #navUpper ul li.last { border: none; } #header #navUpper ul li a { color: #fff; } #header #navUpper ul li a:hover { color: #fff; text-decoration: underline; } #nav { width: 992px; height: 35px; } #nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; } #nav ul li { float: left; height: 35px; background-image: url(../images/common/nav_sprite.gif); background-repeat: no-repeat; } #nav ul li a { float: left; height: 0; padding: 36px 0 0 0; overflow: hidden; } #nav ul li.home { width: 66px; background-position: 0px 0px; } #nav ul li.letter { width: 167px; background-position: -66px 0px; } #nav ul li.views { width: 161px; background-position: -233px 0px; } #nav ul li.people { width: 142px; background-position: -394px 0px; } #nav ul li.doing { width: 142px; background-position: -536px 0px; } #nav ul li.highlights { width: 150px; background-position: -678px 0px; } #nav ul li.info { width: 164px; background-position: -828px 0px; } #nav ul li.home a { width: 66px; } #nav ul li.letter a { width: 167px; } #nav ul li.views a { width: 161px; } #nav ul li.people a { width: 142px; } #nav ul li.doing a { width: 142px; } #nav ul li.highlights a{ width: 150px; } #nav ul li.info a { width: 164px; } #nav ul li.home:hover { background-position: 0px -35px; } #nav ul li.letter:hover { background-position: -66px -35px; } #nav ul li.views:hover { background-position: -233px -35px; } #nav ul li.people:hover { background-position: -394px -35px; } #nav ul li.doing:hover { background-position: -536px -35px; } #nav ul li.highlights:hover { background-position: -678px -35px; } #nav ul li.info:hover { background-position: -828px -35px; } #home #nav ul li.home { background-position: 0px -35px; } #letter #nav ul li.letter { background-position: -66px -35px; } #views #nav ul li.views { background-position: -233px -35px; } #people #nav ul li.people { background-position: -394px -35px; } #doing #nav ul li.doing { background-position: -536px -35px; } #highlights #nav ul li.highlights { background-position: -678px -35px; } #info #nav ul li.info { background-position: -828px -35px; } #nav ul li.people div { position: absolute; display: none; width: 147px; height: 234px; margin: 35px 0 0 -1px; overflow: hidden; z-index: 100; } #nav ul li.people div { *margin-left: -143px; } #nav ul li.people:hover div { display: block; } #nav ul li.people div ul li { background-image: url(../images/common/dropdown_sprite.png); background-repeat: no-repeat; } #nav ul li.people div ul li.people0 { height: 76px; background-position: 0px 0px; } #nav ul li.people div ul li.grow { height: 89px; background-position: 0px -76px; } #nav ul li.people div ul li.partner { height: 69px; background-position: 0px -165px; } #nav ul li.people div ul li.people0:hover { background-position: -147px 0px; } #nav ul li.people div ul li.grow:hover { background-position: -147px -76px; } #nav ul li.people div ul li.partner:hover { background-position: -147px -165px; } #nav ul li.people div ul li a { float: left; width: 147px; padding: 0 0 0 148px; overflow: hidden; } #nav ul li.people div ul li.people0 a { height: 76px; } #nav ul li.people div ul li.grow a { height: 89px; } #nav ul li.people div ul li.partner a { height: 69px; } /* Footer styles */ #footer { font-size: 10px; color: #646976; padding: 10px 0 10px 20px; background-color: #c4c9cb; } /* Home styles */ #home #content { min-height: 0px; } #home div.sideNav { float: left; width: 331px; height: 527px; border-top: 1px solid #ebecec; overflow: hidden; } #home div.sideNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; } #home div.sideNav ul li { float: left; width: 331px; background-image: url(../images/home/sidenav_sprite.gif); background-repeat: no-repeat; } #home div.sideNav ul li a { float: left; width: 331px; padding: 0 0 0 331px; overflow: hidden; } #home div.sideNav ul li.why { height: 166px; background-position: 0px 0px; } #home div.sideNav ul li.how { height: 197px; background-position: 0px -166px; } #home div.sideNav ul li.what { height: 164px; background-position: 0px -363px; } #home div.sideNav ul li.why a { height: 166px; } #home div.sideNav ul li.how a { height: 197px; } #home div.sideNav ul li.what a { height: 164px; } #home div.sideNav ul li.why:hover { background-position: -331px 0px; } #home div.sideNav ul li.how:hover { background-position: -331px -166px; } #home div.sideNav ul li.what:hover { background-position: -331px -363px; } #home div.main { float: left; width: 661px; height: 528px; background-image: url(../images/home/bg_main.gif); overflow: hidden; } #home div.main h1 { width: 415px; height: 101px; text-indent: -10000px; background-image: url(../images/home/head_whatsnext.png); margin: 123px 0 0 128px; } #home div.main h2 { width: 359px; height: 80px; text-indent: -10000px; background-image: url(../images/home/subhead_transforming.png); margin: 67px 0 0 158px; } #home div.button { margin: 30px 0 0 240px; } /* Letter to Shareholders styles */ body#letter {background-attachment: fixed; } #letter #header { position: fixed; z-index: 101; } #letter #nav { position: fixed; margin: 44px 0 0 0; z-index: 101; } #letter div.intro { position: fixed; width: 992px; height: 245px; background-image: url(../images/letter/intro.png); margin: 79px 0 0 0; z-index: 101; } #letter div.intro div.button { position: absolute; cursor: pointer; margin: 182px 0 0 256px; } #letter #content { padding: 321px 0 0 0; } #letter div.wrapper { background-image: url(../images/views/bg_wrapper.gif); } #letter div.wrapper div.colMain { float: left; width: 510px; padding: 25px 60px 25px 60px; padding-left: 422px; } #letter h2 { font-size: 13px; font-weight: bold; color: #1f2636; } #letter h2.margin { margin-bottom: 20px; } #letter div.callout { position: absolute; text-indent: -10000px; margin: 0 0 0 -385px; z-index: 100; } #letter div.callout.q1 { width: 297px; height: 394px; background-image: url(../images/letter/callout_q1.png); } #letter div.callout.q2 { text-indent: 0; } #letter div.callout.q2 div.graphic { width: 283px; height: 637px; text-indent: -10000px; background-image: url(../images/letter/callout_q2.png); margin: 0 0 20px 0; } #letter div.callout.q2 div.copy { width: 257px; margin: 0 0 0 12px; } #letter div.callout.q2 div.copy p { font-size: 12px; line-height: 16px; color: #646976; margin-bottom: 14px; } #letter div.callout.q3 { text-indent: 0; } #letter div.callout.q3 div.graphic { width: 297px; height: 979px; text-indent: -10000px; background-image: url(../images/letter/callout_q3.png); margin: 0 0 20px 0; } #letter div.callout.q3 div.copy { width: 257px; margin: 0 0 0 12px; } #letter div.callout.q3 div.copy p { font-size: 12px; line-height: 16px; color: #646976; margin-bottom: 14px; } #letter div.callout.q4 { text-indent: 0; } #letter div.callout.q4 div.graphic { width: 291px; height: 588px; text-indent: -10000px; background-image: url(../images/letter/callout_q4.png); margin: 0 0 20px 0; } #letter div.callout.q4 div.copy { width: 257px; margin: 0 0 0 12px; } #letter div.callout.q4 div.copy p { font-size: 12px; line-height: 16px; color: #646976; margin-bottom: 14px; } #letter div.callout h3 { font-size: 12px; font-weight: bold; color: #646976; } #letter div.footnotes { padding: 8px 0 15px 0; border-top: 1px solid #646976; border-bottom: 1px solid #646976; margin: 60px 0 30px 0; } #letter div.footnotes p { font-size: 12px; line-height: 13px; color: #646976; margin: 0 0 8px 0; } #letter div.footnotes a:hover { text-decoration: none; } #letter #popUp { position: fixed; visibility: hidden; width: 785px; height: 383px; background-image: url(../images/letter/pop_bg.gif); margin: 95px 0 0 100px; z-index: 300; } #letter #popUp { -webkit-box-shadow: 4px 4px 10px rgba(0,0,0,0.5); -mox-box-shadow: 4px 4px 10px rgba(0,0,0,0.5); box-shadow: 4px 4px 10px rgba(0,0,0,0.5); } #letter #popUp #close { position: absolute; width: 12px; cursor: pointer; margin: 12px 0 0 759px; } #letter #popUp #sideNav { position: absolute; width: 246px; margin: 63px 0 0 539px; } #letter #popUp #sideNav ul li { float: left; width: 246px; cursor: pointer; } #letter #popUp #chart0 { position: absolute; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart1 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart2 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart3 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart4 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart5 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart6 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } #letter #popUp #chart7 { position: absolute; display: none; width: 539px; margin: 63px 0 0 0; } /* Views from Our COOs styles */ #views div.intro { width: 992px; height: 245px; background-image: url(../images/views/bg_header.gif); } #views div.intro div.copy { position: absolute; margin: 50px 0 0 55px; } #views div.intro div.photo { position: absolute; margin: 7px 0 0 394px; } #views div.intro div.caption { position: absolute; font-size: 10px; font-weight: bold; margin: 220px 0 0 55px; } #views div.intro h1 { position: absolute; width: 180px; font-size: 12px; font-weight: bold; line-height: 16px; color: #060606; margin: 85px 0 0 800px; } #views div.intro h1 span { display: block; color: #646976; } #views div.wrapper { background-image: url(../images/views/bg_wrapper.gif); } #views div.wrapper div.colLeft { float: left; width: 250px; padding: 25px 56px 25px 56px; } #views div.wrapper div.colLeft div.copy { width: 231px; height: 166px; text-indent: -10000px; background-image: url(../images/views/copy_sidebar.png); margin: 57px 0 0 0; } #views div.wrapper div.colMain { float: left; width: 510px; padding: 25px 60px 25px 60px; } #views div.wrapper div.colMain p.question { font-weight: bold; color: #1f2636; } #views div.wrapper div.colMain p span.name { font-weight: bold; color: #1f2636; } #views div.wrapper ul.logos li { float: left; margin: 0 25px 0 0; } #views div.wrapper div.colLeftBot { float: left; width: 250px; padding: 42px 0 25px 112px; } #views div.wrapper div.colMainBot { float: left; width: 600px; padding: 25px 10px 25px 15px; } /* People are Asking styles */ #people div.intro { width: 992px; height: 317px; background-image: url(../images/people/bg_header.gif); } #people div.intro div.photo { position: absolute; } #people div.intro div.copy { position: absolute; width: 260px; margin: 33px 0 0 702px; } #people div.intro div.copy p { font-size: 12px; line-height: 16px; color: #646976; margin-bottom: 15px; } #people div.intro div.copy p span.name { display: block; font-weight: bold; color: #060606; } #people div.intro div.copy p.caption { font-size: 10px; line-height: 14px; font-weight: bold; color: #646976; margin-top: 25px; } #people div.wrapper { background-image: url(../images/views/bg_wrapper.gif); } #people div.wrapper div.colLeft { float: left; width: 276px; padding: 25px 45px 25px 41px; } #people div.wrapper div.colMain { float: left; width: 510px; padding: 25px 60px 25px 60px; } #people div.wrapper div.colMain p span.question { font-weight: bold; color: #1f2636; } #people div.colLeft h1.people { width: 276px; height: 126px; text-indent: -10000px; background-image: url(../images/people/headline_people.png); } #people div.colLeft h1.grow { width: 276px; height: 162px; text-indent: -10000px; background-image: url(../images/people/headline_grow.png); } #people div.colLeft h1.partner { width: 276px; height: 91px; text-indent: -10000px; background-image: url(../images/people/headline_partner.png); } #people div.colLeft div.copy.people { width: 231px; height: 95px; text-indent: -10000px; background-image: url(../images/people/subhead_people.png); margin: 30px 0 0 7px; } #people div.colLeft div.copy.grow { width: 266px; height: 98px; text-indent: -10000px; background-image: url(../images/people/subhead_grow.png); margin: 30px 0 0 7px; } #people div.colLeft div.copy.partner { width: 273px; height: 139px; text-indent: -10000px; background-image: url(../images/people/subhead_partner.png); margin: 30px 0 0 7px; } #people div.wrapper div.colMain div.intraNav { width: 100%; font-size: 13px; font-weight: bold; padding: 15px 0 15px 0; border-top: 1px solid #c3c4c6; margin: 0 0 20px 0; } #people div.wrapper div.colMain div.intraNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; } #people div.wrapper div.colMain div.intraNav div.left { float: left; width: 200px; padding: 0 0 0 24px; background-image: url(../images/people/bg_prev_off.gif); background-position: top left; background-repeat: no-repeat; } #people div.wrapper div.colMain div.intraNav div.left.wide { width: 500px; } #people div.wrapper div.colMain div.intraNav div.left:hover { background-image: url(../images/people/bg_prev_ovr.gif); } #people div.wrapper div.colMain div.intraNav div.right { float: right; width: 200px; text-align: right; padding: 0 24px 0 0; background-image: url(../images/people/bg_next_off.gif); background-position: top right; background-repeat: no-repeat; } #people div.wrapper div.colMain div.intraNav div.right.wide { width: 500px; } #people div.wrapper div.colMain div.intraNav div.right:hover { background-image: url(../images/people/bg_next_ovr.gif); } #people div.wrapper div.colMain div.intraNav a { color: #646976; } #people div.wrapper div.colMain div.intraNav a:hover { text-decoration: none; } /* What We're Doing styles */ #doing div.intro { width: 941px; height: 194px; padding: 51px 0 0 51px; background-image: url(../images/doing/bg_header.jpg); } #doing div.intro h1 { width: 384px; height: 36px; text-indent: -10000px; background-image: url(../images/doing/headline.png); margin: 0 0 10px 0; } #doing div.intro p { width: 360px; font-size: 15px; line-height: 21px; color: #fff; margin: 0 0 20px 0; } #doing div.intro div.button { width: 127px; cursor: pointer; } #doing div.wrapper { background-image: url(../images/views/bg_wrapper.gif); } #doing div.wrapper div.colLeft { float: left; width: 268px; padding: 25px 45px 25px 49px; } #doing div.colLeft div.subhead { width: 264px; height: 107px; text-indent: -10000px; background-image: url(../images/doing/subhead.png); margin: 0 0 30px 0; } #doing div.colLeft div.callout { width: 264px; height: 553px; background-image: url(../images/doing/callout.png); margin: 0 0 30px 0; } #doing div.colLeft div.callout p { text-indent: -10000px; } #doing div.colLeft div.csr div.subtitle { width: 229px; height: 36px; text-indent: -10000px; background-image: url(../images/doing/csr_subtitle.png); margin: 0 0 15px 0; } #doing div.colLeft div.csr p { font-size: 12px; line-height: 16px; color: #646976; } #doing div.colLeft div.csr img { float: left; margin: 0 10px 0 0; } #doing div.colLeft div.csr a { font-weight: bold; color: #646976; } #doing div.colLeft p.footnote { font-size: 12px; } #doing div.wrapper div.colMain { float: left; width: 510px; padding: 25px 60px 25px 60px; } #doing div.colMain div.imgBlock { width: 516px; height: 247px; margin: 0 0 30px 0; } #doing div.colMain div.imgBlock div.imageA { position: absolute; margin: 0; } #doing div.colMain div.imgBlock div.imageB { position: absolute; margin: 64px 0 0 0; } #doing div.colMain div.imgBlock div.imageC { position: absolute; margin: 0 0 0 110px; } #doing div.colMain div.imgBlock div.imageD { position: absolute; margin: 0 0 0 278px; } #doing div.colMain div.imgBlock div.imageE { position: absolute; margin: 127px 0 0 0; } #doing div.colMain div.imgBlock div.imageF { position: absolute; margin: 127px 0 0 110px; } #doing div.colMain div.imgBlock div.imageG { position: absolute; margin: 126px 0 0 220px; } #doing div.colMain div.imgBlock div.imageH { position: absolute; margin: 0 0 0 388px; } #doing div.colMain p span.intro { font-weight: bold; color: #1f2636; } /* Financial Highlights styles */ #highlights #content { width: 775px; padding: 40px 100px 40px 117px; } #highlights p.intro { font-size: 13px; line-height: 19px; margin-bottom: 15px; } #highlights h2 { font-size: 14px; font-weight: bold; margin: 0 0 10px 14px; } #highlights h2 span.units { font-size: 12px; font-weight: normal; } #highlights table.data { width: 100%; margin: 0 0 30px 0; } #highlights table.data tr th { font-size: 13px; font-weight: normal; text-align: right; padding: 7px 20px 7px 0px; } #highlights table.data tr td { font-size: 13px; text-align: right; padding: 7px 20px 7px 0px; } #highlights table.data tr.break th { padding-top: 37px; } #highlights table.data tr.highlight td { background-color: #f5f4f4; } #highlights table.data tr .label { text-align: left; padding-left: 14px; } #highlights table.data tr .currentYear { font-weight: bold; } #highlights div.footnotes { margin: 20px 0 40px 0; } #highlights div.footnotes.narrow { width: 60%; } #highlights div.footnotes ul li { font-size: 12px; line-height: 14px; color: #646976; margin: 0 0 8px 0; } #highlights div.graphBlock { width: 100%; margin: 0 0 40px 0; } #highlights div.graphBlock div.shareholderReturn { float: left; margin: 0 25px 20px -14px; } #highlights div.graphBlock img { margin: 0 0 40px 0; } #highlights div.graphBlock div.fiveYearPerformance { float: left; } #highlights div.intraNav { margin: 0 0 35px 0; } #highlights div.intraNav div.option1 { width: 773px; height: 41px; text-indent: -10000px; background-image: url(../images/highlights/nav_about_sel.gif); } #highlights div.intraNav div.option2 { position: absolute; text-indent: -10000px; margin: -41px 0 0 172px; } #highlights div.intraNav div.option3 { position: absolute; } #highlights div.intraNav div.option4 { width: 773px; height: 41px; text-indent: -10000px; background-image: url(../images/highlights/nav_strong_sel.gif); } #highlights table.charts { width: 100%; margin: 30px 0 0 0; } #highlights table.charts tr td { padding: 0 0 40px 0; } #highlights table.charts tr td table { position: relative; margin-left: -10000px; } #highlights table.charts td.chart0 div { width: 216px; height: 257px; background-image: url(../images/highlights/chart_totalassets.gif); } #highlights table.charts td.chart1 div { width: 216px; height: 257px; background-image: url(../images/highlights/chart_riskassets.gif); } #highlights table.charts td.chart2 div { width: 216px; height: 257px; background-image: url(../images/highlights/chart_tier1.gif); } #highlights table.charts td.chart3 div { width: 216px; height: 257px; background-image: url(../images/highlights/chart_netincome.gif); } #highlights table.charts td.chart4 div { width: 216px; height: 257px; background-image: url(../images/highlights/chart_credit.gif); } #highlights table.charts td.chart5 div { width: 216px; height: 257px; background-image: url(../images/highlights/chart_capital.gif); } #highlights table.charts td.chart6 div.pic { width: 524px; height: 182px; background-image: url(../images/highlights/chart_netrevenue.gif); } #highlights table.charts td.chart7 div { width: 216px; height: 324px; background-image: url(../images/highlights/chart_geographic.gif); } #highlights h1 { width: 468px; height: 43px; text-indent: -10000px; background-image: url(../images/highlights/headline_about.gif); margin: 0 0 10px 0; } #highlights h1.strong { width: 354px; height: 20px; text-indent: -10000px; background-image: url(../images/highlights/headline_strong.gif); margin: 0 0 10px 0; } #highlights div.tableTotalCumulative { width: 466px; height: 106px; background-image: url(../images/highlights/table_totalcumulativereturn.gif); margin: 0 0 10px 0; } #highlights div.tableTotalCumulative table { margin-left: -10000px; } #highlights div.tableFiveYearStock { width: 297px; height: 106px; text-indent: -10000px; background-image: url(../images/highlights/table_fiveyearstock.gif); margin: 0 0 10px 0; } #highlights div.tableFiveYearStock table { margin-left: -10000px; } /* Corporate Information styles */ #info #content { width: 775px; padding: 40px 100px 40px 117px; } #info div.intraNav { margin: 0 0 35px 0; } #info div.intraNav div.selected { width: 773px; height: 41px; text-indent: -10000px; } #info div.intraNav div.executive { background-image: url(../images/info/nav_executive_sel.gif); } #info div.intraNav div.corporate { background-image: url(../images/info/nav_corporate_sel.gif); } #info div.intraNav div.board { background-image: url(../images/info/nav_board_sel.gif); } #info div.intraNav div.option { position: absolute; } #info div.intraNav div.option.executive { margin: -41px 0 0 0; } #info div.intraNav div.option.corporate { margin: -41px 0 0 347px; } #info div.intraNav div.option.board { margin: -41px 0 0 207px; } #info h1.executive { width: 262px; height: 20px; text-indent: -10000px; background-image: url(../images/info/headline_executive.gif); margin: 0 0 20px 0; } #info h1.corporate { width: 199px; height: 20px; text-indent: -10000px; background-image: url(../images/info/headline_corporate.gif); margin: 0 0 20px 0; } #info h1.board { width: 162px; height: 20px; text-indent: -10000px; background-image: url(../images/info/headline_board.gif); margin: 0 0 20px 0; } #info div.col { float: left; width: 200px; margin: 0 80px 0 0; } #info div.col ul li { margin: 0 0 20px 0; } #info div.col ul li div.name { font-weight: bold; } #info h2 { font-size: 13px; font-weight: bold; } #info div.colWide { float: left; width: 370px; margin: 0 30px 0 0; } #info div.colWide.last { margin: 0; } #info div.colWide a { text-decoration: underline; } #info div.footnote { font-size: 12px; color: #646976; margin: 25px 0 0 0; } /* Download Documents styles */ #downloads #content { width: 775px; padding: 40px 100px 40px 117px; } #downloads h1 { width: 193px; height: 17px; text-indent: -10000px; background-image: url(../images/downloads/headline_downloads.gif); margin: 0 0 20px 0; } #downloads p.intro a { font-weight: bold; } #downloads div.wrapper { margin: 0 0 30px 0; } #downloads div.wrapper div.colLeft { float: left; width: 430px; margin: 0 30px 0 0; } #downloads div.wrapper div.colRight { float: left; width: 310px; } #downloads h2 { font-size: 12px; font-weight: bold; color: #1f2636; text-transform: uppercase; margin: 0 0 12px 33px; } #downloads table.downloads { width: 100%; border-top: 1px solid #f1f2f2; } #downloads table.downloads tr th { color: #1f2636; padding: 6px 5px 6px 0px; border-bottom: 1px solid #f1f2f2; } #downloads table.downloads tr .section { text-align: left; } #downloads table.downloads tr .pages { text-align: center; } #downloads table.downloads tr .format { text-align: left; } #downloads table.downloads tr td { padding: 6px 5px 6px 0px; border-bottom: 1px solid #f1f2f2; } #downloads table.downloads tr td.icon { width: 28px; } #downloads table.downloads tr td.icon img { display: inline; padding-left: 10px; } #downloads table.downloads tr:hover td { background-color: #f5f4f4; } #downloads table.downloads a:hover { text-decoration: underline; } #downloads div.adobeLink { padding: 5px 0 10px 42px; background-image: url(../images/downloads/icon_adobe.gif); background-repeat: no-repeat; margin: 0 0 30px 0; } #downloads div.adobeLink a { font-weight: bold; } #downloads p.small { font-size: 12px; line-height: 16px; } #downloads p.small span { padding: 5px; border: 1px solid #c1c1c1; } #downloads p.small span.first { border-right: none; } #downloads p.small span.last { border-left: none; } #downloads div.supp p { color: #646976; }