body { font-family: helvetica, arial, sans-serif; color: #666666; font-size: 13px; background-color: #f7f5ef; line-height: 1.1; } a, a:link, a:visited, a:hover { color: #a48646; text-decoration: none; font-weight: bold; } #splash { background: url('http://annualreports.hollandbpw.com/AnnualReport2010/images/bg-splash.png') top center no-repeat; } /* FONT STYLES */ .home-feature h1 { color: #3b9a99; font-size: 36px; font-weight: bold; float: left; padding-right: 20px; border-right: 3px solid #fff; margin: 40px 20px 0 0; } .home-feature h2 { color: #d9c74e; font-size: 14px; text-transform: uppercase; font-weight: bold; float: left; display: block; margin-top: 50px; } .home-feature span.second-line { color: #999; font-size: 14px; font-weight: normal; text-transform: uppercase; display: block; float: left; } .home-feature p { float: left; width: 485px; display: block; margin-top: 20px; font-size: 21px; color: #838382; } .info { display: block; width: 485px; } span.numbers { font-size: 135%; } .page-feature h1 { color: #3b9a99; font-size: 18px; font-weight: normal; text-transform: uppercase; padding-left: 23px; } span.page-title { font-weight: bold; color: #d9c74e; } .column h2 { font-weight: bold; font-size: 28px; margin: 10px 0; } .column p { color: #666666; font-size: 12px; line-height: 1.5; } .column a { margin-top: 10px; float: left; } .first-col h2 { color: #89a75a; } .mid-col h2 { color: #3b9a99; } .last-col h2 { color: #5d7e61; } .director-block h3 { font-weight: bold; font-size: 20px; } .director-block h4 { color: #adacac; font-size: 13px; font-weight: normal; margin-bottom: 7px; } .director-block img { float: left; padding-right: 15px; } .content-page p { margin-bottom: 16px; font-size: 13px; line-height: 1.8; } .content-page div.letter-copy p { font-size: 11px; } .content-page h2 { font-size: 28px; color: #666666; font-weight: bold; margin-bottom: 18px; } .content-page h3 { font-size: 18px; color: #666666; font-weight: bold; margin-bottom: 10px; } .content-page div.feature-image p { width: 350px; padding: 25px; color: #FFF; font-size: 16px; line-height: 1.4; } .content-page div.statistics { overflow: hidden; } .content-page div.statistics h3 { font-size: 32px; color: #d9c74e; font-weight: bold; margin: 15px 0; border-top: 3px solid #FFF; padding-top: 15px; } .footer p { padding-top: 15px; width: 960px; text-align: center; font-size: 11px; color: #999; } .footer p a { color: #666666; font-weight: normal; } .footer p a:hover { text-decoration: underline; } /* MAIN SECTION LAYOUTS */ .header { width: 960px; display: block; margin: 0 auto; clear: both; overflow: auto; } .home-feature { width: 960px; margin: 10px auto 0; clear: both; overflow: hidden; } .page-feature { width: 960px; height: 29px; margin: 40px auto 13px; border-bottom: 3px solid #FFF; padding-bottom: 13px; clear: both; overflow: visible; position: relative; } .content { width: 960px; margin: 105px auto 0; clear: both; } .feature-image { margin-bottom: 35px; height: 209px; } div.feature-image { margin-top: 30px; } .content-page { width: 914px; margin: 40px auto -40px; padding: 0 23px; clear: both; overflow: auto; } .column { display: block; float: left; height: 265px; width: 270px; } .first-col { padding: 0 32px 0 0; border-right: 3px solid #FFF; margin: 0 40px 0 0; } .mid-col { padding: 0 32px 0 0; border-right: 3px solid #FFF; margin: 0 40px 0 0; } .last-col { padding: 0; margin: 0; } .director-block { float: left; margin-bottom: 40px; } .director-left { width: 418px; clear: left; } .director-right { border-left: 3px solid #FFF; width: 418px; padding-left: 40px; margin-left: 35px; } .content-left { width: 600px; float: left; } .content-right { float: left; margin: 0 0 0 30px; width: 284px; } .footer { width: 960px; margin: 0 auto; padding: 100px 0; clear: both; overflow: hidden; text-align: center; } /* DETAILED LAYOUTS */ .logo img { padding-top: 2px; float: left; } .navigation { padding: 10px 0 0 55px; display: block; width: 250px; float: left; } .navigation a { display: block; width: 16px; height: 17px; float: left; padding-top: 5px; margin: 0 4px; background: url('http://annualreports.hollandbpw.com/AnnualReport2010/images/bg-navigation-down.png') top left no-repeat; text-align: center; color: #313736; font-size: 10px; font-weight: bold; text-decoration: none; } .navigation a:hover { background: url('http://annualreports.hollandbpw.com/AnnualReport2010/images/bg-navigation-up.png') repeat-x; color: #61706d; } .secondary-navigation { width: 960px; margin: 0 auto; } .home-feature .pager { background: url('http://annualreports.hollandbpw.com/AnnualReport2010/images/home-pager-right.png') right no-repeat; height: 35px; display: block; float: left; margin-top: 25px; } .home-feature .pager a.next { border-top: 1px solid #e3e0d8; border-bottom: 1px solid #e3e0d8; border-left: 1px solid #e3e0d8; background: #FFF; font-size: 14px; display: block; height: 14px; margin: 0 13px 0 0; padding: 9px 20px; } .page-feature .pager { position: absolute; right: 23px; top: 0; background: url('http://annualreports.hollandbpw.com/AnnualReport2010/images/page-pager-right.png') right no-repeat; height: 29px; display: block; } .page-feature .pager a.prev { background: url('http://annualreports.hollandbpw.com/AnnualReport2010/images/page-pager-left.png') left no-repeat; font-size: 14px; display: block; height: 14px; margin: 0 0 0 0; padding: 7px 15px 8px 25px; float: left; color: #bfbbad; } .page-feature .pager a.next { border-top: 1px solid #d4d2cd; border-bottom: 1px solid #d4d2cd; border-left: 1px solid #d4d2cd; background: #ebe8e1; font-size: 14px; display: block; height: 14px; margin: 0 13px 0 0; padding: 6px 20px 7px; float: left; } .header p { display: block; float: left; margin: 13px 0 0 0; text-transform: uppercase; color: #FFF; font-weight: bold; } .header span.label { color: #61706d; font-weight: bold; } .download-link { text-align: right; margin-top: 10px; display: block; } .video { display: block; float: right; margin-left: 25px; width: 450px; } img.home-icon { position: relative; left: -60px; } img.business-icon { position: relative; left: -32px; } img.community-icon { position: relative; left: -56px; } div.block { border: solid 1px #d9d6d1; background: #ebe8e1; padding: 15px 20px; text-align: left; overflow: auto; } div.block img { -moz-box-shadow: 0px 1px 9px #999; -webkit-box-shadow: 0px 1px 9px #999; box-shadow: 0px 1px 9px #999; border: solid 1px #d9d6d1; float: left; margin-right: 13px; clear: left; margin-bottom: 20px; } .content-left div.block h3 { margin-top: 12px; font-size: 18px; } .content-left ul { list-style: disc; padding-left: 14px; } .content-left ul li { margin-bottom: 14px; } .content-right h3 { font-size: 24px; font-weight: bold; color: #3b9a99; margin-bottom: 15px; } .content-right h4 { font-size: 12px; font-weight: bold; margin-bottom: 20px; } ul.navigation-footer { padding-top: 20px; border-top: 3px solid #FFF; } .navigation-footer li { padding: 0 13px; display: inline; } .navigation-footer li.arrow{ padding: 0; } .navigation-footer li a { color: #838382; text-transform: uppercase; font-size: 11px; } .navigation-footer li.arrow a { position: relative; top: 2px; } /* BILLY CAROUSEL STYLES */ ul#tabber { width: 9999px; display: block; float: left; position: relative; margin: 0; padding: 0; } ul#tabber li { width: 914px; float: left; display: block; } /* Tabs */ #tabber_clip { width: 914px; position: relative; /* For IE */ overflow: hidden; z-index:101; float: left; } ul#tabber_tabs { display: block; float: left; width: 960px; padding: 0; margin: 0 0 0 0; float: left; } ul#tabber_tabs li { display: block; float: left; margin: 0; } ul#tabber_tabs li a { padding: 6px 23px; display: block; color: #3b9a99; font-weight: normal; } ul#tabber_tabs li.active a { background: #FFF; } /* MORE TABS */ ul#finance_tabs { display: block; float: left; width: 960px; padding: 0; margin: 0 0 0 0; float: left; } ul#finance_tabs li { display: block; float: left; margin: 0; } ul#finance_tabs li a { padding: 6px 23px; display: block; color: #3b9a99; font-weight: normal; } ul#finance_tabs li.active a { background: #FFF; } /* DOWNLOADS TABLE STYLES */ table.downloads { border: solid 1px #d9d6d1; background: #ebe8e1; font-size: 12px; width: 912px; text-align: left; } .downloads th { padding: 20px 20px 0; vertical-align: middle; font-weight: bold; } .downloads td { padding: 5px 20px; vertical-align: middle; } .downloads a.little-dl { background: url('images/small-dl.png') top left no-repeat; height: 15px; display: block; padding: 0 0 0 20px; margin: 0 0 0 40px; } .downloads a.last { margin: 0; } .downloads a.big-dl { background: url('images/big-dl.png') top left no-repeat; height: 46px; display: block; padding: 10px 0 0 40px; } div.big-dl { padding: 10px 0 0 0; height: 46px; display: block; }