@charset "utf-8";
/* ----- TEMPLATE 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 ul#sideNav li {height: 22px; background: url(../images/global/cross-black-bullet.gif) 1em 1em no-repeat scroll; border-bottom: 1px solid #fff; padding: 8px 10px 0 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;}



/* right content */

/* template 1 */
#lowerContent #contentRight.template1 {float: left; margin: 0; width: 566px; padding: 20px 30px 0 10px;}
#lowerContent #contentRight.template1 div.sectionContainer {background: url(../images/content-templates/h2-arrow.gif) 0em 0.2em no-repeat scroll; width: 552px; margin-bottom: 20px; float:left; clear:left;}
#lowerContent #contentRight.template1 div.sectionContainer p {margin:0; padding:0;}
#lowerContent #contentRight.template1 div.sectionContainer ol {float: left; margin:0 0 0 40px; /*list-style-type:decimal; padding:0 0 0 20px; display:block;*/}
#lowerContent #contentRight.template1 div.sectionContainer ol li {margin-bottom:10px; /*text-align: justify;*/}

#lowerContent #contentRight.template1 h2 {background: url(../images/content-templates/t1-h2-divider.gif) right bottom no-repeat scroll; padding: 0 0 8px 19px; display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 17px; line-height:1.3em;}
#lowerContent #contentRight.template1 p {padding-left: 19px!important; width: 533px;}
#lowerContent #contentRight.template1 p a {color: #000; text-decoration: underline; font-weight: bold;}
#lowerContent #contentRight.template1 p.relatedLinks a {background: url(../images/global/cross-red.gif) left center no-repeat scroll; padding-left: 10px; text-decoration: none;}
#lowerContent #contentRight.template1 p.relatedLinks a:hover {text-decoration: underline;}
#lowerContent #contentRight.template1 ul {padding-left: 19px; width: 533px;}
#lowerContent #contentRight.template1 ul li {background: url(../images/global/red-square-bullet.gif) 0em 0.5em no-repeat scroll; padding: 0 0 5px 12px; /*text-align: justify;*/}

#lowerContent #contentRight.template1 table.img {width:533px; /*margin-left:18px;*/}
#lowerContent #contentRight.template1 table.img.Table1 td {text-align:center;}
#lowerContent #contentRight.template1 table.img.Table2 td.cellOne {text-align:left;}
#lowerContent #contentRight.template1 table.img.Table2 td.cellTwo {text-align:right;}
#lowerContent #contentRight.template1 table.img.Table3 td.cellOne {text-align:left;}
#lowerContent #contentRight.template1 table.img.Table3 td.cellTwo {text-align:center;}
#lowerContent #contentRight.template1 table.img.Table3 td.cellThree {text-align:right;}

/* template 2 */
#lowerContent #contentRight.template2 {float: left; margin: 0;  width: 566px; padding: 20px 0px 0 10px;}
#lowerContent #contentRight.template2 div.sectionContainer {background: url(../images/content-templates/h2-arrow.gif) 0em 0.2em no-repeat scroll; width: 271px; float: left; margin-right: 10px; display:inline;}
#lowerContent #contentRight.template2 h2 {background: url(../images/content-templates/h2-divider.gif) right bottom no-repeat scroll; padding: 0 0 8px 19px; display: block; font-size: 1.2em; font-weight: bold; margin-bottom: 17px; line-height:1.3em;}
#lowerContent #contentRight.template2 p {padding-left: 19px; width: 252px;}
#lowerContent #contentRight.template2 p a {color: #000; text-decoration: underline; font-weight: bold;}
#lowerContent #contentRight.template2 p.relatedLinks a {background: url(../images/global/cross-red.gif) left center no-repeat scroll; padding-left: 12px; text-decoration: none;}
#lowerContent #contentRight.template2 p.relatedLinks a:hover {text-decoration: underline;}
#lowerContent #contentRight.template2 ul {padding-left: 19px; width: 245px; margin-bottom: 15px;}
#lowerContent #contentRight.template2 ul li {background: url(../images/global/red-square-bullet.gif) 0em 0.5em no-repeat scroll; padding: 0 0 5px 12px; /*text-align: justify;*/}

/* template 3 */
#lowerContent #contentRight.template3 {float: left; margin: 0;  width: 556px; padding: 20px 30px 0 10px;}
#lowerContent #contentRight.template3 div.sectionContainer {position: relative; background: url(../images/content-templates/h2-arrow.gif) 0em 0.4em no-repeat scroll; width: 566px; float: left; margin-right: 10px;}
#lowerContent #contentRight.template3 div.sectionContainer .col1 {float:left; display:inline; width:252px; padding-left:19px;}
#lowerContent #contentRight.template3 div.sectionContainer .col2 {float:right; display:inline; width:285px;}
#lowerContent #contentRight.template3 h2 {background:url(../images/content-templates/h2-divider.gif) left bottom no-repeat scroll; padding: 0 0 8px 0; display: block; font-size: 1.2em; font-weight: bold; width: 252px; float: left; display:inline; line-height:1.3em; margin-bottom:25px;}
#lowerContent #contentRight.template3 h2 p {width:auto; padding:0;}
#lowerContent #contentRight.template3 .col2 p {float: left; clear: none; padding-left: 19px; width: 252px; margin: 0 0 15px 0;}
#lowerContent #contentRight.template3 .col2 p a {color: #000; text-decoration: underline; font-weight: bold;}
#lowerContent #contentRight.template3 .col2 p.relatedLinks a {background: url(../images/global/cross-red.gif) left center no-repeat scroll; padding-left: 12px; text-decoration: none;}
#lowerContent #contentRight.template3 .col2 p.relatedLinks a:hover {text-decoration: underline;}
#lowerContent #contentRight.template3 .col2 ul {padding-left: 19px; width: 245px; margin-bottom: 15px;}
#lowerContent #contentRight.template3 .col2 ul li {background: url(../images/global/red-square-bullet.gif) 0em 0.5em no-repeat scroll; padding: 0 0 5px 12px; /*text-align: justify;*/}

#lowerContent #contentRight.template3 #quoteContainer {clear:both; width: 252px; margin: 0 0 16px 0; background:  url(../images/content-templates/quote-bottom.gif) bottom right no-repeat scroll;}
#lowerContent #contentRight.template3 .noQuote {background:none!important;}
#lowerContent #contentRight.template3 .empty {display:none;}
#lowerContent #contentRight.template3 #quoteContainer img {float: none; margin: 0; padding: 0;}
#lowerContent #contentRight.template3 #quoteContainer p {float: none; margin: 20px 0 0; width: 225px; background: url(../images/content-templates/quote-top.gif) left top no-repeat scroll; font-size: 1.7em; color: #ee2d24; padding: 0 0 0 26px; line-height:1.2em; text-align: left;}
#lowerContent #contentRight.template3 .noQuote p {background:none!important;}

/* template 4 */
#lowerContent #contentRight.template4 {float:left; width:556px;}
#lowerContent #contentRight.template4 div.sectionContainer {background: url(../images/content-templates/h2-arrow.gif) 0.8em 1.8em no-repeat scroll; width: 526px; float: left; margin-right: 10px; padding: 20px 30px 0 10px;}
#lowerContent #contentRight.template4 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;}
#lowerContent #contentRight.template4 img.news {float:right; margin:0 0 10px 15px;}
#lowerContent #contentRight.template4 p {padding:0 26px 0 19px; margin:0 0 1.2em 0;}

#lowerContent #contentRight.template4 #relatedContent {padding-left: 19px; background: url(../images/global/red-arrow-bold.gif) 0em 0.3em no-repeat scroll; margin-top: 40px;}
#lowerContent #contentRight.template4 #relatedContent h3 {font-size: 1.2em; border-bottom: 1px solid #d3d4d5; padding: 0 0 8px; margin-bottom: 18px;}
#lowerContent #contentRight.template4 #relatedContent ul li {padding: 0 0 15px; /*text-align: justify;*/}
#lowerContent #contentRight.template4 #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.template4 #relatedContent ul li a:hover {text-decoration: underline;}
#lowerContent #contentRight.template4 #relatedContent ul li a img {vertical-align: middle; margin-left: 5px;}