/* Alliance Boots
Date: 03-09-2008 */

/*------------------------------------------- */

/* Reset
------------------------------------------- */

/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, .form, body, html, p, blockquote as well */
/* .form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* end Reset */

/* sifr styles */
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* end sifr styles */

/* General 
------------------------------------------- */

a {text-decoration: none; color: #0092ce;}
a:hover {text-decoration: underline;}

html {height: 100%; margin-bottom: 1px; }
fieldset {border: none; height:30px;}
legend {display: none;}
iframe {border: none;}

body {
margin: 0 1px; 
background-color:#ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #676767;
font-size:68.5%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.3;
}

h1 {font-size: 3em;}
h2 {font-size: 1.5em; color: #0092ce;}
h3 {font-size: 1em; color: #0092ce; margin:10px 0 5px 0 ;}
h4, h5 {font-size: 1em; color: #676767; font-weight:bold; margin-top:10px;}

blockquote {padding:0px 10px 0px 5px; font-size: 1.3em; line-height: 1.1em;}

.hidden {
position:absolute;
left: -9999px;
}

.hide {
color:#ffffff;	
}


#main .nobottom { border-bottom:none; margin-bottom:0;}
/* end General -------------------------------*/


/*------------------------------------------- */

/* Layout
------------------------------------------- */

/* common bits */

#leftcol {
width:175px;
float:left;
padding-left: 10px;
padding-top:4px;
}

#read-more {
background: url(../images/layout/read-more.gif) no-repeat left;
padding-bottom:20px;
margin-left:-4px;
}

#logo {
width:200px;
}


#primary {
height:50px;
padding-left:20px;
border-bottom:solid 1px #000000;
border-top:solid 1px #000000;
width:955px;
vertical-align:bottom;
margin-bottom: 5px;
margin-left:12px;
background: url(../images/layout/csr-report.gif) no-repeat left;
}

.our-business {
background: url(../images/layout/our-group.gif) no-repeat left !important;
}

.about-this-report {
background: url(../images/layout/about-this-report.gif) no-repeat left !important;
}

.our-approach {
background: url(../images/layout/our-approach.gif) no-repeat left !important;
}

.community {
background: url(../images/layout/community.gif) no-repeat left !important;
}

.marketplace {
background: url(../images/layout/marketplace.gif) no-repeat left !important;
}

.environment {
background: url(../images/layout/environment.gif) no-repeat left !important;
}

.workplace {
background: url(../images/layout/workplace.gif) no-repeat left !important;
}

.performance {
background: url(../images/layout/performance.gif) no-repeat left !important;
}

.downloads {
background: url(../images/layout/downloads.gif) no-repeat left !important;
}

.accessibility {
background: url(../images/layout/accessibility.gif) no-repeat left !important;
}

.contact-us {
background: url(../images/layout/contact-us.gif) no-repeat left !important;
}

.legal-notice {
background: url(../images/layout/legal-notice.gif) no-repeat left !important;
}

.our-websites {
background: url(../images/layout/our-websites.gif) no-repeat left !important;
}

.sitemap {
background: url(../images/layout/sitemap.gif) no-repeat left !important;
}

.search-results {
background: url(../images/layout/search-results.gif) no-repeat left !important;
}


#wrapper {
width:1000px;
margin: 0 auto;
text-align:left;
}

#header {
background:url(../images/layout/header.jpg) no-repeat scroll center top;
}


#content {
width:1000px;
}

#search-box {
width:175px;
height:30px;
float:left;
background:url(../images/layout/search-box.png) no-repeat scroll left;

}

#footer {
text-align:right;
color:#676767;
background:url(../images/layout/footer.jpg) no-repeat scroll left bottom ;
height:110px;
}
  #footer a {
  color:#676767;
  }
  
  #footer p {
  vertical-align:bottom;
  padding-right:15px;
  line-height:110px;
  padding-top:30px;
  }
  
  
  #footer p strong a {
  color:#676767;
  font-weight:normal;
  }

#breadcrumb {
float:right;
text-align:right;
color: #676767;
display: inline;
vertical-align:bottom;
margin-top:-30px;
padding-right:12px;
}

#breadcrumb li {
float:left;
}

#breadcrumb li a {
color:#676767;
}

#breadcrumb li strong a {
color:#676767;
}

#sitetools {
float:right;
text-align:right;
color: #676767;
display: inline;
vertical-align:bottom;
margin-top: 80px;
padding-right:12px;	
}

#sitetools li {
float:left;
}

/* end common bits */

/* unique bits */



/* end unique bits */


/* main section */

#main ul {
list-style: none; 
padding:5px 0;
}

#main ul.co-bullet {
/* list-style: url(../images/layout/co-bullet.gif); */
}

#main ul.en-bullet {
/* list-style: url(../images/layout/en-bullet.gif); */
}

#main ul.mp-bullet {
/* list-style: url(../images/layout/mp-bullet.gif); */
}


#main ul li { 
background : transparent url(../images/layout/gen-bullet.gif) no-repeat scroll 0px 4px;
padding-left:15px; 
line-height:1.3em;
}

#main ul.mp-bullet li {	background-image: url(../images/layout/wp-bullet.gif); }
#main ul.en-bullet li { list-style: url(../images/layout/en-bullet.gif);}
#main ul.co-bullet li { list-style: url(../images/layout/co-bullet.gif); }



#main-home {
width:800px;
padding-left: 10px;
float:left;
}

.sitemap-page {
width:800px;
float:right;
padding:5px;
}

#main {
width: 597px;
float:left;
padding: 5px;
}

#main p {line-height:1.3em; padding: 5px 0px;}

img.wrapleft {
padding:10px;
margin:0px;
}

/* end main section */

/* nav elements */

#nav {
margin-bottom:40px; 
}

#sitenav li a {  color: #676767; _height:1%;}
.generic a { color :  #0092CE; }
.generic a.on {  color:#fff !important; background-color:#0092CE; }

/* specific section text colors */
#sitenav li.comm ul li  a {   color:  #d2981c;}
#sitenav li.comm a.on {  color:#fff !important; background-color:#d2981c !important; }

#sitenav li.env ul li a{  color: #64b523;  } 
#sitenav li.env a.on {  color:#fff !important; background-color:#64b523 !important; }

#sitenav li.mplace  ul li  a {   color: #b836b6;  }      
#sitenav li.mplace a.on {  color:#fff !important; background-color:#b836b6 !important;  }

#sitenav li.wplace  ul li  a {   color: #3B91FB;  }      
#sitenav li.wplace a.on {  color:#fff !important; background-color:#3B91FB !important;  }

/* sitenav dimensions */

#sitenav{ width:166px;}
#sitenav li {   background: transparent url(../images/layout/menu-bg-grey.jpg) no-repeat scroll -2px -60px; }

#sitenav li a{ padding:5px 5px 5px 6px; text-decoration:none; display:block; margin: 0 7px 0 4px;  font-weight:normal; }
#sitenav li  li{  padding-left:0px;  background:#fff; background: transparent url(../images/layout/menu-full-bg-white.jpg) no-repeat scroll -4px -30px; }
#sitenav li  li  a{  padding-left: 7px ; padding-right:5px; margin:0 1px; border-bottom:1px solid #C6C6C6;}

/* common sitenav options */
.last { border-bottom:none !important;  }
#sitenav  a.current { font-weight:bold; }
#sitenav li.active a.on{   margin:0 6px 0 3px; padding:5px 7px; font-weight:bold;}

#sitenav li.generic a.on{ background-color:#0092CE;   color:#fff;  }
#sitenav li.generic li a { color:#0092CE; background-color:transparent;}

 
/* top - bottom of the menu */

#sitenav li.home { background: transparent url(../images/layout/menu-bg-grey.jpg) no-repeat scroll -2px 0;  padding-top:30px;}
#sitenav li.perf { background: transparent url(../images/layout/menu-bg-grey.jpg) no-repeat scroll -2px 100%;  padding-bottom:30px;}

/* subnav options */
#sitenav ul { border-bottom:0px solid #c6c6c6; margin-top:0px; margin:0pt 5px 0 2px;}
#sitenav li ul.aboutthisreport li a.last, #sitenav li ul.mplace li a.last { border-bottom:none; } 

#sitenav ul ul { margin:0;  border-bottom:none; border-top:none;}
#sitenav ul ul  li a { color:#000 !important; padding-left:20px;}
#sitenav ul ul ul li a { color:#000 !important; padding-left:30px;}
#sitenav a:hover { background-color:#fff;}

/* end nav elements */

/* form controls */

#btnSearch {
background: url(../images/layout/search-button.gif) no-repeat 50% 0;
display:block;
float:right;
height:11px;
margin-right:19px;
margin-top:-14px;
text-indent:-999px;
width:10px;
_margin-right:9px;
_margin-top:-15px;
}

#txtSearch {
background:#d3d3d3;
border:1px #ffffff solid;
background-position:center;
margin-top:6px;
width:86px;
height:15px;
}


label {
margin-left:12px;
margin-top: 10px;
}

/* end form controls */

#section-photo {
padding: 5px 0 5px 0px;
margin: 0 0 5px 5px;
float:left;
border-bottom:solid 1px #000000;
width: 800px;
}

#main-home #section-photo {
padding: 5px 0 5px 0px;
margin: 0 0 0px 0px;
float:left;
border-bottom:solid 1px #000000;
width: 790px;
}

#main-home #section-photo img {
margin: 0;
}

/* right hand elements */


#rightcol {
width:180px;
float:right;
}

.rcol-info-box {
width:170px;
background:url(../images/layout/rcol-info-box.png) no-repeat left;
height: 170px;
padding-left:10px;
float:right;
}

.rcol-info-box h3 {
padding: 25px 0px 5px 0px;
width: 150px;
font-size: 0.9em;
line-height: 1.2em;
}

.rcol-info-box p {
padding-left: 5px;
padding-right: 35px;
padding-top: 5px;
text-align:left;
}

.rcol-info-box img {
padding: 20px 0 10px 0;
width: 150px;
}

.quote {
padding:5px;
width:170px;
float: right;
}

.quote p {
padding:5px;
line-height:1.3em;
}

.rcol-image {
width:170px;
float:right;
padding: 5px;
}


/* end right hand elements */

/* special components */

.info-box {
padding: 10px 0px;
width:195px;
float:left;
background:url(../images/layout/grey-box.gif) no-repeat;
height:115px;
line-height: 1em;
margin-right: 4px;
}


.info-box p a {
color:#414141;
font-weight:bold;}

.info-box p {
line-height: 1.3em;
padding: 5px 15px 10px 15px;
}

.info-box h2 {
padding: 5px 10px 10px 10px;
line-height: 0.5em;
}

.case-study {padding: 12px 0px 10px;}
.firstcase { margin-top:20px;}
#main div.lastcase { border-width:1px 0 1px 0;}

#main .caption p {
padding-top: 0px;
padding-left: 5px;
}

.case-study img {
}

.case-study h2 {font-size: 1em; color:#676767;}
.case-study h3 {margin:0;}

.case-study p {color:#676767;}

.photo {float: left;}

.caption {float: left;}

.reducewidth {width:270px; height: auto;}

.case-study-text {padding-right:10px; height: auto; margin: 0px 0px 0px 275px; height: 1%}

.case-study-text.without-photo {margin-left:0px;}
.case-study-text.with-photo-onright {margin-left:0px; margin-right:270px;}

/* end special components */

.primary-heading {
vertical-align:bottom;
margin-left: 20px;

}

#information-bar {
float: left;
}

#sitemap p{line-height:1.2em; padding: 10px 0px;}


/* end Layout -----------------------------*/

/*------------------------------------------- */

/* Styles
------------------------------------------- */
.gen-color {color: #0092ce !important;}
.co-color {color: #d2981c !important;}
.en-color {color: #64b523 !important;}
.mp-color {color: #b836b6 !important;}
.wp-color {color: #3b91fb !important;}

.gen-bg-color {background-color: #0092ce !important;}
.co-bg-color {background-color: #d2981c !important;}
.en-bg-color {background-color: #64b523 !important;}
.mp-bg-color {background-color: #b836b6 !important;}
.wp-bg-color {background-color: #3b91fb !important;}

.gen-bdr-color {border: 1px dotted #0092ce ; border-width:1px 0 0 0;  }
.co-bdr-color {border: 1px dotted #d2981c ; border-width:1px 0 0 0; }
.en-bdr-color {border: 1px dotted #64b523 ; border-width:1px 0 0 0; }
.mp-bdr-color {border: 1px dotted #b836b6 ; border-width:1px 0 0 0; }
.wp-bdr-color {border: 1px dotted #3b91fb ; border-width:1px 0 0 0; }

h2.co-pic {margin:5px;padding-left:45px; height:30px; background: transparent url(../images/layout/co-icon1.jpg) no-repeat scroll 5px 5px; line-height:40px;}
h2.en-pic {margin:5px;padding-left:45px; height:30px; background: transparent url(../images/layout/image_leaf.gif) no-repeat scroll  6px 6px; line-height:40px;}
h2.mp-pic {margin:5px;padding-left:45px; height:30px; background: transparent url(../images/layout/mp-icon.jpg) no-repeat scroll  4px 0; line-height:40px;}
h2.wp-pic {margin:5px;padding-left:45px; height:30px; background: transparent url(../images/layout/wp-icon.jpg) no-repeat scroll  1px 0; line-height:40px;}

.rcol-info-box h2 {
font-size: 1.5em;

}

.name {font-weight:bold;}

#subhead {
text-align:right;
font-weight:bold;
vertical-align:bottom;
line-height:50px;
padding-top:10px;
}

.jobtitle {font-size: 1.3em; font-weight:bold;}

.intro {
font-size: 1.5em;
padding-top: 10px;
padding-left: 4px;
padding-bottom: 5px;
color:#676767;
width:790px;
}

p.intro {

font-size: 1.5em;
padding-top: 10px;
padding-left: 4px;
padding-bottom: 5px;
color:#676767;
width:790px;
}

.titles {
font-size: 1.6em;
}

.big {
font-size: 2.5em;
margin-top:5px;
}

.large{
font-size: 4em;
}

.medium {
font-size: 3em;
}

.small {
font-size: 2em;
}


.wide {width:400px;}

.wrapleft {float:right;}
.wrapright {float:left;}

.col {width: 190px; float:left;}

.col h3 {font-size: 1.3em; padding-bottom:5px;}

.row {width:800px; margin:15px 0; height:170px;}

.dot-bdr {border-bottom:dotted thin #000000;}

.clear {clear:both;}

/* rounded corners  */


/* generic */
.rc_box {
   background: #0092ce ;margin-left:1px;
   clear:both;
   margin-top:5px;
}
.rc_top div {
   background: url(../images/layout/rc_gen_tl.png) no-repeat top left;
}
.rc_top {
   background: url(../images/layout/rc_gen_tr.png) no-repeat top right;
}
.rc_bottom div {
   background: url(../images/layout/rc_gen_bl.png) no-repeat bottom left;
}
.rc_bottom {
   background: url(../images/layout/rc_gen_br.png) no-repeat bottom right;
}

/* end generic */


/* community */

.rc_co_box {
   background: #d2981c ;margin-left:1px;
   clear:both;
   margin-top:5px;
}

.rc_co_top div{
   background: url(../images/layout/rc_co_tl.png) no-repeat top left;
}

.rc_co_top {
   background: url(../images/layout/rc_co_tr.png) no-repeat top right;
}

.rc_co_bottom div {
   background: url(../images/layout/rc_co_bl.png) no-repeat bottom left;
}
.rc_co_bottom{
   background: url(../images/layout/rc_co_br.png) no-repeat bottom right;
}

.rc_co_top div, .rc_co_top, 
.rc_co_bottom div, .rc_co_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

/* end community */

/* environment */

.rc_en_box {
   background: #64b523 ;margin-left:1px;
   clear:both;
   margin-top:5px;
}

.rc_en_top div{
   background: url(../images/layout/rc_en_tl.png) no-repeat top left;
}

.rc_en_top {
   background: url(../images/layout/rc_en_tr.png) no-repeat top right;
}

.rc_en_bottom div {
   background: url(../images/layout/rc_en_bl.png) no-repeat bottom left;
}
.rc_en_bottom{
   background: url(../images/layout/rc_en_br.png) no-repeat bottom right;
}

.rc_en_top div, .rc_en_top, 
.rc_en_bottom div, .rc_en_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

/* end environment */


/* marketplace */

.rc_mp_box {
   background: #b836b6; ;margin-left:1px;
   clear:both;
   margin-top:5px;
}

.rc_mp_top div{
   background: url(../images/layout/rc_mp_tl.png) no-repeat top left;
}

.rc_mp_top {
   background: url(../images/layout/rc_mp_tr.png) no-repeat top right;
}

.rc_mp_bottom div {
   background: url(../images/layout/rc_mp_bl.png) no-repeat bottom left;
}
.rc_mp_bottom{
   background: url(../images/layout/rc_mp_br.png) no-repeat bottom right;
}

.rc_mp_top div, .rc_mp_top, 
.rc_mp_bottom div, .rc_mp_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
/* end marketplace */

/* workplace */

.rc_wp_box {
   background: #3b91fb; ;margin-left:1px;
   clear:both;
   margin-top:5px;
}

.rc_wp_top div{
   background: url(../images/layout/rc_wp_tl.png) no-repeat top left;
}

.rc_wp_top {
   background: url(../images/layout/rc_wp_tr.png) no-repeat top right;
}

.rc_wp_bottom div {
   background: url(../images/layout/rc_wp_bl.png) no-repeat bottom left;
}
.rc_wp_bottom{
   background: url(../images/layout/rc_wp_br.png) no-repeat bottom right;
}

.rc_wp_top div, .rc_wp_top, 
.rc_wp_bottom div, .rc_wp_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

/* end workplace */

/* utilities */


/* sitemap */
.sitemap-page .col {width: 180px; padding-right:10px; }
#main.sitemap-page .col ul ul { padding:0; }
.sitemap-page .row { height:220px; margin:0;}
.sitemap-page ul li { margin:3px 0;}
.board-photo .row {width:587px !important;}


/* end utilities */

.rc_top div, .rc_top, 
.rc_bottom div, .rc_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}

/* end rounded corner */


/* borders rounded corner */

/* generic */


.rc_top_bdr div {
	background: url(../images/layout/rc_gen_bdr_tl.png) no-repeat top left;
}
.rc_top_bdr {
	background: url(../images/layout/rc_gen_bdr_tr.png) no-repeat top right;
}
.rc_bottom_bdr {
	background: url(../images/layout/rc_gen_bdr_bl.png) no-repeat bottom left;
}
.rc_bottom_bdr div {
	background: url(../images/layout/rc_gen_bdr_br.png) no-repeat bottom right;
}
.withborder {
	background: url(../images/layout/rc_gen_bdr_r.png) top right repeat-y;
}

.rc_top_bdr  div, .rc_top_bdr,
.rc_bottom_bdr div, .rc_bottom_bdr {
	width: 100%;
	height: 10px;
	font-size: 1px;
}

/* end generic */

/* end borders rounded corner */


/* end Styles --------------------------- */

/* New Additions */


/* table-box div tag is currently inactive and not used */
#table-box {
	border: #BDBDBD 1px solid; 
	margin: 10px 0px 20px 0px;
	padding: 0px 15px 15px 15px;
}
table {
	text-align: right;
	margin: 5px 0px 10px 0px;
}
/* remove margin from the table properties if the table-box div tag is reactivated */


table thead th {
	padding:3px 3px 3px 0px;
	vertical-align:bottom;
	font-size: 0.9em;
	font-weight: normal;
	border-bottom: #B4B4B4 1px solid;
}

table thead td {
	padding:10px 3px 0px 0px;
	vertical-align:top;
	font-size: 1em;
}

table tbody td {
	padding:1px 3px 1px 0px;
	vertical-align:bottom;
}

table tbody th {
	font-weight:normal;
	
}


.styleA{
	width:50%;
}

.styleB{
	width:100%;
}

table.sameline{ width:47%; float:left; margin-right:10px;}

.thinrule {
	border-bottom: #B4B4B4 1px solid;
}

.thickrule {
	border-bottom: #B4B4B4 2px solid;
}

.firstcol {
	text-align: left;
}

caption {
	margin-top: 50px;
}

.tablehead {
	text-align: left;
	font-size: 1.2em;
	font-weight:bold;
}

.sub {
	text-align: left;
	padding:0 0 5px 0;
}

/* Concertina */

#GRI h3, #GRI_a h3 {
vertical-align:middle;
line-height:30px;
padding: 0 10px;
height: 30px;
cursor:pointer;
}

.toggle {
margin-right:60px;
margin-top:-43px;
text-align:right;
}

.ShowAll_HideAll {
margin-top: 20px;
}

.accordian_header {
background: url(../images/layout/tab-bar-show.gif) no-repeat left;
color:#50b748;
margin-top:5px;
}

.opened {
color:#0092ce;
background: url(../images/layout/tab-bar-hide.gif) no-repeat left;
}

.ShowAll_HideAll a{ cursor:pointer;}
.griTable table {width:585px;}
.griTable table th, .griTable table td { text-align:left; vertical-align:top;}

.griTable table .indicator{ width:10%;}
.griTable table .description{ width:60%;}
.griTable table .reference{ width:30%;}
.griTable table h4{ color: #676767;}

/* end concertina */


/* end new additions */

/* specific info-box styles */

.box200k .big { font-size:2.5em; margin-top:15px;} 
.box200k  p { padding-top:0px !important;}