@charset "utf-8";
/* ----- MEDIA CENTRE STYLES - G&J Seddon ----- */

/* Site colours:
Red - #ee2d24
Dark grey - #737373
Light grey - #f2f2f2
Grey for text - #a7a9ac
*/

body {background: url(../images/global/bar-with-breadcrumb-background.gif) left top repeat-x scroll;}

/* breadcrumb */
ul#breadcrumb {width: 890px; padding: 0 0 0 24px; margin: 0; background: url(../images/global/breadcrumb-tile.gif) left top repeat-y scroll; height: 30px;}
ul#breadcrumb li {color: #000; display: inline; background: url(../images/global/red-arrow.gif) right center no-repeat scroll; padding: 0 4px; line-height: 29px;}
ul#breadcrumb li.last {background: none;}
ul#breadcrumb li a {color: #a7a9ac; margin-right: 5px;}

/* black content bar */
#blackContentBarContainer {background: url(../images/global/h1-arrow.gif) left 0.1em no-repeat scroll; float: left; margin-top: 0;}
#blackContentBarContainer #blackContentBar .blackContentBarRight {height: 108px; border-right: none;}
#blackContentBarContainer #blackContentBar .blackContentBarRight img {float: left;}

/* left content */
#lowerContent #contentLeft {width: 281px; padding: 20px 10px; float: left;}
#lowerContent #contentLeft h3 {font-size: 14px; margin-bottom: 17px;} 
#lowerContent #contentLeft ul.sideNav {margin-bottom: 30px;}
#lowerContent #contentLeft ul.sideNav li {min-height: 14px; background: url(../images/global/cross-black-bullet.gif) 1em 1em no-repeat scroll; border-bottom: 1px solid #fff; padding: 8px 10px 8px 27px;}
#lowerContent #contentLeft ul.sideNav li.selected {background: #ee2d24 url(../images/global/cross-white-bullet.gif) 1em 1em no-repeat scroll;}
#lowerContent #contentLeft ul.sideNav li a {color: #000;}
#lowerContent #contentLeft ul.sideNav li.selected a {color: #fff;}
#lowerContent #contentLeft ul.sideNav li.viewAll {background: url(../images/global/cross-red.gif) 1em 1em no-repeat scroll;}
#lowerContent #contentLeft ul.sideNav li.viewAll a {font-weight: bold; color: #ee2d24;}

/* right content */
#lowerContent #contentRight {background: url(../images/content-templates/h2-arrow.gif) 0.8em 1.8em no-repeat scroll; float: left; margin: 0; padding: 0; width: 556px; padding: 20px 30px 0 10px;}
#lowerContent #contentRight h2 {background: url(../images/media-centre/h2-divider.gif) left bottom no-repeat scroll; padding: 0 0 8px 19px; font-size: 1.2em; font-weight: bold; margin-bottom: 17px; /*width: 252px;*/ display: block;}
#lowerContent #contentRight img.news {float:right; margin:0 0 10px 15px;}
#lowerContent #contentRight p {padding:0 8px 0 19px; margin:0 0 1.2em 0;}

#lowerContent #contentRight #relatedContent {padding-left: 19px; background: url(../images/global/red-arrow-bold.gif) 0em 0.3em no-repeat scroll; margin-top: 40px;}
#lowerContent #contentRight #relatedContent h3 {font-size: 1.2em; border-bottom: 1px solid #d3d4d5; padding: 0 0 8px; margin-bottom: 18px;}
#lowerContent #contentRight #relatedContent ul li {padding: 0 0 15px;}
#lowerContent #contentRight #relatedContent ul li a {background: url(../images/global/cross-red.gif) left center no-repeat scroll; padding-left: 12px; text-decoration: none; font-weight: bold; color: #000;}
#lowerContent #contentRight #relatedContent ul li a:hover {text-decoration: underline;}
#lowerContent #contentRight #relatedContent ul li a img {vertical-align: middle; margin-left: 5px;}