@charset "UTF-8";
/* CSS Document */


/* Column Guide

#bd, #ft, #hd {background:url(../images/columns-guide-960.gif) repeat !important;}

*/



/*

COLOURS
Body Background: #ffffff
Red: #ee1133
Red Dark: #990011

*/


/************************
  Table of Contents:
  
  1. Core Components
      Basics
	  Links
	  Section Links
	  Headings
	  Forms
	  Image Gallery
	  New Item
	  Framed (outlined) Items
	  Image Grids
	  Mini Feature
      Horizontal Rules
  
  2. Layout
      Header
	  Footer
	  Navigation
	  Section Bar      
	  
  3. Page Specific
      Acredditation
      Equipment
      Careers
      About Features
      Home - Services Features
      News
	  404

  4. Third Party Add-ons
      Box Grid
      Clickable
	  Styleswitcher

	      
************************/


/*

 ##
  #
  #
  #
  #
#####

Core Components

*/



/* Basics
---------------------------------------------*/


body {
	background:url(../images/bkg.gif) repeat;
}

.wrapper {
	-moz-box-shadow: 0px 0px 20px #000;
	-webkit-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	overflow:hidden;
}

.shadow {
	-moz-box-shadow: 0px 2px 3px #666;
	-webkit-box-shadow: 0px 2px 3px #666;
	box-shadow: 0px 2px 3px #666;
}

img {
	margin-bottom:32px;
}



#bd {
	z-index:50;
	position:relative;
	width: 960px;
	padding-bottom:16px;
	background-color:#FFFFFF;
}

.inlineImage {
	margin-right:16px;
	margin-bottom:16px;
}

.panoramic {
	margin-top:-32px;
	margin-bottom:32px;

}

.unit_58>h4 {
	margin-bottom:32px;
}

.unit_58  h4 {
margin-left:16px;
}

ul.bulleted,
div.column608px ul {
list-style-type:disc;
list-style: inside;
margin-left: 1em;
text-indent:-1em;
}


/* Links
---------------------------------------------*/

a:link, a:visited {
	text-decoration:none;
	color:#330066;
}
a:hover, a:focus, a:active {
	text-decoration:underline;
	color:#660099;
}


/* Section Links 
---------------------------------------------*/

.section-link,
body.pgIndex div.column608px ul {
	text-transform:uppercase;
	font-weight:700;
}
body.pgIndex div.column608px ul li{
	list-style-type: none;
	margin-left:15px;
	text-indent:0;
}

.section-link a:link,
.section-link a:visited,
body.pgIndex div.column608px ul a:link,
body.pgIndex div.column608px ul a:visited {	
	text-decoration:underline;
	color:#ee1133;
}

.section-link ul li a:link, 
.section-link ul li a:visited {
	color:#999999;
	text-decoration: none;
}

.section-link ul li a:hover, 
.section-link ul li a:active {
	color:#999999;
	text-decoration: underline;
}

.section-link ul li a:before {
	content: " > "
}

/* Headings
---------------------------------------------*/

h2, h3, h4, h5, h6 {font-family: 'NewsGothicDemi', Arial Narrow, Arial, sans-serif;}

h1 {}
h2 {}
h3 {color:#999999;}
h4 {margin-bottom:8px;}
h5 {}
h6 {}

div.column608px h4{
	border-top: 3px #eee solid;
	margin-top:16px;
	padding-top:16px;
}


/* Forms 
---------------------------------------------*/


label {font-size:1.2em; width:104px; float:left; line-height:2em; text-align: right; padding-right:8px;}
input {font-size:1.2em; width:296px; float:left; margin-bottom:16px; line-height:1.6em; color: #781351; background: #eeeeee; border: 1px solid #cccccc; color:#666666; padding-left:4px;}
select {width:150px; margin-right:150px; float:left; margin-bottom:16px;}
textarea {width:300px; height: 120px;float:left; background: #eeeeee; border: 1px solid #cccccc;margin-bottom:16px;}
.captcha-question{line-height:1.4em; width:296px;float:left;padding-top:2px;}
.captcha-hints{display:block;}
.captcha-answer{margin-left:112px;}
.formSubmit { margin-left:112px; width:auto; padding-left:1em; padding-right:1em;}
.hp{display:none;}


/* Image Gallery 
---------------------------------------------*/
.imageGallery {
	display: inline;
	float: left;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	width:432px;
	}


.imageGallery {
	height: 80px;
	width:432px;
	margin-left:0px; 
	background-color:#CCCCCC; 
	padding-top:0px; 
	margin-top:0px; 
	margin-bottom:8px; 
	background:url(../images/bkg-light.gif);
	position:relative;
}
/*.imageGallery a{float:left;}*/
.imageGallery img { 
	margin-bottom:0; 
	margin-top:4px; 
	border-style: double; 
	border-width: 3px; 
	border-color:transparent; 
	margin-right:4px;
}
.imageGallery img.active  {
	background-color:#cccccc; 
	border-color:#FFFFFF;
}
.imageGallery a.arrowLeft {
	position:absolute;
	left:0;
	top:0;
	z-index:100;
	
	background-color:#cccccc; 
	margin-right:8px; 
	width:20px; 
	height:80px; 
	/*display:inline; 
	float:left; */
	background-image:url(../images/arrow-left.gif);
}
.imageGallery a.arrowRight {
	position:absolute;
	right:0;
	top:0;
	z-index:100;
	
	background-color:#cccccc; 
	margin-right:0px; 
	width:20px; 
	height:80px; 
	/*display:inline; 
	float:right; */
	background-image:url(../images/arrow-right.gif);
}
.arrowRight.disabled, 
.arrowLeft.disabled {
	visibility: hidden;
}

#image-gallery-large {
	position:relative;
	/* this deals with container height */
	margin-top:88px;
	margin-bottom:16px;
}
#image-gallery-large img{
	display:none;
}
#image-gallery-large img.first{
	display:block;
}
#image-gallery-small{
	margin-left:28px;
	width:370px;
	overflow:hidden;
}
/* New Item 
---------------------------------------------*/

p.newItem {float:right; display:inline; width:auto !important; background-color:#FFFF00 !important; line-height:1.5em;text-transform:uppercase;}


/* Framed (outlined) Items 
---------------------------------------------*/



div.frame-item {
border: 2px solid #dddddd;
background-color:#eeeeee;
overflow:hidden;
padding-top:16px;
padding-bottom:8px;
margin-bottom:16px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}

.frame-item-256px {
border:2px solid #dddddd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding-top:8px;
width:252px;
background-color:#eeeeee;
margin-bottom:16px;
}

.frame-item-432px {
border:2px solid #dddddd;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
padding-top:8px;
width:428px;
background-color:#eeeeee;
margin-bottom:16px;
}

div.frame-item ul, 
div.frame-item p, 
.frame-item dl,
.frame-item-256px ul, 
.frame-item-256px p, 
.frame-item-256px dl,
.frame-item-432px ul, 
.frame-item-432px p, 
.frame-item-432px dl {
margin-left: 8px;
}

.frame-item ul>ul,
.frame-item-256px ul>ul,
.frame-item-432px ul>ul {
margin-left: 0px;
}

.unit_58 .frame-item ul {
display: inline;
float: left;
text-align:left;
margin-right: 0px;
width: 212px;
margin-left:16px;
}

.unit_58 .frame-item ul li {margin-left:0;}


/* Image Grids
---------------------------------------------*/


.imageGrid {overflow:hidden; margin-left:10px; margin-top:11px;}
.imageGrid li {padding:0; margin:0; border:0; display:inline; float:left; height:80px;}
.imageGrid li a img {margin-right:8px; margin-bottom: 8px; padding-bottom:0;background: url(../images/bkg-light.gif); }




/* Mini Feature
---------------------------------------------*/

.miniFeature {position:relative; }
.miniFeature h3 {padding-top:8px;}
.miniFeature p.unit {background-color:rgba(0,0,0,0.5); position:absolute; width:408px; bottom:0; padding:8px 16px 12px 16px; margin-bottom:0; color:#FFFFFF;height:60px;}

.miniFeature {
margin-right:16px;
width:440px;
margin-bottom:16px;
height:272px;
-moz-box-shadow: 0px 1px 3px #666;
-webkit-box-shadow: 0px 1px 3px #666;
box-shadow: 0px 1px 3px #666;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

.miniFeature p {
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
-webkit-border-bottom-left-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
}

.miniFeature h3 a:link, .miniFeature h3 a:visited {
color:#FFFFFF;
text-decoration:none;
border-bottom: 3px solid #FFFFFF;
}

.miniFeature h3 a:hover, .miniFeature h3 a:active {
color:#FFFFFF;
text-decoration:none;
border-bottom: 3px solid rgba(255,255,255,0.5);
}


.miniFeature h3 {
font-family: 'RICHARDMILLERRegular-1', 'RICHARDMILLERRegular-2', Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:4.2em;
	line-height:1em;
	font-weight:400;
	margin-bottom:.1em;
	text-align:center;
	margin:75px 0 0 0;
	padding:0 0 0 0;
	

}


/* Horizontal Rules
---------------------------------------------*/

.hr-strong {
	border: 0 #ee1133 solid;
	border-top-width: 3px;
	clear: both;
	height: 0;

}
.hr-grey {
	border: 0 #eeeeee solid;
	border-top-width: 3px;
	clear: both;
	height: 0;
	margin-top:16px;

}

/* Related Items
---------------------------------------------*/

#related {background:#999999; width:960px; padding-top:16px; padding-bottom:16px;}
div.relatedItems {width:928px; margin-left:16px;}
#related .section-link {margin-left:16px;  }



/*

.###.
#  .#
  .#
 .#
.#
#####
 
*/


/* Header 
---------------------------------------------*/

h1.oakwoodLogo, p.oakwoodLogo {
	background-color:#FFFFFF;
	margin-left:32px;
	width: 240px;
	height: 50px;
	position: relative;
	overflow: hidden;
}

h1.oakwoodLogo span, p.oakwoodLogo span {
	background: url(../images/oakwood-logo.gif);
	position: absolute;
	width: 100%;
	height: 100%;
}

#hd ul.unit_contact {
	font-size: 1.3em;
	line-height:1.6em;
	float:right;
	text-align:right;
	margin-right:32px;
}

#hd ul.unit_contact a {
	color:#ee1133;
	text-transform:uppercase;
	text-decoration:underline;
	font-weight:700;
}



/* Footer 
---------------------------------------------*/

#ft {
	text-align:left;
	padding-bottom:16px;
	padding-top:16px;
	width: 960px;
	overflow:hidden;
}

#ft div {
	width:896px;
	margin-left:32px;
	overflow:hidden;
}

#ft ul.company_info {
	font-size:1.1em;
	line-height:1.6em;
}

#ft p, #ft address {
	float:left;
	font-size:1.1em;
	line-height:1.6em;
	margin-right:8px;
}

#ft img {
	margin-right:16px;
	margin-bottom:16px;
}

#ft .company_info {
	margin-bottom:0;
}


/* Navigation (Nav)
---------------------------------------------*/


#nav {
	z-index:100;
	position:relative;
	width:960px;
	padding-bottom:16px;
	background-color:#FFFFFF
}

#nav ul.unit_nav_left {
	margin-left:16px;
	float:left;
	text-align:left;
	width:800px;
}
#nav ul.unit_nav_right {
	float:right;
	text-align:right;
	width:96px;
	margin-right:32px;
}
#nav ul.unit_nav_left li, #nav ul.unit_nav_right li {
	list-style: none;
	display: block;
	text-transform:uppercase;
	font-family: 'RICHARDMILLERRegular', Arial Narrow, Arial, Helvetica, sans-serif;
	font-size:1.8em;
	margin-left:16px;
	position: relative;
}

#nav ul.unit_nav_left li {float: left;}
#nav ul.unit_nav_right li {float: right;}

#nav a:link, #nav a:visited {
	color:#000000;
	padding-bottom:1px;
	border-bottom:3px solid #FFFFFF;
}
#nav a:hover, #nav a:active {
	color:#000000;
	padding-bottom:1px;
	border-bottom:3px solid #666666;
	text-decoration:none;
}

.pgNews #nav li.nav-news a:link, .pgNews #nav li.nav-news a:visited,
.pgAbout #nav li.nav-about a:link, .pgAbout #nav li.nav-about a:visited,
.pgEquipment #nav li.nav-gallery a:link, .pgEquipment #nav li.nav-gallery a:visited,
.pgCaseStudy #nav li.nav-case-studies a:link, .pgCaseStudy #nav li.nav-case-studies a:visited,
.pgCareers #nav li.nav-careers a:link, .pgCareers #nav li.nav-careers a:visited,
.pgContact #nav li.nav-contact a:link, .pgContact #nav li.nav-contact a:visited,
.pgLocation #nav li.nav-location a:link, .pgLocation #nav li.nav-location a:visited,
.pgServices #nav li.nav-services a:link, .pgServices #nav li.nav-services a:visited,
.pgDemolition #nav li.nav-services a:link, .pgDemolition #nav li.nav-services a:visited,
.pgGroundworks #nav li.nav-services a:link, .pgGroundworks #nav li.nav-services a:visited,
.pgSkip #nav li.nav-services a:link, .pgSkip #nav li.nav-services a:visited,
.pgWaste #nav li.nav-services a:link, .pgWaste #nav li.nav-services a:visited {
	border-bottom:3px solid #ee1133;
}




/* Section Bar
---------------------------------------------*/


.sectionBar {
	width:960px;
	margin:0;
	padding:0;
	background-color:#ee1133;
	position:relative;
	margin-bottom:32px;
}

.sectionBar h1 {
	width:672px;
	text-indent:32px;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:left;
	text-indent:32px;
	font-family: 'RICHARDMILLERRegular', Arial Narrow, Arial, Helvetica, sans-serif;

}

/* Need to match last segment in Structure's page_url*/
.pgWaste .sectionBar, .pgWaste .sectionBar h1,
.pg-waste-transfer .sectionBar, .pg-waste-transfer .sectionBar h1 {
background-color:#77aa00;
}

.pgSkip .sectionBar, .pgSkip .sectionBar h1 ,
.pg-skip-hire-london .sectionBar, .pg-skip-hire-london .sectionBar h1{
background-color: #990011;
}

.pgGroundworks .sectionBar, .pgGroundworks .sectionBar h1,
.pg-ground-works .sectionBar, .pg-ground-works .sectionBar h1 {
background-color: #660000;
}

body.nano .wrapper, body.nano .wrapper #bd {width: 480px;}

body.nano #bd {padding-top:1em;}

body.nano #bd h1, body.nano #bd p {padding:0 2em;}


/*

 ###
#   #
    #
  ##
    #
#   #
 ###

Page Specific
 
*/


/* Acredditation 
---------------------------------------------*/


div.accreditation {
	width:896px;
	display: inline;
	float: left;
	text-align:left;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	padding-bottom:16px;
	padding-top:16px;margin-left:16px;
	border-bottom:3px solid #eeeeee;
	/*background-color: rgba(121,121,0,0.5);*/

}

div.accreditation img,
div.accreditation h4,
div.accreditation p {
float: left;
/*background-color: rgba(0,121,121,0.5);*/
} 

div.accreditation h4 {
 width:656px;
 margin-left:16px;
 margin-bottom:8px;
}

div.accreditation dl {
float:right;
width: 228px;
border-left: 2px solid #999999;
padding-left:8px;
/*background-color: rgba(121,0,121,0.5);*/

}

div.accreditation dl dd, div.accreditation dl dt {
float:left;
width:140px;
margin-left:8px;
/*background-color: rgba(255,121,121,0.5);*/
}

div.accreditation dl dt  {
width:auto;
margin-left:0px;
}

div.accreditation .unit {
width: 400px;
padding-top:0px;
padding-bottom:0px;
margin-bottom:0px;
}

div.accreditation .unit ul {
list-style-type:disc;
list-style: inside;
margin-left: 32px;
text-indent:-1em;
}

div.accreditation .unit ul li {
margin-bottom:8px;
}

div.accreditation .unit ul.decimal {
list-style-type: decimal;
}

div.accreditation .unit ul.lower-alpha {
list-style-type: lower-alpha;
}

div.accreditation p {
margin-left:16px;
width: 400px;
}

div.accreditation img {
padding:0;
margin:0;
text-align:left;
}



/* Equipment 
---------------------------------------------*/


dl.equipmentData, ul.equipmentTags {width:432px;}
dl.equipmentData { background-color:#ffffff; margin-top:0px; }
dl.equipmentData dt {float:left; width:105px; margin-left:0;}
dl.equipmentData dd {float:left; width:327px; margin-left:0;}
ul.equipmentTags li {margin-left:0px;}

/* Services */
#skipRangeMap { height: 300px; width:960px; top:-32px;}

/* Location */
#mapOakwood { height: 432px; width:432px; margin-bottom:16px;}

/*  
---------------------------------------------*/


form.twoColumn h4 {
color:#666666;
font-weight:400;
margin-bottom:16px;
}

form.twoColumn {
overflow:hidden;
margin-top:16px;
padding-top:16px;
padding-bottom:16px;
margin-bottom:8px;
margin-left:0px;
width:892px;
margin-left:16px;
overflow:hidden;
background-color:transparent;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}	
form.twoColumn .formSubmit {
margin-left: 112px;
}	
			
form fieldset {
overflow:hidden;
float:left; width:421px;
margin:0; padding:0;

	text-align:left;
	margin-left: 16px;
	margin-right: 0px;
	overflow:hidden;
	}
	
	
p.oakwood-button a {
text-decoration:none;
padding:6px 8px;
text-transform:uppercase;
font-weight:700;
border: 2px solid #DDDDDD; 
}

p.oakwood-button a:link, p.oakwood-button a:visited {
background-color: transparent;
color: #ee1133;
}

p.oakwood-button a:hover, p.oakwood-button a:active {
background-color:#FFFFFF;
color:#ee1133;
border: 2px solid #CCCCCC; 
}

div.job-vacancy-item p.oakwood-button {
margin-top:16px;}

div.job-vacancy-item dl {
float:left;
width: 277px;
border-left: 2px solid #ffffff;
padding-left:7px;
margin-left:16px;
/*background-color: rgba(121,0,255,0.5);*/
}

div.job-vacancy-item div {

width: 622px;
float:left;
/*background-color: rgba(255,121,121,0.5);*/
}

div.job-vacancy-item div p {
margin-left:16px;

}


div.job-vacancy-item table td p
{margin-left: 0px;
font-weight:700;}

div.job-vacancy-item table td+td p
{margin-left: 16px;
font-weight:400;}

div.job-vacancy-item dl dt {

float:left;
width:128px;
margin-left:7px;
/*background-color: rgba(255,121,121,0.5);*/

}

div.job-vacancy-item dl dd {

float:left;
width:128px;
margin-left:0px;

/*background-color: rgba(255,255,121,0.5);*/

}


#applications {background:#999999; width:960px; padding-top:16px; padding-bottom:16px;}
#applications .section-link {margin-left:16px;  }
    


/*
About Features 
---------------------------------------------*/	

body.pgAbout div.column256px div.bg-img{
	height:252px;
	border-color:#eeeeee;
	background-repeat:no-repeat;
	background-position: center bottom;	
}
body.pgAbout div.column256px div.bg-img.hovered{
	border-color: #cccccc;
}
body.pgAbout div.column256px div.bg-img.hovered a{
	color:#ee1133;
}
body.pgAbout div.column256px div.no-bg-img.hovered a{
	color:#FFFFFF;
}
/*
#feature-health-and-safety {
	height:252px;
	border-color:#eeeeee;
	background-repeat:no-repeat;
	background-position: center bottom;
}
#feature-health-and-safety.hovered {
	border-color: #cccccc;
}
#feature-health-and-safety.hovered a {
	color:#ee1133;
}

#feature-history {
	height:252px;
	border-color:#eeeeee;
	background-repeat:no-repeat;
	background-position: center bottom;
}
#feature-history.hovered {
	border-color: #cccccc;
}
#feature-history.hovered a {
	color:#ee1133;
}

#feature-accreditations.hovered a {
	color:#FFFFFF;
}
*/



	
/*
Home - Services Feature
---------------------------------------------*/	

#services-feature .section-link {
	margin-left:32px;
	margin-top:32px;
}

#services-feature .section-link a {
	color:#FFFFFF;
}

#services-feature {
	/*background: url(../images/Oakwood-banner-image.jpg); */
	height:351px; 
	margin-bottom:32px;
	position:relative;
}
#services-feature #home-feature-backgrounds{
	width:960px;
	height:351px;
	position:absolute;
	z-index:0;
	overflow:hidden;
}
#services-feature #home-feature-info{
	position:absolute;
	z-index:10;
}

#services-feature h1 {
	margin-left:32px;
	font-family: 'RICHARDMILLERRegular', Arial Narrow, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:4.8em;
	line-height:1.2em;
}

#services-feature h1 a {
	color:rgba(255,255,255,0.8);
	text-decoration: none;
}

#services-feature h1 a:link, #services-feature h1 a:visited {
	border-bottom: 4px solid #ffffff;
	border-color:rgba(255,255,255,0.8);
}

#services-feature h1 a:hover, #services-feature h1 a:active {
	border-bottom: 4px solid #FFFFFF;
	color:rgba(255,255,255,1);
	color:#FFFFFF;
}

/*
News
---------------------------------------------*/

.news-nav-column {
	margin-left:32px;
	width:192px;
}
.news-nav-column dl dd {
	color:#666666;
}
.news-nav-column, .feature-intro {
	padding-top:16px;
}

h3.testimonial {
margin-bottom:8px;
}
 
 
/*
 
   .
  .#
 .##
.# #  
######
   #
   #
   
   
4. Third Party Add-ons
    
*/ 
 
 
/* Box Grid
---------------------------------------------*/

.boxgrid h5 {
	padding: 4px 8px 4px 8px;
	display:inline-block;
	width:auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#fff;
	text-transform:uppercase;
	background: #000;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxgrid h5 a:link, .boxgrid h5 a:visited {
	color:#FFFFFF;
}
.boxgrid {
	background: url(../images/bkg-light.gif) #eeeeee repeat;
	overflow: hidden;
	position: relative;
}
.boxgrid img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.boxgrid p {
	padding: 4px 8px 4px 8px;
	width:212px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000;
	background: #fff;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption {
	float: left;
	position: absolute;
	/*width: 212px;*/	
}
.captionfull .boxcaption {
	top: 158px;
	left: 0;
}
.caption .boxcaption {
	top: 158px;
	left: 0;
} 




/* Clickable
---------------------------------------------*/

div.clickable {
}

div.hovered {
	cursor: pointer;
	background-color: #ee1133;
	border-color:#990011;
}

div.hovered a {
	color:#FFFFFF;
	text-decoration: none;
}


/* Style Switcher
---------------------------------------------*/
.styleSwitcher {padding-bottom:8px;}
.styleSwitcher li { display:inline; float:left; margin-right:12px;}






 
/*


 #####
 #
 ####.
     #
 #   #
 '###'
 
 	
5. Temporary

*/ 
 
ul.section-link span {
display:none;
}

body.pgDemolition ul.section-link li span.spanDemolition,
body.pgGroundworks ul.section-link li span.spanGroundworks,
body.pgSkip ul.section-link li span.spanSkip,
body.pgWaste ul.section-link li span.spanWaste,
body.pgCaseStudy ul.section-link li span.spanUsed {
display:inline;}

.section-link .red {
 color:#ee1133;
}