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

/* ---- COLOURS 

Screwfix blue: #00539e
Screwfix red: #e21b23

---- */


/* ---- Basic styling ---- */

{
		margin: 0px;
		padding: 0px;
		body text align: centre;
}

body {
		background-color: #00539e;
		padding: auto;
		margin-top:20px;
}
h1, h2, h3, h4, h5, h6, h7, p, tr, td, a, ul , li{
		font-family: Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
	color: #e21b23;
	margin: 0;
}

h2, h2.top {
		font-size: 18px;
		color: #00539e;
		margin-top: 20px 0 10px 0;
}

h2.top {
		margin-top: 10px 0 10px 0;
}

h3 {
		font-size: 14px;
		font-weight: bold;
		color: #00539e;
		margin: 20px 0 10px 0;
		clear: both;
}

h4
{
	font-size: 12px;
	font-weight: bold;
	color: #00539e;
	margin: 20px 0 10px 0;
}

h5
{
		font-size: 17px;
		color: #00539e;
		margin: 0;
		font-weight: bold;
}

h6
{
		font-size: 12px;
		color: #00539e;
		margin: 3px 0 10px 0;
		font-weight: bold;
}
.credit
{
		font-size: 10px;
		color: #00539e;
		margin: 90px 0 0 0;
		font-weight: bold;
		clear: both;
		float: left;
}



p {
		font-size: 11px;
		margin: 5px 30px 5px 0;
		text-align: justify;
		line-height: 13px;
		color: #000;
}
img {
		border-width: 0px;
		float: left;
}
a:link, a:visited {
		color: #00539e;
		text-decoration: none;
}

a:hover {
		color: #e21b23;
		text-decoration: none;
}

a:active {
		text-decoration: none;
		outline: none;
}

/* ---- Basic Layout ---- */
	
#wrapper {
		position: relative;
		height: 750px;
		width: 900px;
		margin: 0 auto;
		background-color: #FFFFFF;
}

#wrapper #header {
		float: left;
		height: 175px;
		width: 900px;
		background: url(../Images/img_head.jpg) no-repeat;
}

#wrapper #navigation
{
		float: left;
		height: 47px;
		width: 900px;
		text-align: center;
		background: url(../Images/img_nav.jpg) no-repeat center;
}

#wrapper #navigationMiddle
{
		height: auto;
		width: 824px;
		text-align: center;
		background-image: url(../Images/Careers_03.jpg);
		background-repeat: no-repeat;
		margin: 8px auto 0;
		padding: 0 0 0 8px;
}

#wrapper #subNav
{
		height: 44px;
		width: 584px;
		background-image: url(../Images/img_subNav.jpg);
		float: left;
}
#wrapper #sideBar_left
{
		background-image: url(../Images/img_leftP.jpg);
		float: left;
		height: 528px;
		width: 40px;
}

#wrapper #mainContent_left
{
		float: left;
		height: 528px;
		width: 624px;
		display: block;
}
#wrapper #mainContent_left #content{
		background-color: #FFFFFF;
		float: left;
		height: 393px;
		overflow: auto;
		overflow-x: hidden;
		margin: 30px 0 20px 24px;
		width: 560px;
		display: block;
}
#wrapper #mainContent_left #content img {
	margin: 10px 0 10px 0;
}

#wrapper #mainContent_left #content tr
{
		font-size: 11px;
		margin: 5px 30px 10px 0;
		text-align: left;
		line-height: 13px;
		font-weight: bold;
}

#wrapper #mainContent_left #content tr a:link
{
		text-decoration: none;
		color: #00539e;
		margin: 0 0 5px 0;
}

#wrapper #mainContent_left #content tr a:visited
{
		color: #00539e;
		text-decoration: none;
		margin: 0 0 5px 0;
}

#wrapper #mainContent_left #content tr a:hover, a:active
{
		color: #e21b23;
		text-decoration: none;
		margin: 0 0 5px 0;
}

#wrapper #mainContent_left #content h1 {
	font-size: 24px;
	color: #e21b23;
	margin:	0 0 20px 0	
}
#wrapper #mainContent_left #content h3 {
	font-size: 14px;
	font-weight: bold;
	color: #00539e;
	margin: 20px 0 10px 0;
}

#wrapper #mainContent_left #content .departments
{
		margin: 7px 0;
		width: 145px;
		float: left;
		height: 70px;
}
#wrapper #mainContent_left #content .width 
{
		width: 205px;
}
#wrapper #mainContent_left #content .departments li{
		font-size: 11px;
		font-weight: bold;
		color: #00539e;
		margin: 0 0 2px 0;
}

#wrapper #mainContent_left #content .departments li a
{
		line-height: 13px;
}

#wrapper #mainContent_left #content .apply_now
{
		float: left;
		margin: 20px 0 0 0;
		height: 43px;
		width: 130px;
		background: url(../Images/blue_clickHere.png) no-repeat;
		position: relative;
		z-index: 1;
}

#wrapper #mainContent_left #content .apply_now h3{
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		margin: 0 0 0 0;
		text-transform: uppercase;
		width: 130px;
}

#wrapper #mainContent_left #content .apply_now h3 a
{
		font-size: 16px;
		font-weight: bold;
		color: #FFF;
		text-align: center;
		margin: 0 0 0 0;
		text-transform: uppercase;
		width: 130px;
		height: 42px;
}
#wrapper #mainContent_left #content .apply_now h3 a:link{
		color: #FFF;
		text-decoration: none;
}
#wrapper #mainContent_left #content .apply_now h3 a:visited{
		color: #FFF;
		text-decoration: none;
}
#wrapper #mainContent_left #content .apply_now h3 a:hover{
		color: #000;
		text-decoration: none;
		background: url(../Images/red_clickHere.png) no-repeat;
		width: 130px;
		height: 42px;
		display: block;
}

#wrapper #mainContent_left #content .apply_now p{
		font-size: 11px;
		line-height: 13px;
		color: #FFF;
		text-align: center;
		margin: 2px 0 0 0;
		display: block;
		position: relative;
		z-index: 10;
}
#wrapper
#mainContent_left #content .map_direction{
		background-color: #FFFFFF;
		float: left;
		height: auto;
		width: 170px;
		padding: 0;
		overflow: auto;
		margin: 20px 10px 0 0;
}
#wrapper #mainContent_left #content .map_direction p {
		font-size: 11px;
		margin: 5px 10px 5px 0;
		text-align: justify;
		line-height: 13px;
		color: #000;
}
#wrapper
#mainContent_left #content .map_click{
		float: left;
		height: 30px;
		width: 520px;
		padding: 0;
		overflow: auto;
		margin: 0;
}

#wrapper #mainContent_left #content .logo-fast
{
	margin: 0 0px 0 80px;
	text-align: center;
}

#wrapper #mainContent_left #fasttrack
{
		background-color: #FFFFFF;
		float: left;
		height: 393px;
		overflow: auto;
		overflow-x: hidden;
		margin: 30px 0 20px 24px;
		width: 560px;
		display: block;
		text-align: center;
}
#wrapper #mainContent_left #fasttrack h1 
{
		margin: 40px 0 0 0;
}
#wrapper #mainContent_left #fasttrack h3 {
	margin: 10px 0 10px 0;
}
#wrapper #mainContent_left #fasttrack .first 
{
		margin: 30px 0 10px 0;
}

#wrapper #mainContent_left #fasttrack p 
{
		text-align: center;
}

#wrapper #mainContent_right
{
		float: left;
		height: 528px;
		width: 236px;
		background-color: #FFFFFF;
}

#wrapper #mainContent_right img
{
		margin: 0;
		padding: 0;
		float: left;
}

#wrapper #mainContent_right
{
		background-image: url(../Images/img_rightP.jpg);
		float: left;
		height: 528px;
		width: 40px;
}
#wrapper #sideBar_right{
		float: right;
		height: 528px;
		width: 40px;
		background-image: url(../Images/img_rightP.jpg);
}

#wrapper #footer
{
		float: left;
		height: 41px;
		width: 584px;
		background: url(../Images/img_footer.jpg) no-repeat;
}
#wrapper #mainContent_left #content #yesno{
		background-color: #FFFFFF;
		float: left;
		height: 362px;
		width: 548px;
		padding-left:12px;
}
#wrapper
#mainContent_left #content #yesno #buttons{
		background-color: #FFFFFF;
		float: left;
		height: 257px;
		width: 548px;
		padding:0;
}

/* ---- FONTS ---- */

.style1
{
		color: #FFFFFF
}

.introcopy
{
		font-size: 11px;
		margin-top: 0px 30px 5px 0;
		font-weight: bold;
		line-height: 13px;
}

.introcopy20
{
		font-size: 11px;
		margin-top: 20px 30px 5px 0;
		font-weight: bold;
		line-height: 13px;
}

.pullout
{
		font-family: "Times New Roman", Times, serif;
		font-size: 16px;
		margin-top: 11px 0 5px 0;
		font-style: italic;
}

.profilename
{
		font-size: 12px;
		color: #00539e;
		margin-top: 5px 0 20px 0;
}

.thickbox
{
		font-size: 10px;
		font-weight: bold;
		color: #00539e;
		margin-top: 120px;
}

.blue
{
		color: #00539e
}


.programme
{
		font-size: 13px;
		color: #00539e;
		margin: 3px 0 3px 0;
		font-weight: bold;
}

dt
{
		font-size: 12px;
		color: #00539e;
		margin: 10px 0 10px 0;
		font-weight: bold;
}

li
{
		margin: 0 0 3px 0;
}

.h3temp
{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FF00FF;
		margin: 20px 0 10px 0;
}

#depticons
{
		height: 90px;
		width: 550px;
		margin: 0;
		float: left;
		padding: 0;
}

.depticons
{
		font-size: 11px;
		margin: 0;
		text-align: left;
		line-height: 13px;
}

#bBuying
{
		float: left;
		height: 81px;
		width: 36px;
}

#bMarketing
{
		float: left;
		height: 81px;
		width: 49px;
}

#bSupply
{
		float: left;
		height: 81px;
		width: 48px;
}

#bPlanning
{
		float: left;
		height: 81px;
		width: 53px;
}

.below
{
		margin: 0 0 10px 0;
}

.above
{
		margin: 10 0 3px 0;
}

#bCommercial
{
		float: left;
		height: 81px;
		width: 53px;
}

#bOperational
{
		float: left;
		height: 81px;
		width: 52px;
}

#bHR
{
		float: left;
		height: 81px;
		width: 48px;
}

#bChange
{
		float: left;
		height: 81px;
		width: 50px;
}

#bIT
{
		float: left;
		height: 81px;
		width: 43px;
}

#bService
{
		float: left;
		height: 81px;
		width: 50px;
}

#bProjects
{
		float: left;
		height: 81px;
		width: 43px;
}

.backtotop
{
		font-size: 9px;
		color: #00539e;
		margin: 5px 0 5px 0;
		text-transform: uppercase;
		font-weight: bold;
}

.kingfisher
{
		font-weight: bold;
		font-size: 10px;
		margin: 10px 0 5px 0;
		line-height: 10px;
		color: #00539e;
}

#kingfisher
{
		float: left;
		height: 20px;
		width: 400px;
		margin-top: 0px;
}

#applynow
{
		float: left;
		height: 41px;
		width: 190px;
		text-align: center;
		background-color: #FFFFFF;
		background-image: url(../Images/applyNow.jpg);
		background-repeat: no-repeat;
}

.centre
{
		text-align: center;
}
.clear {
		clear: both;
}