@charset "utf-8";

/* Home */
.home li#nav1 a:hover,
.home li#nav1 a:active,
.home li#nav1 a:focus,
.home li#nav2 a:hover,
.home li#nav2 a:active,
.home li#nav2 a:focus,
.home li#nav3 a:hover,
.home li#nav3 a:active,
.home li#nav3 a:focus,
.home li#nav4 a:hover,
.home li#nav4 a:active,
.home li#nav4 a:focus,
.home li#nav5 a:hover,
.home li#nav5 a:active,
.home li#nav5 a:focus,
.home li#nav6 a:hover,
.home li#nav6 a:active,
.home li#nav6 a:focus,
.home li#nav7 a:hover,
.home li#nav7 a:active,
.home li#nav7 a:focus {
	background: #fff;
	color: #000;
}

.slide1 a:hover,
.slide1 a:active,
.slide1 a:focus {
	color: #cad401;
}

.slide2 a:hover,
.slide2 a:active,
.slide2 a:focus {
	color: #ba0506;
}

.slide3 a:hover,
.slide3 a:active,
.slide3 a:focus {
	color: #667393;
}

.slide4 a:hover,
.slide4 a:active,
.slide4 a:focus {
	color: #fee900;
}

.slide5 a:hover,
.slide5 a:active,
.slide5 a:focus {
	color: #e1180e;
}



/* Overview */
.overview a,
.overview .nav a:hover,
.overview .nav a:active,
.overview .nav a:focus,
.overview .fore {
	color: #ba0506;
}

.main-nav #nav1 a:hover,
.main-nav #nav1 a:active,
.main-nav #nav1 a:focus,
.overview .main-nav #nav1 a,
.overview .nav a.selected,
.overview .nav a.selected:hover,
.overview .nav a.selected:active,
.overview .nav a.selected:focus,
.overview a.selected a,
.overview .to-top a {
	background: #ba0506;
	color: #fff;
}

.overview a.selected a {
	background: none;
}

.overview .to-top a {
	background: #ba0506 url(../images/buttons/back-to-top-wht.png) 5px 50% no-repeat;
}

/* How we're doing */
.how-were-doing .nav a:hover,
.how-were-doing .nav a:active,
.how-were-doing .nav a:focus {
	color: #fee900;
}
.how-were-doing a {color:#6666cc}				



.main-nav #nav2 a:hover,
.main-nav #nav2 a:active,
.main-nav #nav2 a:focus,
.how-were-doing .main-nav #nav2 a,
.how-were-doing .nav a.selected,
.how-were-doing .nav a.selected:hover,
.how-were-doing .nav a.selected:active,
.how-were-doing .nav a.selected:focus,
.how-were-doing .to-top a {
	background: #fee900;
	color: #000;
}

.overview a.selected a {
	background: none;
	color: #000;
}

.how-were-doing .to-top a {
	background: #fee900 url(../images/buttons/back-to-top-blk.png) 5px 50% no-repeat;
}

.letter-to-share-owners h2 {
	color: #e95e27; 
	margin: 0;
}

.how-were-doing .caption {font-weight:normal; line-height:16px;}
.how-were-doing p.caption + p { margin-top:10px;}
.how-were-doing p.caption + p.intro {margin-top:20px;}
.how-were-doing p.style6.intro {
	padding-left: 0;	
}
p.intro.ourkeypriorties {margin:10px 0 12px 0;}


/* move to global */
img.report-photo{float: left; margin:0 10px 10px 0} 



/* What we think */
.what-we-think a,
.what-we-think .nav a:hover,
.what-we-think .nav a:active,
.what-we-think .nav a:focus {
	color: #e1180e;
}

.main-nav #nav3 a:hover,
.main-nav #nav3 a:active,
.main-nav #nav3 a:focus,
.what-we-think .main-nav #nav3 a,
.what-we-think .nav a.selected,
.what-we-think .nav a.selected:hover,
.what-we-think .nav a.selected:active,
.what-we-think .nav a.selected:focus,
.what-we-think .to-top a {
	background: #e1180e;
	color: #fff;
}

.what-we-think a.selected a {
	background: none;
	color: #fff;
}

.what-we-think .to-top a {
	background: #e1180e url(../images/buttons/back-to-top-wht.png) 5px 50% no-repeat;
}

/* How we're run */
.how-were-run a,
.how-were-run .nav a:hover,
.how-were-run .nav a:active,
.how-were-run .nav a:focus {
	color: #363;
}

.main-nav #nav4 a:hover,
.main-nav #nav4 a:active,
.main-nav #nav4 a:focus,
.how-were-run .main-nav #nav4 a,
.how-were-run .nav a.selected,
.how-were-run .nav a.selected:hover,
.how-were-run .nav a.selected:active,
.how-were-run .nav a.selected:focus,
.how-were-run .to-top a {
	background: #363;
	color: #fff;
}

.how-were-run a.selected a {
	background: none;
}

.how-were-run .to-top a {
	background: #363 url(../images/buttons/back-to-top-wht.png) 5px 50% no-repeat;
}

.heading-width h1 {width:570px}

.board-of-directors h2 em {
	clear: none;
	display: inline;
	color: #9958A2;
}

.a-new-normal-and-why-mad-men-and-women-are-becoming-more-important p.footnotes,
.compensation-committee-report-on-behalf-of-the-board  p.footnotes,
.sustainability p.footnotes{border-top:none; margin: 5px 0;}

/* Financial statements */
.financial-statements a,
.financial-statements .nav a:hover,
.financial-statements .nav a:active,
.financial-statements .nav a:focus{
	color: #56beb9;
}

.main-nav #nav5 a:hover,
.main-nav #nav5 a:active,
.main-nav #nav5 a:focus,
.financial-statements .main-nav #nav5 a,
.financial-statements .nav a.selected,
.financial-statements .nav a.selected:hover,
.financial-statements .nav a.selected:active,
.financial-statements .nav a.selected:focus,
.financial-statements .nav  li.first a,
.financial-statements .to-top a {
	background:#56beb9 ;
	color: #fff;
}

.financial-statements a.selected a {
	background: none;
	color: #000;
}

.financial-statements .to-top a {
	background: #56beb9 url(../images/buttons/back-to-top-wht.png) 5px 50% no-repeat;
}

/* Other information */
.other-information a,
.other-information .nav a:hover,
.other-information .nav a:active,
.other-information .nav a:focus{
	color: #1f3583;
}

.main-nav #nav6 a:hover,
.main-nav #nav6 a:active,
.main-nav #nav6 a:focus,
.other-information .main-nav #nav6 a,
.other-information .nav a.selected,
.other-information .nav a.selected:hover,
.other-information .nav a.selected:active,
.other-information .nav a.selected:focus,
.other-information a.selected a,
.other-information .to-top a {
	background: #1f3583;
	color: #fff;
}

.other-information a.selected a {
	background: none;
	color: #1f3583;
}

.other-information .to-top a {
	background: #1f3583 url(../images/buttons/back-to-top-wht.png) 5px 50% no-repeat;
}

/* Other links */
.other-links a,
.other-links .nav a:hover,
.other-links .nav a:active,
.other-links .nav a:focus {
	color: #936;
}

.main-nav #nav7 a:hover,
.main-nav #nav7 a:active,
.main-nav #nav7 a:focus,
.other-links .main-nav #nav7 a,
.other-links .nav a.selected,
.other-links .nav a.selected:hover,
.other-links .nav a.selected:active,
.other-links .nav a.selected:focus,
.other-links a.selected a,
.other-links .to-top a {
	background: #936;
	color: #fff;
}

.other-links a.selected a {
	background: none;
}

.other-links .to-top a {
	background: #936 url(../images/buttons/back-to-top-wht.png) 5px 50% no-repeat;
}

/* Default links */
.services ul li a,
.accordionX h2 a {
	color: #000;
}

.header .main-nav li a {
	color: #fff;
}

.next-prev a {
	color: #000;
}

.next-prev a:hover,
.next-prev a:active,
.next-prev a:focus {
	color: #666;
}

.slides-container a {
	color: #666;
}

.footer a {
	color: #999;
}

.footer a:hover,
.footer a:active,
.footer a:focus {
	color: #fff;
}

/* Headings */
h2.style1 {
	background: url(../images/background/head-1.gif) 0 0 no-repeat;
	line-height:30px!important;
}

h2.style2 {
	background: url(../images/background/head-2.gif) 0 0 no-repeat;
}

h2.style3 {
	background: url(../images/background/head-3.gif) 0 0 no-repeat;
}

h2.style4 {
	background: url(../images/background/head-4.gif) 0 0 no-repeat;
}

h2.style4b {
	background: url(../images/background/head-4-big.gif) 0 0 no-repeat;
}

h2.style5 {
	background: url(../images/background/head-5.gif) 0 0 no-repeat;
}

h2.style6 {
	background: url(../images/background/head-6.gif) 0 0 no-repeat;
}
h2.style6.faux6 { padding-bottom:2px;}

h2.style7 {
	background: url(../images/background/head-7.gif) 0 0 no-repeat;
}

h2.style7b {
	background: url(../images/background/head-7-big.gif) 0 0 no-repeat;
}

h2.style8 {
	background: url(../images/background/head-8.gif) 0 0 no-repeat;
}

h2.style9 {
	background: url(../images/background/head-9.gif) 0 0 no-repeat;
}

h2.style10 {
	background: url(../images/background/head-10.gif) 0 0 no-repeat;
	padding: 0 0 25px 25px!important;
}

h2.style10b {
	background: url(../images/background/head-10-big.gif) 0 0 no-repeat;
	padding: 0 0 32px 25px!important;
}

/* Orange - How we're doing */
h3.style1 {
	background: url(../images/background/sub-head-1.gif) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}

/* Purple - Who runs WPP */
h3.style2 {
	background: url(../images/background/sub-head-2.gif) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}

/* Lilac - About share ownership */
h3.style3 {
	background: url(../images/background/sub-head-3.gif) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}

/* Orange - What we think */
h3.style4 {
	background: url(../images/background/sub-head-4.gif) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}

/* Turqouise - How we behave */
h3.style5 {
	background: url(../images/background/sub-head-5.gif) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}

/* Purple - Recognition for reports */
h3.style5 {
	background: url(../images/background/sub-head-5.gif) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}


h3.style1,h3.style2,h3.style3,h3.style4,h3.style5 {border:none}

h2.reports{
	background: url(../images/background/hb-recognition-for-reports.jpg) 0 0 no-repeat;
	line-height: 42px; 
	padding-left: 12px;
}

/* Where to find us headings */
.where-to-find-us h3 {
	color: #009b7b;
}
/* Lists */
ul.style1 li {
	background: url(../images/bullets/bullet_blue.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;
}

ul.style2 li {
	background: url(../images/bullets/bullet_green.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;

}

ul.style3 li {
	background: url(../images/bullets/bullet_lavender.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;
}

ul.style4 li {
	background: url(../images/bullets/bullet_orange.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;
}
/* See Key Priorities page */
ul.style4 li.indented {
	background: url(../images/bullets/bullet_orange.gif) no-repeat scroll 60px 4px transparent;   
}

ul.style5 li {
	background: url(../images/bullets/bullet_orange_grey.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;
}

ul.style6 li {
	background: url(../images/bullets/bullet_purple.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;
}

ul.style7 li {
	background: url(../images/bullets/bullet_sky-blue.gif) no-repeat scroll left 4px transparent;
    line-height: 20px;
    margin: 4px 0;
    text-indent:16px;
}

/* Quotes */
blockquote {
	color: #5073b7; 
}

blockquote.style1 {
	background: url(../images/background/quotation-mark01a.jpg) 0 0 no-repeat;
}

blockquote.style1 p {
	background: url(../images/background/quotation-mark01b.jpg) 100% 100% no-repeat;
}

blockquote.style2 {
	background: url(../images/background/quotation-mark02a.jpg) 0 0 no-repeat;
	color: #76c190; 
}

blockquote.style2 p {
	background: url(../images/background/quotation-mark02b.jpg) 100% 100% no-repeat;
}

blockquote.style3 {
	background: url(../images/background/quotation-mark03a.jpg) 0 0 no-repeat;
}

blockquote.style3 p {
	background: url(../images/background/quotation-mark03b.jpg) 100% 100% no-repeat;
}

blockquote.style4 {
	background: url(../images/background/quotation-mark04a.jpg) 0 0 no-repeat;
}

blockquote.style4 p {
	background: url(../images/background/quotation-mark04b.jpg) 100% 100% no-repeat;
}

/* Last paragraph with end bullet */
p.style1 {
	background: url(../images/bullets/bullet_blue.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

p.style2 {
	background: url(../images/bullets/bullet_green.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

p.style3 {
	background: url(../images/bullets/bullet_lavender.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

p.style4 {
	background: url(../images/bullets/bullet_orange.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

p.style5 {
	background: url(../images/bullets/bullet_orange_grey.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

p.style6 {
	background: url(../images/bullets/bullet_purple.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

p.style7 {
	background: url(../images/bullets/bullet_sky-blue.gif) 100% 50% no-repeat;
	display: inline;
	padding: 0 20px 0;
}

/* extra heading styles*/
.how-were-run h2.reportby{ clear: none; font-size:18px; color: #1f3583; margin-top:20px; width: 570px;}
.how-were-run  h2.reportby em.author {color:#000;  border:none; margin:0;}
.how-were-run  em.date{border-bottom: 1px solid #000; color:#000; font-size:18px;} 
.compensation-committee-report-on-behalf-of-the-board  h2.reportby,
.compensation-committee-report-on-behalf-of-the-board em.date{font-size:18px;}
.accordionX h2.reportby em {
	font-size:18px; /* Font resize to 18px em withn accordion only - standard size is 20px*/

}

/* Tables */
/* Financial summary table */

.our-six-specific-objectives.letter-to-share-owners-sub table.financial-summary {border-top:2px solid #000}

table.financial-summary td,
table.financial-summary th {
	background: #ecedef;
	border-bottom: 1px solid #000; 
}

table.financial-summary tbody tr:nth-of-type(2n+1) td,
table.financial-summary tbody tr:nth-of-type(2n+1) th,
table.financial-summary tbody tr:nth-of-type(2n+14) td,
table.financial-summary tbody tr:nth-of-type(2n+14) th {
	background-color: #cfd0ec; 
}

table.financial-summary tbody tr:nth-of-type(2n+13) td,
table.financial-summary tbody tr:nth-of-type(2n+13) th,
table.financial-summary tbody tr:nth-of-type(2n+20) td,
table.financial-summary tbody tr:nth-of-type(2n+20) th,
table.financial-summary tbody tr:nth-of-type(2n+26) td,
table.financial-summary tbody tr:nth-of-type(2n+26) th {
	background-color: #ecedef; 
}

table.financial-summary tbody tr:nth-of-type(2n+19) td,
table.financial-summary tbody tr:nth-of-type(2n+19) th,
table.financial-summary tbody tr:nth-of-type(2n+27) td,
table.financial-summary tbody tr:nth-of-type(2n+27) th {
	background-color: #cfd0ec;
}

table.financial-summary tbody tr.sep td,
table.financial-summary tbody tr.sep th {
	background: #fff;
}

table.financial-summary thead tr:first-of-type th {
	background: none;
}

/* Home page table */
.home table.financial-summary td,
.home table.financial-summary th {
	padding: 2px 4px;
}

/*------------------ 
What we think table */
table.what-we-think {
	border-top: 2px solid #000;
} 

table.what-we-think td,
table.what-we-think th {
	background: #fef5e1;
	border-bottom: 1px solid #ef7f5c; 
}

table.what-we-think thead th {
	background: #fff;
	border-bottom: 2px solid #000;
	font-weight: 700;
	vertical-align: bottom;
}

/*
table.what-we-think td,
table.what-we-think th {
	background: #fef5e1;
	border-bottom: 1px solid #ef7f5c; 
}
table.what-we-think th.first{
	font-weight:bold;
	vertical-align:bottom;
}

table.what-we-think  tr.sep td,
table.what-we-think  tr.sep th {
	background: #fff;
}

table.what-we-think  thead tr:first-of-type th {
	background: none;
}


/*------------------ 
Who runs WPP table */
table.who-runs-wpp td,
table.who-runs-wpp th {
	background: #f1e4f0;
	border-bottom: 1px solid #a24c9b; 
}

table.who-runs-wpp  tr.sep td,
table.who-runs-wpp  tr.sep th {
	background: #fff;
}

table.who-runs-wpp  thead tr:first-of-type th {
	background: none;
}

/*------------------ 
How we behave table */



table.how-we-behave td,
table.how-we-behave th, table.how-we-behave tr.rowbg {
	background: #e3edee;
	border-bottom: 1px solid #5073b7;
	border-top:1px solid #000;
	text-align:left;
}

table.how-we-behave  tr.sep td,
table.how-we-behave  tr.sep th {
	background: #fff;
}

table.how-we-behave thead tr:first-of-type th {
	background: none;
	font-weight:bold;
	vertical-align:bottom
}

table.how-we-behave thead th:nth-of-type(1) {
	border-bottom:none!important;
}

table.how-we-behave tr.rowborder {
	border-bottom:1px solid #5073b7;
	border-top:1px solid #000
}

table.how-we-behave tbody tr:first-of-type td {
	background: none;
}

.sustainability table.how-we-behave {margin-top:5px;}
.sustainability table.how-we-behave tbody tr td,
.sustainability table.how-we-behave thead tr th{
	text-align:right
}
.sustainability table.how-we-behave thead tr:first-of-type th {
	border-bottom:1px solid #000;				
}


.sustainability table.how-we-behave tbody tr:first-of-type td {
  border-bottom:1px solid #000;
}

.sustainability td.left {text-align:left!important}
				

/* How we are rewarded table */
table.how-were-rewarded {
	border-top: 2px solid #000;
}

table.how-were-rewarded thead th {
	font-weight: 700;
	vertical-align: bottom;
	
	border-bottom: 2px solid #000;
}

table.how-were-rewarded tbody td,
table.how-were-rewarded tbody th {
	background: #ecedef;
	border-bottom: 1px solid #5073b7; 
}

table.how-were-rewarded tr.total td {
	border-bottom: none;
}

table.how-were-rewarded tr.total{
	border-top:2px solid #000!important;
}

table.how-were-rewarded td.borderline,
table.how-were-rewarded th.borderline {
	border-right: 2px solid #000;
}

/*

table.how-were-rewarded thead th, 
body.information-for-share-owners table thead tr.noColour th, 
table.how-were-rewarded tbody tr.noColour td {
	vertical-align: bottom;
}


table.how-were-rewarded tr.total td {
	border-bottom: none;
}
table.how-were-rewarded td.borderline,
table.how-were-rewarded th.borderline {
	border-right: 2px solid #000;
}

table.how-were-rewarded th, 
table.how-were-rewarded tr.rowbg:first-of-type td {
	background: #ecedef;
	border-bottom: 1px solid #000; 
	font-weight:normal;
}

table.how-were-rewarded  tr.sep td,
table.how-were-rewarded  tr.sep th {
	background: #fff;
}

table.how-were-rewarded  thead tr:first-of-type th,
table.how-were-rewarded  thead tr th {
	background: none;
	font-weight:bold;
	text-align:left;	
}

table.how-were-rewarded  thead tr:first-of-type th.end, 
table.how-were-rewarded  thead tr th.end {	
	text-align:right;
}

table.how-were-rewarded thead tr th.noBorder {
	border:none;
}

table.how-were-rewarded tbody tr.noColour td, 
body.information-for-share-owners table thead tr.noColour th {
	background:none;	
}

table.how-were-rewarded tbody tr.head td, 
body.information-for-share-owners table thead tr.head th {	
	font-weight:bold;
}

table.how-were-rewarded tbody tr.noColour td, 
body.information-for-share-owners table thead tr.noColour th, 
table.how-were-rewarded tbody tr.head td, 
body.information-for-share-owners table thead tr.head th {
	border-bottom: solid 1px #000;	
}

table.how-were-rewarded tr.rowborder {
	border-top:1px solid #5073b7;
}

table.how-were-rewarded thead tr th.blackline, 
table.how-were-rewarded tbody tr td.blackline{
	border-bottom: 1px solid #000;
}






/*------------------ 
About share ownership table */
body.information-for-share-owners table td,
body.information-for-share-owners table th {
	background: #f9f1f8;
	border-bottom: 1px solid #66568b; 
}

body.information-for-share-owners table tr.sep td,
body.information-for-share-owners table tr.sep th {
	background: #fff;
}

body.information-for-share-owners table thead tr:first-of-type th {
	background: none;
	border-bottom: 1px solid #000;
}

.information-for-share-owners table{border-top:2px solid #000;}

.recognition-for-past-wpp-annual-reports .annual-reports ul li {margin:20px 0!important;}
.where-to-find-us p.noindent, ul.board p.details {margin-bottom:20px;}
.where-to-find-us h3 {border:none; margin:2px 0;}
.all-regions-showed-revenue-growth-with-latin-america-taking-the-lead dl.footnotes{margin-top:15px;}


/*---generic class to clear the background colour on complex tr,td,th tags*/
.nobg tr, .nobg td, .nobg th {
	background:none!important;	
	font-weight:bold;
	text-align:left;
}
.nobgborder {background:none!important;}
.black {border-bottom:1px solid #000!important;}
.sml-number { margin-top:10px;}
.sml-number ul li { clear:both; padding-top:16px;}

/* Hide add to top button in sections*/
.what-we-think p.to-top,
.future-challenges p.to-top,
.burson-marsteller-summary p.to-top,
.ogilvy-public-relations-summary p.to-top,
.sudler-and-hennessey-summary p.to-top,
.hering-schuppener p.to-top,
.forward-looking-statements  p.to-top,
.gci-health p.to-top,
.recognition-for-past-wpp-annual-reports p.to-top,
.reports-from-our-operating-brands p.to-top,
.other-links p.to-top,
.directors-report p.to-top {
	display:none;
}
.a-new-normal-and-why-mad-men-and-women-are-becoming-more-important-by-sir-martin-sorrell p.to-top {display:block;}

/* Heading H3 with no boreder bottom*/
.members-of-the-board-of-directors h3,.home h3 {border:none; margin:2px 0;}
.a-new-normal-and-why-mad-men-and-women-are-becoming-more-important h2 {font-size:20px}
.review-of-the-audit-committee h3, 
.advisors-to-the-board h3,
.review-of-the-companys-governance-and-the-nomination-and-governance-committee h3{border:none;}

/* Special links*/

a.emailBoard {
	background: url(../images/bullets/email-block.gif) no-repeat scroll left 7px transparent;
	padding-left:12px;
}
  