/* 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 */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash p.intro {
	visibility: hidden;
	letter-spacing: 0px;
}


/* 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 {font-size: 1em; color: #676767; /* color: #0092ce;*/ font-weight:bold; margin-top:10px;}
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:dotted thin #000000;
border-top:dotted thin #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 */


/* 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.community ul li a{  border-bottom:1px solid #d2981c;} */

#sitenav li.env ul li a{  color: #64b523;  } 
#sitenav li.env a.on {  color:#fff !important; background-color:#64b523 !important; }
/* #sitenav li.environment  ul li a{  border-bottom:1px solid #64b523; } */

#sitenav li.mplace  ul li  a {   color: #b836b6;  }      
#sitenav li.mplace a.on {  color:#fff !important; background-color:#b836b6 !important;  }
/* #sitenav li.marketplace  ul li a{  border-bottom:1px solid #b836b6; }  */

#sitenav li.wplace  ul li  a {   color: #3B91FB;  }      
#sitenav li.wplace a.on {  color:#fff !important; background-color:#3B91FB !important;  }
/* #sitenav li.marketplace  ul li a{  border-bottom:1px solid #3B91FB; }  */

/* sitenav dimensions */

#sitenav{ width:166px; /* margin:50px; */}
#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:dotted thin #000000;
width: 800px;
}

#main-home #section-photo {
padding: 5px 0 5px 0px;
margin: 0 0 0px 0px;
float:left;
border-bottom:dotted thin #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.gif) 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;
}

.short {
width:140px !important;
}

.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;}