#annualReport2010 { position: relative; left: -2px; margin: 8px 0 0 0; }
#annualReport2010 ul.nav { margin: 0; padding: 0; }
#annualReport2010 ul.nav li { float: left; list-style-type: none; }

#ar10grid { width: 902px; height: 578px; border: 2px solid #dedfe1; background: #fff url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/ar10-bg.gif'); color: #000; }
#ar10grid h3 { position: relative; margin: 1em 0; padding: 0; font: normal 24px/30px "Times New Roman", serif; color: #004990; border: none; background: none; }
#ar10grid blockquote { position: relative; margin: 0; padding: 0; font: normal 24px/30px "Times New Roman", serif; color: #009ddc; }
#ar10grid blockquote span.leftQ { position: absolute; left: -12px; }
#ar10grid div span.close { cursor: pointer; display: block; width: 24px; height: 24px; overflow: hidden; background: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/close.png'); }

#ar10grid #chairmanPage .wrap { padding: 12px 25px 0 250px; }
#ar10grid #chairmanPage img { float: left; }

#ar10grid #valuePage { position: relative; width: 902px; height: 463px; background: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/value-bg.gif');}
#ar10grid #valuePage div.article { position: absolute; z-index: 5; width: 111px; height: 114px; }
#ar10grid #valuePage div div.first { z-index: 1; margin: 0; padding: 0; }
#ar10grid #valuePage div dl { position: absolute; z-index: 2; left: 111px; top: 0; width: 0; height: 95px; padding: 10px 0; margin: 0; overflow:hidden; background: #fff; }
#ar10grid #valuePage div dl.right { left: auto; right: 111px; }
#ar10grid #valuePage div dl dt { width: 319px; padding: 0 10px; color: #009ddc; font-weight: bold; }
#ar10grid #valuePage div dl dd { width: 319px; padding: 0 10px; margin: 0; }
#ar10grid #valuePage div a.thumb { cursor: pointer; position: absolute; display: block; z-index: 3; width: 111px; height: 114px; }

#ar10grid #valuePage div.diversity-inclusion { left: 0; top: 232px; }
#ar10grid #valuePage div.chairman-eg { left: 565px; top: 116px; }

#ar10grid #valuePage #valueMap { position: absolute; z-index: 1; width: 902px; height: 463px; }
#ar10grid #valuePage #valueMap img { display: none; position: absolute; }
#ar10grid #valuePage #valueMap img.diversity-inclusion { top: 194px; left: 272px; }

#ar10grid #valuePage div.second { display: none; position: absolute; z-index: 10; background: #fff url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/ar10-bg.gif') repeat; }
#ar10grid #valuePage div.ajax-content div.substance { position: absolute; top: 0; left: 113px; padding-right: 13px; width: 550px; height: 463px; background: #fff; }
#ar10grid #valuePage div.ajax-content div.substance h4 { color: #009ddc; font-weight: bold; background: none; margin: 10px; padding: 0; }
#ar10grid #valuePage div.ajax-content div.scrollable { position: static; padding: 0 10px; width: auto; height: 410px; overflow: auto; }
#ar10grid #valuePage div.ajax-content img.four { position: absolute; top: 113px; right: 0; z-index: 1; }
#ar10grid #valuePage div.ajax-content span.close { position: absolute; top: 10px; right: 10px; z-index: 2; }

.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute;	cursor: pointer; right: 0; top: 0; height: 100%; background: #d1d3d4; }
.jScrollPaneDrag { position: absolute; background: #72cdf4; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background: #fff url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/scrollbar-arrows.gif') no-repeat 100% 0; width: 19px; height: 20px; }
a.jScrollArrowUp:hover { background-position: 0 0; } 
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background: #fff url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/scrollbar-arrows.gif') no-repeat 100% 100%; width: 19px; height: 20px; }
a.jScrollArrowDown:hover { background-position: 0 100%; } 
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-color: #f60; }

#ar10grid #numbersPage { position: relative; width: 902px; height: 463px; }
#ar10grid #numbersPage div { position: absolute; z-index: 1; width: 111px; height: 114px; overflow: hidden; }
#ar10grid #numbersPage div.current { z-index: 5; }
#ar10grid #numbersPage div h4 { position: absolute; z-index: 2; left: 114px; top: 0; width: 0; overflow: hidden; text-align: right; }
#ar10grid #numbersPage div img.thumb { cursor: pointer; position: absolute; z-index: 3; width: 111px; height: 114px; }
#ar10grid #numbersPage div img.full { position: absolute; z-index: 1; }
#ar10grid #numbersPage div span.close { display: none; position: absolute; z-index: 100; top: 10px; right: 10px; }

#ar10grid #numbersPage div.women { left: 339px; top: 116px; }
#ar10grid #numbersPage div.women img.full { width: 337px; height: 462px; top: 0; left: 339px; }

#ar10grid #numbersPage div.careers { left: 678px; top: 1px; }
#ar10grid #numbersPage div.careers img.full { width: 563px; height: 461px; top: 1px; left: 226px; }

#ar10grid #numbersPage div.mobility { left: 0; top: 349px; }
#ar10grid #numbersPage div.mobility img.full { width: 224px; height: 346px; top: 116px; left: 0; }

#ar10grid #milestonesPage h3 { display: none; }
#ar10grid #milestonesPage dl { float: left; margin: 0; }
#ar10grid #milestonesPage dl dt { display: none; }
#ar10grid #milestonesPage dl dd { margin: 0; -webkit-margin-start: 0; }
#ar10grid #milestonesPage ol { margin: 0; padding: 0; }
#ar10grid #milestonesPage ol li { list-style-type: none; float: left; }
#ar10grid #milestonesPage #content-scroll { position: relative; margin-top: 116px; width: 902px; height: 230px; overflow: hidden; }
#ar10grid #milestonesPage #content-holder { position: absolute; top: 0; left: 0; width: 2712px; height: 230px; background: #d1d3d4; }
#ar10grid #milestonesPage #content-holder .content-item { cursor: pointer; position: relative; float: left; margin: 0 2px 0 0; width: 111px; height: 230px; overflow: hidden; background-color: #000; background-repeat: no-repeat; background-position: 10px 75px; }
#ar10grid #milestonesPage #content-holder .content-item p { visibility: hidden; margin: 0; padding: 10px; width: 430px; height: 95px; background: #fff; }
#ar10grid #milestonesPage #content-holder .content-item p strong { color: #0072bc; font-weight: bold; }
#ar10grid #milestonesPage #content-holder .content-item p span.close { float: right; margin: 0 0 10px 10px; }
#ar10grid #milestonesPage #content-holder .content-item img { position: absolute; top: 115px; left: -113px; width: 450px; border-top: 2px solid #d1d3d4; }

#ar10grid #milestonesPage #content-controls { position: relative; }
#ar10grid #milestonesPage #content-controls .buttons { cursor: pointer; position: absolute; top: 15px; left: 10px; z-index: 2; display: block; width: 92px; height: 0; padding-top: 21px; overflow: hidden; background: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/timeline-controls.gif') no-repeat 0 0; }
#ar10grid #milestonesPage #content-controls .buttons:hover { background-position: 0 -21px; }
#ar10grid #milestonesPage #content-controls .buttons#nextSlide { left: auto; width: 57px; right: 10px; background-position: 100% 0; }
#ar10grid #milestonesPage #content-controls .buttons#nextSlide:hover { background-position: 100% -21px; }

#ar10grid #milestonesPage #content-holder ol li.july li { background-color: #ed1c24; }
#ar10grid #milestonesPage #content-holder ol li.august li { background-color: #f7941d; }
#ar10grid #milestonesPage #content-holder ol li.september li { background-color: #ebe310; }
#ar10grid #milestonesPage #content-holder ol li.october li { background-color: #8dc63f; }
#ar10grid #milestonesPage #content-holder ol li.november li { background-color: #00a651; }
#ar10grid #milestonesPage #content-holder ol li.december li { background-color: #00a99d; }
#ar10grid #milestonesPage #content-holder ol li.january li { background-color: #00aeef; }
#ar10grid #milestonesPage #content-holder ol li.february li { background-color: #0072bc; }
#ar10grid #milestonesPage #content-holder ol li.march li { background-color: #0054a6; }
#ar10grid #milestonesPage #content-holder ol li.april li { background-color: #662d91; }
#ar10grid #milestonesPage #content-holder ol li.may li { background-color: #92278f; }
#ar10grid #milestonesPage #content-holder ol li.june li { background-color: #ed145b; }

#ar10grid #milestonesPage #content-holder ol li.july li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-july.gif'); }
#ar10grid #milestonesPage #content-holder ol li.august li.first{ background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-august.gif'); }
#ar10grid #milestonesPage #content-holder ol li.september li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-september.gif'); }
#ar10grid #milestonesPage #content-holder ol li.october li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-october.gif'); }
#ar10grid #milestonesPage #content-holder ol li.november li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-november.gif'); }
#ar10grid #milestonesPage #content-holder ol li.december li.first{ background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-december.gif'); }
#ar10grid #milestonesPage #content-holder ol li.january li.first{ background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-january.gif'); }
#ar10grid #milestonesPage #content-holder ol li.february li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-february.gif'); }
#ar10grid #milestonesPage #content-holder ol li.march li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-march.gif'); }
#ar10grid #milestonesPage #content-holder ol li.april li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-april.gif'); }
#ar10grid #milestonesPage #content-holder ol li.may li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-may.gif'); }
#ar10grid #milestonesPage #content-holder ol li.june li.first { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/milestones-june.gif'); }

#ar10nav li { height: 116px; }
#ar10nav li a { display: block; width: 89px; height: 102px; padding: 6px 12px; overflow: hidden; background: #004990 url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-intro.gif') repeat-x 0 40px; color: #fff; font-size: 13px; line-height: 1em; text-decoration: none; }
#ar10nav li a:hover { background-color: #00a1de; }
#ar10nav li a.current { background-color: #a0ce67; }

#ar10nav li.CEOs_message a { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-ceo.jpg'); }
#ar10nav li.Chairmans_message a { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-chairman.jpg'); }
#ar10nav li.Expectation_and_Values a { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-value.jpg'); }
#ar10nav li.Leading_by_Example a { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-example.jpg'); }
#ar10nav li.Commitment_to_Clients a { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-clients.jpg'); }
#ar10nav li.Deloitte_by_the_Numbers a { background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-numbers.gif'); }
#ar10nav li.Milestones a { width: 87px; background-image: url('/assets/Dcom-Global/Local%20Assets/Images/Full%20Size%20Images/Annual%20review%20art/AR2010/nav-milestones.jpg'); }

#ar10foot { margin: 14px 0 0 2px; padding: 0 6px; width: 890px; border-top: 2px solid #a9a3a1; }
#ar10foot dt { padding: 8px 0; font-size: 16px; font-weight: bold; color: #999; }
#ar10foot dd { margin: 8px 0 0 0; }
#ar10foot dd ul li { width: 336px; }
#ar10foot dd ul li.col3 { width: 200px; }
#ar10foot dd ul li a:hover { color: #a0ce67; }

/* CLEARFIX GOES LAST ALWAYS */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */