/* accessibility */

.guide
{
  display: none;
}

/* content */

p
{
  margin-bottom: 20px;
  line-height: 1.4em;
}

.last
{
  margin-bottom: 0 !important;
}

p a,
p a:visited,
ul a,
ul a:visited,
div.contentManagedContent a
{
  color: #969696;
  text-decoration: underline;
}

p a:hover,
ul a:hover,
div.contentManagedContent a:hover
{
  color: #e67b24;
  text-decoration: underline;
}

.left
{
  text-align: left;
}

.center
{
  text-align: center;
}

.right
{
  text-align: right;
}

/* sub nav */

div.subNavWrapper
{
  margin: 0;
  padding: 0;
}

div.subNavWrapper p.title
{
  margin: 0;
  padding: 0 0 5px 25px;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #707070;
  border-bottom: 1px solid #e2e2e2;
}

div.subNavWrapper p.title strong
{
  font-weight: normal;
}

div.subNavWrapper p.title a
{
  color: #707070;
  text-decoration: none;
  display: block;
}

div.subNavWrapper p.title a:hover
{
  color: #e67b24;
  text-decoration: none;
}

div.subNavWrapper ul.subNav
{
  margin: 0;
  padding: 0;
  width: 200px;
  list-style: none;
  color: #969696;
}

div.subNavWrapper ul.subNav li
{
  margin: 0;
  padding: 1px 0;
  width: 200px;
  border-bottom: 1px solid #e2e2e2;
}

div.subNavWrapper ul.subNav li.sub
{
  padding-bottom: 0;
  border-bottom: 0;
}

div.subNavWrapper ul.subNav li a
{
  margin: 0;
  padding: 5px 0 5px 25px;
  width: 175px;
  display: block;
  color: #969696;
  text-decoration: none;
  background: url(../images/misc/arrow-orange-horizontal.png) no-repeat 10px 10px;
}

div.subNavWrapper ul.subNav li a:hover
{
  color: #fff;
  text-decoration: none;
  background: #e67b24 url(../images/misc/arrow-white-horizontal.png) no-repeat 10px 10px;
}

div.subNavWrapper ul.subNav li.sub a.primary
{
  margin-bottom: 1px;
  background: url(../images/misc/arrow-orange-vertical.png) no-repeat 10px 11px;
  color: #e67b24;
}

div.subNavWrapper ul.subNav li.sub a.primary:hover
{
  margin-bottom: 1px;
  background: #e67b24 url(../images/misc/arrow-white-vertical.png) no-repeat 10px 11px;
  color: #fff;
}

div.subNavWrapper ul.subNav li a.active
{
  color: #e67b24;
}

div.subNavWrapper ul.subNav li a.active:hover
{
  color: #fff;
}

div.subNavWrapper ul.subNav li ul
{
  margin: 0;
  padding: 5px 0;
  list-style: none;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}

div.subNavWrapper ul.subNav li ul li
{
  list-style: none;
  border: none;
}

div.subNavWrapper ul.subNav li.sub ul li a
{
  padding: 3px 0 3px 40px;
  width: 160px;
  background: url(../images/misc/arrow-grey-horizontal.png) no-repeat 25px 8px;
}

div.subNavWrapper ul.subNav li ul li a:hover,
div.subNavWrapper ul.subNav li ul li a.active,
div.subNavWrapper ul.subNav li ul li a.active:hover
{
  background: url(../images/misc/arrow-salmon-horizontal.png) no-repeat 25px 8px;
  color: #eb9550;
}

div.subNavWrapper ul.subNav li.sub ul li.sub
{
  border-bottom: 0 !important;
}

div.subNavWrapper ul.subNav li.sub ul li.sub ul
{
  padding: 5px 0;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

div.subNavWrapper ul.subNav li.sub ul li.sub ul li
{
  font-size: 0.9em;
  line-height: 1.25em;
  list-style: none;
  border: none;
}

div.subNavWrapper ul.subNav li.sub ul li.sub ul li a
{
  padding: 0 0 4px 50px;
  width: 150px;
  background: url(../images/misc/dash-grey.png) no-repeat 40px 7px;
  color: #999;
}

div.subNavWrapper ul.subNav li.sub ul li.sub ul li a:hover,
div.subNavWrapper ul.subNav li.sub ul li.sub ul li a.active
{
  background: url(../images/misc/dash-black.png) no-repeat 40px 7px;
  color: #423f3f;
}

div.subNavWrapper ul.subNav li.sub ul li.sub ul li a.active:hover
{
  color: #000;
}

/* content: titles */

div.contentWrapper div.colWrapper div.col h1.title,
div.contentWrapper div.colWrapper div.col h2.title,
div.contentWrapper div.colWrapper div.col h3.title,
div.contentWrapper div.colWrapper div.col h4.title,
div.contentWrapper div.colWrapper div.col h5.title,
div.contentWrapper div.colWrapper div.col h6.title,
div.contentWrapper div.nestedCentreCol h1
{
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 1.4em;
  line-height: 1.3em;
  font-weight: normal;
  color: #5a5a5a;
}

/* content: sub titles */

div.contentWrapper div.colWrapper div.col h1.subTitle,
div.contentWrapper div.colWrapper div.col h2.subTitle,
div.contentWrapper div.colWrapper div.col h3.subTitle,
div.contentWrapper div.colWrapper div.col h4.subTitle,
div.contentWrapper div.colWrapper div.col h5.subTitle,
div.contentWrapper div.colWrapper div.col h6.subTitle
{
  margin: 0 0 25px 0;
  padding: 0;
  font-size: 1.3em;
  line-height: 1.2em;
  font-weight: normal;
  color: #707070;
}

/* footer pods */

div.footerPodWrapper
{
  margin: 0 0 60px 0;
  padding: 0;
}

div.footerPodWrapper div.footerPod
{
  margin: 0;
  padding: 0 20px;
}

div.footerPodWrapper div.footerPod div.pod
{
  margin: 0 40px 0 0;
  padding: 0;
  float: left;
  width: 200px;
  height: 170px;
  display: block;
  overflow: hidden;
}

/* footer pods: heritage */

div.footerPodWrapper div.footerPod div.podHeritage
{
  padding: 15px 0 0 0;
  height: 155px;
}

div.footerPodWrapper div.footerPod div.podHeritage a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/heritage/bg-sprite.jpg) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podHeritage a:hover
{
  background-position: left bottom;
}

/* footer pods: UKAEA */

div.footerPodWrapper div.footerPod div.podUKAEA
{
  padding: 15px 0 0 0;
  height: 155px;
}

div.footerPodWrapper div.footerPod div.podUKAEA a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/ukaea/bg-sprite.jpg) no-repeat left top;
}


div.footerPodWrapper div.footerPod div.podUKAEA a:hover
{
  background-position: left bottom;
}

div.footerPodWrapper div.footerPod div.podBabcock
{
  padding: 15px 0 0 0;
  height: 155px;
}

div.footerPodWrapper div.footerPod div.podBabcock a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/babcock/main.png) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podBabcock a:hover
{
  background-position: left bottom;
}

div.footerPodWrapper div.footerPod div.podBabcock2
{
  padding: 15px 0 0 0;
  height: 155px;
}

div.footerPodWrapper div.footerPod div.podBabcock2 a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/babcock2/main.png) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podBabcock2 a:hover
{
  background-position: left bottom;
}

div.footerPodWrapper div.footerPod div.podBabcock3
{
  padding: 15px 0 0 0;
  height: 155px;
}

div.footerPodWrapper div.footerPod div.podBabcock3 a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/babcock3/main.png) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podBabcock3 a:hover
{
  background-position: left bottom;
}

/* footer pods: Recruiting */

div.footerPodWrapper div.footerPod div.podRecruiting
{
  padding: 15px 0 0 0;
  height: 155px;
  margin: 0 !important;
}

div.footerPodWrapper div.footerPod div.podRecruiting a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/recruiting/bg-sprite.jpg) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podRecruiting a:hover
{
  background-position: left bottom;
}

/* footer pods: Business Agreement */

div.footerPodWrapper div.footerPod div.podBusinessAgreement
{
  padding: 15px 0 0 0;
  height: 155px;
  margin: 0 !important;
}

div.footerPodWrapper div.footerPod div.podBusinessAgreement a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/business-agreement/bg-sprite.jpg) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podBusinessAgreement a:hover
{
  background-position: left bottom;
}

/* footer pods: promo video */

div.footerPodWrapper div.footerPod div.podPromoVideo
{
  padding: 15px 0 0 0;
  height: 155px;
}

div.footerPodWrapper div.footerPod div.podPromoVideo a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 155px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/promo-video/bg.jpg) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podPromoVideo a:hover
{
  background-position: left bottom;
}

/* footer pods: service search */

div.footerPodWrapper div.footerPod div.podServiceSearch
{
  padding: 105px 12px 0 12px;
  height: 65px;
  width: 176px;
  background: url(../images/includes/pods/service-search/bg.png) no-repeat left bottom;
}

div.footerPodWrapper div.footerPod div.podServiceSearch p
{
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 0.8em;
}

div.footerPodWrapper div.footerPod div.podServiceSearch div.formRow input.txt
{
  margin: 0 0 0 1px;
  width: 169px;
}

div.footerPodWrapper div.footerPod div.podServiceSearch div.formAction input.btn
{
  width: 124px;
  height: 22px;
  display: block;
  background: url(../images/includes/pods/service-search/btn-search-services.png) no-repeat left top;
}

/* footer pods: reports */

div.footerPodWrapper div.footerPod div.podReports
{
  padding: 3px 0 0 0;
  height: 167px;
}

div.footerPodWrapper div.footerPod div.podReports a
{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 167px;
  display: block;
  text-indent: -9000px;
  overflow: hidden;
  background: url(../images/includes/pods/reports/bg-sprite.png) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podReports a:hover
{
  background-position: left bottom;
}

/* footer pods: vacancies */

div.footerPodWrapper div.footerPod div.podVacancies
{
  padding: 6px 0 0 0;
  height: 164px;
  margin: 0 !important;
}

div.footerPodWrapper div.footerPod div.podVacancies a
{
  margin: 0;
  padding: 77px 90px 0 8px;
  width: 102px;
  height: 87px;
  font-size: 0.85em;
  line-height: 1.3em;
  text-indent: 10px;
  display: block;
  overflow: hidden;
  color: #5a5a5a;
  text-decoration: none;
  background: url(../images/includes/pods/vacancies/bg-sprite.png) no-repeat left top;
}

div.footerPodWrapper div.footerPod div.podVacancies a:hover
{
	background-position: left bottom;
}

/* footer pods: investors */

div.footerPodWrapper div.footerPod div.podInvestors
{
	background: url(../images/includes/pods/investors/pod-bg.png) no-repeat left 12px;
	position: relative;
}

div.footerPodWrapper div.footerPod div.podInvestors a
{
	display: block;
	text-indent: -9000px;
	width: 200px;
	height: 46px;
	background: url(../images/includes/pods/investors/link-bg-sprite.png) no-repeat left top;
	position: absolute;
	bottom: 0;
}

div.footerPodWrapper div.footerPod div.podInvestors a:hover
{
	background-position: left bottom;
}

div.footerPodWrapper div.footerPod div.podInvestors iframe
{
	position: absolute;
	top: 20px;
	left: 5px;
	z-index: 0 !important;
}

/* footer pods: half year results */

div.footerPodWrapper div.footerPod div.podHalfYearResults
{
	background: url(../images/includes/pods/half-year-results/pod-bg.png) no-repeat left 12px;
	position: relative;
	height: 181px !important;
	top: -11px;
}

div.footerPodWrapper div.footerPod div.podHalfYearResults a
{
	display: block;
	text-indent: -9000px;
	width: 200px;
	height: 67px;
	background: url(../images/includes/pods/half-year-results/link-bg-sprite.png) no-repeat left top;
	position: absolute;
	bottom: 0;
}

/* footer pods: twickenham */

div.footerPodWrapper div.footerPod div.podTwickenham
{
	padding-top: 14px;
	height: 157px;
}

div.footerPodWrapper div.footerPod div.podTwickenham a
{
	background: url(../images/includes/pods/twickenham/main.jpg) no-repeat left top;
	text-indent: -9000px;
	width: 200px;
	height: 157px;
	display: block;
	overflow: hidden;
}

div.footerPodWrapper div.footerPod div.podTwickenham a:hover { background-position: left bottom; }

/* Promo Video Overlay */

div.promoVideoOverlay
{
  margin: 0 0 0 -344px;
  padding: 10px 24px 24px 24px;
  position: absolute;
  top: 200px;
  left: 50%;
  width: 640px; 
	min-height: 350px;
	height: auto !important;
	height: 350px;
	background: #fff url(../images/includes/overlays/promo-video/bg.png) repeat-x left bottom;
	border: 1px solid #e4e4e4;
	z-index: 9999;
}

div.promoVideoOverlay div.promoHeader
{
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	height: 63px;
	text-align: left;
	background: url(../images/includes/overlays/promo-video/header-bg.png) no-repeat left bottom;
}

div.promoVideoOverlay div.promoHeader p.title
{
	margin: 0;
	padding: 10px 0 0 0;
	float: left;
	width: 500px;
	font-size: 1.2em;
	line-height: 1.1em;
}

div.promoVideoOverlay div.promoHeader p.title span
{
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	line-height: 1.3em;
	color: #222;
	display: block;
}

div.promoVideoOverlay div.promoHeader a.close
{
	margin: 34px 0 0 0;
	padding: 0;
	float: right;
	font-size: 0.85em;
	color: #969696;
	text-decoration: none;
}

div.promoVideoOverlay div.promoHeader a.close:hover
{
	color: #969696;
	text-decoration: underline;
}

div.promoVideoOverlay div.promoVideo div.video
{
	margin: 0;
	padding: 0;
	width: 640px;
	height: 395px;
	background: #333;
	color: #fff;
}

div.promoVideoOverlay div.promoVideo div.video p
{
	margin: 0;
	padding: 10px;
}

div.promoVideoOverlay div.promoVideo div.video a
{
	color: #fff;
	text-decoration: underline;
}

div.promoVideoOverlay div.promoVideo div.video a:hover
{
	color: #fff;
	text-decoration: none;
}

/* Newsletter Overlay */

div.newsletterOverlay
{
	width: 440px;
	min-height: 250px;
	height: auto !important;
	height: 250px;
	background: #fff url(../images/misc/newsletter/bg.png) repeat-x left bottom;
	position: absolute;
	top: 200px;
	left: 50%;
	margin-left: -245px;
	border: 1px solid #e4e4e4;
	padding: 24px;
	z-index: 9999;
	display: none;
}

div.newsletterOverlay h1
{
	background: #fff url(../images/misc/newsletter/header.png) no-repeat left top;
	display: block;
	height: 60px;
	position: relative;
}

div.newsletterOverlay h1 span
{
	display: none;
}

div.newsletterOverlay h1 a
{
	position: absolute;
	right: 0;
	bottom: 24px;
	color: #969696;
	text-decoration: none;
	font-size: 0.85em;
	font-weight: normal;
}

div.newsletterOverlay h1 a:hover
{
	text-decoration: underline;
}

div.newsletterOverlay div.content
{
	padding: 25px 36px 0 36px;
	text-align: left;
}

div.newsletterOverlay div.content h2
{
	color: #009ce6;
	font-weight: normal;
	font-size: 1.3em;
	margin: 0 0 20px 0;
}

div.newsletterOverlay div.content p
{
	margin: 0 0 20px 0;
}

div.newsletterOverlay div.content div.formRow
{
	margin-bottom: 0;
}

div.newsletterOverlay div.content div.formRow label
{
	width: 105px;
}

div.newsletterOverlay div.content div.formRow label span
{
	position: absolute;
	right: 0;
	color: #009ce6;
}

div.newsletterOverlay div.content div.formRow input
{
	border: 1px solid #e7e7e7;
	width: 200px;
	padding: 2px;
	font-size: 0.85em;
	color: #777777;
}

div.newsletterOverlay div.content p.error
{
	display: none;
	margin: 0 0 0 110px !important;
	font-size: 0.85em;
}

div.newsletterOverlay div.content div.errorRow
{
	border-bottom: 0 !important;
}

div.newsletterOverlay div.content div.errorRow label
{
	color: #f28c1d;
}

div.newsletterOverlay div.content div.errorRow input
{
	border: 1px solid #f28c1d;
}

div.newsletterOverlay div.content a.send
{
	display: block;
	width: 93px;
	height: 24px;
	text-indent: -9000px;
	background: #fff url(../images/misc/newsletter/send-sprite.png) no-repeat left top;
	margin: 25px 0 0 110px;
}

div.newsletterOverlay div.content a.send:hover
{
	background-position: left bottom;
}

div.newsletterOverlay .thanks
{
	display: none;
}

/* Centre Col Pod and Generic Table */

div.centreColPod
{
	background: url(../images/layout/centre-col-pod-bg.png) no-repeat left bottom;
	margin-bottom: 20px;
}

div.centreColPod div.content
{
	padding: 20px;
}

div.centreColPod div.title
{
	background: #fff url(../images/layout/centre-col-pod-title-top.png) no-repeat left top;
	padding: 10px 0 0 0;
}

div.centreColPod div.title div.titleContent
{
	background: url(../images/layout/centre-col-pod-title-bottom.png) no-repeat left bottom;
	padding: 0 20px 10px 20px;
	min-height: 50px;
	height: auto !important;
	height: 50px;
}

div.centreColPod div.title div.titleContent p.title
{
	color: #009ce7;
	margin: 0 0 5px 0;
	font-size: 1.3em;
}

div.centreColPod div.content table.genericTable
{
	border-collapse: collapse;
	width: 100%;
}

div.centreColPod div.content table.genericTable tr td,
div.centreColPod div.content table.genericTable tr th
{
	padding: 5px;
	border-bottom: 1px solid #ebebeb;
	text-align: right;
	font-weight: normal;
}

div.centreColPod div.content table.genericTable tr td.blue,
div.centreColPod div.content table.genericTable tr th.blue
{
	color: #009ce7;
}

div.centreColPod div.content table.genericTable tr td.first,
div.centreColPod div.content table.genericTable tr th.first
{
	text-align: left;
}

div.centreColPod div.content p.subTitle
{
	color: #009ce7;
	margin-bottom: 5px !important;
}

div.centreColPod div.content p.subTitleBorder
{
	color: #009ce7;
	margin-bottom: 5px !important;
	border-bottom: 1px solid #ebebeb;
	padding-bottom: 5px;
	display: block;
}

div.centreColPod div.title div.titleContent p.title span.grey
{
	color: #969696;
}

div.squeezePod div.title div.titleContent
{
	min-height: 20px;
	height: auto !important;
	height: 20px;
}

div.squeezePod div.content
{
	padding: 10px 20px;
}


/* UL Tiny Blue Arrow */

ul.tinyBlueArrow
{
	padding: 0;
	margin: 10px 0 0 0;
	list-style-type: none;
}

ul.tinyBlueArrow li
{
	background: url(../images/misc/tiny-blue-arrow.png) no-repeat left 7px;
	padding: 0 0 0 10px;
	margin: 0 0 10px 0;
}

/* Image Correction for CMS */

div.overflowImageWrapper { overflow-x: hidden; width: 440px !important; }

/* spacing - needs to be last in document */

.spacer
{
  margin-bottom: 10px !important;
}

.spacerMin
{
  margin-bottom: 20px !important;
}

.spacerMid
{
  margin-bottom: 30px !important;
}

.spacerMax
{
  margin-bottom: 40px !important;
}

.spacerMost
{
  margin-bottom: 50px !important;
}

/* Content Managed */

div.contentManagedContent ul
{
	list-style-type: disc;
	margin: 0;
	padding: 0 0 0 20px;
}

div.contentManagedContent ul ul
{
	list-style-type: circle;
}

div.contentManagedContent h2
{
  margin: 0 0 25px 0 !important;
  padding: 0 0 20px 0 !important;
  font-size: 1.3em !important;
  line-height: 1.2em !important;
  font-weight: normal !important;
  color: #707070 !important;
  border-bottom:  1px dotted #d1d1d1;
}
