@charset "UTF-8";

@import 'reset.css';

/*****************************************************************************/
/* Skipton Building Society // skipton_main.css (screen)
   Created: 
   Author:
   Copyright 2008 Skipton Building Society. All Rights Reserved. */
/*****************************************************************************/

/*- Global styles
----------------------------------------------------------------------*/

body {
	/*text-align: center; 
	min-width: 760px;*/
	font: 62.5%/1.4 helvetica, arial, sans-serif;
	background-color: #fff;
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2.4em;
	font-weight: normal;
}

h2 {
	font-size: 2.0em;
	font-weight: normal;
}

/*
p {
	font-size: 1.3em;
	letter-spacing: 0.02em;
	margin: .8em 20px;
	padding: 0;
}
*/

div#main_content ul {
	list-style: disc;
	font-size: 1.3em;
	letter-spacing: 0.02em;
	margin: .8em 20px .8em 35px;
	padding: 0;
}

div#main_content li {
	margin: .3em 0 .3em 0;
	padding: 0;
}

div#branding h1 { margin: 0; }

div#nav_global p {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: #999;
	margin: 0;
	padding: 0;
}

div#branding p {
	font-size: 2.4em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

div#breadcrumb p {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: #999;
	clear: both;
	margin: 0 0 0 230px;
	padding: 0 20px 10px 10px;
}

div#secondary_content { list-style: none; }

div#site_info p {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	color: #999;
	margin: 0 0 0 230px;
	padding: 20px 20px 0 20px;
}

div#site_info p + p { padding: .2em 20px 0 20px; }


/* Global text styles */

div#main_content div#text {
	float: right;
	width: 460px;
	margin: 0;
	padding: 17px 0 17px 0;
}

div#main_content div#text p {
	font-size: 1.3em;
	letter-spacing: 0.02em;
	margin: .8em 20px;
	padding: 0 0 0 0;
}

div#main_content div#text h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #542989;
	letter-spacing: 0.02em;
	margin: 0.7em 0 0 20px;
	padding: 0;
}


/* inset photos */

div#main_content #inset_photos {
	width: 300px;
	margin: 0;
	padding: 15px 0 0 0;
}


/*-  Link styles
----------------------------------------------------------------------*/

a:link { color: #2664ce; }
a:visited { color: #2664ce; }
a:hover { color: #7da2e2; }
a:active { color: #2664ce; }

div#nav_global a:link,
div#nav_global a:visited,
div#nav_global a:hover,
div#nav_global a:active,
div#breadcrumb a:link,
div#breadcrumb a:visited,
div#breadcrumb a:hover,
div#breadcrumb a:active,
div#site_info a:link,
div#site_info a:visited,
div#site_info a:hover,
div#site_info a:active  { text-decoration: none; }


/*- Layout styles
----------------------------------------------------------------------*/

div#wrapper {
	width: 990px;
	/*text-align: left;*/
	background-color: #fff; 
	margin: 20px auto 0 auto;
	padding: 0; 	 
}

div#nav_global {
	float: right;
	margin: 0;
	padding: 30px 10px 0 0;
}

div#branding {
	position: relative;
	background: url(/img/logo_skipton.gif) no-repeat 0 0;
	/*z-index: 0;*/
	height: 70px;
	text-indent: -9999px;
	clear: right;
}

div#main_content { 
	width: 760px;
	float: right;
	/*background-color: #333;*/
}

div#secondary_content {
	width: 200px;
	float: left;
	/*background-color: #666;*/
	margin: 0 30px 0 0;
	padding: 0;
}

div#site_info {
	position: relative;
	background: url(/img/logo_iip.gif) no-repeat 725px bottom;
	height: 51px;
	margin: 0 0 20px 0;
	padding: 0;
	clear: both;
}


/*- Navigation styles 
----------------------------------------------------------------------*/

/* Main nav styles */ 

div#nav_main {
	position: relative;
	/*z-index: 4;*/
	height: 35px;
	top: -13px;
	left: 230px;
	margin: 0;
	padding: 0;
}

div#nav_main p {
	font-size: 2.0em;
	font-weight: normal;
}


/*  Home nav styles */

body#home ul#nav_navigation { background-image: url(/img/navbar_home.gif); }
body#home ul#nav_navigation li { float: left; list-style-type: none }
body#home ul#nav_navigation li a { height: 34px; display: block; position: absolute; top: 0; text-indent: -9999px; outline: none }

body#home li#nav_main_home a,
body#home li#nav_main_head_office a,
body#home li#nav_main_branch_careers a { background: url(/img/navbar_home.gif); }

/* -nav rollover effects (positioning) */
body#home li#nav_main_home a 								{ background-position: 0 0; width: 54px; left: 0; }
body#home li#nav_main_home a:hover							{ background-position: 0 -36px; }
/*body#home li#nav_main_home a 								{ background-position: 0 -36px; }*/

body#home li#nav_main_head_office a 						{ background-position: -54px 0; width: 156px; left: 54px; }
body#home li#nav_main_head_office a:hover					{ background-position: -54px -36px; }
/*body#home li#nav_main_head_office a 						{ background-position: -54px -36px; }*/

body#home li#nav_main_branch_careers a 						{ background-position: -210px 0; width: 550px; left: 210px; }
body#home li#nav_main_branch_careers a:hover				{ background-position: -210px -36px; }
/*body#home li#nav_main_branch_careers a 					{ background-position: -210px -36px; }*/
/* END -nav rollover effects (positioning) */


/*  Head Office nav styles */

body#head_office ul#nav_navigation { background-image: url(/img/navbar_head_office.gif); }
body#head_office ul#nav_navigation li { float: left; list-style-type: none }
body#head_office ul#nav_navigation li a { height: 34px; display: block; position: absolute; top: 0; text-indent: -9999px; outline: none }

body#head_office li#nav_main_home a,
body#head_office li#nav_main_who a,
body#head_office li#nav_main_training a,
body#head_office li#nav_main_benefits a,
body#head_office li#nav_main_working a,
body#head_office li#nav_main_vacancies a { background: url(/img/navbar_head_office.gif); }

/* -nav rollover effects (positioning) */
body#head_office li#nav_main_home a 						{ background-position: 0 0; width: 54px; left: 0; }
body#head_office li#nav_main_home a:hover					{ background-position: 0 -36px; }
/*body#head_office li#nav_main_home a 						{ background-position: 0 -36px; }*/

body#head_office li#nav_main_who a 							{ background-position: -54px 0; width: 101px; left: 54px; }
body#head_office li#nav_main_who a:hover					{ background-position: -54px -36px; }
body.who#head_office li#nav_main_who a 						{ background-position: -54px -36px; cursor: default; }

body#head_office li#nav_main_training a 					{ background-position: -155px 0; width: 182px; left: 155px; }
body#head_office li#nav_main_training a:hover				{ background-position: -155px -36px; }
body.training#head_office li#nav_main_training a 			{ background-position: -155px -36px; cursor: default; }

body#head_office li#nav_main_benefits a 					{ background-position: -337px 0; width: 80px; left: 337px; }
body#head_office li#nav_main_benefits a:hover				{ background-position: -337px -36px; }
body.benefits#head_office li#nav_main_benefits a 			{ background-position: -337px -36px; cursor: default; }

body#head_office li#nav_main_working a 						{ background-position: -417px 0; width: 178px; left: 417px; }
body#head_office li#nav_main_working a:hover				{ background-position: -417px -36px; }
body.working#head_office li#nav_main_working a 				{ background-position: -417px -36px; cursor: default; }

body#head_office li#nav_main_vacancies a 					{ background-position: -595px 0; width: 165px; left: 595px; }
body#head_office li#nav_main_vacancies a:hover				{ background-position: -595px -36px; }
body.vacancies#head_office li#nav_main_vacancies a 			{ background-position: -595px -36px; cursor: default; }
/* END -nav rollover effects (positioning) */


/*  Branch nav styles */

body#branch ul#nav_navigation { background-image: url(/img/navbar_branch.gif); }
body#branch ul#nav_navigation li { float: left; list-style-type: none }
body#branch ul#nav_navigation li a { height: 34px; display: block; position: absolute; top: 0; text-indent: -9999px; outline: none }

body#branch li#nav_main_home a,
body#branch li#nav_main_who a,
body#branch li#nav_main_training a,
body#branch li#nav_main_benefits a,
body#branch li#nav_main_people a,
body#branch li#nav_main_vacancies a,
body#branch li#nav_main_newbranch a { background: url(/img/navbar_branch.gif); }

/* -nav rollover effects (positioning) */
body#branch li#nav_main_home a 								{ background-position: 0 0; width: 54px; left: 0; }
body#branch li#nav_main_home a:hover						{ background-position: 0 -36px; }
/*body#branch li#nav_main_home a 							{ background-position: 0 -36px; }*/

body#branch li#nav_main_who a 								{ background-position: -54px 0; width: 91px; left: 54px; }

body#branch li#nav_main_who a:hover							{ background-position: -54px -36px; }
body.who#branch li#nav_main_who a 							{ background-position: -54px -36px; cursor: default; }

body#branch li#nav_main_training a 							{ background-position: -145px 0; width: 172px; left: 145px; }
body#branch li#nav_main_training a:hover					{ background-position: -145px -36px; }
body.training#branch li#nav_main_training a 				{ background-position: -145px -36px; cursor: default; }

body#branch li#nav_main_benefits a 							{ background-position: -317px 0; width: 71px; left: 317px; }
body#branch li#nav_main_benefits a:hover					{ background-position: -317px -36px; }
body.benefits#branch li#nav_main_benefits a 				{ background-position: -317px -36px; cursor: default; }

body#branch li#nav_main_people a 							{ background-position: -388px 0; width: 88px; left: 388px; }
body#branch li#nav_main_people a:hover						{ background-position: -388px -36px; }
body.people#branch li#nav_main_people a 					{ background-position: -388px -36px; cursor: default; }

body#branch li#nav_main_vacancies a 						{ background-position: -476px 0; width: 132px; left: 476px; }
body#branch li#nav_main_vacancies a:hover					{ background-position: -476px -36px; }
body.vacancies#branch li#nav_main_vacancies a 				{ background-position: -476px -36px; cursor: default; }

body#branch li#nav_main_newbranch a 						{ background-position: -608px 0; width: 152px; left: 608px; cursor: default; }
/*body#branch li#nav_main_newbranch a:hover					{ background-position: -608px -36px; }
body.newbranch#branch li#nav_main_newbranch a 				{ background-position: -608px -36px; cursor: default; }*/
/* END -nav rollover effects (positioning) */


div#skip_to_page_links { display: none; }


/*- Home styles 
----------------------------------------------------------------------*/

body#home div#main_content h1 {
	float: left;
	background: url(/img/header_home.gif) no-repeat 0 0;
	width: 300px;
	height: 150px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#home div#main_content div#btn_home_head_office h2 a {
	float: right;
	display: block;
	background: url(/img/btn_home_head_office.jpg) no-repeat 0 0;
	width: 420px;
	height: 110px;
	text-indent: -9999px;
	margin: 20px 20px 0 0;
	padding: 0;
}

body#home div#main_content div#btn_home_branch h2 a {
	float: right;
	display: block;
	background: url(/img/btn_home_branch.jpg) no-repeat 0 0;
	width: 420px;
	height: 110px;
	text-indent: -9999px;
	margin: 20px 20px 25px 0;
	padding: 0;
}

body#home div#main_content div#home_smile {
	background: url(/img/home_smile.jpg) no-repeat 0 0;
	width: 760px;
	height: 180px;
	text-indent: -9999px;
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
}


/*- Head Office styles 
----------------------------------------------------------------------*/

body.home#head_office div#main_content {
	background: #c1cd23 url(/img/bg_head_office_home.jpg) no-repeat 0% 100%;
	background-color: #c1cd23;
	margin: 0 0 5px 0;
	padding: 0;
}

div#main_content div#headings { float: left; }

body#head_office div#main_content div#head_office_map {
	clear: both;
	display: block;
	width: 760px;
	height: 520px;
	margin: 0;
	padding: 10px 0 20px 0;
}


/* Head Office Header styles */

body#head_office div#main_content div#headings h2#header_head_office_home {
	background: url(/img/header_head_office_home.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_who {
	background: url(/img/header_head_office_who.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_life {
	background: url(/img/header_head_office_life.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_where {
	background: url(/img/header_head_office_where.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_corporate {
	background: url(/img/header_head_office_corporate.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_training {
	background: url(/img/header_head_office_training.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_benefits {
	background: url(/img/header_head_office_benefits.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_working {
	background: url(/img/header_head_office_working.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#head_office div#main_content div#headings h2#header_head_office_vacancies {
	background: url(/img/header_head_office_vacancies.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}


/* Head Office - captions */

body#head_office div#main_content div#headings .caption {
	background: url(/img/caption_head_office_home.gif) no-repeat 0 0;
	width: 300px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body.who#head_office div#main_content div#headings .caption,
body.training#head_office div#main_content div#headings .caption,
body.benefits#head_office div#main_content div#headings .caption,
body.working#head_office div#main_content div#headings .caption,
body.vacancies#head_office div#main_content div#headings .caption {
	background: url(/img/caption_head_office.gif) no-repeat 0 0;
	width: 300px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 20px 0;
	padding: 0;
}

/* Head Office - smile */

#head_office div#head_office_smile { 
	width: 760px;
	height: 180px; 
	clear: both;
	margin: 0 0 20px 230px;
	padding: 0;
}

#head_office div#head_office_smile ul#buttons {
	list-style: none;
	width: 760px;
	height: 180px;
	margin: 0;
	padding: 0;
}

#head_office div#head_office_smile ul#buttons li {
	margin: 0;
	padding: 0;
}

#head_office div#head_office_smile ul#buttons li#btn_search a {
	background: url(/img/btn_head_office_search.jpg) no-repeat 0 0;
	width: 190px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#head_office div#head_office_smile ul#buttons li#btn_who a {
	background: url(/img/btn_head_office_who.jpg) no-repeat 0 0;
	width: 190px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#head_office div#head_office_smile ul#buttons li#btn_working a {
	background: url(/img/btn_head_office_working.jpg) no-repeat 0 0;
	width: 190px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#head_office div#head_office_smile ul#buttons li#btn_benefits a {
	background: url(/img/btn_head_office_benefits.jpg) no-repeat 0 0;
	width: 190px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}


/* Head Office - secondary content styles (sub_nav) */

body#home #secondary_content ul#nav_sub li#btn_head_office_careers a,
body#head_office #secondary_content ul#nav_sub li#btn_head_office_careers a {
	background: url(/img/btn_head_office_careers.jpg) no-repeat 0 0;
	width: 200px;
	height: 85px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#home #secondary_content ul#nav_sub li#btn_branch_careers a,
body#head_office #secondary_content ul#nav_sub li#btn_branch_careers a {
	background: url(/img/btn_branch_careers.jpg) no-repeat 0 0;
	width: 200px;
	height: 85px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_life a {
	background: url(/img/btn_life.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_where a {
	background: url(/img/btn_where.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_corporate a {
	background: url(/img/btn_corporate.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_ca a {
	background: url(/img/btn_ho_people_ca.jpg) no-repeat 0 0;
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_sm a {
	background: url(/img/btn_ho_people_sm.jpg) no-repeat 0 0;
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_dst a {
	background: url(/img/btn_ho_people_dst.jpg) no-repeat 0 0;
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_pds a {
	background: url(/img/btn_ho_people_pds.jpg) no-repeat 0 0;
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#head_office #secondary_content ul#nav_sub li#btn_head_office_am a {
	background: url(/img/btn_ho_people_am.jpg) no-repeat 0 0;
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}




/*- END Head Office styles -------------------------------------------*/


/*- Branch styles 
----------------------------------------------------------------------*/

body.home#branch div#main_content {
	background: url(/img/bg_branch_home.jpg) no-repeat 0% 100%;
	background-color: #542989;
	margin: 0 0 5px 0;
	padding: 0;
}

div#main_content div#headings { float: left; }

body.home#branch div#main_content div#text p {
	color: #ececf6;
}


/* Branch Header styles */

body#branch div#main_content div#headings h1 {
	background: url(/img/header_branch_home.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_who {
	background: url(/img/header_branch_who.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_life {
	background: url(/img/header_branch_life.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_where {
	background: url(/img/header_branch_where.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_corporate {
	background: url(/img/header_branch_corporate.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_training {
	background: url(/img/header_branch_training.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_fame {
	background: url(/img/header_branch_fame.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_performance {
	background: url(/img/header_branch_performance.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_benefits {
	background: url(/img/header_branch_benefits.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_people {
	background: url(/img/header_branch_people.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_vacancies {
	background: url(/img/header_branch_vacancies.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body#branch div#main_content div#headings h2#header_branch_newbranch {
	background: url(/img/header_branch_newbranch.gif) no-repeat 0 0;
	width: 300px;
	height: 60px;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}


/* Branch - captions */

body#branch div#main_content div#headings .caption {
	background: url(/img/caption_branch_home.gif) no-repeat 0 0;
	width: 300px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 0 0;
	padding: 0;
}

body.who#branch div#main_content div#headings .caption,
body.training#branch div#main_content div#headings .caption,
body.benefits#branch div#main_content div#headings .caption,
body.people#branch div#main_content div#headings .caption,
body.vacancies#branch div#main_content div#headings .caption,
body.newbranch#branch div#main_content div#headings .caption {
	background: url(/img/caption_branch.gif) no-repeat 0 0;
	width: 300px;
	height: 100px;
	display: block;
	text-indent: -9999px;
	margin: 20px 0 20px 0;
	padding: 0;
}

body#branch div#main_content div#headings .btn_explore a {
	background: url(/img/btn_branch_explore_career.gif) no-repeat 0 0;
	width: 300px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	margin: 40px 0 0 0;
	padding: 0;
}

/* Branch - smile */

#branch div#branch_smile {
	width: 760px;
	height: 180px;
	clear: both;
	margin: 0 0 20px 230px;
	padding: 0;
}

#branch div#branch_smile ul#buttons {
	list-style: none;
	width: 760px;
	height: 180px;
	margin: 0;
	padding: 0;
}

#branch div#branch_smile ul#buttons li {
	margin: 0;
	padding: 0;
}

#branch div#branch_smile ul#buttons li#btn_search a {
	background: url(/img/btn_branch_search.jpg) no-repeat 0 0;
	width: 152px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#branch div#branch_smile ul#buttons li#btn_who a {
	background: url(/img/btn_branch_who.jpg) no-repeat 0 0;
	width: 152px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#branch div#branch_smile ul#buttons li#btn_people a {
	background: url(/img/btn_branch_people.jpg) no-repeat 0 0;
	width: 152px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#branch div#branch_smile ul#buttons li#btn_training a {
	background: url(/img/btn_branch_training.jpg) no-repeat 0 0;
	width: 152px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

#branch div#branch_smile ul#buttons li#btn_rewards a {
	background: url(/img/btn_branch_rewards.jpg) no-repeat 0 0;
	width: 152px;
	height: 180px;
	display: block;
	float: left;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}


/* Branch - secondary content styles (sub_nav) */

body#branch #secondary_content ul#nav_sub li#btn_head_office_careers a {
	background: url(/img/btn_head_office_careers.jpg) no-repeat 0 0;
	width: 200px;
	height: 85px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_branch_careers a {
	background: url(/img/btn_branch_careers.jpg) no-repeat 0 0;
	width: 200px;
	height: 85px;
	display: block;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_branch_life a {
	background: url(/img/btn_life.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_branch_where a {
	background: url(/img/btn_where.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_branch_corporate a {
	background: url(/img/btn_corporate.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_branch_fame a {
	background: url(/img/btn_fame.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_branch_performance a {
	background: url(/img/btn_performance.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_people_csa a {
	background: url(/img/btn_people_csa.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_people_ma a {
	background: url(/img/btn_people_ma.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_people_bm a {
	background: url(/img/btn_people_bm.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_people_csa a {
	background: url(/img/btn_people_csa.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_vacancies_csa a {
	background: url(/img/btn_vacancies_csa.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_vacancies_ma a {
	background: url(/img/btn_vacancies_ma.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_vacancies_bm a {
	background: url(/img/btn_vacancies_bm.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_vacancies_am a {
	background: url(/img/btn_vacancies_am.jpg) no-repeat 0 0;
	width: 200px;
	height: 40px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #secondary_content ul#nav_sub li#btn_vacancies_abm a {
	background: url(/img/btn_vacancies_abm.jpg) no-repeat 0 0;
	width: 200px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 0;
	padding: 0;
}

body#branch #main_content #text blockquote p {
	font-style: italic;
	/*background: #ccc;*/
	margin: 0 0 -0.8em 0;
	padding: 0 40px 0 40px;
}

body#branch #main_content #text cite {
	font-size: .9em;
	/*background: #ccc;*/
	margin: 0;
	padding: 0 20px 0 20px;
}
/*- END Branch styles -------------------------------------------*/


/*- Head Office and Branch shared styles -------------------------------------------*/

body.vacancies#head_office div#main_content div#search_form,
body.vacancies#branch div#main_content div#search_form

 {
	float: right;
	width: 460px;
	margin: 0;
	padding: 17px 0 0 0;
}

body.vacancies#head_office div#main_content div#search_form p,
body.vacancies#branch div#main_content div#search_form p {
	font-size: 1.3em;
	letter-spacing: 0.02em;
	margin: .8em 20px;
	padding: 0;
}

body.vacancies#head_office div#main_content div#text,
body.vacancies#branch div#main_content div#text {
	display: block;
	width: 730px;
	margin: 0;
	padding: 0 0 17px 0;
}

body.vacancies#head_office div#main_content div#text p,
body.vacancies#branch div#main_content div#text p {
	font-size: 1.3em;
	letter-spacing: 0.02em;
	margin: .8em 20px;
	padding: 0 10px 0 0;
}

body.vacancies#head_office div#main_content div#text h3,
body.vacancies#branch div#main_content div#text h3 {
	font-size: 1.4em;
	font-weight: normal;
	color: #542989;
	letter-spacing: 0.02em;
	margin: 0.7em 0 0 20px;
	padding: 0;
}

body.vacancies#head_office div#main_content div#text h3 + p,
body.vacancies#branch div#main_content div#text h3 + p {
	margin: 0.2em 30px 0 20px;
	padding: 0;
}


/* Head Office and Branch case studies text styles  */
/*
body.people#head_office div#main_content div#text,
body.people#branch div#main_content div#text {
	float: right;
	width: 460px;
	margin: 0;
	padding: 80px 0 17px 0;
}
*/

body.working#head_office div#main_content div#text blockquote p,
body.people#branch div#main_content div#text blockquote p {
	font-style: normal;
	margin: 0.8em 0;
	padding: 0 40px 0 20px;
}

body.working#head_office div#main_content div#text cite,
body.people#branch div#main_content div#text cite {
	font-size: 1em;
	color: #542989;
	margin: 0;
	padding: 0;
}

body.working#head_office div#main_content div#text h3,
body.people#branch div#main_content div#text h3 {
	font-size: 1.5em;
}

body.working#head_office div#main_content div#text span,
body.people#branch div#main_content div#text span {
	color: #9aa41c;
}

/*- END Head Office and Branch shared styles -------------------------------------------*/



/*- Form styles
----------------------------------------------------------------------*/

body.vacancies#head_office form,
body.vacancies#branch form {
  	font-size: 1.2em;
	/*width: 40em;*/
	margin: 0;
	padding: 0;
}

/* fieldset styling */
body.vacancies#head_office fieldset,
body.vacancies#branch fieldset {
	color: #333;
	margin: 11px 20px 0 20px; /*  space out the fieldsets a little*/
	padding: .5em 0 0 0;
}

/* legend styling */
body.vacancies#head_office legend,
body.vacancies#branch legend {
	font-size: 1.2em;
	/*font-weight: bold;*/
	color: #542989;
	letter-spacing: 0.02em;
	margin: 0;
	padding: 0;
}

/* body.vacancies#head_office legend, x:-moz-any-link { margin: 0 0 0 20px; } /* styles for Firefox 2.0 */
/* body.vacancies#head_office legend, x:-moz-any-link, x:default { margin: 0 0 0 20px; } /* restore styles for Firefox 3.0 and newer */

/* body.vacancies#branch legend, x:-moz-any-link { margin: 0 0 0 20px; } /* styles for Firefox 2.0 */
/* body.vacancies#branch legend, x:-moz-any-link, x:default { margin: 0 0 0 20px; } /* restore styles for Firefox 3.0 and newer */

/* Form paragraph styling */

body.vacancies#head_office form p,
body.vacancies#branch form p {
  	position: relative;
  	margin: 0;
	padding: 0;
	/*width: 100%;*/
}

/* style for labels */
body.vacancies#head_office label,
body.vacancies#branch label {
	/*float: left;*/
	font-size: .8em;
	margin: 0 0 0 -20px;
	padding: 0;
	/*width: 10em;*/
}

/* style for select menu */
body.vacancies#head_office form p select#discipline,
body.vacancies#branch form p select#location {
	margin: 0 0 0 1em;
	padding: 0;
}

/* style for input text field */
body.vacancies#head_office form p input#title,
body.vacancies#branch form p input#title {
	width: 200px;
	margin: 0 0 0 1.7em;
	padding: 0;
}

/* style for submit button */
body.vacancies#head_office input#submit,
body.vacancies#branch input#submit {
	border: 0;
	background: transparent;
	font-size: 10px;
	margin: 0 0 -6px 8px;
	padding: 2px;
}

#search-results-table	{
	/* display: block; */
	width: 690px;
	border-top: 2px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	}

#search-results-table tr	{
	font-style: normal;
	font-size: 1.2em;
	}
	
#search-results-table tbody tr td	{
	/* margin: 0.8em 0px;  */
	padding: 5px 40px 5px 20px;
	}

table#search-results-table tbody tr#table-header td	{
	color: #542989;
	}