/*
original css: Felicity Heaton
last edited by: Felicity Heaton
last edited date: 17th april 2008
*/

/* CORE STYLES */

body {
	background: url(../images/background.gif) repeat-x top center;
	font-size: medium;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #000;
	margin: 0px;
	padding: 0px;
	}

img {
	border: none;
	}

a {
	text-decoration: none;
	color: #000;
	}

H1 {
	width: 445px;
	height: 25px;
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	padding: 0px;
	margin: 0px;
	}

P {
	font-weight: normal;
	padding: 0 0 15px 0;
	margin: 0;
	}
	
P.p_no_padding {
	font-weight: normal;
	padding: 0 0 0 0;
	margin: 0;
	}
	
H3 {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
	}

/* clear fix */
.clear_fix: after {
	content: ".";
	display: block;
	height: 0 !important;
	clear: both;
	visibility: hidden;
	}
		
.clear_fix {
	overflow: hidden;
	} 

* html .clear_fix {
	height: 1%;
	overflow: visible;
	}
	
.clear_fix {
	padding-bottom: 0 !important;
	} 

html:not([dummy]) .clear_fix { 
	padding-bottom: 0 !important;
	}

.replace { 
	overflow: hidden; /* prevents dotted lines extending offscreen in FF */
	background-repeat: no-repeat;
	text-indent: -9000px;
	}

a.rollover:hover, a.rollover:active, a.rollover:focus {
	background-position: bottom left !important;
	}

.selected {
	background-position: bottom left !important;
	}


/* layout */

#container {
	width: 790px;
	margin: auto;
	font-size: 0.72em;
	}	

#header {
	height: 92px;
	margin-bottom: 25px;
	}

#content {
	clear: both;
	overflow: hidden;
	display: block;
	margin-bottom: 25px;
	}

form {
	padding-bottom: 10px;
	}

form select {
	color: #e3228d;
	}


/* content_left */
#content_left {
	float: left;
	width: 175px;
	clear: left;
	position: relative;
	}
	
#content_left #content_left_menu {
	min-height: 238px;
	margin-bottom: 40px;
	padding-top: 25px;
	clear: both;
	}

* html #content_left #content_left_menu {
	height: 238px;
	}

#content_left #content_left_menu ul {
	margin: 0px;
	padding: 0px;
	}

#content_left #content_left_menu li {
	margin: 0 0 3px 0;
	padding: 0px;
	list-style-type: none;
	list-style: none;
	}

#content_left #content_left_menu li a {
	display: block;
	color: #311129;
	font-weight: bold;
	padding: 1px 10px 1px 15px;
	width: 150px;
	}

#content_left #content_left_menu li a:hover {
	background-color: #D6CFD4;
	}

#content_left #content_left_menu li.toggle a {
	color: #fff;
	background-color: #311129;
	}

#content_left #content_left_menu li.toggle a:hover {
	color: #fff;
	background-color: #311129;
	}

#content_left #content_left_menu li ul {
	display: none;
	}

#content_left #content_left_menu li.toggle ul {
	margin-top: 3px;
	display: block;
	}

#content_left #content_left_menu li.toggle ul li {
	margin: 0 0 3px 15px;
	}

#content_left #content_left_menu li.toggle ul li a {
	display: block;
	color: #311129;
	background-color: #F8C9E3;
	font-weight: normal;
	padding: 1px 2px 1px 15px;
	width: 143px;
	}

#content_left #content_left_menu li.toggle ul li a:hover, #content_left #content_left_menu li.toggle ul li.toggle a {
	color: #311129;
	background-color: #F193C7 !important;
	}

#content_left #content_left_buttons {
	clear: both;
	text-align: center;
	}

#content_left #content_left_buttons #useful_links_1, #content_left #content_left_buttons #useful_links_2 {
	margin-bottom: 5px;
	}


/* content_middle */
#content_middle {
	float: left;
	width: 445px;
	margin-left: 4px;
	}

#content_middle H2 {
	color: #E3228C;
	font-size: 1.5em;
	font-weight: normal;
	line-height: normal;
	padding: 0 0 13px 0;
	margin: 0px;
	}

#content_middle #content_middle_image {
	width: 445px;
	display: block;
	margin-bottom: 17px;
	}

#content_middle #content_middle_text {
	width: 415px;
	display: block;
	margin-bottom: 17px;
	padding: 20px 15px;
	border-left: 1px solid #ac9fa9;
	min-height: 250px;
	}

* html #content_middle #content_middle_text {
	height: 250px;
	}

#content_middle #content_middle_text a {
	color: #e3228d;
	text-decoration: none;
	}

#content_middle #content_middle_text a:hover {
	text-decoration: underline;
	}

#content_middle #content_middle_text p span {
	font-weight: bold;
	line-height: normal;
	padding: 0 0 13px 0;
	margin: 0px;
	}

#content_middle #content_middle_image {
	background-color: #f5f3f3;
	}

#content_middle #content_middle_image UL {
	list-style-type: none;
	padding: 7px 0 7px 7px;
	margin: 0 0 0 7px;
	}

#content_middle #content_middle_image UL LI {
	padding: 1px 0px;
	}

#content_middle #content_middle_image UL LI a {
	font-weight: bold;
	color: #311129;
	}

#content_middle #content_middle_image UL LI a:hover {
	color: #e3228d;
	}

#content_middle #content_middle_image UL LI a#selected {
	color: #e3228d;
	}

#content_middle #content_middle_text UL {
	padding: 0 0 7px 7px;
	margin: 0 0 0 7px;
	}

#content_middle #content_middle_text UL LI {
	padding: 1px 0px 8px 0px;
	}

#content_middle #content_middle_text span.pink {
	color: #e3228c;
	}

#content_middle #content_middle_text UL.pink {
	margin: 0;
	padding: 0 0 15px 0;
	}

#content_middle #content_middle_text UL.pink LI {
	padding: 0 0 0 15px;
	background: url(../images/bullet_pink.gif) left 4px no-repeat;
	list-style-type: none;
	}


/* content_right */
#content_right {
	float: left;
	width: 160px;
	margin-left: 4px;
	clear: right;
	}
	
#content_right H2 {
	padding: 0;
	margin: 0;
	width: 160px;
	height: 25px;
	overflow: hidden;
	display: block;
	text-indent: -9000px;
	}

#content_right H2#content_right_1 {
	background: url(../images/title_quicklinks.gif) top left no-repeat;
	}

#content_right H2#content_right_2 {
	background: url(../images/title_whatsnew.gif) top left no-repeat;
	}

#content_right #quick_links {
	padding: 12px 10px;
	background-color: #e5f2f7;
	margin-bottom: 22px;
	}

#content_right #quick_links UL {
	color: #391a26;
	margin: 0 0 0 7px;
	padding: 0 0 0 7px;
	}

/* PAGE STYLES */

/* Homepage */
.home #content_middle H1 {
	background: url(../images/title_home.gif) top left no-repeat;
	}

/* About Us */
.about_us #content_middle H1 {
	background: url(../images/title_aboutus.gif) top left no-repeat;
	}

/* About Us - History */
.about_us_history #content_middle H1 {
	background: url(../images/title_aboutus_history.gif) top left no-repeat;
	}

/* About Us - Culture */
.about_us_culture #content_middle H1 {
	background: url(../images/title_aboutus_culture.gif) top left no-repeat;
	}

/* About Us - Community - Charities */
.about_us_charities #content_middle H1 {
	background: url(../images/title_aboutus_charities.gif) top left no-repeat;
	}

.about_us_charities #content_middle_image {
	background: url(../images/breastcancer.gif) bottom right no-repeat;
	}

/* About Us - Community - Ethical */
.about_us_ethical #content_middle H1 {
	background: url(../images/title_aboutus_charities.gif) top left no-repeat;
	}

/* About Us - Community - Recycling */
.about_us_recycling #content_middle H1 {
	background: url(../images/title_aboutus_charities.gif) top left no-repeat;
	}

.about_us_recycling #content_middle_image {
	background: url(../images/recycle.gif) bottom right no-repeat;
	}

/* About Us - Community - Power and Energy */
.about_us_power #content_middle H1 {
	background: url(../images/title_aboutus_charities.gif) top left no-repeat;
	}

/* About Us - Diversity */
.about_us_diversity #content_middle H1 {
	background: url(../images/title_aboutus_diversity.gif) top left no-repeat;
	}

/* Our Opportunities */
.opportunities #content_middle H1 {
	background: url(../images/title_ouropportunities.gif) top left no-repeat;
	}

/* Our Opportunities - Head Office */
.opportunities_ho #content_middle H1 {
	background: url(../images/title_opportunities_ho.gif) top left no-repeat;
	}
	
/* Our Opportunities - Retail */
.opportunities_retail #content_middle H1 {
	background: url(../images/title_opportunities_retail.gif) top left no-repeat;
	}

/* Meet Our People */
.meet_our_people #content_middle H1 {
	background: url(../images/title_meetourpeople.gif) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist {
	margin: 0px;
	padding: 0px;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 89px;
	display: block;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI A {
	width: 89px;
	display: block;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI.people_row_1, .meet_our_people #content_middle #content_middle_image UL#peoplelist LI.people_row_3, .meet_our_people #content_middle #content_middle_image UL#peoplelist LI.people_row_1 A, .meet_our_people #content_middle #content_middle_image UL#peoplelist LI.people_row_3 A {
	height: 83px;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI.people_row_2, .meet_our_people #content_middle #content_middle_image UL#peoplelist LI.people_row_2 A {
	height: 85px;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_1_1 A {
	background: url(../images/people_1_1_1.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_1_2 A {
	background: url(../images/people_1_2.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_1_3 A {
	background: url(../images/people_1_3.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_1_4 A {
	background: url(../images/people_1_4.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_1_5 A {
	background: url(../images/people_1_5.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_2_1 A {
	background: url(../images/people_2_1.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_2_2 A {
	background: url(../images/people_2_2_new.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_2_3 A {
	background: url(../images/people_2_3_3.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_2_4 A {
	background: url(../images/people_2_4_new.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_2_5 A {
	background: url(../images/people_2_5.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_3_1 A {
	background: url(../images/people_3_1_1.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_3_2 A {
	background: url(../images/people_3_2_2.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_3_3 A {
	background: url(../images/people_3_3.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_3_4 A {
	background: url(../images/people_3_4_4.jpg) top left no-repeat;
	}

.meet_our_people #content_middle #content_middle_image UL#peoplelist LI#people_3_5 A {
	background: url(../images/people_3_5.jpg) top left no-repeat;
	}

/* What's In It For Me */
.whatsinit #content_middle H1 {
	background: url(../images/title_whatsinitforme.gif) top left no-repeat;
	}

.whatsinithoff #content_middle H1 {
	background: url(../images/title_whatsinitformehoff.gif) top left no-repeat;
	}

.whatsinitcomben #content_middle H1 {
	background: url(../images/title_whatsinitformecomben.gif) top left no-repeat;
	}

/* Interested in Applying */

.interestedinapplying #content_middle H1 {
	background: url(../images/title_interestedinapplying.gif) top left no-repeat;
	}
	
.interestedinapplyingsales #content_middle H1 {
	background: url(../images/title_salesadvisorroles.gif) top left no-repeat;
	}

.interestedinapplyingbranch #content_middle H1 {
	background: url(../images/title_branchmanagement.gif) top left no-repeat;
	}

.interestedinapplyingarea #content_middle H1 {
	background: url(../images/title_areamanagement.gif) top left no-repeat;
	}

.interestedinapplyingretail #content_middle H1 {
	background: url(../images/title_retailstoremanagement.gif) top left no-repeat;
	}

.interestedinapplyinghoff #content_middle H1 {
	background: url(../images/title_headofficeopportunities.gif) top left no-repeat;
	}
	
.interestedinapplyinghoff #content_middle H1 {
	background: url(../images/title_headofficeopportunities.gif) top left no-repeat;
	}

.interestedinapplyinght #content_middle H1 {
	background: url(../images/title_hintsandtips.gif) top left no-repeat;
	}

.interestedinapplyingretail h2 span {
	color: #000;
	}

dl#branchmanage dd {
	color: #000000;
	margin: 0px;
	padding: 0px 0px 15px;
	}

dl#branchmanage dt {
	margin: 0px;
	padding: 0 0 8px 0;
	}

/* Vacancy Search */

.vacancysearch #content_middle H1 {
	background: url(../images/title_vacancysearch.gif) top left no-repeat;
	}

/* Site Map */

.sitemap #content_middle H1 {
	background: url(../images/title_sitemap.gif) top left no-repeat;
	}

.sitemap #content_middle #content_middle_text ul {
	padding: 0 0 0 0;
	}

.sitemap #content_middle #content_middle_text ul li {
	list-style-position:outside;
	list-style-type:none;
	color: #000000;
	padding: 6px 0 6px 6px;
	}

.sitemap #content_middle #content_middle_text a {
	color: #000000;
	}

.sitemap #content_middle h2 {
	padding: 5px 0 0 0;
	}

/* Just the Job */

.justthejob #content_middle_image {
	margin-bottom: 0 !important;
	}
	
.justthejob #content_middle_text {
	padding-top: 10px !important;
	}

/* Press */

.press #content_middle H1 {
	background: url(../images/title_press.gif) top left no-repeat;
}

/* Christmas recruiting */

#content_middle_image.recruiting {
	background: url(../images/recruiting_bg.jpg) top left no-repeat;
	height: 608px;
}

#content_middle_image.recruiting img {
	margin: 45px 0 0 97px;
}
	mar