/*

Redefinitions of HTML tags

*/

body { font-family: verdana,helvetica,sans-serif; font-size: 11px; color: #3c3c3c; padding: 22px 0 22px 0; background-color: #fff; margin: 0; }
p { line-height: 18px; margin: 0 0 15px 0; }
img { display: block; border: 0; }
table, td, th { font-size: 12px; padding: 0; border: 0; }
form { padding: 0; margin: 0; }
input, select, option, textarea { font-family: verdana,arial,sans-serif; font-size: 10px; color: #000; vertical-align: middle; }
a { color: #3c3c3c; text-decoration: underline; }
a:hover { color: #cc000e; text-decoration: underline; }
ul { padding: 0; margin: 0; list-style: none; }
li { padding: 0; }
object { padding: 0; margin: 0; }
embed { padding: 0; margin: 0; }

h1 { padding: 0 0 18px 0; margin: 0; }
h2 { padding: 0 0 18px 0; margin: 0; }
h3 { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; margin: 0; }

p .intro { font-size: 12px; font-weight: bold; }
span.superscript { font-size: 80%; vertical-align: 4px; }
.footnote { font-size: 90%; }



/*

Common styles

*/

#page { position: relative; width: 767px; margin: 0 auto 0 auto; }
#content { \width: 767px; w\idth: 765px; padding: 0 0 3px 0; border: 1px solid #e1e1e1; }
#info { \width: 765px; w\idth: 759px; padding: 0 3px 0 3px; }
#copy { width: 759px; padding: 20px 0 0 0; }
#copy:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }

#header { width: 765px; padding: 0 0 17px 0; }
#header:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#header #title { float: left; padding: 18px 0 0 20px; }
#header #logo { float: right; padding: 15px 20px 0 0; }

#nav { \width: 765px; w\idth: 745px; padding: 0 0 5px 20px; }
#nav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#nav ul li { float: left; padding: 0 18px 0 0; border-right: 1px solid #ced0d2; margin: 0 18px 0 0; }
#nav ul li.last { border: none; padding: 0; margin: 0; }

#subnav { \width: 759px; w\idth: 741px; padding: 8px 0px 8px 18px; background-color: #d3d3d3; margin: 0 0 2px 0; }
#subnav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#subnav ul li { float: left; padding: 0 22px 0 0; border-right: 1px solid #babcbd; margin: 0 22px 0 0; }
#subnav ul li.last { border: none; padding: 0; margin: 0; }

#pageNav { width: 500px; padding: 10px 0 20px 22px; }
#pageNav:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#pageNav ul li { float: left; font-size: 10px; font-weight: bold; color: #999; padding: 1px 0 0 0; }
#pageNav ul li.prev { padding: 0 1px 0 0; border-right: 1px solid #babcbd; margin: 0 8px 0 0; }
#pageNav ul li.next { padding: 0 0 0 1px; border-left: 1px solid #babcbd; margin: 0 0 0 8px; }

#pageNavFixed { position: absolute; margin: 425px 0 0 355px; }
#pageNavFixed:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#pageNavFixed ul li { float: left; font-size: 10px; font-weight: bold; color: #fff; padding: 1px 0 0 0; }
#pageNavFixed ul li.prev { padding: 0 1px 0 0; border-right: 1px solid #f08e90; margin: 0 8px 0 0; }
#pageNavFixed ul li.next { padding: 0 0 0 1px; border-left: 1px solid #f08e90; margin: 0 0 0 8px; }

#pageNavFixed2 { position: absolute; margin: 463px 0 0 355px; }
#pageNavFixed2:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#pageNavFixed2 ul li { float: left; font-size: 10px; font-weight: bold; color: #fff; padding: 1px 0 0 0; }
#pageNavFixed2 ul li.prev { padding: 0 1px 0 0; border-right: 1px solid #fed898; margin: 0 8px 0 0; }
#pageNavFixed2 ul li.next { padding: 0 0 0 1px; border-left: 1px solid #fed898; margin: 0 0 0 8px; }

#pageNavFixed3 { position: absolute; margin: 460px 0 0 55px; }
#pageNavFixed3:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#pageNavFixed3 ul li { float: left; font-size: 10px; font-weight: bold; color: #fff; padding: 1px 0 0 0; }
#pageNavFixed3 ul li.prev { padding: 0 1px 0 0; border-right: 1px solid #fed898; margin: 0 8px 0 0; }
#pageNavFixed3 ul li.next { padding: 0 0 0 1px; border-left: 1px solid #fed898; margin: 0 0 0 8px; }

#footer { width: 92px; padding: 9px 0 0 20px; }





/*

Chairman and CEO Letters styles

*/

#letters #columnCopy { \width: 580px; w\idth: 560px; padding: 0 0 0 20px; }
#letters #columnLeft { float: left; \width: 517px; w\idth: 476px; padding: 0 20px 0 20px; border-right: 1px solid #d9d2d4; }
#letters #columnRight { float: left; \width: 237px; w\idth: 227px; padding: 0 0 0 10px; }
#letters #columnRight img { margin: 0 0 20px 0; }





/*

Advancing Commerce styles

*/

#advancing #introduction { width: 759px; }
#advancing #introduction:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#advancing #introduction img { float: left; }
#advancing #introduction img.first { margin: 0 3px 0 0; }
#advancing #columnCopy { \width: 580px; w\idth: 560px; padding: 0 0 0 20px; }
#advancing #columnLeft { float: left; \width: 548px; w\idth: 507px; padding: 0 20px 0 20px; border-right: 1px solid #d9d2d4; }
#advancing #columnRight { float: left; \width: 211px; w\idth: 204px; padding: 0 0 0 7px; }
#advancing #columnRight div img { cursor: pointer; }





/*

Financial Highlights styles

*/

#financial #introduction { \width: 759px; w\idth: 725px; padding: 10px 17px 20px 17px; }
#financial #introduction:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#financial #introduction h1 { padding: 0; margin: 0; }
#financial #introduction #tableTitle { float: left; }
#financial #introduction #form10k { float: right; padding: 16px 0 0 0; }

#financial #tableArea { \width: 759px; w\idth: 725px; padding: 0 17px 20px 17px; }
#financial #tableAreaShaded { \width: 759px; w\idth: 725px; padding: 20px 17px 20px 17px; background-color: #eef1f2; }

#financial .dataTable { width: 100%; margin: 0 0 20px 0; }
#financial .dataTable th.subhead { font-size: 80%; font-weight: normal; text-align: left; }
#financial .dataTable td.subhead { font-size: 12px; font-weight: bold; color: #f90; text-align: left; padding-top: 10px; }
#financial .dataTable .subtext { font-size: 11px; font-weight: bold; color: #f90; }
#financial .dataTable tr.border td { border-bottom: 1px solid #b9bdbf; }
#financial .dataTable tr.border2 td { border-bottom: 2px solid #b9bdbf; }
#financial .dataTable tr th { font-size: 10px; font-weight: normal; text-align: right; vertical-align: bottom; padding: 2px 5px 2px 0; border-bottom: 1px solid #b9bdbf; }
#financial .dataTable tr.noBorder th { border: none; }
#financial .dataTable tr td { white-space: nowrap; font-size: 11px; text-align: right; vertical-align: bottom; padding: 6px 5px 6px 0; }
#financial .dataTable tr td.label { white-space: normal; text-align: left; }
#financial .dataTable .current { font-weight: bold; }
#financial .notes { width: 650px; font-size: 10px; }
#financial .notes p { line-height: 14px; margin: 0 0 8px 0; }

#financial #stockSummary { width: 759px; margin: 0 0 30px 0; }
#financial #stockSummary:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#financial #stockSummary #stockText { float: left; \width: 268px; w\idth: 234px; font-size: 10px; line-height: 150%; padding: 0 17px 0 17px; }
#financial #stockSummary #stockChart { float: left; width: 470px; }





/*

Corporate Info styles

*/

#corporate .caption { \width: 759px; w\idth: 642px; font-size: 10px; padding: 10px 117px 20px 0; }
#corporate .indent { margin-left: 17px; }
#corporate #copy { \width: 759px; w\idth: 725px; padding: 20px 17px 20px 17px; }
#corporate .columnArea { width: 725px; }
#corporate .columnArea:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#corporate .column { float: left; \width: 241px; w\idth: 223px; font-size: 10px; padding: 0 18px 0 0; }
#corporate .column p { line-height: 140%; }
#corporate .notes { width: 721px; padding: 30px 0 0 0; border-top: 1px solid #c4c7c8; margin: 20px 0 0 0; }
#corporate .notes p { width: 650px; font-size: 10px; line-height: 140%; }





/*

Highlights of the Year styles

*/

#highlights #introduction { width: 759px; }
#highlights #introduction:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#highlights #introduction img { float: left; }
#highlights #introduction img.first { margin: 0 3px 0 0; }
#highlights #highlightsSummary { width: 759px; }
#highlights #highlightsSummary:after { clear: both; display: block; content: "."; height: 0px; visibility: hidden; }
#highlights #highlightsSummary #highlightsText { float: left; \width: 524px; w\idth: 521px; padding: 0 3px 0 0; }
#highlights #highlightsSummary #highlightsPics { float: left; width: 235px; }
#highlights #highlightsSummary #highlightsPics img { padding: 0 0 3px 0; }
#highlights #highlightsSummary #highlightsPics img.last { padding: 0; }





/*

Intro styles

*/

#intro #content { height: 526px; }
#intro #nav { position: absolute; display: none; top: 82px; }
#intro #header { position: absolute; display: none; }
#intro #footer { display: none; }

#intro #skipIntro { position: absolute; margin: 539px 0 0 693px; }
#intro #part1a { position: absolute; display: none; margin: 29px 0 0 192px; }
#intro #part1b { position: absolute; display: none; margin: 80px 0 0 192px; }
#intro #part2 { position: absolute; display: none; margin: 169px 0 0 192px; }
#intro #next { position: absolute; display: none; margin: 489px 0 0 194px; }
#intro #imgWoman { position: absolute; display: none; margin: 103px 0 0 3px; }
#intro #imgMan { position: absolute; display: none; margin: 219px 0 0 3px; }
#intro #imgStrip { position: absolute; display: none; margin: 335px 0 0 3px; }
#intro #imgStrip1 { position: absolute; display: none; margin: 335px 0 0 3px; }
#intro #imgStrip2 { position: absolute; display: none; margin: 354px 0 0 3px; }
#intro #imgStrip3 { position: absolute; display: none; margin: 373px 0 0 3px; }
#intro #imgStrip4 { position: absolute; display: none; margin: 392px 0 0 3px; }
#intro #imgStripFinal { position: absolute; display: none; margin: 335px 0 0 3px; }
#intro #imgPeople { position: absolute; display: none; margin: 412px 0 0 3px; }





/*

Home styles

*/

#home #content { height: 526px; }
#home #nav { position: absolute; top: 82px; }
#home #header { position: absolute; }

#home #imgWoman { position: absolute; margin: 103px 0 0 3px; }
#home #imgMan { position: absolute; margin: 219px 0 0 3px; }
#home #imgStripFinal { position: absolute; margin: 335px 0 0 3px; }
#home #imgPeople { position: absolute; margin: 412px 0 0 3px; }