/********* TOP LEVEL STYLES ************/

body {
	font-size:62.5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EAE9EA;
}

* {
	margin: 0px;
	padding: 0px;
}

a {
	text-decoration: none;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.clearfloats {
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	width: 100%;
	display: block;
	clear: both;
}

div#footer {
	width: 900px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 20px;
	padding-left: 20px;
	font-size: 1em;
	color: #E7E5E6;
	height: 20px;
}

div#footer a {color: #E7E5E6;}


div#footer span.vivado {}

div#footer span.footerelements {
	display: block;
	float: right;
}

div#footer span.footerelements span {
	padding-right: 10px;
	padding-left: 10px;
}



/******** CORE STYLES *****************/

/*div#pagewrapper {
	width: 939px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-image: url(../images/leftcolumn_backgrounds/group_level_back.gif);
}*/
div#pagewrapper {
	width: 939px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-image: url(../../images/leftcolumn_backgrounds/group_level_back.gif);
	padding-right: 30px;
	padding-left: 30px;
	background-position: 30px;
}

div#homepagewrapper {
	width: 938px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #FFFFFF;
	background-repeat: repeat-y;
	background-color: #FFFFFF;
	background-image: url(../images/leftcolumn_backgrounds/group.gif);
	}

div#leftcolumn {
	float: left;
	width: 252px;
	margin: 0px;
	padding: 0px;
}

div#leftcolumn ul.nav li.here a{
	color: #000000;
	
}

div#leftcolumn ul.nav li.here ul li a{
	color: #ffffff;
	
}

div#leftcolumn ul.nav {
	list-style-type: none;
	font-size: 1.1em;
	color: #FFFFFF;
	padding-top: 20px;
	font-weight: bold;
}

div#leftcolumn ul.nav li {
}

div#leftcolumn ul.nav li a {
	color: #FFFFFF;
	display: block;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#leftcolumn ul.nav li.on a {}

div#leftcolumn ul.nav li a:hover {
	color: #FFFFFF;
}

div#leftcolumn ul.nav li ul {
	list-style-type: none;
}

div#leftcolumn ul.nav li ul li {
}

div#leftcolumn ul.nav li ul li a {
	display: block;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#leftcolumn ul.nav li ul li ul li a {
	display: block;
	padding-left: 40px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#leftcolumn ul.nav li ul li ul li ul li a {
	display: block;
	padding-left: 55px;
	padding-top: 5px;
	padding-bottom: 5px;
}

div#leftcolumn ul.nav li ul li.on a {}

div#leftcolumn ul.nav li ul li a:hover {}

div#leftcolumn h2 {
	font-size: 1.2em;
	color: #FFFFFF;
	padding: 20px;
}

div#leftcolumn div.logobox p {
	padding-top: 10px;
}

div#leftcolumn p {
	color: #FFFFFF;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	font-size: 1.1em;
	line-height: 1.5em;
}

div#leftcolumn .socialnetworking { font-size: 1.1em; font-weight: bold; padding-left: 10px;}

div#leftcolumn .socialnetworking a {padding-left: 5px; position: relative; top: 10px;}

div#rightcolumn {
	width: 686px;
	margin-left: 252px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	min-height: 616px;
}

div#homepagewrapper div#rightcolumn {
	width: 686px;
	margin-left: 252px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #E7E5E6;
		background-image: url(../images/branding/vertical_bar_1px_white.gif);
	background-repeat: repeat-y;
	background-position: 342px;
}





div#rightcolumn img.headerimage {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

div#rightcolumn div.centresection {
	width: 430px;
	padding: 20px;
	float: left;
	font-size: 1.1em;
}


div#rightcolumn div.centresection h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	padding-bottom: 10px;
}

div#rightcolumn div.centresection h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 0px;
}

div#rightcolumn div.centresection h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 0px;
}

div#rightcolumn div.centresection h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 0px;
}

div#rightcolumn div.centresection h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	padding-bottom: 0px;
	padding-top: 5px;
}

div#rightcolumn div.centresection h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-bottom: 0px;
	font-weight: normal;
}

div#rightcolumn div.centresection p {
	line-height: 1.8em;
	padding-bottom: 10px;
}

div#rightcolumn div.centresection p.summary {
	font-weight: bold;
}

div#rightcolumn div.centresection p a {
	color: #000000;
	text-decoration: underline;
}

div#rightcolumn div.centresection a {
	color: #000000;
	text-decoration: underline;
}

div#rightcolumn div.centresection span.showingpage a {
	color: #000000;
	font-weight: bold;
}

div#rightcolumn div.centresection span.showingpage a:hover {
	text-decoration: underline;
}

div#rightcolumn div.centresection p a:hover {}


div#rightcolumn div.centresection img.alignright {
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 8px;
	float: right;
}

div#rightcolumn div.centresection img.alignleft {
	margin: 0px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	float: left;
	}


div#rightcolumn div.centresection ul {
	list-style-image: url(../images/bullets/bullet_group.gif);
	list-style-type: none;
	padding-left: 20px;
	padding-bottom: 8px;
}

div#rightcolumn div.centresection ul li {
	font-size: 1em;
	line-height: 1.8em;
}

div.logobox {
}


div#rightcolumn div.rightsection {
	width: 210px;
	float: right;
	margin: 0px;
	padding: 0px;
}

div#rightcolumn div.rightsection div.quote {}

div#rightcolumn div.rightsection div.quote blockquote {
	font-size: 1.3em;
	font-weight: bold;
	padding-top: 14px;
	padding-left: 26px;
	padding-right: 26px;
}

div#rightcolumn div.rightsection div.quote span {
	display: block;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 26px;
}

div#rightcolumn div.rightsection div.quote blockquote img.openquote {
	margin-left: -22px;
}

div#rightcolumn div.rightsection div.quote blockquote img.closequote {
	padding-left: 8px;
	margin-bottom: -4px;
}

div#rightcolumn div.rightsection div.callout {
	padding: 14px 14px 14px 21px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	background-image: url(../images/arrows/banking.gif);
	background-repeat: no-repeat;
	background-position: 4px 17px;
	width: 160px;
	margin-left: 5px;
}

div#rightcolumn div.rightsection div.quicklink {
	padding: 14px 14px 14px 21px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.4em;
	background-image: url(../images/arrows/banking.gif);
	background-repeat: no-repeat;
	background-position: 4px 17px;
	width: 160px;
	margin-left: 5px;
}

div#rightcolumn div.rightsection div.quicklink span {
	display: block;
	color: #000000;
}

div#rightcolumn div.rightsection div.quicklink p {
	font-weight: normal;
	font-size: .9em;
}

div#rightcolumn div.rightsection div.callout a {
	color: #9B9B83;
}

div.search {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 5px;
	background-color: #343434;
	width: 205px;
}

div.share {padding: 10px; border: none;}

div.share a {color: #000; font-size: 1.2em;}

div#homepagewrapper div div.search {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	padding-right: 5px;
	background-color: #343434;
	width: 680px;
}



div.search p label {
	color: #FFFFFF;
	font-size: 1.2em;
	padding-right: 4px;
	font-weight: bold;
}

div.search p input {
	margin-right: 4px;
	width: 120px;
}


/**********  Home specific  **************/

div#homepagewrapper div div.logobox {
	height: 216px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;

}

div#homepagewrapper div div.logobox p {
	color: #000000;
}


div.subgroups {
	margin-left: -1px;
	float: left;

}

div.subgroups div.pair {
	margin: 0px;
	padding: 0px;
	clear: both;
}

div.subgroups div div.subgroup {
	float: left;
	width: 342px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}

/*div.subgroups div div.subgroup a span.divisionbar {
	font-size: 1.2em;
	height: 26px;
	padding-top: 14px;
	padding-left: 20px;
	color: #FFFFFF;
}*/

div#homepagewrapper div.subgroups div div.subgroup h1 a {
	font-size: 13px;
	height: 25px;

	

}

div#homepagewrapper div.subgroups div div.subgroup h1 a {
	padding-top: 14px;
	padding-left: 20px;
	color: #FFFFFF;
	padding-bottom: 6px;
	display: block;
}

div#homepagewrapper div.subgroups div div.subgroup h1.banking   {

	background-color: #8B8A6F;
	
}

div#homepagewrapper div.subgroups div div.subgroup h1.insurance  {

	background-color: #3A78AF;
	
}

div#homepagewrapper div.subgroups div div.subgroup h1.consultancy  {

	background-color: #9A3B2A;
	
}

div#homepagewrapper div.subgroups div div.subgroup h1.people   {

	background-color: #3C827C;
	
}

div.subgroups div div.subgroup a span.text {
	padding: 20px;
	line-height: 1.7em;
	font-size: 1.1em;
	color: #000000;
	font-weight: normal;
}

div.subgroups div div.subgroup a span {
	font-weight: bold;
	color: #000000;
	padding-left: 38px;
	padding-bottom: 20px;
	display: block;
}

div.subgroups div div.subgroup a span.banking {
	background-image: url(../images/arrows/banking.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
}

div.subgroups div div.subgroup a span.insurance {
background-image: url(../images/arrows/insurance.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	}

div.subgroups div div.subgroup a span.consultancy {
background-image: url(../images/arrows/consultancy.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	}

div.subgroups div div.subgroup a span.people {
background-image: url(../images/arrows/people.gif);
	background-repeat: no-repeat;
	background-position: 20px 0px;
	}

div.subgroups div div.subgroup a:hover {
cursor: pointer;}

/************** CASE STUDY ******************/
div#rightcolumn div.centresection div.csdetails {
	padding-bottom: 12px;
}

div#rightcolumn div.centresection div.csdetails p {
	padding-bottom: 0px;
	font-size: 1.2em;
	font-weight: bold;
}

div#rightcolumn div.centresection div.csdetails p span {
	padding-right: 8px;
}

/********** VACANCY PAGES ***********/

div#rightcolumn div.centresection p {
	
}

div#rightcolumn div.centresection p.formbuttons {
	text-align: right;
	padding-right: 14px;
}


div#rightcolumn div.centresection p label {
	display: block;
	width: 170px;
	float: left;
	text-align: right;
	padding-right: 10px;
}

div#rightcolumn div.centresection p input {
	width: 230px;
	border: 1px solid #000000;
}

div#rightcolumn div.centresection p textarea {
	width: 230px;
	height: 100px;
	border: 1px solid #000000;
}

div#rightcolumn div.centresection p select {
	width: 230px;
}

div#rightcolumn div.centresection div.vacancy p {
	clear: both;
}


div#rightcolumn div.centresection p span.vacancylabel {
	display: block;
	width: 150px;
	float: left;
	text-align: right;
	padding-right: 10px;
	font-weight: bold;
}

div#rightcolumn div.centresection p span.vacancytext {
	display: block;
	float: left;
	width: 250px;
}

div#rightcolumn div.centresection div.vacancy span.backbutton {
	display: block;
	padding-right: 20px;
	padding-bottom: 12px;
	float: right;
	padding-top: 14px;
}

div#rightcolumn div.centresection div.vacancy span.backbutton a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	display: block;
	width: 75px;
	padding-left: 15px;
	background-position: left center;
	}

div#rightcolumn div.centresection div.vacancy span.backbutton a:hover {}

div#rightcolumn div.centresection div.results {}

div#rightcolumn div.centresection div.results p {}

div#rightcolumn div.centresection div.results p a {
	font-weight: bold;
	padding-right: 14px;
}

div#rightcolumn div.centresection div.results p a:hover {}


div#rightcolumn div.centresection p.searchzone input.searchbtn {
	width: 70px;
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap {
	padding-top: 20px;
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap h2 {
	padding-bottom: 12px;
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: -20px;
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap ul li {
	
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap ul li a {
	color: #000000;
	text-decoration: none;
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap ul li a:hover {
	text-decoration: underline;
}

div#pagewrapper div#rightcolumn div.centresection div.sitemap ul li ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 5px;
}


div#rightcolumn div.centresection span.snippet {
	display: block;
	width: 415px;
}

div#rightcolumn div.centresection span.snippet span.snippettop {
	display: block;
	width: 435px;
	background-repeat: repeat-y;
	/*background-image: url(../images/group/snippet_top_scalable.gif);*/
}

div#rightcolumn div.centresection span.snippet span.snippettop span.snippettitle {
	/*background-image: url(../images/group/snippet_top.gif);*/
	background-repeat: no-repeat;
	display: block;
	min-height: 14px;
	width: 435px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}


div#rightcolumn div.centresection span.snippet span.snippetbottom {
	/*background-image: url(../images/group/snippet_base_scalable.gif);*/
	background-repeat: repeat-y;
	display: block;
	width: 435px;
}

div#rightcolumn div.centresection span.snippet span.snippetbottom span.snippetsubhead {
	font-weight: bold;
	display: block;
	width: 415px;
	padding: 4px 10px;
}

div#rightcolumn div.centresection span.snippet span.snippetbottom span.snippetdetail {
	display: block;
	width: 415px;
	padding: 4px 10px 20px;
	/*background-image: url(../images/group/snippet_base.gif);*/
	background-repeat: no-repeat;
	background-position: bottom;
}


.tickercontainer { /* the outer div with the black border */
	border: 1px solid #77775C;
	background: #fff;
	width: 683px;
	height: 27px;
	margin: 0;
padding: 0;
overflow: hidden; 
	margin-bottom: 1px;
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 7px;
width: 663px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 670px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}


/* NEW HOME PAGE STYLES */

.hppagewrapper {
	width: 966px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 17px;
	padding-left: 17px;
	background-color: #FFFFFF;
	padding-bottom: 17px;
}

.hpheader {position: relative;}

.hpheader .hpsearch {
	float: right;
	padding-top: 15px;
}

.hpheader .hpsearch input.searchfield {
	border: 1px solid #808183;
	width: 140px;
	margin-right: 6px;
	padding: 2px;
}

.hpheader .hpsearch input.searchbutton {
	position: relative;
	top: 8px;
}

.hpheader .socialnetworking {position: absolute; top: 10px; left: 550px; font-size: 14px; font-weight: bold;}

.hpheader .socialnetworking a {padding-left: 5px; position: relative; top: 10px;}


.hpnavigation {}


 
.hpnavigation ul {
	background-color:#4684bd;
	list-style-type: none;
	float: left;
	width: 100%;
}

.hpnavigation ul li {
	display: block;
	float: left;
}

.hpnavigation ul li a {
	font-size: 1.4em;
	font-weight: bold;
	color: #DBF7FE;
	display: block;
	float: left;
	padding-top: 6px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 12px;
}

.hpnavigation ul li a:hover {}

.hpintro {
	background-image: url(../images/intro.jpg);
	background-repeat: no-repeat;
	background-position: right 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
}

.hpintro h1 {
	font-size: 3em;
	font-weight: normal;
	color: #3D3A3D;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.hpintro h1 a{
	color: #3D3A3D;
}

.hpintro p {
	width: 450px;
	font-size: 1.4em;
	line-height: 1.3em;
	padding-bottom: 10px;
}



.ticker {height: 29px; overflow: hidden;}

.tickersub {height: 29px; overflow: hidden;}

/*.ticker ul {
	list-style-type: none;
	float: left;
	padding-bottom: 10px;
}

.ticker ul li {
	font-size: 1.3em;
	font-weight: bold;
	display: block;
	float: left;
	padding-right: 15px;
}

.ticker ul li a {
	font-weight: normal;
	color: #000000;
}*/

/* liScroll styles */

.tickercontainer { /* the outer div with the black border */
	border: 1px solid #496EAD;
	background: #fff;
	width: 964px;
	height: 27px;
	margin: 0;
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 7px;
width: 944px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 970px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}

.tickersub .tickercontainer { /* the outer div with the black border */

	width: 683px;
	
}
.tickersub .tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */

width: 663px;


}
.tickersub ul.newsticker { /* that's your list */

left: 670px;



}


ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
	white-space: nowrap;
	padding: 0;
	color: #2F3555;
	font: bold 10px Verdana;
	margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 

.sectors {
	background-image: url(../images/panels-back.jpg);
	background-repeat: no-repeat;
	padding-bottom: 30px;
	clear: both;
	background-position: left top;
	
}

.sector {
	height: 241px;
	width: 450px;
	float: left;
	
}

.sector:hover {cursor:pointer;}



.sector a {color: #FFFFFF; display: block; 	height: 241px; 	width: 450px;
}



.sector a span.panel {
	background-color: #1D222A;
	height: 76px;
	color: #FFFFFF;
	padding: 6px; display:block;
}

.sector a .panel span.heading {
	font-size: 2em;
	font-weight: normal; display:block;
}

.sector a .panel span.paragraph {
	font-size: 1.3em; display:block;
}

.sector.banking {
	margin-right: 65px;
	background-image: url(../images/banking.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 21px;position: relative;
}

.sector.insurance {
	background-image: url(../images/lighthouse.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 21px;
	position: relative;
}

.sector.people {
	margin-right: 65px;
	background-image: url(../images/people.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.sector.consultancy {
	background-image: url(../images/consultancy.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}



.sector.insurance a {
	position:absolute;
	top: 0px;
	left:0px;
	z-index: 1000;
	
}

.sector.banking a {
	position:absolute;
	top: 0px;
	left:0px;
	z-index: 1000;
	
}

.sector  a:hover {cursor:pointer;}

.footernav {}

.footernav ul {
	list-style-type: none; padding-left: 350px;
}

.footernav ul li {
	display: block;
	float: left;
}

.footernav ul li a {
	font-size: 1.4em;
	color: #000000;
	display: block;
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000000;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

.footernav ul li:first-child a {border: none;}

div#footer .footernav ul {
	padding-left: 310px;
}


.mspartner {margin-left: 70px;}