/* -------------------- GLOBAL -------------------- */ * {margin: 0; padding: 0;} body {font-family: arial,helvetica,sans-serif; font-size: 62.5%; background: #ffffff; color: #4f4c4d; text-align: center;} a {color: #007778; text-decoration: none; font-weight: bold;} a:hover {text-decoration: underline;} img {border: none;} h1, h2, h3, h4, h5, h6 {font-family: helvetica,arial,sans-serif; font-size: 2em; line-height: 1em; font-weight: normal;} h3, h4, h5, h6 {font-size: 1.6em;} p {font-size: 1.2em; margin-bottom: 1em;} blockquote {margin-left: 2em;} blockquote p {font-family: helvetica,arial,sans-serif;} hr {color: #f18030; border-top: 1px solid #f18030; border-bottom: 0; height: 1px; background: #f18030; margin: 0 3px 15px; clear: both;} ul, ol {list-style-type: none;} li {font-size: 1.2em;} li li {font-size: 1em;} dt {font-size: 1.2em; font-weight: bold;} dd {font-size: 1.2em;} fieldset {border: 0;} legend strong {font-size: 1.2em; font-weight: bold; text-align: right; display: block; width:140px; padding-bottom: .5em;} form div {margin-bottom: 1em;} label {font-weight: bold; display: block; font-size: 1.2em; margin-bottom: .3em;} input, textarea, select {font-family: arial,helvetica,sans-serif; font-size: 1.1em; vertical-align: middle; padding: .1em 2px; width: 220px;} #frmLogin .text {width: 150px;} table {width: 100%; margin-bottom: 2em;} th, td {padding: .666em 15px; } th {text-align: left; font-family: helvetica,arial,sans-serif; font-size: 1.3em; background: #d2651b url(/hfea/images/bg-tableHead.png) no-repeat 0 0; color: #ffffff; border-right: 1px solid #d3d2d2;} td {vertical-align: top; font-size: 1.2em; border: 1px solid #d3d2d2;} #wrapper {text-align: left; margin: 0 auto; width: 914px;} /* -------------------- COMMON -------------------- */ .accessibility {position: absolute; left: -9999px;} /*--- Image styles ---*/ img.fltLft {float: left; margin-right: 10px; margin-bottom: 1em;} img.fltRgt {float: right; margin-left: 10px; margin-bottom: 1em;} .introImg {float: left; background: url(/hfea/images/bg-introImgTR.png) no-repeat 100% 0; padding-top: 2px; padding-right: 2px; margin-right: 10px; margin-bottom: 1em;} .introImgInner {float: left; background: url(/hfea/images/bg-introImgTR.png) no-repeat 0 100%; padding-bottom: 2px; padding-left: 2px;} .introImgInner img {float: left; border: 3px solid #ffffff;} /*--- Intro styles ---*/ .intro {font-size: 1.6em; color: #231f20;} .landing .intro {font-size: 1.4em;} .intro strong {color: #bf550f;} .intro strong a {color: #bf550f;} .readMore {text-align: right;} .date {font-weight: bold; margin-bottom: 0;} /*--- Table styles ---*/ th.first {background: #d2651b url(/hfea/images/bg-tableHeadL.png) no-repeat 0 0;} th.last {background: #d2651b url(/hfea/images/bg-tableHeadR.png) no-repeat 100% 0; border-right: 0;} /*--- Form styles ---*/ .man {color: #C00000; font-size: 1.2em; padding-right: .2em;} .frmWrapper div {width: 100%; clear: both; position: relative;} .frmWrapper div.checkbox {float: left;} .frmWrapper div label {float: left; width: 140px; padding-right: 10px; text-align: right;} .frmWrapper div.checkbox label {width: auto; padding-right: 0; text-align: left; margin-bottom: 0; width: 210px;} input.btn {width: auto;} .frmWrapper div input.btn {margin-left: 145px;} .frmWrapper div.checkbox input {padding: 0; width: auto; margin-left: 150px; float: left; margin-right: 3px;} .frmWrapper div.frmInfo p {margin-left: 145px;} .valid {border: 2px solid green !important;} .invalid {border: 2px solid #BF550F !important;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .highlight { background-color:#FBF825; color:#000000; padding:3px; } /* -------------------- HEADER -------------------- */ #header {float: left; margin-bottom: 2em; width: 100%;} #logo {float: left; padding: 2.5em 0 0 20px; width: 222px;} #siteOptions {float: right; padding-right: 5px; width: 667px;} #siteOptions ul {float: right; margin-bottom: 3.5em;} #siteOptions li {float: left; font-size: 1.1em; background: url(/hfea/images/bdr-pipe.png) no-repeat 100% 50%; margin-top: 20px; padding-right: 11px;} #siteOptions li#homeBtn, #siteOptions li#textSizeBtn, #siteOptions li.last {background: none; padding-right: 0;} #siteOptions li#homeBtn {margin-right: 20px; margin-top: 10px;} #siteOptions li#textSizeBtn {margin-top: 15px; margin-right: 30px;} dl#textSize dt, dl#textSize dd span {position: absolute; left: -9999px;} dl#textSize dd {display: inline; text-transform: uppercase; margin-right: 7px; font-size: 1em;} dl#textSize dd.large {font-size: 1.272em;} dl#textSize dd.xlarge {font-size: 1.636em; margin-right: 0;} #siteSearch {clear: both; float: right; background: url(/hfea/images/bg-siteSearchTop.png) no-repeat 0 0; width: 360px;} #siteSearch div {background: #e9e8e8 url(/hfea/images/bg-siteSearchBottom.png) no-repeat 0 100%; padding: 1em 0 1em 18px; margin-bottom: 0;} #siteSearch label {position: absolute; left: -9999px;} #siteSearch input#fldSearchFor {border: 0; background: #ffffff url(/hfea/images/bg-fldSearchFor.png) no-repeat 0 0; padding: .3em 3px; width: 226px;} /* -------------------- PRIMARY NAV -------------------- */ #primaryNav {float: left; clear: both; margin-bottom: 1em; padding: 0 4px; width: 906px;} #primaryNav ul {float: left; background: #be540f url(/hfea/images/bg-primaryNav.png) no-repeat 0 100%; width: 906px;} #primaryNav ul#primaryNav1 {background-image: url(/hfea/images/bg-primaryNav1.png);} #primaryNav ul#primaryNav2 {background-image: url(/hfea/images/bg-primaryNav2.png);} #primaryNav ul#primaryNav3 {background-image: url(/hfea/images/bg-primaryNav3.png);} #primaryNav ul#primaryNav4 {background-image: url(/hfea/images/bg-primaryNav4.png);} #primaryNav ul#primaryNav5 {background-image: url(/hfea/images/bg-primaryNav5.png);} #primaryNav ul#primaryNav6 {background-image: url(/hfea/images/bg-primaryNav6.png);} #primaryNav li {float: left; font-family: helvetica,arial,sans-serif; font-size: 1em; width:151px; background: url(/hfea/images/bg-primaryNavMid.png) no-repeat 0 0;} #primaryNav li#nav1 {background-image: url(/hfea/images/bg-primaryNavMidFirst.png);} #primaryNav ul#primaryNav1 li#nav1 {background-image: url(/hfea/images/bg-primaryNavMidFirst1.png);} #primaryNav ul#primaryNav6 li#nav6 {background-image: url(/hfea/images/bg-primaryNavMidLastOn.png);} #primaryNav li#nav6 {background-image: url(/hfea/images/bg-primaryNavMidLast.png);} #primaryNav li.on {background-color: #eaeaea; background-image: url(/hfea/images/bg-primaryNavMidOn.png);} #primaryNav a {display: block; color: #ffffff; padding: 1.5em 10px 1em;} #primaryNav li.on a {color: #4f4c4d;} #primaryNav a span {display: block; text-transform: uppercase; font-size: 1.3em;} /* -------------------- BREADCRUMB -------------------- */ #breadcrumb {clear: both; padding: 1em 20px 2em;} #breadcrumb li {display: inline; font-weight: bold;} #breadcrumb a {background: url(/hfea/images/blt-breadcrumb.png) no-repeat 100% 50%; padding-right: 15px;} /* -------------------- PAGE BODY -------------------- */ #pageBody {float: left; background: url(/hfea/images/bg-pageBodyRepeat.png) repeat-y 0 0; margin-bottom: 2em; width: 100%;} #pageBodyInner {float: left; background: url(/hfea/images/bg-pageBodyBottom.png) no-repeat 0 100%; width: 100%;} .home #pageBodyInner {background-image: url(/hfea/images/bg-pageBodyBottomAmp.png);} #contentWrapper {float: left; background: url(/hfea/images/bg-pageBodyTop.png) no-repeat 0 0; padding: 2em 20px; width: 874px;} /* -------------------- TAB NAV -------------------- */ #tabNav {float: left; clear: both; background: #ffffff; padding: 0 4px; width: 906px; position: relative;} #tabNav ul {float: left; width: 100%; position: relative;} #tabNav li {float: left; border-right: 2px solid #ffffff; background: url(/hfea/images/bg-tabL.png) no-repeat 0 0; top: 3px; position: relative;} #tabNav li.on {background-image: url(/hfea/images/bg-tabLon.png); top: 5px;} #tabNav span {display: block; background: url(/hfea/images/bg-tabR.png) no-repeat 100% 0; padding: 10px 10px 0; } #tabNav li.on span {background-image: url(/hfea/images/bg-tabRon.png);} #tabNav a {display: block; color: #231f20; float: left; height: 3em;} #tabNav a span {background: none; padding: 0;} #tabNav li.on a span {background: none;} /* -------------------- SIDE NAV -------------------- */ #sideNav {float: left; background: #ffffff url(/hfea/images/bg-sideNavMid.png) repeat-y 0 0; width: 197px; margin-right: 8px;} #sideNav strong {display: block; font-size: 2em; line-height: 1em; font-weight: normal; background: #e17226 url(/hfea/images/bg-sideNavTop.png) no-repeat 0 0; color: #ffffff; padding: .85em 15px .6em; width: 167px;} #sideNavInner {float: left; background: url(/hfea/images/bg-sideNavBot.png) no-repeat 0 100%; padding: .5em 11px 1em; width: 175px;} #sideNavInner span.active {color: #BF550F;} /*--- third level ---*/ #sideNavInner ul {width: 175px; float:left;} #sideNavInner ul li {font-size: 1.4em; font-family: helvetica,arial,sans-serif; width: 175px; float:left;} #sideNavInner ul li.on {border-top: 1px solid #8e8c8d;} #sideNavInner ul li a, #sideNavInner ul li span {color: #4f4c4d; font-weight: normal; padding-top: .714em; padding-bottom: .714em; padding-left: 16px; display: block; background: url(/hfea/images/blt-orangeArrow.png) no-repeat 0 .9em; width: 159px; float:left;} #sideNavInner ul li.on a, #sideNavInner ul li.on span {background: #f2f2f2 url(/hfea/images/blt-orangeArrowDown.png) no-repeat 0 .9em; font-weight: bold;} /*--- fourth level ---*/ #sideNavInner ul li.on ul {border-bottom: 1px solid #8e8c8d; padding-left: 13px; width: 162px; margin-top: 1px;} #sideNavInner ul li ul li {font-size: .857em; width: 162px;} #sideNavInner ul li ul li.on {border-top: 0;} #sideNavInner ul li.on ul li a, #sideNavInner ul li.on ul li span {background: none; padding-top: .3em; padding-bottom: .3em; padding-left: 17px; width: 145px; font-weight: normal;} #sideNavInner ul li.on ul li.on a, #sideNavInner ul li.on ul li.on span {background: #f2f2f2 none; font-weight: bold;} /*--- fifth level ---*/ #sideNavInner ul li.on ul li ul {border: 0; padding-left: 13px; width: 149px;} #sideNavInner ul li ul li ul li {font-size: 1em; width: 149px;} #sideNavInner ul li.on ul li ul li a {} #sideNavInner ul li.on ul li.on ul li a, #sideNavInner ul li.on ul li.on ul li span {font-weight: normal; background: #ffffff url(/hfea/images/blt-orangeDot.png) no-repeat 0 .5em; width: 132px;} #sideNavInner ul li.on ul li.on ul li.on a, #sideNavInner ul li.on ul li.on ul li.on span {font-weight: bold; background: #f2f2f2 url(/hfea/images/blt-orangeDotOn.png) no-repeat 0 .5em;} /*--- sixth level ---*/ #sideNavInner ul li.on ul li.on ul li.on ul {width: 136px; } #sideNavInner ul li.on ul li.on ul li.on ul li {width: 136px;} #sideNavInner ul li.on ul li.on ul li.on ul li a, #sideNavInner ul li.on ul li.on ul li.on ul li span {font-weight: normal; background: #ffffff url(/hfea/images/blt-orangeDot.png) no-repeat 0 .5em; width: 119px;} #sideNavInner ul li.on ul li.on ul li.on ul li.on a, #sideNavInner ul li.on ul li.on ul li.on ul li.on span {font-weight: bold; background: #f2f2f2 url(/hfea/images/blt-orangeDotOn.png) no-repeat 0 .5em;} /*--- seventh level ---*/ #sideNavInner ul li.on ul li.on ul li.on ul li.on ul {width: 123px;} #sideNavInner ul li.on ul li.on ul li.on ul li.on ul li {width: 123px;} #sideNavInner ul li.on ul li.on ul li.on ul li.on ul li a, #sideNavInner ul li.on ul li.on ul li.on ul li.on ul li span {font-weight: normal; background: #ffffff url(/hfea/images/blt-orangeDot.png) no-repeat 0 .5em; width: 106px;} /*--- code of practice ---*/ .cop #sideNav strong {font-style: italic; font-size: 1em; font-weight: bold; background: none; color: #4f4c4d; padding: 0 0 .1em; width: 100%; margin-top: 1em;} .cop #sideNavInner {background: url(/hfea/images/bg-sideNavBot.png) no-repeat 0 100%; padding: 0; width: 197px;} .cop #sideNavInner ul {background: url(/hfea/images/bg-sideNavTopCop.png) no-repeat 0 0; padding: 1em 11px;} .cop #sideNavInner ul li {border-bottom: 1px solid #8e8c8d;} .cop #sideNavInner ul li.last {border-bottom: 0;} .cop #sideNavInner ul li.on {border-top: 0;} .cop #sideNavInner ul li a {padding: .714em 0 .714em 16px; background-position: 0 .9em;} .cop #sideNavInner ul li.on a {background: url(/hfea/images/blt-orangeArrow.png) no-repeat 0 .9em;} .cop #sideNavInner ul ul {background: none; padding: 0;} .cop #sideNavInner ul li.on ul {border-bottom: 0; padding-left: 0; width: 100%;} .cop #sideNavInner ul li ul li {width: auto; clear: left; width: 100%; border-bottom: 0;} .cop #sideNavInner ul li ul li a {background: none; padding: 0; display: inline; width: auto; float: none;} .cop #sideNavInner ul li.on ul li a {background: none;} .cop #sideNavInner ul li ul li ul {width: 100%; padding-left: 0; margin-top: 0; border-top: 0;} .cop #sideNavInner ul li ul li ul li {color: #bf550f; padding: .1em 0;} .cop #sideNavInner ul li ul li ul li.on {font-weight: bold; background: #f3f3f3; color: #4F4C4D;} .cop #sideNavInner ul li ul li ul li a {color: #007778;} .cop #sideNavInner ul li ul li ul li.on a {background: none; color: #4F4C4D;} /* -------------------- CONTENT -------------------- */ #content {float: left; margin-right: 26px;} .home #content {width: 436px;} .landing #content {width: 534px;} .twoColumn #content {margin-right: 0; width: 669px; background: #ffffff url(/hfea/images/bg-contentBottomTwoColumn.png) no-repeat 0 100%;} .threeColumn #content {margin-right: 10px; width: 454px; background: #ffffff url(/hfea/images/bg-contentBottomThreeColumn.png) no-repeat 0 100%;} .standardTwoColumn #content {width: 643px; background: #ffffff url(/hfea/images/bg-contentBottomStandardTwoColumn.png) no-repeat 0 100%;} .standard #content {margin-right: 0; width: 874px; background: #ffffff url(/hfea/images/bg-contentBottomStandard.png) no-repeat 0 100%;} .cop #content {margin-right: 0; width: 669px; background: #ffffff url(/hfea/images/bg-contentBottomTwoColumn.png) no-repeat 0 100%;} .twoColumn #content h1, .threeColumn #content h1, .standardTwoColumn #content h1, .standard #content h1, .cop #content h1 {background: url(/hfea/images/bg-contentTL.png) no-repeat 0 0; color: #bf550f; font-size: 2.4em; margin-bottom: 1.25em; font-weight: bold;} .twoColumn #content h1 span, .threeColumn #content h1 span, .standardTwoColumn #content h1 span, .standard #content h1 span, .cop #content h1 span {display: block; background: url(/hfea/images/bg-contentTR.png) no-repeat 100% 0; padding: 17px 12px 0 12px;} .landing #content h2 {background: none; color: #BF550F; font-size: 1.6em; font-weight: bold; margin-bottom: .625em; padding-top: .625em;} .landing #content h3 {color: #BF550F; font-size: 1.4em; font-weight: bold; margin-bottom: .714em; padding-top: .714em;} .landing #content h4 {font-size: 1.3em; margin-bottom: .769em; font-weight: bold; padding-top: .769em;} #contentInner {padding: 0 12px 0 12px;} .standardTwoColumn #contentInner {float: left; width: 619px;} /* to float glossary and keep margins intact */ .cop #contentInner {float: left; width: 645px;} #contentInner h2 {color: #bf550f; font-size: 1.6em; margin-bottom:.625em; font-weight: bold; padding-top: .625em;} #contentInner h3 {color: #bf550f; font-size: 1.4em; margin-bottom: .714em; font-weight: bold; padding-top: .714em;} #contentInner h4 {font-size: 1.3em; margin-bottom: .769em; font-weight: bold; padding-top: .769em;} #contentInner ul, #contentInner ol {padding-bottom: 1.5em;} #contentInner li {margin-left: 20px; padding: .5em 0;} #contentInner ul li {background: url(/hfea/images/blt-blackDot.png) no-repeat 0 .9em; padding-left: 22px;} #contentInner ul li ul, #contentInner ol li ol {padding-top: .5em; padding-bottom: .5em;} #contentInner ol li {list-style-type: decimal} #contentInner ol li li {list-style-type: lower-alpha} #contentInner ol li li li {list-style-type: lower-roman} #contentInner dd {margin-bottom: 1em;} #contentInner ul.pdf li {background: url(/hfea/images/icn-pdf.png) no-repeat 0 .4em !important; padding-left: 22px !important;} #contentInner ul.relatedLinks li {background: url(/hfea/images/blt-greyArrow.png) no-repeat 0 0.8em; padding-left: 10px; padding-bottom: .5em;} /*--- Overide bullet styles ---*/ #contentInner ul li.pdf {background: url(/hfea/images/icn-pdf.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.doc {background: url(/hfea/images/icn-doc.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.xls {background: url(/hfea/images/icn-xls.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.ppt {background: url(/hfea/images/icn-ppt.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.zip {background: url(/hfea/images/icn-zip.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.mp3 {background: url(/hfea/images/icn-mp3.png) no-repeat 0 .4em; padding-left: 22px;} #contentInner ul li.relatedLink {background: url(/hfea/images/blt-greyArrow.png) no-repeat 0 0.8em; padding-left: 22px; padding-bottom: .5em;} p.dateStamp {margin-top: 3em; color: #999; font-size: 0.9em; float: left; clear: left; width: 100%;} /*--- Glossary List ---*/ #contentInner #glossaryList {float: left; margin: 0 0 3em; padding: 0 20px; width: 100%;} .cop #contentInner #glossaryList {width: 100%;} #contentInner #glossaryList li {float: left; margin: 0; padding: 0 6px; font-size: 1.6em; list-style-type: none;} #contentInner #glossaryList li.on a {color: #bf550f;} /*--- Search Results ---*/ #advSearchBox {background: #ebebeb url(/hfea/images/bg-advSearchBoxBot.png) no-repeat 0 100%; margin-bottom: 2em;} #advSearchBox .frmWrapper {background: url(/hfea/images/bg-advSearchBoxTop.png) no-repeat 0 0; padding: 15px;} .frmWrapper form#frmAdvancedSearch div label {width: 70px;} .frmWrapper fieldset#filters legend strong {width: 70px; padding-top: 1em; padding-bottom: 1em;} .frmWrapper fieldset#filters div.checkbox label {width: auto;} .frmWrapper fieldset#filters div.checkbox input {margin-left: 80px;} .frmWrapper #filtersColLeft {float: left; width: 150px;} .frmWrapper #filtersColRight {float:left; width: 400px; clear: none;} .frmWrapper fieldset#filters #filtersColRight div.checkbox {width: 200px; float: left; clear: none;} .frmWrapper fieldset#filters #filtersColRight div.checkbox label {display: inline; float: none;} .frmWrapper fieldset#filters #filtersColRight div.checkbox input {margin-left: 0; display: inline; float: none;} .frmWrapper form#frmAdvancedSearch div.button {text-align: right;} .frmWrapper form#frmAdvancedSearch div.button input.btn {margin-left: 0;} #contentInner #searchResultsList {margin: 0; padding: 0;} #contentInner #searchResultsList li {margin: 0 0 2em; padding: 0; background: none; font-size: 1em;} #contentInner #searchResultsList li h2 {margin-bottom: .3em; color: #4f4c4d; font-size: 1.4em;} #contentInner #searchResultsList li p {margin-bottom: .3em;} /*--- Pagination ---*/ .paginationTools {position: relative; min-height: 4em; height: auto!important; height: 4em; clear: both; width: 100%; border-top: 1px solid #d3d2d2; padding-top:1em;} .paginationTools a {text-decoration: none;} .paginationTools a:hover {text-decoration: underline;} .paginationPrev {position: absolute; left: 10px; top: 1em;} .paginationPrev a {font-size: 1.2em; background: url(/hfea/images/blt-greenArrowPrev.png) left .4em no-repeat; padding-left: 10px;} .paginationPageNo {text-align: center;} .paginationPageNo p {position: absolute; left: -9999px;} .paginationPageNo ol {list-style-type: none; margin-left: 0;} #contentInner .paginationPageNo li {display: inline; margin-left: 0; margin-bottom: 0; font-size: 1.2em;} .paginationPageNo li a {padding: 0 .1em; } .paginationPageNo li strong {padding: 0 .1em;} .paginationNext {position: absolute; right: 10px; top: 1em;} .paginationNext a {font-size: 1.2em; background: url(/hfea/images/blt-greenArrow.png) right .4em no-repeat; padding-right: 12px;} /*--- Sitemap ---*/ #sitemap ul ul {background: url(/hfea/images/bdr-vert.png) repeat-y 20px 0; padding-bottom: 0; padding-left: 20px; margin-bottom: 2em;} #sitemap ul ul li {background: url(/hfea/images/bdr-horiz.png) no-repeat 0 1em; padding-left: 20px; margin-left: 0; margin-bottom: 0; padding-bottom: 0;} #sitemap ul li {background: url(/hfea/images/bdr-horiz.png) no-repeat 0 1em; padding-left: 20px; margin-left: 0; margin-bottom: 0; padding-bottom: 0;} /*--- A-Z List ---*/ #contentInner #azList li {background: none; padding-top: 1.5em; padding-left: 0;} #contentInner #azList li strong {font-style: italic;} #contentInner #azList li ul {padding-top: 0;} #contentInner #azList li ul li {color: #bf550f; padding-top: .3em;} /*--- Code of Practice homepage bottom 2 columns ---*/ .boxPanels {clear: both; width: 645px;} .boxPanelCol {float: left; width: 314px;} #boxPanelLeftCol {margin-right: 17px;} /*--- On This Page ---*/ #onThisPage {margin-right: 10px; width: 390px; float: left; margin-bottom: 2em;} #onThisPage p, #onThisPage ul {padding-left: 30px;} #contentInner #onThisPage ul li {padding-bottom: 0; paddng-top: 0; } /*--- Guidance Note Search Tools ---*/ #codeTools {width: 245px; float: left;} #codeTools ul li.arrow {background: url(/hfea/images/blt-orangeArrow.png) no-repeat 0 .9em;} #searchTheCode {background: #f8f8f8; padding: 1.5em 15px 0; width: 215px; float: left; margin-bottom: 1em;} #searchTheCode .frmWrapper div input {width: 200px;} #searchTheCode .frmWrapper #filters div input {width: auto; margin-left: 0;} #searchTheCode .frmWrapper div.button {text-align: right;} #searchTheCode .frmWrapper div input.btn {width: auto; margin-left: 0;} #searchTheCode label em {font-style: normal; font-weight: normal;} #frmClinicFilter div {padding: 0 15px; width: 215px;} #frmClinicFilter div label {font-size: 1.4em; width: auto; padding-right: 0; text-align: left;} #frmClinicFilter div select {width: 200px;} #frmClinicFilter div.button {text-align: right;} #frmClinicFilter div input.btn {margin-left:0;} /* -------------------- SECONDARY CONTENT -------------------- */ #secondaryContent {float: right;} .home #secondaryContent {padding-bottom: 230px; width: 412px;} .landing #secondaryContent {width: 314px;} .threeColumn #secondaryContent {width: 205px;} .standardTwoColumn #secondaryContent {width: 205px;} .secondaryContentCol {float: left; width: 50%;} /* -------------------- BOXES -------------------- */ .box {background: #ffffff url(/hfea/images/bg-boxLeftBottom.png) no-repeat 0 100%; width: 100%;} .secondaryContentCol .box {float: left; width: 205px;} .cop .box {background: url(/hfea/images/bg-boxLeftBottomCop.png) no-repeat 0 100%;} .boxPanelCol .box {margin-bottom: 1em;} .cop .box h2 {color: #ffffff;} .box h1, .box h2 {background: #df7124 url(/hfea/images/bg-boxHeadOrange.png) no-repeat 0 0; color: #ffffff;} #contentInner .box h2 {margin-bottom: 0; font-size: 2em; font-weight: normal; padding-top: 0;} .box h1 span, .box h2 span {display: block; background: url(/hfea/images/bg-boxHeadOrangeRight.png) no-repeat 100% 0; padding: .85em 15px .6em;} .secondaryContentCol .box h2 span {padding: .7em 15px .5em;} .box h2.blue {background: #0081c7 url(/hfea/images/bg-boxHeadBlue.png) no-repeat 0 0;} .cop .box h2.blue {background-image: url(/hfea/images/bg-boxHeadBlueCop.png);} .box h2.blue span {background-image: url(/hfea/images/bg-boxHeadBlueRight.png);} .cop .box h2.blue span {background-image: url(/hfea/images/bg-boxHeadBlueRightCop.png);} .box h2.green {background: #009091 url(/hfea/images/bg-boxHeadGreen.png) no-repeat 0 0;} .cop .box h2.green {background-image: url(/hfea/images/bg-boxHeadGreenCop.png);} .box h2.green span {background-image: url(/hfea/images/bg-boxHeadGreenRight.png);} .cop .box h2.green span {background-image: url(/hfea/images/bg-boxHeadGreenRightCop.png);} .box h2.purple {background: #996699 url(/hfea/images/bg-boxHeadPurple.png) no-repeat 0 0;} .cop .box h2.purple {background-image: url(/hfea/images/bg-boxHeadPurpleCop.png);} .box h2.purple span {background-image: url(/hfea/images/bg-boxHeadPurpleRight.png);} .cop .box h2.purple span {background-image: url(/hfea/images/bg-boxHeadPurpleRightCop.png);} .box h2.grey {background: #e9e8e8 url(/hfea/images/bg-boxHeadGrey.png) no-repeat 0 0; color: #0081c8;} .cop .box h2.grey {background-image: url(/hfea/images/bg-boxHeadGreyCop.png);} .box h2.grey span {background-image: url(/hfea/images/bg-boxHeadGreyRight.png);} .cop .box h2.grey span {background-image: url(/hfea/images/bg-boxHeadGreyRightCop.png);} .box h1 span a, .box h2 span a {color: #ffffff; font-weight: normal;} .box h2.grey span a {color: #0081c8;} .boxInner {background: url(/hfea/images/bg-boxRightBottom.png) no-repeat 100% 100%; padding: 1em 15px .5em;} .cop .boxInner {background: url(/hfea/images/bg-boxRightBottomCop.png) no-repeat 100% 100%;} .boxInner ul {margin-left: 5px;} .cop #contentInner .boxInner ul {margin-left: 0;} .boxInner li {background: url(/hfea/images/blt-greyArrow.png) no-repeat 0 .3em; padding-left: 10px; padding-bottom: .5em;} .boxInner ul.faqList li {background: url(/hfea/images/blt-faqBoxArrow.png) no-repeat 0 .3em; padding-left: 10px; padding-bottom: .5em;} /* .cop #contentInner .boxInner li {margin-left: 0; padding-top: 0; background: url(/hfea/images/blt-faqBoxArrow.png) no-repeat 0 .3em; padding-bottom: .5em; padding-left: 10px;} */ .boxInner ul.pdf li {background: url(/hfea/images/icn-pdf.png) no-repeat 0 .4em; padding-left: 22px; padding-top: 0.5em;} div.keyAreas {clear: both; margin-bottom: 1em;} div.keyAreas h3 {float: left; padding-right: 5px; font-size: 1.2em; font-weight: bold;} div.keyAreas ul {margin-left: 6.5em;} div.keyAreas li {display:inline; background: url(/hfea/images/bdr-keyAreasPipe.png) no-repeat 0 .2em; padding-left: 11px;} div.keyAreas li.first {background: none; padding-left: 0;} /*--- Clinic Search Box ---*/ .clinicSearch {float: left; background: url(/hfea/images/bg-clinicSearchBot.png) no-repeat 0 100%; margin-right: 12px; margin-bottom: 1em; width: 217px;} .clinicSearchInner {background: url(/hfea/images/bg-clinicSearchTop.png) no-repeat 0 0; padding: 1em 0 1em 10px;} .clinicSearchInner h3 {color: #bf550f;} .clinicSearchInner h3 a {color: #bf550f; font-weight: normal;} .clinicSearchInner p {font-size: 1.1em;} #frmClinicSearch div {padding-left: 65px; margin-bottom: 0;} #frmClinicSearch input#postcode {padding: 0; width: 85px;} .clinicSearchInner p.readMore {padding-right: 10px;} #validationError, .validationError {display: none; color: #f00; padding-left: 20px; background: url(/hfea/images/yellowExlaim.gif) 0 0 no-repeat } .frmWrapper div label.error { float: none; color: #f00; padding-left: 30px; vertical-align: top; display:inline; border: 0px; background: url(/hfea/images/yellowExlaim.gif) 10px 0 no-repeat } .frmWrapper div input.error, textarea.error {border: 2px solid #BF550F !important;} /*--- FAQ Box ---*/ .faqBox {border: 1px solid #fef2ea; background: #fef9f4; padding: 1em 10px;} .faqBox h3 a {font-weight: normal; color: #4f4c4d;} .faqBox ul {background: url(/hfea/images/icn-questionMark.png) no-repeat 0 0; padding-left: 55px; margin-top: 1em; margin-left: 0;} .faqBox ul li {background: url(/hfea/images/blt-faqBoxArrow.png) no-repeat 0 .3em; padding-left: 10px; padding-bottom: 0;} /*--- Latest News Box ---*/ .latestNewsBox {background: #ffffff url(/hfea/images/bg-latestNewsBoxBL.png) no-repeat 0 100%; width: 100%;} .cop #contentInner .latestNewsBox {margin-bottom: 1em; background-image: url(/hfea/images/bg-latestNewsBoxBLCop.png);} .latestNewsBox h2 {background: #e5f4f4 url(/hfea/images/bg-latestNewsBoxTL.png) no-repeat 0 0; padding-top: 0;} #contentInner .latestNewsBox h2 {margin-bottom: 0; font-size: 2em; font-weight: normal;} .cop #contentInner .latestNewsBox h2 {background-image: url(/hfea/images/bg-latestNewsBoxTLCop.png); padding: 0; color: #4F4C4D;} .latestNewsBox h2 span {display: block; background: url(/hfea/images/bg-latestNewsBoxTR.png) no-repeat 100% 0; padding: .85em 15px .6em;} .cop .latestNewsBox h2 span {background-image: url(/hfea/images/bg-latestNewsBoxTRCop.png);} .latestNewsBox h2 span a {color: #4f4c4d; font-weight: normal;} .cop .latestNewsBox p {font-size: 1em;} .cop #contentInner .box h2 {color: #ffffff;} .cop #contentInner .box h2.grey {color: #0081c8;} .latestNewsBox dl {background: url(/hfea/images/bg-latestNewsBoxBR.png) no-repeat 100% 100%; padding: 0 5px 10px;} .cop .latestNewsBox dl {background-image: url(/hfea/images/bg-latestNewsBoxBRCop.png);} .latestNewsBox dt {color: #bf550f; border-top: 1px solid #b2ddde; padding: .75em 13px 0 15px;} .latestNewsBox dd {padding: 0 13px .75em 15px;} .cop #contentInner .latestNewsBox dd {margin-bottom: 0;} .latestNewsBox dd span {display: block; text-align: right;} /* .cop .latestNewsBox dd span {text-align: left;} */ /*--- Quote Box ---*/ .quoteBox {background: #ffffff url(/hfea/images/bg-quoteBoxBL.png) no-repeat 0 100%; width: 100%;} .secondaryContentCol .quoteBox {float: left; width: 205px;} .quoteBoxInner {background: url(/hfea/images/bg-quoteBoxBR.png) no-repeat 100% 100%; width: 100%;} .quote {background: url(/hfea/images/bg-quoteBoxTL.png) no-repeat 0 0; width: 100%;} .quoteInner {background: url(/hfea/images/bg-quoteBoxTR.png) no-repeat 100% 0; padding: 55px 15px .5em;} .quoteInner blockquote {background: url(/hfea/images/icn-quoteClose.png) no-repeat 100% 100%; padding: 0 8px 22px 0; margin: 0 0 1em 8px} .quoteInner blockquote p {margin-bottom: 0; font-size: 1.8em; line-height: 1em; font-weight: normal; font-style: normal;} /*--- Landing Box ---*/ .landingBox {width: 497px; clear: both; background: url(/hfea/images/bg-journeyTop.png) no-repeat 0 0;} .landingBoxInner {background: url(/hfea/images/bg-landingBoxBot.png) no-repeat 0 100%; padding: 1em 10px 19px 15px; width: 472px;} #content .landingBoxInner h2 {font-weight: bold; line-height: normal; margin-bottom: .5em; padding-top: 0;} .landingBoxInner h2 a {color: #bf550f;} .landingBoxInner dt {float: left; margin-right: 5px;} .landingBoxInner dd {margin-bottom: 1em;} .landingBoxInner p.readMore {margin-bottom: 0;} .landingBox .pressReleases {margin-top: 10px;} .landingBox .pressReleases dd {margin-left: 60px;} /*--- Journey Box --- */ #journeyBox {background: url(/hfea/images/bg-journeyBoxMid.png) repeat-y 0 0;} #journeyBox .boxInner {background: url(/hfea/images/bg-journeyBoxBot.png) no-repeat 0 100%;} #journey {width: 497px;} #journey li {font-size: 1em; padding-left: 0; padding-bottom: 0; width: 100%; clear: both; background: url(/hfea/images/bg-journeyTop.png) no-repeat 0 0;} #journey div {background: url(/hfea/images/bg-journeyBot.png) no-repeat 0 100%; padding: 1em 10px 53px 15px;} #journey li.last div {background-image: url(/hfea/images/bg-journeyBotAlt.png); padding-bottom: 19px;} #journey h2 {font-size: 1.6em; color: #bf550f; background: none; font-weight: bold; line-height: normal; margin-bottom: .5em; padding-top: 0;} #journey h2 a {color: #bf550f;} #journey dt {float: left; margin-right: 5px;} #journey dd {margin-bottom: 1em;} #journey p.readMore {margin-bottom: 0;} /*--- Map Box ---*/ #mapBox {background-image: url(/hfea/images/bg-boxLeftBottomMap.png);} #mapBox .boxInner {padding: 2em 40px 6.5em 30px;} #mapBox #frmClinicSearch div {padding-top: 3em; padding-left: 104px; margin-bottom: 0;} .threeColumn #secondaryContent #mapBox #frmClinicSearch div {padding: 0; margin: 0;} .threeColumn #secondaryContent #frmClinicSearch input#postcode {padding: 0; width: 75px;} .threeColumn #secondaryContent #mapBox {background-image: url(/hfea/images/bg-boxLeftBottom.png);} .threeColumn #secondaryContent #mapBox .boxInner {padding: 2em 40px 1em 30px;} /*--- Flash Box ---*/ .flashBox {padding-bottom: 1em;} /*--- Sub Box ---*/ .subBoxWrapper {background: #ebebeb url(/hfea/images/bg-subBoxTL.png) no-repeat 0 0; width: 100%; margin-bottom: 2em;} .subBoxContainer {background: url(/hfea/images/bg-subBoxTR.png) no-repeat 100% 0; width: 100%; padding-top: 15px;} #contentInner .subBoxContainer h2 {padding-top: 0;} .subBox {background: url(/hfea/images/bg-subBoxBL.png) no-repeat 0 100%; padding-left: 15px;} .subBoxInner {background: url(/hfea/images/bg-subBoxBR.png) no-repeat 100% 100%; padding-right: 15px; padding-bottom: 15px;} .subBoxContainer p.readMore {clear: right; margin-bottom: 0;} .subBoxInner h2 a {color: #BF550F;} /*--- FAQs center box ---*/ #contentInner .faqs {padding: 1.5em 0;} #contentInner .faqs h2 {margin-bottom: 0.5em;} #contentInner .faqs h3 {padding-top: 1.5em; margin-bottom: 0.5em;} #contentInner .faqs .subBox h3 {padding: 0; background:transparent url(/hfea/images/bg-subBoxTL.png) no-repeat scroll 0 0; margin-bottom:0;} #contentInner .faqs .subBox h3 span {background: transparent url(/hfea/images/bg-subBoxTR.png) no-repeat scroll 100% 0; display: block; padding: 15px 15px 1.25em;} #contentInner .faqs .jumpTo {display: block; padding-top: 1em;} /*--- Area listings box*/ #contentInner ul.areaListings {margin: 2em 1em;} #contentInner ul.areaListings li {padding-left: 0; background: none; margin-left: 0;} #contentInner ul.areaListings li {border-bottom: 1px solid #BF550F; margin-bottom: 1em; padding-bottom: 1em} #contentInner ul.areaListings li h2 {font-size: 1em; margin-bottom: 0.5em;} #contentInner ul.areaListings p {font-size: 1em; margin-bottom: 0.5em;} #contentInner ul.areaListings img {float: right; padding: 0 1em;} /*--- Share Box ---*/ #shareBox {background: url(/hfea/images/bg-shareBoxTop.png) no-repeat 0 0; padding: 33px 12px 10px;} .threeColumn #shareBox {background: url(/hfea/images/bg-shareBoxTopThreeColumn.png) no-repeat 0 0; padding: 33px 12px 10px;} .standard #shareBox {background: url(/hfea/images/bg-shareBoxTopStandard.png) no-repeat 0 0; padding: 33px 12px 10px;} .cop #shareBox {float: left; width: 645px;} #shareBox ul {float: right; margin-bottom: 1em;} #shareBox li {float: left; margin-left: 12px;} #shareBox li#printBtn {background: url(/hfea/images/icn-print.png) no-repeat 0 0;} #shareBox li#sendBtn {background: url(/hfea/images/icn-send.png) no-repeat 0 0;} #shareBox li#shareBtn {background: url(/hfea/images/icn-share.png) no-repeat 0 0;} #shareBox a {display: block; float: left; padding-bottom: .2em;} #shareBox li#printBtn a {padding-left: 24px;} #shareBox li#sendBtn a {padding-left: 24px;} #shareBox li#shareBtn a {padding-left: 22px;} /*--- Guidance Notes Box ---*/ .notesBox {background: #ffffff url(/hfea/images/bg-notesBoxBL.png) no-repeat 0 100%; width: 100%; margin-bottom: 1em;} #contentInner .notesBox h2 {background: #009091 url(/hfea/images/bg-notesBoxTL.png) no-repeat 0 0; color: #ffffff; margin-bottom: 0; font-size: 2em; padding-top: 0;} .notesBox h2 span {display: block; background: url(/hfea/images/bg-notesBoxTR.png) no-repeat 100% 0; padding: .85em 15px .6em;} .notesBox h2 span a {color: #ffffff; font-weight: normal;} .notesBoxInner {background: url(/hfea/images/bg-notesBoxBR.png) no-repeat 100% 100%; padding: 1em 15px .5em; width: 615px;} #key {background: url(/hfea/images/legend.png) no-repeat 100% 0; padding-right: 323px; height: 25em; padding-bottom: 1em;} #key form div {margin-bottom: 0; margin-top: 2em;} #key form div #fldCode {width: 145px;} #key p.readMore {margin-right: 90px;} /*--- Download the Full Code Box ---*/ .downloadBox {background: url(/hfea/images/bg-downloadBox.png) no-repeat 100% 0; padding-right: 100px; height: 12em;} .cop #contentInner .boxInner .downloadBox ul {padding: 2em 0;} .cop #contentInner .boxInner .downloadBox li {background: none; padding-left: 0; color: #bf550f;} /*--- Subscribe to Updates Box ---*/ .subscribeBox {background: url(/hfea/images/bg-subscribeBox.png) no-repeat 100% 0; padding-right: 100px; height: 8em;} /*--- Reference Box ---*/ #referenceBox {background: #e5f1f1; width: 620px; float: left; margin-bottom: 1.5em; padding: 1em 10px 1em 15px; position: relative;} #referenceBox.referenceBoxClose {float:right;width: 220px;} #referenceBox h2 {padding-right: 100px;} #contentInner #referenceBox ul {width: 100%;} #contentInner #referenceBox ul li {background:none; padding-left: 0; margin-left:0; clear:both; width: 100%; float: left;} #contentInner #referenceBox ul li em.bullet {font-style:normal; width:40px; display:block; float:left; font-weight:bold;} #contentInner #referenceBox ul li p {margin-left: 0; width: 480px; padding-right: 100px; float: right; font-size:1em;} #contentInner #referenceBox ul li ul {margin-left: 50px;} #contentInner #referenceBox ul li ul li {background: url(/hfea/images/blt-blackDot.png) no-repeat 0 .9em; padding-left: 22px; width: 430px} /* #referenceBox #closeTxt {display:none;} #referenceBox.referenceBoxClose #closeTxt {padding-right: 100px;} #referenceBox #closeBtn {position: absolute; right: 10px; top: 1em; display:none;} #referenceBox #expandBtn {position: absolute; right: 10px; top: 1em; display:none;} */ #referenceBox #closeTxt {display:none; margin: 1em 0 5px 0; padding-top: 5px;} #referenceBox.referenceBoxClose #closeTxt {padding-right: 100px;} #referenceBox #closeBtn {position: absolute; right: 10px; top: 1em; display:none;} #referenceBox #expandBtn {position: absolute; right: 10px; top: 1em; display:none;} /*--- RSS Box ---*/ .rssBox {background: url(/hfea/images/bg-rssBoxBottom.png) no-repeat 0 100%; width: 205px;} .home .rssBox {float: left;} .landing .rssBox {background: url(/hfea/images/bg-rssBoxBottomLanding.png) no-repeat 0 100%; width: 314px; } .rssBoxInner {padding: 1.5em 15px; background: url(/hfea/images/bg-rssBoxTop.png) no-repeat 0 0; width: 175px;} .home .rssBoxInner {float: left;} .landing .rssBoxInner {background: url(/hfea/images/bg-rssBoxTopLanding.png) no-repeat 0 0; width: 284px; } .rssBoxInner div {width: 92px; padding-right: 10px; float: left;} .rssBoxInner div h2 {background: url(/hfea/images/icn-rss.png) no-repeat 0 0; padding-top: .3em; padding-bottom: .3em; padding-left: 37px;} .rssBoxInner div a {font-size: 1.2em;} .rssBoxInner p {margin-bottom: 0;} /*--- Customize icon Box ---*/ .customizeIconBox {background: url(/hfea/images/bg-rssBoxBottom.png) no-repeat 0 100%; width: 205px;} .home .customizeIconBox {float: left;} .landing .customizeIconBox {background: url(/hfea/images/bg-rssBoxBottomLanding.png) no-repeat 0 100%; width: 314px; } .customizeIconBox .boxInner {padding: 1.5em 15px; background: url(/hfea/images/bg-rssBoxTop.png) no-repeat 0 0; width: 175px;} .home .customizeIconBox .boxInner {float: left;} .landing .customizeIconBox .boxInner {background: url(/hfea/images/bg-rssBoxTopLanding.png) no-repeat 0 0; width: 284px; } .customizeIconBox .boxInner div {width: 92px; padding-right: 10px; float: left;} .customizeIconBox .boxInner div h2 {padding: .3em;} .customizeIconBox .boxInner div a {font-size: 1.2em;} .customizeIconBox .boxInner p {margin-bottom: 0;} .landing .customizeIconBox .boxInner div.teaser {width: 180px; padding-right: 0;} .customizeIconBox .boxInner div.teaser {width: 70px; padding-right: 0;} /* -------------------- CODE OF PRACTICE ICON BOXES -------------------- */ .iconBox {background: url(/hfea/images/bg-manBoxMid.png) repeat-y 0 0; width: 645px; clear: both; float: left; margin-bottom: 1.5em;} #guidanceBox.iconBox {background-image: url(/hfea/images/bg-guidanceBoxMid.png);} #infoBox.iconBox {background-image: url(/hfea/images/bg-infoBoxMid.png);} .iconBoxTop {background: url(/hfea/images/bg-manBoxCurve.png) no-repeat 100% 100%; float:left;width:100%; padding-bottom:7px;} #guidanceBox .iconBoxTop {background-image: url(/hfea/images/bg-guidanceBoxCurve.png);} #infoBox .iconBoxTop {background-image: url(/hfea/images/bg-infoBoxCurve.png);} #contentInner .iconBoxTop h2 {background: #007dc2 url(/hfea/images/bg-manBoxTL.png) no-repeat 0 0; padding-left: 61px; margin-bottom: 0; font-size: 2em; color: #ffffff; font-weight: normal; padding-top: 0;} #contentInner #guidanceBox .iconBoxTop h2 {background-color: #966396; background-image: url(/hfea/images/bg-guidanceBoxTL.png); padding-top: 0;} #contentInner #infoBox .iconBoxTop h2 {background-color: #008e8f; background-image: url(/hfea/images/bg-infoBoxTL.png);} .iconBoxTop h2 div {background: url(/hfea/images/bg-manBoxTR.png) no-repeat 100% 0; display: block; padding: 1em 0 .75em 20px;} #guidanceBox .iconBoxTop h2 div {background-image: url(/hfea/images/bg-guidanceBoxTR.png);} #infoBox .iconBoxTop h2 div {background-image: url(/hfea/images/bg-infoBoxTR.png);} .iconBoxInner {background: url(/hfea/images/bg-manBoxBot.png) no-repeat 0 100%; width: 615px; float: left; padding: 10px 15px;} #guidanceBox .iconBoxInner {background-image: url(/hfea/images/bg-guidanceBoxBot.png);} #infoBox .iconBoxInner {background-image: url(/hfea/images/bg-infoBoxBot.png);} #contentInner .iconBox h3 {color: #00588a; margin-bottom: 1.07em;} #contentInner #guidanceBox h3 {color: #794479;} #contentInner #infoBox h3 {color: #007778;} #contentInner .iconBox h4.sectionTitle {font-size:1.2em; font-weight:normal; clear: both;} #contentInner .iconBox h4.center {text-align:center;} #contentInner .iconBox ul li {background:none; padding-left: 0; margin-left:0; clear:both;} #contentInner .iconBox ul li em.bullet {font-style:normal; width:40px; display:block; float:left;} #contentInner .iconBox ul li div {width: 565px; float: right; font-size:1em; margin-bottom: 1em;} #contentInner .iconBox ul li div p {margin-left: 0; width: 100%; font-size:1em;} #contentInner .iconBox ul li ol {width: 100%; float:right; margin-left: 20px;} #contentInner .iconBox ul li ol li {padding-top: 0; padding-bottom: .5em;} #contentInner .iconBox ul li div li {margin=left: 2em;} /*--- Directions List ---*/ ul.directionsList {float:left; width:100%;} #contentInner ul.directionsList li {background:none; padding-left:0; margin-left:0; width:100%; clear:left; float:left;} ul.directionsList a {display:block; width:100%; float:left;} ul.directionsList strong {display:block; width:60px; margin-right:10px; float:left; cursor:pointer;} ul.directionsList span {display:block; width:500px; float:left; cursor:pointer;} ul.directionsList li.removeStyle a {display: inline; float: none; width: auto; } span.filesize {font-style: italic; color: #999;} ul.directionsList span.filesize {width: 45px;} /*--- Mandatory Small Box ---*/ .manBoxSm {background: #f2f9fc url(/hfea/images/bg-manBoxSmMid.png) repeat-y 0 0; margin-bottom: 1.5em; clear: both; float: left; width: 615px;} #contentInner .manBoxSm h3 {background: url(/hfea/images/bg-manBoxSmTop.png) no-repeat 0 0; padding: 1.2em 0 2em 50px; margin-bottom: 0; color: #00588a!important;} .manBoxSmInner {background: url(/hfea/images/bg-manBoxSmBot.png) no-repeat 0 100%; padding: 0 15px 1em; float: left; width: 585px;} #contentInner .manBoxSmInner h4 {font-weight: bold; font-style: normal; color: #00588a;} /*--- Interpretation Box ---*/ .intBox {background: #fef9f4 url(/hfea/images/bg-intBoxMid.png) repeat-y 0 0; margin-bottom: 1.5em; clear: both; float: left; width: 615px; position: relative;} #contentInner .intBox h3 {background: url(/hfea/images/bg-intBoxTop.png) no-repeat 0 0; padding: 1.2em 0 2em 50px; margin-bottom: 0; color: #bf550f!important;} #contentInner .intBox h3 span {position: absolute; top: 15px; right: 15px; color: #BF550F; font-size: 1.3em;} .intBoxInner {background: url(/hfea/images/bg-intBoxBot.png) no-repeat 0 100%; padding: 0 15px 1em; float: left; width: 585px;} #contentInner .intBoxInner h4 {font-weight: bold; font-style: normal; color: #bf550f;} /*--- See Also Box ---*/ .seeAlsoBox {background: #f6f6f6; margin-bottom: 1.5em; clear: both; float: left; width: 615px;} #contentInner .seeAlsoBox h3 {background: url(/hfea/images/bg-seeAlsoBoxTop.png) no-repeat 0 0; padding: 1em 15px 0.3em; margin-bottom: 0; color: #4f4c4d!important;} .seeAlsoBoxInner {background: url(/hfea/images/bg-seeAlsoBoxBot.png) no-repeat 0 100%; padding: 0 15px 1em; float: left; width: 585px;} #contentInner .seeAlsoBoxInner h4 {font-weight: bold; font-style: normal;} #contentInner .seeAlsoBox ul, #contentInner .seeAlsoBox ol { padding-bottom: 0; } /*--- Bold bullets in HFEA guidance section ---*/ #guidanceBox em.bullet {font-weight: bold;} #guidanceBox .intBox em.bullet {font-weight: bold;} #guidanceBox .seeAlsoBox em.bullet {font-weight: bold;} #guidanceBox .manBoxSm em.bullet {font-weight: bold;} /*--- Code of Practice A-Z list---*/ #contentInner ul#azList ul ul {margin-left: 1.5em;} #contentInner ul#azList ul ul li {display: inline; margin-left: 0; color: #666;} /*--- Code of Practice guidance key ---*/ ul#guidanceKey {margin: 1em 0; color: #999;} #contentInner ul#guidanceKey li {background: transparent none; padding: 0; margin: 0;} /*--- Readmore fix ---*/ .cop p.readMore {float: left; width: 100%; clear: both;} /* -------------------- FOOTER -------------------- */ #footer {clear: both; padding: 0 25px 2.5em; width: 864px;} #footer li {float: left; font-size: 1.1em; background: url(/hfea/images/bdr-pipe.png) no-repeat 100% 50%; padding-right: 11px;} #footer li#foi {background: none; padding-right: 0; width: 690px;} #footer li.last {background: none; padding-right: 0;}