/* CONTENTS

1: General

*/


/* 1: General */
.findYourJob #title span.people {
	background:url(/diy/jsp/corporate/images/careers/people/find_your_job.png) no-repeat;
	width:201px;
	height:256px;
	bottom:16px;
	right:-10px;
}

.arrowHomepage {
	position:absolute;
	display:block;
	background:url(/diy/jsp/corporate/images/homepage/arrow_large.png) no-repeat;
	width:83px;
	height:106px;
	top:6px;
	left:-56px;
	z-index:900;
}

.careersHolding #titleFullWidth span.people {
	background:url(/diy/jsp/corporate/content/careers/images/kimberley_main.png) no-repeat;
	width:231px;
	height:314px;
	bottom:16px;
	right:30px;
}

.careersHolding #titleFullWidth h1 {
  background: transparent url(/diy/jsp/corporate/content/careers/images/careers_holding_title.gif) no-repeat 0 0;
  height: 71px;
  width: 353px;
}
.careersHolding #titleFullWidth p {
	margin-top:20px;
	margin-bottom:15px;
	width:520px;
}

.arrowHomepage {
	position:absolute;
	display:block;
	background:url(/diy/jsp/corporate/images/homepage/arrow_large.png) no-repeat;
	width:83px;
	height:106px;
	top:6px;
	left:-56px;
	z-index:900;
}

/* @group Utility */

#content {
  width: 864px;
  padding-right: 0;
}

.replacement,
.submit input {
  display: block;
  overflow: hidden;
  text-indent: -5000px;
}

a.replacement,
.submit input {
  border: 0;
  cursor: pointer;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  clear:both;
}

/* @end */


/* @generic dropdown toggle styles group */

a.dropdown-toggle { 
	cursor:pointer;	
	color:#ff6600;
	font-weight:bold;
	text-decoration:underline;
}

#careers-content div#dropdown-container {
	margin-top:30px;
}

#careers-content div#dropdown-container ul .label-row {
	height:50px;
	line-height:3;
	left:-54px;
	position:relative;
}

#careers-content div#dropdown-container li .label-arrow {
	background:transparent url(/diy/jsp/corporate/images/careers/up-arrow.gif) no-repeat scroll 0 0;
	display: inline;
	float:right;
	height:15px;
	margin:10px 19px 10px 0;
	width:21px;
}

#careers-content div#dropdown-container li.open .label-arrow {
	background: transparent url(/diy/jsp/corporate/images/careers/down-arrow.gif) no-repeat 0 0;
	margin-top:13px
}

.our_values #careers-content div#dropdown-container ul .label-row h5 {
	display: inline;
	height:45px;
	float:left;
	margin:0 0 0 53px;
	width:211px;
}

#diversity {
	background: transparent url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/diversity.png) no-repeat 0 0;
}

#environment {
	background: transparent url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/environment.png) no-repeat 0 0;
}

#our_values {
	background: transparent url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/our_values.png) no-repeat 0 0;
}

#ethical_trading {
	background: transparent url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/ethical_trading.png) no-repeat 0 0;
}

#its_our_policy {
	background: transparent url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/what_we_do.png) no-repeat 0 0;
}

#careers-content div#dropdown-container ul .label-row .short-label {
	background: transparent url(/diy/jsp/corporate/images/careers/short-name-label-bg.png) no-repeat 0 0;
	width:99px;
	height:45px;
	float:left;
	color:white;
	margin-right:5px;
}

#careers-content div#dropdown-container li.open .label-row .short-label {
	margin-top:0;
}

#careers-content div#dropdown-container ul div.dropdown-content {
	background: url(/diy/jsp/corporate/content/careers/images/bg_bd.gif) repeat-y;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	width: 864px;
}

#dropdown-container .hd {
	height: 54px;
	left: 0;
	position: absolute;
	top: 0;
	width: 872px;
}

#dropdown-container .bd {
	background: url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/bg_hd.png) no-repeat;
	padding: 20px 197px 20px 55px;
	width: 620px;
}

#dropdown-container .bdOfficeRoles {
	background: url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/bg_hd.png) no-repeat;
	padding: 20px 57px 20px 55px;
	width: 760px;
}

#dropdown-container .bd ul {
  padding-bottom: 10px;
}

#dropdown-container .bd ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0px 3px;
  padding-bottom: 5px;
  padding-left: 15px;
}

#dropdown-container .bdOfficeRoles ul {
  padding-bottom: 10px;
}

#dropdown-container .bdOfficeRoles ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0px 3px;
  padding-bottom: 5px;
  padding-left: 15px;
}

#dropdown-container .bdValues {
	background: url(/diy/jsp/corporate/content/careers/images/bg_hd.gif) no-repeat;
	padding: 20px 50px 20px 55px;
	width: 760px;
}

#dropdown-container .bdArun {
	background: url(/diy/jsp/corporate/images/careers/company/values/accordion_panels/bg_hd.png) no-repeat;
	padding: 20px 50px 20px 55px;
	width: 600px;
}

#dropdown-container .ft {
	background: url(/diy/jsp/corporate/content/careers/images/bg_ft.gif) no-repeat;
	height: 16px;
	width: 872px;
}

/* @end */

/* @group Careers Content */

.home #titleFullWidth {
	background: none;
	display: block;
	float: none;	
	height: 380px;
	margin: 30px auto 0;
	padding: 0;
	width: 864px;
}

#careers-content {
  font-size: 12px;
}

#careers-content .careers-content-inner {
  float: left;
  width: 646px;
}

#careers-content .careers-content-innerHolding {
  float: left;
  width: 864px;
}

#careers-content .item {
  float: left;
  margin-left: 22px;
  padding-bottom: 20px;
  width: 311px;
}

#careers-content .first-item {
  clear: left;
  margin-left: 0;
}

#careers-content .itemWide {
  width: 426px;
  float: left;
  margin-left: 12px;
  padding-bottom: 20px;
}
#careers-content .first-itemWide {
  clear: left;
  margin-left: 0;
  width: 426px;
}

#careers-content h2 {
	margin-bottom:10px;
}

#careers-content .item h3 {
  margin: 9px 0 0 7px;
}

#careers-content .item p {
  margin-left: 7px;
}

#careers-content .item h3.stores {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/our-stores-hd.png) no-repeat 0 0;
  height: 33px;
  width: 99px;
}

#careers-content .item h3.support {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/our-store-support-office-hd.png) no-repeat 0 0;
  height: 33px;
  width: 240px;
}

#careers-content .item h3.values {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/our-values-hd.png) no-repeat 0 0;
  height: 33px;
  width: 97px;
}

#careers-content .item h3.products {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/our-products-and-services-hd.png) no-repeat 0 0;
  height: 33px;
  width: 240px;
}
#careers-content .item h3.youthboard {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/youthoboard_title.gif) no-repeat 0 0;
  height: 33px;
  width: 240px;
}

#careers-content .item h3.graduates {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/graduate-programme-hd.png) no-repeat 0 0;
  height: 33px;
  width: 179px;
}

#careers-content .item h3.finance {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/finance-scheme-hd.png) no-repeat 0 0;
  height: 34px;
  width: 253px;
}

#careers-content a.read-more {
  background: transparent url(/diy/jsp/corporate/images/careers/read-more.png) no-repeat 0 0;
  height: 56px;
  margin-left: 145px;
  width: 160px;
}

#careers-content a.apply-now {
  background: transparent url(/diy/jsp/corporate/images/careers/apply-now.png) no-repeat 0 0;
  height: 56px;
  width: 160px;
  float:right;
  margin-right:27px;
  margin-top:10px;
}

#careers-content .sidebar {
  float: left;
  margin-left: 25px;
  width: 193px;
}

#careers-content .sidebar .hd {
  background-color: #ff6600;
  height: 33px;
  padding: 4px 0 0 15px;
}

#careers-content .sidebar .bd {
  background: transparent url(/diy/jsp/corporate/content/careers/images/sidebar-bg.gif) repeat-y bottom left;
  padding: 0;
  width: 193px;
}

#careers-content .sidebar .bd #trade-point {
	border-bottom: solid 1px #D7D7D7;
	padding: 15px 9px 5px 14px;
	width: 170px;
}

#careers-content .sidebar .bd #hot-jobs {
	background:transparent url(/diy/jsp/corporate/content/careers/images/sidebar-bottom-bg.gif) no-repeat scroll left bottom;
	border-top: solid 1px #fff;
	padding: 12px 9px 20px 14px;
	width: 170px;
}

#careers-content .sidebar .bd h5.trade {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/arrow-icon.png) no-repeat 0 0;
  padding: 5px 0 5px 35px;
  margin-bottom: 10px;
}

#careers-content .sidebar .bd .trade-intro {
  font-size: 12px;
  margin-right: 1px;
  width: 85px;
  color:#494c4e;
}

#careers-content .sidebar .bd .trade-intro-img {
	float: right;
}

#careers-content .sidebar .bd .trade-intro a {
	color: #494c4e;
	text-decoration: none;
}

#careers-content .sidebar .bd .trade-intro a:hover {
  text-decoration: underline;
}

#careers-content .sidebar .bd h5.hot {
  background: transparent url(/diy/jsp/corporate/images/icons/hot_jobs.png) no-repeat 0 0;
  padding: 5px 0 5px 35px;
  margin-bottom: 12px;
  width: 100px;
}

#careers-content .sidebar .bd h6 {
  font-size: 11px;
  margin-bottom:2px;
}

#careers-content .sidebar .bd h6 a {
  text-decoration: underline;
}

#careers-content .sidebar .bd p {
  font-size: 11px;
  margin-bottom: 12px;
}

#careers-content h4.quick-links {
  background: transparent url(/diy/jsp/corporate/images/careers/homepage/quick-links.gif) no-repeat 0 0;
  height: 32px;
  width: 109px;
}

#careers-content .product .gradCopy {
float:left;
padding-top:50px;
width:347px;
}

#careers-content .product .gradCopy img {
margin-bottom:6px;
}

/* @end */


/* @group Careers - Our Company */

h1.company-title {
  background: transparent url(/diy/jsp/corporate/images/careers/company/our-company-title.gif) no-repeat 0 0;
  height: 76px;
  width: 357px;
  margin-top:10px;
}

.company-person {
  background: transparent url(/diy/jsp/corporate/images/careers/company/our-company-person.png) no-repeat 0 0;
  height: 307px;
  left: 377px;
  position: absolute;
  top: -14px;
  width: 172px;
}

#careers-content .column {
  float: left;
  width: 424px;
}

#careers-content .first-column {
  clear: left;
}

#careers-content .first-column ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 3px;
  margin-bottom: 10px;
  padding-left: 20px;
}

#careers-content .last-column {
  margin-left: 24px;
  width: 416px;
}

#careers-content .column h3,
#careers-content .column p {
  margin-bottom: 10px;
}

#careers-content .text {
  padding-top: 10px;
  padding-left: 4px;
}

#careers-content .column h3.bq-company {
  background: transparent url(/diy/jsp/corporate/images/careers/company/BQ-ourcompany-hd.png) no-repeat 0 0;
  height: 31px;
  width: 117px;
}

#careers-content .column h3.company {
  background: transparent url(/diy/jsp/corporate/images/careers/company/company-information-hd.png) no-repeat 0 0;
  height: 32px;
  width: 195px;
}

#careers-content .column h3.awards {
  background: transparent url(/diy/jsp/corporate/images/careers/company/our-awards-and-grants-hd.png) no-repeat 0 0;
  height: 36px;
  width: 204px;
}

#careers-content .column p.read-more {
  color: #ff6600;
  font-weight: bold;
  margin-bottom: 20px;
}

#careers-content .column p.read-more a {
  color: #ff6600;
  text-decoration: underline;
}

#careers-content .panel {
  width: 416px;
}

#careers-content .panel h4.values {
  background: transparent url(/diy/jsp/corporate/images/careers/company/our-values-hd.gif) no-repeat 0 0;
  cursor: pointer;
  height: 22px;
  width: 118px;
}

#careers-content .panel h4.organisation {
  background: transparent url(/diy/jsp/corporate/images/careers/company/our-company2-hd.gif) no-repeat 0 0;
  cursor: pointer;
  height: 25px;
  width: 137px;
}

#careers-content .panel h4.products {
  background: transparent url(/diy/jsp/corporate/images/careers/company/our-products-and-services-hd.gif) no-repeat 0 0;
  cursor: pointer;
  height: 33px;
  width: 261px;
}

#careers-content .panel .hd {
  background-color: #ff6500;
  border-bottom: 1px solid #d25400;
  display: block;
  height: 33px;
  padding: 10px 0 0 15px;
}

#careers-content .panel .hd a {
  cursor:pointer;
  display:block;
  height:33px;
}

#careers-content .panel .bd {
  background: transparent url(/diy/jsp/corporate/images/careers/panel-bg-repeat.png) repeat 0 0;
  padding: 12px 11px;
  width: 394px;
  overflow:hidden;
}

#careers-content .panel .bd img {
  float: left;
  margin-right: 11px;
}

#careers-content .panel .bd p {
  margin-bottom: 10px;
  margin-top: 3px;
}

#careers-content .panel .bd p.last-child {
  margin-bottom: 0;
}

#careers-content .panel .bd ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 155px 5px;
  padding-left: 170px;
}

#careers-content .panel .ft {
  background: transparent url(/diy/jsp/corporate/images/careers/panel-bg-ft.png) no-repeat 0 0;
  height: 20px;
  width: 416px;
}

/* @end */

/* @group Careers - People */

h1.people-title {
  background: transparent url(/diy/jsp/corporate/images/careers/people/our-people-title.gif) no-repeat 0 0;
  height: 94px;
  width: 305px;
}

.people-person {
  background: transparent url(/diy/jsp/corporate/images/careers/people/our-people-person.png) no-repeat 0 0;
  height: 309px;
  left: 377px;
  position: absolute;
  top: -17px;
  width: 174px;
}

#careers-content .column h3.learn {
  background: transparent url(/diy/jsp/corporate/images/careers/people/learn-more-hd.png) no-repeat 0 0;
  height: 21px;
  width: 262px;
}

#careers-content .column h4.expectations {
  background: transparent url(/diy/jsp/corporate/images/careers/people/our-expectations-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 181px;
}

#careers-content .column h4.stories {
  background: transparent url(/diy/jsp/corporate/images/careers/people/our-stories-hd.gif) no-repeat 0 0;
  height: 28px;
  width: 128px;
}

#careers-content .column h4.development {
  background: transparent url(/diy/jsp/corporate/images/careers/people/our-development-and-training-hd.gif) no-repeat 0 0;
  height: 38px;
  width: 299px;
}

/* @end */

/* @group Stories - People */

h1.stories-title {
  background: transparent url(/diy/jsp/corporate/images/careers/people/stories/our_stories_title.png) no-repeat 0 0;
  height: 74px;
  width: 324px;
}

#careers-content div#stories-top img {
	float:left;
	margin-right:18px;
}

#careers-content div#stories-top h3.replacement  {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/bq-work-hd.gif) no-repeat 0 0;
	width:343px;
	height:33px;
}

#careers-content div#stories-top .introBox {
  float: left;
  width: 500px;
  padding-right: 20px;
  display: inline;
}

.stores div#dropdown-container ul div.dropdown-content div.overlay {
/*	height:254px;*/
	background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/content-hd.gif) no-repeat 0 0;
	height: auto;
	min-height: 218px;
}

* html .stores div#dropdown-container ul div.dropdown-content div.overlay {
  min-height: 218px;
  height: auto !important;
  height: 218px;
}

/* story profile pictures */

#careers-content div#dropdown-container li.susan  div.overlay {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/stories-susan.png) no-repeat right bottom;
}

/* story anme labels */

#careers-content div#dropdown-container li div.label h5 {
	float:left;
	display:inline;
	margin:5px 10px 0 42px;
	height:33px;
	width:157px;
}

#careers-content div#dropdown-container li.adam div.label h5 {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/adam_swan.png) no-repeat 0 0;
	height: 22px;
	width:113px;
}

#careers-content div#dropdown-container li.arun div.label h5 {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/arun_glendinning.png) no-repeat 0 0;
	width:175px;
	height:32px;
}

#careers-content div#dropdown-container li.parmy div.label h5 {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/parmy_fellows.png) no-repeat 0 0;
	margin-top:4px;
	width:135px;
	height:31px;
}

#careers-content div#dropdown-container li.trevor div.label h5 {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/trevor_cox.png) no-repeat 0 0;
	height: 21px;
	width: 107px;
}

#dropdown-container span.adam {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/adam.png) no-repeat 0 0;
	position:absolute;
	height:295px;
	width:140px;
	bottom:12px;
	right:20px;
}

#dropdown-container span.arun {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/arun.png) no-repeat 0 0;
	position:absolute;
	height:264px;
	width:195px;
	bottom:12px;
	right:12px;
}

#dropdown-container span.parmy {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/parmy.png) no-repeat 0 0;
	position:absolute;
	height:287px;
	width:160px;
	bottom:12px;
	right:20px;
}

#dropdown-container span.trevor {
	background: transparent url(/diy/jsp/corporate/images/careers/people/stories/trevor.png) no-repeat 0 0;
	position:absolute;
	height:257px;
	width:148px;
	bottom:12px;
	right:20px;
}
/* @end */



/* @group Careers - Roles */

#roles_intro p {
	width: 270px;
}

h1.roles-title {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/our-roles-title.gif) no-repeat 0 0;
  height: 66px;
  width: 262px;
}

.roles-person {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/our-roles-person2.png) no-repeat 0 0;
  height: 304px;
  left: 296px;
  position: absolute;
  top: 4px;
  width: 291px;
}
.graduates-person {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/graduates/graduates-person1.png) no-repeat 0 0;
  height: 312px;
  left:374px;
  position: absolute;
  top:-20px;
  width:209px;
}
.accordionimg {
	float:right;
	padding:0 0 5px 10px;
}
.greybox {
	background-color:#f8f7f5;
	padding:8px;
	border:solid 1px #ded6d4;
	width:475px;
}

.applybtntop {
	position:relative;
	background:url(/diy/jsp/corporate/images/careers/roles/graduates/apply_btn_a.png) no-repeat 0 0;
}
.applybtntop p {
	text-indent:-6000px;
}
.applybtntop a {
	padding:10px 0 0 10px;
	float:left;
	background:url(/diy/jsp/corporate/images/careers/roles/graduates/apply_btn_a.png) no-repeat 0 0;
	width:148px;
	height:43px !important;
}
.applybtntop a:hover {
	padding:10px 0 0 10px;
	float:left;
	background:url(/diy/jsp/corporate/images/careers/roles/graduates/apply_btn_ahover.png) no-repeat 0 0;
	width:148px;
	height:43px !important;
}

.applybtn {
	position:relative;
	background:url(/diy/jsp/corporate/images/careers/roles/graduates/apply_btn_a.png) no-repeat 0 0;
}
.applybtn p {
	text-indent:-6000px;
}
.applybtn a {
	padding:10px 0 0 10px;
	float:right;
	background:url(/diy/jsp/corporate/images/careers/roles/graduates/apply_btn_a.png) no-repeat 0 0;
	width:148px;
	height:43px !important;
}
.applybtn a:hover {
	padding:10px 0 0 10px;
	float:right;
	background:url(/diy/jsp/corporate/images/careers/roles/graduates/apply_btn_ahover.png) no-repeat 0 0;
	width:148px;
	height:43px !important;
}

.storeicon {
	width:18px;
	height:19px;
	position:relative;
	bottom:-3px;
}
.bdOfficeRoles hr {
	color:#999999;
	margin-bottom:15px;
	clear:both;
}

.test {
  position: absolute;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/xin-cutout.png) no-repeat 0 0;
  width: 206px;
  height: 414px;
  bottom:-1115px!important;
  bottom:-1160px;
  left:377px;
  z-index:1;
}

#careers-content .column h3.role {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/find-the-right-role-hd.png) no-repeat 0 0;
  height: 34px;
  width: 328px;
}

#careers-content .product h2.benefits {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/employee-benefits-hd.png) no-repeat 0 0;
  height: 32px;
  width: 180px;
}

#careers-content .column h4.stores {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/our-stores-hd.gif) no-repeat 0 0;
  height: 22px;
  width: 122px;
}

#careers-content .column h4.store {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/our-store-support-office-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 262px;
}
#careers-content .column h4.graduates {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/graduate-recruitment-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 330px;
}

#careers-content .column h4.benefits {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/our-benefits-and-rewards-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 260px;
}

#careers-content .BenefitsColumnLeft {
  float: left;
  width: 424px;
  margin-right:15px;
}

#careers-content .BenefitsColumnRight {
  float: left;
  width: 424px;
}

#careers-content .benefitBox {
	margin-bottom:40px;
}

#careers-content .benefitBoxShort {
	margin-bottom:40px;
	width:242px;
}

#careers-content .BenefitsColumnLeft h3.bonus {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/bonus-scheme-hd.png) no-repeat 0 0;
  height:21px;
  width:141px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.personalBenefits {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/employee-benefits-personal-hd.png) no-repeat 0 0;
  height:32px;
  width:269px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.leave {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/annual-leave-hd.png) no-repeat 0 0;
  height:21px;
  width:219px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.bupa {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/BUPA-hd.png) no-repeat 0 0;
  height:31px;
  width:186px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.childcare {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/childcare-hd.png) no-repeat 0 0;
  height:22px;
  width:192px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnLeft h3.employeediscount {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/employee-discount.png) no-repeat 0 0;
  height:32px;
  width:181px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnLeft h3.familyLeave {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/family-leave-hd.png) no-repeat 0 0;
  height:32px;
  width:120px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnLeft h3.flexible {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/flexible-working-hd.png) no-repeat 0 0;
  height:34px;
  width:170px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.hsa {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/hsa-hd.png) no-repeat 0 0;
  height:31px;
  width:175px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.kingfisher {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/kingfisher-hd.png) no-repeat 0 0;
  height:34px;
  width:267px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.longservice {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/long-service-hd.png) no-repeat 0 0;
  height:34px;
  width:204px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnRight h3.payroll {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/payroll-hd.png) no-repeat 0 0;
  height:34px;
  width:136px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnLeft h3.recognition {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/recognition-scheme-hd.png) no-repeat 0 0;
  height:34px;
  width:202px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnLeft h3.saye {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/SAYE-hd.png) no-repeat 0 0;
  height:36px;
  width:387px;
  margin-bottom:10px;
}

#careers-content .BenefitsColumnLeft h3.talentscout {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/talent-scout-hd.png) no-repeat 0 0;
  height:22px;
  width:121px;
  margin-bottom:10px;
}

/* @end */

/* @group Find your job */

h1.job-title {
  background: transparent url(/diy/jsp/corporate/images/careers/job/find-your-job-title.gif) no-repeat 0 0;
  height: 101px;
  width: 397px;
}

.job-person-grad,
.job-person {  
	background: transparent url(/diy/jsp/corporate/images/careers/job/find-your-job-person.png) no-repeat 0 0;
	height:256px;
	position:absolute;
	top:36px;
	width:202px;
}
.job-person {
	left:390px;
}
.job-person-grad {
	left:420px;
}
#careers-content .company-panel .bd ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat scroll 0 5px;
  margin-bottom: 20px;
  padding-left: 16px;
}

#careers-content .column h4.already {
  background: transparent url(/diy/jsp/corporate/images/careers/job/already-work-hd.gif) no-repeat 0 0;
  height: 34px;
  width: 373px;
}

#careers-content .column h4.external {
  background: transparent url(/diy/jsp/corporate/images/careers/job/external-applicant-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 326px;
}

#careers-content .column .input {
  padding-bottom: 14px;
}

#careers-content .column .input label {
  float: left;
  font-weight: bold;
  width: 126px;
}

#careers-content .column .input input {
  border: 1px solid #969696;
}

#careers-content .column .number input {
  width: 128px;
}

#careers-content .column .password input {
  width: 260px;
}

#careers-content .column .submit input {
  background: transparent url(/diy/jsp/corporate/images/careers/job/login.gif) no-repeat 0 0;
  height: 55px;
  margin-left: 272px;
  width: 115px;
}

#careers-content .column .submit input:hover {
  opacity:0.5;
  filter: alpha(opacity = 50);
}

#careers-content .column a.search {
  background: transparent url(/diy/jsp/corporate/images/careers/job/search-for-jobs.gif) no-repeat 0 0;
  height: 55px;
  margin-left: 196px;
  width: 191px;
}

#careers-content .column a.search:hover {
  opacity:0.5;
  filter: alpha(opacity = 50);
}

#careers-content .password-note p {
  font-size: 11px;
  width:860px;
}

#careers-content .password-note a {
  color:#494c4e;
  text-decoration:none;
}

#careers-content .password-note a:hover {
  color:#494c4e;
  text-decoration:underline;
}

.privacyCopy {
  font: .75em Arial, Helvetica, sans-serif;
  color:#494c4e;
  padding-bottom:12px;
}

/* @end */

/* @group Our values */

h1.values-title {
  background: transparent url(/diy/jsp/corporate/images/careers/company/values/our-values-title.gif) no-repeat 0 0;
  height: 67px;
  width: 297px;
}

#careers-content .column h3.diversity {
  background:transparent url(/diy/jsp/corporate/images/careers/company/values/diversity-hd.png) no-repeat 0 0;
  height: 32px;
  width: 90px;
}

#careers-content .column h3.valuesPage {
  background:transparent url(/diy/jsp/corporate/images/careers/company/values/values-page-hd.png) no-repeat 0 0;
  height: 22px;
  width: 97px;
}

#careers-content .right-col {
  margin-left: 16px;
}

#careers-content .right-col img {
  margin-bottom: 10px;
}

#top-cols, #bottom-cols {
	float: left;
	padding-bottom: 20px;
	width: 864px;
}

#careers-content .environment {
  float: left;
}

#careers-content .environment .hd h4 {
  background:transparent url(/diy/jsp/corporate/images/careers/company/organisation/store_support_office.png) no-repeat 0 0;
  height: 31px;
  width: 199px;
}

#careers-content .environment .bd ul li {
  background: none;
  padding-left: 20px;
  margin-bottom: 10px;
}

#careers-content .environment .bd ul li.li-hd {
  background:transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 4px;
  font-weight: bold;
  margin-bottom: 0;
}

#careers-content .environment .hd {
  background: #FF6500 url(/diy/jsp/corporate/images/careers/company/organisation/sso.jpg) no-repeat 0 43px;
  border-bottom: none;
  height: 135px;
  padding: 10px 0 0 15px;
}

#careers-content .column h3.values {
  background: transparent url(/diy/jsp/corporate/images/careers/company/values/our-values-hd.png) no-repeat 0 0;
  height: 22px;
  width: 97px;
}

#careers-content ul.values-quotes li {
  margin-bottom: 10px;
}

#careers-content ul.values-quotes li.last {
  margin-bottom:0;
}

#careers-content li.value-quote {
  margin:6px 0;
}

#careers-content li.value-quote span {
	color:#f60;
}

#careers-content .ethical {
  margin-bottom: 10px;
}

#careers-content .ethical .hd h4 {
  background:transparent url(/diy/jsp/corporate/images/careers/company/values/ethical-trading-hd.gif) no-repeat 0 0;
  height: 36px;
  width: 160px;
}

#careers-content .ethical .hd {
  background: #FF6500 url(/diy/jsp/corporate/images/careers/company/values/ethical-trading-photo.jpg) no-repeat 0 43px;
  border-bottom: none;
  height: 138px;
  padding: 7px 0 0 15px;
}

#careers-content .column h3.policy {
  background: transparent url(/diy/jsp/corporate/images/careers/company/values/its-our-policy-to-hd.png) no-repeat 0 0;
  height: 32px;
  width: 174px;
}

#careers-content ul.policy-points li,
#careers-content .hd-list li.li-hd {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 4px;
  margin-bottom: 10px;
  padding-left: 20px;
}

#careers-content .hd-list li {
	margin-bottom: 16px;
  padding-left: 20px;	
}

#careers-content .hd-list li.li-hd {
	font-weight: bold;
	margin-bottom: 0;
}

/* @end */

/* @group Organisation */

h1.organisation-title {
  background: transparent url(/diy/jsp/corporate/images/careers/company/organisation/our-organisation-title.gif) no-repeat 0 0;
  height: 141px;
  width: 326px;
}

#careers-content .stores .hd {
  background: #FF6500 url(/diy/jsp/corporate/images/careers/company/organisation/stores-photo.jpg) no-repeat 0 43px;
  border-bottom: none;
  height: 138px;
  padding: 7px 0 0 15px;
}

#careers-content .stores .hd h4 {
  background:transparent url(/diy/jsp/corporate/images/careers/company/organisation/stores-hd.gif) no-repeat 0 0;
  height: 22px;
  width: 59px;
}

#careers-content .sso-roles {
  background: transparent url(/diy/jsp/corporate/images/careers/company/organisation/sso-roles.gif) no-repeat 0 0;
  height: 62px;
  margin-left: 243px;
  width: 148px;
}

#careers-content .store-roles {
  background: transparent url(/diy/jsp/corporate/images/careers/company/organisation/store-roles.gif) no-repeat 0 0;
  height: 62px;
  margin-left: 232px;
  width: 158px;
}

#careers-content a.sso-roles:hover,
#careers-content a.store-roles:hover {
	opacity:0.5;
	filter: alpha(opacity = 50);
}

#careers-content .column .bd a {
  text-decoration: underline;
}

#careers-content #bottom-cols .stores {
	display: inline;
	float: right;
	margin-right: 10px;
}

#careers-content .stores p.last-child {
  margin-top:25px;	
}

#top-cols .orgCopy {
  float: left;
  width:864px;
  padding-right: 20px;
  display: inline;
  margin-top:15px;
}

#careers-content a.orgLink {
	color: #494c4e;
	text-decoration: underline;
}

#careers-content a:hover.orgLink {
	color: #494c4e;
	text-decoration: none;
}

#careers-content a.storeStories {
	color: #494c4e;
	text-decoration: underline;
}

#careers-content a:hover.storeStories {
	color: #494c4e;
	text-decoration: none;
}

/* @end */

/* @group Products */

h1.products-title {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/our-products-title.gif) no-repeat 0 0;
  height: 158px;
  width: 374px;
}

#careers-content .product {
  padding-bottom: 20px;
  width: 864px;
  overflow:hidden;
}

#careers-content .product h3.products {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/our-products-hd.png) no-repeat 0 0;
  height: 31px;
  width: 122px;
}

#careers-content .product h3.services {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/our-services-hd.png) no-repeat 0 0;
  height: 21px;
  width: 124px;
}

#careers-content .product h3.promises {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/our-promises-hd.png) no-repeat 0 0;
  height: 31px;
  width: 220px;
}

#careers-content .product .image {
  float: left;
  width: 347px;
}

#careers-content .product .detail {
  float: left;
  width: 497px;
  padding-right: 20px;
  display: inline;
}

#careers-content .product .detailTrain {
  float: left;
  width:864px;
  padding-right: 20px;
  display: inline;
  margin-top:5px;
}

#careers-content .product .detail h3,
#careers-content .product .detail p {
  margin-bottom: 10px;
}
#careers-content .product .detail ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 3px;
  margin-bottom: 10px;
  padding-left: 20px;
}

#careers-content .visit-diy {
  width: 864px;
  position: relative;
}

#careers-content .visit-diy .diy-site {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/diy-site.png) no-repeat 0 0;
  height: 157px;
  left: 508px;
  position: absolute;
  top: -48px;
  width: 231px;
}

#careers-content .visit-diy .hd h3 {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/visit-diy-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 150px;
}

#careers-content .visit-diy .bd {
  padding: 5px 11px;
  width: 842px;
}

#careers-content .visit-diy .bd p {
  float: left;
  padding-top: 15px;
  width: 740px;
}

#careers-content .visit-diy .bd a.go {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/go.gif) no-repeat 0 0;
  float: left;
  height: 55px;
  width: 102px;
}

#careers-content .visit-diy .bd a.go:hover {
	opacity:0.5;
	filter: alpha(opacity = 50);
}

#careers-content .visit-diy .ft {
  background: transparent url(/diy/jsp/corporate/images/careers/company/products/panel-ft.png) no-repeat 0 0;
  width: 864px;
}

/* @end */

/* @group Expectations */

h1.expectations-title {
  background: transparent url(/diy/jsp/corporate/images/careers/people/expectations/our-expectations-title.gif) no-repeat 0 0;
  height: 131px;
  width: 363px;
}

#careers-content .product h3.employees {
  background: transparent url(/diy/jsp/corporate/images/careers/people/expectations/employees-experiences-hd.png) no-repeat 0 0;
  height: 32px;
  width: 224px;
}

#careers-content .expect-from-you .hd {
  background: #FF6500 url(/diy/jsp/corporate/images/careers/people/expectations/expect-from-you-photo.jpg) no-repeat 0 43px;
  border-bottom: none;
  height: 138px;
  padding: 7px 0 0 15px;
}

#careers-content .expect-from-you .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/expectations/expect-from-you-hd.gif) no-repeat 0 0;
  height: 32px;
  width: 270px;
}

#careers-content .you-can-expect .hd {
  background: #FF6500 url(/diy/jsp/corporate/images/careers/people/expectations/expect-from-b-and-q-photo.jpg) no-repeat 0 43px;
  border-bottom: none;
  height: 138px;
  padding: 7px 0 0 15px;
}

#careers-content .you-can-expect .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/expectations/expect-from-b-and-q.gif) no-repeat 0 0;
  height: 32px;
  width: 313px;
}

#careers-content .expect-from-you .bd ul li,
#careers-content .you-can-expect .bd ul li {
  background:transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 4px;
  margin-bottom: 10px;
  padding-left: 20px;
}

/* @end */

/* @group Training */

h1.training-title {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/our-training-title.gif) no-repeat 0 0;
  height: 143px;
  width: 398px;
}

#careers-content h4.nvq {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/nvq-hd.gif) no-repeat 0 0;
  height: 22px;
  width: 51px;
}

#careers-content h4.management {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/management-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 212px;
}

#careers-content h4.hikq {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/hikq-hd.gif) no-repeat 0 0;
  height: 22px;
  width: 62px;
}

#careers-content h4.apprenticeship {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/apprenticeship-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 139px;
}

#careers-content h4.fast {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/fast-track-hd.gif) no-repeat 0 0;
  height: 29px;
  width: 110px;
}

#careers-content .panel .bd img.photo-right {
  float: right;
  margin-right: 0;
}

#careers-content .panel .bd ul.points li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 4px;
  margin-bottom: 10px;
  padding-left: 20px;
}

/* @end */

/* @tradepoint careers */

h1.tradepoint-title {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/tradepoint_title.png) no-repeat 0 0;
  height: 75px;
  width: 344px;
  margin-left: -15px;
}

.tradepoint-person {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/tradepoint_title_img.png) no-repeat 0 0;
  height: 307px;
  left: 383px;
  position: absolute;
  top: -15px;
  width: 199px;
}
#careers-content h3.what {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/what_is_tradepoint.png) no-repeat 0 0;
  height: 53px;
  width: 361px;
  margin-bottom:20px;
}
#careers-content h3.at {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/tradepoint_at_b_and_q.png) no-repeat 0 0;
  height: 60px;
  width: 351px;
  margin-left:-5px;
}
#careers-content h3.expect {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/what_to_expect.png) no-repeat 0 0;
  height: 54px;
  width: 375px;
}
#careers-content h3.tradepoint {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/tradepoint_logo.png) no-repeat 0 0;
  height: 54px;
  width: 182px;
  float: left;
  
  
}
#careers-content .textDiv {
	width:300px;
	float:left;
}
#careers-content .tradepointText {
	margin-left: 10px;
	float: left;
	width:300px;
}
#careers-content .tradepointTextBold {
	font-size: 13px;
	margin-left: 10px;
	font-weight: bolder;
	float: left;
	width:300px;
}

#careers-content .productTrade {
  width: 870px;
  overflow:hidden;
}

#careers-content .productTrade .detail h3,
#careers-content .productTrade .detail p {
  margin-bottom: 10px;
}

#careers-content div#dropdown-container ul div.dropdown-content {
	background: url(/diy/jsp/corporate/content/careers/images/bg_bd.gif) repeat-y;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	width: 864px;
}


#careers-content a.all-tradepoint-vacancies {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/view_all_vacancies.png) no-repeat 0 0;
  height: 53px;
  margin-right: -20px;
  margin-top:60px;
  width: 301px;
  float: right;
}

a.all-tradepoint-vacancies:hover {
	opacity:0.5;
	filter: alpha(opacity = 50);
}

#careers-content .productTrade .image {
  float: left;
  width: 347px;
  margin-left: 37px;
  margin-top: -40px;
}
#careers-content .productTrade .image2 {
  float: left;
  width: 347px;
}

#careers-content .productTrade .detail1 {
  float: left;
  width: 890px;
  margin-right: 20px;
  padding: 0;
}
#careers-content .productTrade .detail {
  float: left;
  width: 497px;
  margin-right: 20px;
  padding: 0;
}
#careers-content .tradeListRight  {
  float: right;
  width: 230px;
  display: inline;
  margin-left: 5px;
}

#careers-content ul {
	margin-top:20px;
}

#careers-content .tradeListRight li {
  float: right;
  width: 230px;
  display: inline;
  background:url("/diy/jsp/corporate/images/careers/company/bullet.jpg") no-repeat scroll 0 3px transparent;
  padding-bottom:5px;
  padding-left:20px
}
#careers-content .tradeListLeft  {
  float: left;
  width: 210px;
  display: inline;
  margin-left: 5px;
}

#careers-content .tradeListLeft li {
  float: left;
  width: 210px;
  display: inline;
  margin-left: 5px;
  background:url("/diy/jsp/corporate/images/careers/company/bullet.jpg") no-repeat scroll 0 3px transparent;
  padding-bottom:5px;
  padding-left:20px
}
#careers-content li.tradeAdvisor h3 {
  background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/customer_advisor.png) no-repeat 0 0;
  height: 47px;
  width: 524px;
  margin-bottom:25px;
}
#careers-content li.tradeAdvisor .button {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/all-ca-roles.png) no-repeat 0 0;
  height: 54px;
  width: 202px;
  float:right;
}
#careers-content li.tradeAdvisor div.overlay h3 {
  width: 591px;
  text-indent: -2000px;
  padding-top: 23px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/we-want-people-title.gif) no-repeat 0 0;
  overflow:hidden;
  margin-bottom: 10px;
  height: 0px;
}
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.tradeMan {
  background:transparent url(/diy/jsp/corporate/images/careers/tradepoint/shadow.gif) no-repeat 0 0;
  width: 186px;  
  margin-right:15px;
}
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadowSupervisor,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadowManager,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.tradeMan {
  bottom: 12px;
  z-index:1000;
  height: 253px;
  position:absolute;
  right: 0;
}
#careers-content li.tradeManagement  h3{
    background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/manager.png) no-repeat 0 0;
  height: 68px;
  width: 359px;
  margin-bottom:15px;
  margin-top:25px;
}

#careers-content li.tradeManagement div.overlay h3 {
  width: 616px;
  text-indent: -2000px;
  padding-top: 23px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/be-responsible-title.gif) no-repeat 0 0;
  overflow:hidden;
  margin-bottom: 10px;
  height: 0px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadowManager {
  background:transparent url(/diy/jsp/corporate/images/careers/tradepoint/shadow_manager.gif) no-repeat 0 0;
  width: 194px;  
  margin-right:5px;
}
#careers-content li.tradeSupervisor  h3{
    background: transparent url(/diy/jsp/corporate/images/careers/tradepoint/supervisor.png) no-repeat 0 0;
  height: 68px;
  width: 386px;
  margin-bottom:15px;
  margin-top:25px;
}

#careers-content li.tradeSupervisor div.overlay h3 {
  width: 616px;
  text-indent: -2000px;
  padding-top: 23px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/be-responsible-title.gif) no-repeat 0 0;
  overflow:hidden;
  margin-bottom: 10px;
  height: 0px;
}
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadowSupervisor {
  background:transparent url(/diy/jsp/corporate/images/careers/tradepoint/shadow_supervisor.gif) no-repeat 0 0;
  width: 194px;  
  margin-right:5px;
}
div#content div#careers-content div#dropdown-container ul#stores .dropdown-contentTrade {
  background: none;
  height: 254px;
  width: 864px;
  margin: 0;
  padding-top: 10px;
  position: relative;
}



/* @group Stores */

h1.stores-title {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/our-stores-title.gif) no-repeat 0 0;
  height: 65px;
  width: 302px;
}

#careers-content h3.working {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/working-in-our-stores-hd.png) no-repeat 0 0;
  height: 61px;
  width: 382px;
}

#careers-content a.all-store-vacancies {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/all-store-vacancies.png) no-repeat 0 0;
  height: 53px;
  margin-left: 250px;
  width: 245px;
}
a.all-store-vacancies:hover {
	opacity:0.5;
	filter: alpha(opacity = 50);
}

#careers-content li.advisor h3 {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/customer-advisor-title.gif) no-repeat 0 0;
  height: 40px;
  width: 298px;
  margin-bottom:25px;
}

#careers-content li.advisor .button {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/all-ca-roles.png) no-repeat 0 0;
  height: 54px;
  width: 202px;
  float:right;
  margin-top:10px;
}

#careers-content li a {
  height: 54px;
  display: block;
  margin-bottom: 25px;
}
#careers-content .dropdown-content .bdOfficeRoles a {
	height:auto;
	display:inline;
	margin-bottom:0;
}

#careers-content li a:hover .button {
  opacity: 0.5;
  filter: alpha(opacity = 50);
}

#careers-content li.management h3 {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/store-management-title.gif) no-repeat 0 0;
  height: 58px;
  width: 313px;
  margin-bottom:25px;
}

#careers-content li.management .button {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/all-management-roles.png) no-repeat 0 0;
  cursor: pointer;  
  height: 54px;
  width: 272px;
  margin-bottom:25px;
  float:right;
  margin-top:10px;
}

#careers-content li.point h3 {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/trade-point-title.gif) no-repeat 0 0;
  height: 36px;
  width: 205px;
  margin-bottom:25px;
}

#careers-content li.point .button {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/all-trade-point-roles.png) no-repeat 0 0;
  cursor: pointer;  
  height: 54px;
  width: 267px;
  margin-bottom:25px;
  float:right;
}

#careers-content li.advisor div.overlay h3 {
  width: 591px;
  text-indent: -2000px;
  padding-top: 23px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/we-want-people-title.gif) no-repeat 0 0;
  overflow:hidden;
  margin-bottom: 10px;
  height: 0px;
}

/* New showroom styles July 2010 */

#careers-content li.showroom h3 {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/showroom/showroom-hd.gif) no-repeat 0 0;
  height: 37px;
  width: 360px;
  margin-bottom:25px;
}

#careers-content li.showroom .button {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/shoowroom-roles-btn.png) no-repeat 0 0;
  cursor: pointer;  
  height: 51px;
  width: 268px;
  margin-bottom:25px;
  float:right;
  margin-top:10px;
}

#careers-content li.showroom h4.showroomTitle {
font-size:18px;
margin-bottom:15px;
font-weight:normal;
}

#careers-content li.showroom .showroom-last {
margin-bottom:25px;
}

#careers-content li.showroom .showroom-intro {
margin-bottom:30px;
}

#careers-content li.showroom .button {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/showroom/shoowroom-roles-btn.png) no-repeat 0 0;
  cursor: pointer;  
  height: 51px;
  width: 268px;
  margin-bottom:25px;
  float:right;
}

#careers-content div.overlay ul {
  padding-bottom: 10px;
}

#careers-content div.overlay ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0px 3px;
  padding-bottom: 5px;
  padding-left: 15px;
}

div#content div#careers-content div#dropdown-container ul#stores .dropdown-content {
  background: none;
  height: 254px;
  width: 864px;
  margin: 0;
  padding-top: 10px;
  position: relative;
}

div#content div#careers-content div#dropdown-container ul#stores .dropdown-inner {
  /*background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/content-bg.gif) no-repeat 0 0;*/
    background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/content-bg.gif) repeat-y 0 0;
/*  bottom: 0;*/
  /*height: 254px;*/
  width: 864px;
  margin: 13px 0 0;
}

div#content div#careers-content div#dropdown-container ul#stores .dropdown-inner .ft {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/content-ft.gif) no-repeat 6px 0;
  height: 12px;
  width: 864px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.showroom-3,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.showroom-2,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.showroom-1,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadow-2,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadow-1,
div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.woman {
  bottom: 12px;
  z-index:1000;
  height: 252px;
  position:absolute;
  right: 0;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.showroom-1 {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/showroom/showroom-img-1.jpg) no-repeat 0 0;
  width: 224px;  
  margin-right:15px;
  top:33px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.showroom-2 {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/showroom/showroom-img-2.jpg) no-repeat 0 0;
  width: 224px;  
  margin-right:15px;
  top:305px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.showroom-3 {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/showroom/showroom-img-3.jpg) no-repeat 0 0;
  width: 224px;  
  margin-right:15px;
  top:569px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadow-2 {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/trade_shadow.gif) no-repeat 0 0;
  width: 184px;  
  margin-right:15px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.shadow-1 {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/manager_shadow.gif) no-repeat 0 0;
  width: 194px;  
  margin-right:5px;
}

div#content div#careers-content div#dropdown-container ul#stores div.dropdown-content span.woman {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/woman-sil.gif) no-repeat 0 0;
  width: 169px;  
  margin-right:15px;
}

#careers-content li.management div.overlay h3 {
  width: 616px;
  text-indent: -2000px;
  padding-top: 23px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/be-responsible-title.gif) no-repeat 0 0;
  overflow:hidden;
  margin-bottom: 10px;
  height: 0px;
}

div#content div#careers-content div#dropdown-container ul div.dropdown-content div.overlay span.woman-photo {
  background:transparent url(/diy/jsp/corporate/images/careers/roles/stores/bq-woman.jpg) no-repeat 0 0;
  z-index:1000;
  width: 164px;
  height: 250px;
  position:absolute;
  left: 700px;
  top: -12px;
}

#careers-content li.point div.overlay h3 {
  width: 592px;
  text-indent: -2000px;
  padding-top: 23px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/stores/trade-experience-title.gif) no-repeat 0 0;
  overflow:hidden;
  margin-bottom: 10px;
  height: 0px;
}

h1.sso-title {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/sso-title.gif) no-repeat 0 0;
  height: 63px;
  width: 278px;
  margin-bottom: 20px;
}
h1.graduates-title {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/graduates/graduates-title.gif) no-repeat 0 0;
  height:102px;
  width:300px;
  margin-bottom: 20px;
}
h3.graduates {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/graduates/about-us.gif) no-repeat 0 0;
  width:144px;
  height:37px;
}

h3.sso {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/working-in-our-sso.gif) no-repeat 0 0;
  width: 365px;
  height: 59px;
}

h3.sso-location {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/sso-location.gif) no-repeat 0 0;
  width: 365px;
  height: 59px;
}

h3.grad-scheme {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/grad-scheme-hd.png) no-repeat 0 0;
  width: 311px;
  height: 41px;
}

div#sso-slideshow {
  width: 347px;
  height: 246px;
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/gallery/background.jpg) no-repeat 0 0;
  float: left;
  padding-right:20px;
  display:inline;
}

h3.sso-roles-header {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/sso-roles.gif) no-repeat 0 0;
  width: 365px;
  height: 59px;
  margin:0 20px 20px 0;
}

h4.office {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/sso/office.gif) no-repeat 0 0;
  width: 61px;
  height: 28px;
  margin:10px;
}

#careers-content .product .detail ul li {
  background: transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 3px;
  margin-bottom: 10px;
  padding-left: 20px;
}

h1.benefits-title {
  background: transparent url(/diy/jsp/corporate/images/careers/roles/benefits/benefits-title.gif) no-repeat 0 0;
  width: 305px;
  height: 135px;
  margin-bottom:10px;
}

h1.development-title {
	background: transparent url(/diy/jsp/corporate/images/careers/people/training/our-learning-title.gif) no-repeat 0 0;
	width: 360px;
	height: 147px;
	margin-bottom:10px;
}

span.roles-people {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/people.gif) no-repeat 0 0;
  height: 304px;
  left: 376px;
  position: absolute;
  top: -11px;
  width: 291px;
}

#careers-content .nvq .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/qcf.gif) no-repeat 0 0;
  height: 32px;
  width: 369px;
}

#careers-content .apprenticeship .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/apprenticeship-hd.gif) no-repeat 0 0;
  height: 32px;
  width: 313px;
}


#careers-content .mdf .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/management-hd.gif) no-repeat 0 0;
  height: 31px;
  width: 212px;
}

#careers-content .fast-track .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/fast-track-hd.gif) no-repeat 0 0;
  height: 32px;
  width: 270px;
}

#careers-content .hikq .hd h4 {
  background: transparent url(/diy/jsp/corporate/images/careers/people/training/hikq-hd.gif) no-repeat 0 0;
  height: 32px;
  width: 270px;
}

#careers-content .fast-track .bd ul li,
#careers-content .apprenticeship .bd ul li,
#careers-content .hikq .bd ul li {
  background:transparent url(/diy/jsp/corporate/images/careers/company/bullet.jpg) no-repeat 0 4px;
  margin-bottom: 10px;
  padding-left: 20px;
}

#careers-content .nvq .bd img,
#careers-content .apprenticeship .bd img,
#careers-content .mdf .bd img {
	float:right;
}


.careers-home {
	background: transparent url(/diy/jsp/corporate/images/careers/homepage/non_flash/bg.png) no-repeat 0 0;
	height:337px;
	padding-left:20px;
	padding-right:0;
	padding-top:20px;
	width:844px;
}

.careers-home h1 {
	background:transparent url(/diy/jsp/corporate/images/careers/homepage/non_flash/careers-title.gif) no-repeat scroll 0 0;
	height:48px;
	width:238px;
}

.careers-home .no-flash-our-company {
	background: transparent url(/diy/jsp/corporate/images/careers/homepage/non_flash/our-company.png) no-repeat 0 0;
	float: left;
	height:250px;
	margin-right: 6px;
	width:202px;
}

.careers-home .no-flash-our-people {
	background:url(/diy/jsp/corporate/images/careers/homepage/non_flash/our-people.png) no-repeat 0 0;
	float: left;
	height:250px;
	margin-right: 6px;
	width:202px;
}

.careers-home .no-flash-our-roles {
	background: transparent url(/diy/jsp/corporate/images/careers/homepage/non_flash/our-roles.png) no-repeat 0 0;
	float: left;
	height:250px;
	margin-right: 6px;
	width:202px;
}

.careers-home .no-flash-find-your-job {
	background: transparent url(/diy/jsp/corporate/images/careers/homepage/non_flash/find-your-job.png) no-repeat 0 0;
	float: left;
	height:250px;
	width:202px;
}

#careers-content .closed {
margin-bottom:20px;
}

/* @end */