/****************************************************************************
 *  Base styles
 ****************************************************************************/
html { height:100.1%; }

body {
	margin: 0;
	padding: 0;
	background: #fff url(../../img/supergraphics/blue.jpg) no-repeat center 227px;
	color: #333;
}

img, fieldset { border: 0; }

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

a:hover {
	text-decoration: underline;
}

p, fieldset {
	margin: 0;
	padding: 0;
}

.hr, hr {
	display: none;
}

ul {
	list-style-type:none;
}

ul, ol, li {
	margin: 0;
	padding: 0;
}
h4 {
	margin: 7px 0 -7px;
}
h5 {
	margin: 15px 0 7px;
}
.hidden {
	left: -3000em;
	position: absolute;
}
/****************************************************************************
 *  Header
 ****************************************************************************/

/*  Skip links */

#skipLinks {
	height: 0; /* hide from ie */
}

#skipLinks ul {
	margin: 0;
	padding: 0;
	height:0;
}

#skipLinks li {
	display: block;
}

#skipLinks a {
	position: absolute;
	z-index: 10;
	left: -100em;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skipLinks a:focus {
	width: 100%;
	height: auto;
	overflow: auto;
	margin: 0 auto;
	left: 0;
	display: block;
	outline: none;
	background-color: blue;
	color: white;
	padding: 2em 0;
	text-indent: 2em;
	border-bottom: 5px solid #333;
}

/*  Sitewide navigation */
#sitewideNav {
	padding: 0 0 2px;
	background-color: #eee;
}

#sitewideNav p {
	position: absolute;
	top: -100em;
}

#sitewideNav ul {
	margin: 0 auto;
	width: 960px;
	text-align: right;
}

#sitewideNav li {
	margin: 0;
	border-right: 1px solid #d7d7d7;
	display: inline;
}

#sitewideNav li a {
	padding: 0 10px;
}

#sitewideNav .last {
	border-right: none;
}

#sitewideNav .last a {
	padding-right: 0;
}

#header {
	padding: 14px 0 0 0;
}

#header h1 {
	margin: 0;
	padding: 0;
	line-height: inherit;
}

#header .logo {
	margin:0;
	
}

#header .logo a {
	margin: 5px 0 16px;
	padding: 0;
	display: block;
	float: left;
}

#header .topnav {
	margin: 0;
	padding: 6px 0 0;
	border-top: 1px solid #e5e5e5;
	clear: both;
	background: #e0e0e0 url(../../img/layout/header/tabs.png) repeat-x 0 -251px;
	overflow: hidden;
}

#header .topnav ul {
	margin: 0;
	padding: 3px 0 0 14px;
	list-style: none;
}

#header .topnav li {
	margin: 1px 11px 0 0;
	padding: 0;
	float: left;
}

#header .topnav li a {
	margin: 0;
	padding: 2px 12px 5px;
	display: block;
}

#header .topnav .selected {
	background: transparent url(../../img/layout/header/tabs.png) no-repeat 0 -150px;
	margin-top: 2px;
}

#header .topnav .selected a {
	background: transparent url(../../img/layout/header/tabs.png) no-repeat right -200px;
	padding: 3px 12px 3px 12px;
	color:#00a1e4;
}

/* Find Your Country */
#findYourCountry {
	padding-top:12px;
	padding-bottom:10px;
}
#findYourCountry div {
	padding-left:50px;
	background: url(../../img/layout/header/world-map.png) no-repeat left 0;
}
#findYourCountry a {
	height:24px;
	display:block;
	font-size:0.75em;
}
#findYourCountry a span {
	padding-left:10px;
	background: url(../../img/icons/right-link-arrow.png) no-repeat left center;
}
#findYourCountry div.home {
	background-image: url(../../img/layout/header/world-map-big.png);
	padding-left:87px;
	height:39px;
	float:right;
	margin-right:40px;
}
#findYourCountry a.ussite {
	float:right;
	margin-right:28px;
	height:39px;
	background: url(../../img/layout/header/usmap.png) no-repeat top left;
	padding-left:59px;
}
#findYourCountry a.home span,
#findYourCountry a.ussite span {
	padding-left:0;	
	background:none;
}
/* Breadcrumbs */
#breadcrumb {
	margin: 8px 0 10px 14px;
	clear:both;
}

#breadcrumb span {
	color: #888;
	font-size:0.688em;
}

#breadcrumb ul {
	margin: 0 2px 0 0;
	display:inline;
	list-style: none;
}
#breadcrumb ul li {
	display: inline-block;
	padding: 0 4px 0 0;
	background: transparent url(../../img/layout/nav/breadcrumb.gif) no-repeat right 3px;
	color: #888;
}
#breadcrumb ul li.last {
	background: 0;
	border-top:0;
}

#hiddenBreadcrumb {
	position: absolute;
	left: -100em;
}
/****************************************************************************
 *  Footer styles
 ****************************************************************************/

#footer p.footnote {
	padding:0 0 5px 23px;
	background: url(../../img/icons/external.png) no-repeat 0 0;
	display:inline-block;
}

#footer .explore {
	margin: 20px 0 0 0;
	padding: 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}
 
#footer .explore p {
	margin: .4em 0 .5em;
	text-align: right;
}
/****************************************************************************
 *  Global layout structure
 ****************************************************************************/

#page {
	margin: 0 auto;
	width: 960px;
	background-color: transparent;
}

#bd {
	background: transparent url(../../img/layout/background-shell/home-outer-shell_32.png) no-repeat 0 0;
	margin: 0 0 33px;
	width: 696px;
	float:left;
}

.content #bd {
	background-image: none;
	margin-bottom: 21px;
}

#footer {
	margin: 0;
	padding: 0 0 50px 0;
	clear: both;
}

#footer p {
	line-height: 1.4em;
	margin-bottom: 0.5em;
}

.section {
	padding-top: 37px;
}

.oneColumn .section,
.threeColumn .section {
	padding-top: 10px;
}

h1 {
	margin:0 0 10px;
}

.oneColumn h1.hub,
.threeColumn h1.hub {
	top:-999px;
	position:absolute;
}

.threeColumn h1.logo {
	position:relative;
	top:0;
}

/****************************************************************************
 *  Content pages
 ****************************************************************************/

.content .section {
	padding-top:0;
}

.content .csA {
	background: url(../../img/layout/background-shell/4col_inner_shell_tile_32.png) repeat-y left top;
	margin:0 -5px;
	width:706px;
}

.content .csB {
	background: url(../../img/layout/background-shell/3col_inner_shell_top_32.png) no-repeat left top;
	margin:0;
	padding:5px 0 0;
}

.content .csC {
	background: #fff url(../../img/layout/background-shell/shell_inner_gradient.png) repeat-x left bottom;
	margin: 0 5px;
	padding:0 10px;
}

.csFooter {
	background: url(../../img/layout/background-shell/4col_inner_shell_footer_32.png) no-repeat left bottom;
	margin:0 -5px;
	padding: 1px 7px 3px;
	overflow:hidden;
	clear:both;
}
.content .csFooter {
	padding-top:9px;
}

.oneColumn .halfContentPromos .csFooter,
.halfContentPromos .csFooter {
	padding-top:94px;
	margin-bottom:-94px;
}

.halfContentPromos .promos {
	overflow:hidden;
	margin:0;
	clear: both;
}
.halfContentPromos .promos .mod {
	float:left;
	margin:0 0 0 18px;
	display:inline;
}
.content .contentMain .contentMainHeader {
	background: url(../../img/layout/background-shell/top_border.gif) no-repeat center top;
	height:6px;
	position:absolute;
	top:-6px;
	width:100%;
	left:0;
}
.content .contentMain .footer {
	background: url(../../img/layout/background-shell/footer.gif) no-repeat scroll center top;
	height:20px;
	padding: 0 10px;
	position:absolute;
	bottom:-6px;
	width:100%;
	left:-5px;
	overflow:hidden;
}
.project .contentMain {
	width: 653px;
	position:absolute;
	margin-left:-6px;
	background:#fff;
	padding-bottom:14px;
}
.project .contentMain .contentMainHeader {
	background: url(../../img/layout/background-shell/top_border.gif) no-repeat center top;
	height:8px;
	position:absolute;
	top:-6px;
	left:0;
}
.project .contentMain .footer {
	background: url(../../img/layout/background-shell/footer.gif) no-repeat scroll center top;
	height:20px;
	padding: 0 10px;
	position:absolute;
	bottom:-6px;
	width:653px;
	left:-10px;
}

body.content h1 {
	margin-top:-5px;
	margin-bottom:18px;
	line-height:1.16em;
}

.content p {
	margin:10px 2px;
}

.content .contentMain p {
	margin:10px 0;
}

h1.alt {
	float:left;
	padding-bottom:0;
}

.promos .modContainer p { margin:0;padding:0; }
/****************************************************************************
 *  Module dimensions for 3 column and one column  grids
 ****************************************************************************/
.oneColumn #findYourCountry, 
.threeColumn #findYourCountry {
	float:right;
	margin-right:30px;
	display:inline;
	padding-bottom:0;
 }
.oneColumn #breadcrumb, 
.threeColumn #breadcrumb {
	float:left;
 } 
.threeColumn h1 {
	margin-left:28px;
	margin-top:0;
	clear:both;
}

.oneColumn #bd, .threeColumn #bd {
	width:960px;
	padding:0 5px;
	position:relative;
	left:-5px;
}
.threeColumn #bdInner {
	margin:0 12px;
	clear:both;
}

.oneColumn #bd {
	background-image: none;
}

.oneColumn .csA {
	background: url(../../img/layout/background-shell/full-col-inner-shell-tile_32-fs8.png) repeat-y left top;
	margin:0 -5px;
	width: 970px;
	overflow:hidden;
	clear:both;
}

.oneColumn .csB {
	background: url(../../img/layout/background-shell/full-col-inner-shell-top_32-fs8.png) no-repeat left top;
	margin:0;
}

.oneColumn .csC {
	background: #fff url(../../img/layout/background-shell/full-shell-inner-gradient.png) repeat-x left bottom;
	margin: 0 5px;
	padding: 0 28px;
	overflow:hidden;
}

.oneColumn .csFooter {
	background: url(../../img/layout/background-shell/4-col-outer-shell-footer_32-fs8.png) no-repeat left bottom;
	margin:0 -5px;
	padding: 6px 7px 3px;
	overflow:hidden;
	clear:both;
}

.threeColumn .modContainer,
.threeColumn .accordion {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	width: 292px;
	display: inline;
}

.accordion .modContainer,
.fourColumn .accordion .modContainer {
	display: block;
	float: none;
	margin: 0 0 10px;
}

.accordionEnabled .modContainer,
.fourColumn .accordionEnabled .modContainer {
	margin: 0;
}
/****************************************************************************
 *  Module dimensions for 4 column grid
 ****************************************************************************/
.threeColumn .section,
.fourColumn .section {
	padding-top: 20px;
	clear: both;
	overflow: visible;
}

.fourColumn #bd {
	width:960px;
	padding:0 5px;
	position:relative;
	left:-5px;
}

.fourColumn #bdInner {
	margin:0 12px;
	clear:both;
}

.fourColumn.content #bd {
	width:696px;
}

.fourColumn .modContainer,
.fourColumn .accordion {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	width: 214px;
	display: inline;
}

.fourColumn .mod .hd {
	width:214px;
}

.content .fourColumn {
    margin: 0 0 20px;
    width: 696px;
    float: left;
}

.content .fourColumn {
    margin: 0;
    padding: 0 28px;
}

.fourColumn .csFooter {
    background: transparent url(../img/layout/background-shell/4col_inner_shell_footer_32.png) left bottom no-repeat;
    margin: 0 -5px;
    overflow: hidden;
    padding: 1px 7px 3px;
	width: 706px;
}


/****************************************************************************
 * three columns in content area 
 ****************************************************************************/

.oneColumn .leftColumn {
	width:224px;
	float:left;
	margin:30px 0 0;
}

.oneColumn .middleColumn {
	float:left;
	margin:30px 0 0 40px;
	width:308px;
}

.oneColumn .rightColumn {
	float:left;
	width:302px;
	margin:30px 0 0 20px;
}

.oneColumn .leftColumn p, .oneColumn .middleColumn p, .oneColumn .rightColumn p  {
	margin:0 0 10px;
	padding:0;
}

.oneColumn .leftColumn h2, .oneColumn .middleColumn h2, .oneColumn .rightColumn h2 {
	margin:0 0 5px;
	padding:0;
}

.profile .text p {
	margin-bottom:0.5em;
}

/****************************************************************************
 *  Module dimensions for 4 column grid
 ****************************************************************************/

.fourColumn #bdInner {
	margin:0 12px;
	clear:both;
}

.fourColumn.content #bd {
	width:696px;
}

.fourColumn .modContainer,
.fourColumn .accordion {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	width: 214px;
	display: inline;
}

.fourColumn .mod .hd {
	width:214px;
}

.content .fourColumn {
    margin: 0 0 20px;
    width: 696px;
    float: left;
}

.content .fourColumn {
    margin: 0;
    padding: 0 28px;
}

.fourColumn .csFooter {
    background: transparent url(../img/layout/backgroundShell/4col_inner_shell_footer_32.png) left bottom no-repeat;
    margin: 0 -5px;
    overflow: hidden;
    padding: 1px 7px 3px;
	width: 706px;
}

.accordion .modContainer,
.fourColumn .accordion .modContainer {
	display: block;
	float: none;
	margin: 0 0 10px;
}

.accordionEnabled .modContainer,
.fourColumn .accordionEnabled .modContainer {
	margin: 0;
}

/****************************************************************************
 *  Sidebar
 ****************************************************************************/
div#sidebar {
	padding: 0;
	float: right;
	width: 222px;
	margin-right:21px;
	display:inline;
	margin-bottom: 33px;
}

#sidebar .modContainer {
	width:222px;
	overflow: hidden;
	float: left;
	display:inline;
	margin: 0 0 10px;

}

#sidebar .modContainer .hd {
	background-position:0 -221px;
	width:222px;
}

#sidebar .modContainer .hd h2 {
	border: 0;
	width:189px;
	border-bottom:1px solid #D3D3D3;
}

#sidebar .modContainer .bd {
	width:219px;
	height:auto;
	background: #fff url(../../img/layout/nav/repeat.gif) repeat-x 0 0;
}

#sidebar .modContainer div.last {
	background-image:none;
}

#sidebar .modContainer .ft {
	background-position:0 -26px;
	width:221px;
	margin:0;
	position:static;
}

/****************************************************************************
 *  Module shell
 ****************************************************************************/

.mod {
	position: relative;
}

.mod .hd {
	background: transparent url(../../img/layout/module/header-border.gif) no-repeat 0 0;
	width: 292px;
}

.mod .hd .last {
	background: none;
}

.mod .hd h2 {
	padding: 11px 15px  10px;
	border-bottom: 1px solid #d3d3d3;
	background: transparent url(../../img/layout/module/header-background1.gif) repeat-x 0 bottom;
	margin: 0 1px;
}

.mod .bd {
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
}

.mod .bd p {
	margin:0;
}


.mod .bd h3 {
	margin: 0 20px 0.333em;
	padding-top: 1em;
}

.mod .button {
	margin: 10px 0 0 19px;
}

/* Override for 1/3 size module */

.threeColumn .mod .hd {
	background-position: 0 -80px;
}

.modContainer .bd {
	width: 212px;
	height: 300px;
	background-color:White;
	background-repeat: no-repeat;
	position: relative;
}

.modContainer .ft {
	position: absolute;
	left:0;
	width: 214px;
	height: 8px;
	margin-left: -1px;
	margin-right: -1px;
	bottom: 0;
	background: transparent url(../../img/layout/module/image-promo-bottom.gif) no-repeat 0 0;
}

.modContainer .RelInfo {
	background-color:#f7f7f7;
}

.modContainer .text p {
	margin:0 20px 2px;
}

.modContainer .text p.separate {
	margin-top:12px;
}

.modContainer .text ul.bullet1 {
	padding-top:10px;
}

.modContainer .text ul.bullet1 li a {
	padding-left:10px;
}

.modContainer .text a.action {
	padding-left:13px;
}

/* Override for 1/4 size module */
.fourColumn .modContainer .bd {
	height: 240px;
}


/* The modules do not set their own padding etc, no first element can have a top margin */
.modContainer .text p.firstElement {
	padding-top:1.25em;
}

.modContainer ul.bullet1 {
	padding:20px 20px 0;
}

.modContainer ul.bullet1 li {
	margin-bottom:6px;
}

/* Overrides for 1/3 size image promo module */

.threeColumn .modContainer .bd {
	width: 290px;
}

.threeColumn .modContainer .ft {
	background-position: 0 -18px;
	width: 292px;
}

/* Overrides for half size promo module */

.halfContentPromos .modContainer .bd {
	width: 314px;
	height:232px;
}

.halfContentPromos .modContainer .mod .hd {
	width: 316px;
	background-position: 0 -281px;

}

.halfContentPromos .modContainer .ft {
	background-position: 0 -39px;
	width: 316px;
}

.oneColumn .halfContentPromos .promos .modContainer .bd {
	width: 250px;
}

.oneColumn .halfContentPromos .modContainer .mod .hd {
	width: 292px;
	background-position: 0 -80px;

}

.oneColumn .halfContentPromos .modContainer .ft {
	background-position: 0 -17px;
	width: 292px;
}


/* Form styles in modules */
.modContainer form {
	margin:0 20px;
}

.modContainer form label {
	font-size:0.75em;
	color:#444;
	display:block;
}

/* Special layout for anchors etc */
a.action,
.sitemap li a {
	padding-left:10px;
	background: url(../../img/icons/right-link-arrow.png) no-repeat 0 .48em;
	display:inline-block;
}
#timeline a.action {
	margin-top:10px;
}

a.external {
	padding:0 0 5px 23px;
	background: url(../../img/icons/external.png) no-repeat 0 0;
	display:block;
}
/****************************************************************************
 *  Lists
 ****************************************************************************/

ul.bullet1 {
	list-style-type:none;
	padding:0 0 0 34px;
}
ul.bullet1 li {
	padding:0 0 0 15px;
	display:block;
	position:relative;
	margin:0;
	background:url(../../img/icons/bullet1.gif) no-repeat 0 7px;
}
.feature ul.bullet1 li {
	padding:0 0 0 20px;
	margin: 0 0 0 -20px;
}

ul.tick {

	padding:0;
}
ul.tick li {
	background: url(../../img/icons/tick.gif) 0 5px no-repeat;
	margin:0;
	padding:0 0 5px 30px;
}
.projectDetails ul.bullet1 {
	padding:0 0 0 16px;
}
/* --------------------------------------------------------------------------------------------------- */
/* --- button styles - GLOBAL button set --- */
/* --------------------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------------------- */
/* --- regular (large) link button and regular (large) <button> button --- */
/* --------------------------------------------------------------------------------------------------- */

a.button {
	margin: 0;
	padding: 0 11px 0 0;
	display: inline;
	float: left;
	background-repeat:  no-repeat;
	background-position: right -60px;
	text-decoration: none;
	cursor: pointer;
}

a.button span {
	margin: 0;
	padding: 4px 0 0 11px;
	display: block;
	float: left;
	height: 22px;
	background-position: left top;
	background-repeat: no-repeat;
	cursor: pointer;
}

/* --------------------------------------------------------------------------------------------------- */
/* --- hover styles --- */
/* --------------------------------------------------------------------------------------------------- */
a.button:hover {
	background-position: right -90px;
	text-decoration: none;
}

a.button:hover span {
	background-position: left -30px;
}

/* --------------------------------------------------------------------------------------------------- */
/* --- regular (large) form button --- */
/* --------------------------------------------------------------------------------------------------- */

span.button {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: right -60px;
}

span.button span {
	margin: 0 11px 0 0;
	padding: 0;
	display: block;
	background-position: left top;
}

span.button input {
	margin: 0 -11px 0 0;
	padding: 0 11px 3px 11px;
	border: 0;
	height: 25px;
	background-color: transparent;
	text-align: center;
	width: auto !important;
	overflow: visible;
	cursor: pointer;	
}

/* --- hover styles --- */

span.button:hover,
span.buttonover {
	background-position: right -90px;
}

span.button:hover span,
span.buttonover span {
	background-position: left -30px;
}

/* --------------------------------------------------------------------------------------------------- */
/* --- regular (large) button button --- */
/* --------------------------------------------------------------------------------------------------- */

/* --- ONLY IMPORT IF ACTUALLY BEING USED --- */

/* --------------------------------------------------------------------------------------------------- */
/* --- small variant link button --- */
/* --------------------------------------------------------------------------------------------------- */
a.btnSmall span,
a.btnCallSmall span,
a.btnFunctionSmall span,
#header a.btnRegister span,
a.btnRegisterSmall span,
a.btnLogin span,
a.btnLogout span,
a.btnDefaultSmall span,
a.btnFreedomSmall span,
a.btnDefaultOrangeSmall span {
	padding-top: 3px;
	height: 20px;	
}

/* --------------------------------------------------------------------------------------------------- */
/* --- small variant form button --- */
/* --------------------------------------------------------------------------------------------------- */
span.btnSmall input, 
span.btnFunctionSmall input, 
span.btnCallSmall input,
span.btnDefaultSmall input,
span.btnFreedomSmall input,
span.btnDefaultOrangeSmall input {
	padding-top: 0;
	height: 22px;	
}

/* --------------------------------------------------------------------------------------------------- */
/* --- Default background colours --- */
/* --------------------------------------------------------------------------------------------------- */
a.button, a.button span,
span.button, span.button span
 {
	background-image: url(../../img/buttons/large_green_08.png);
}

a.btnSmall, a.btnSmall span, 
span.btnSmall, span.btnSmall span
 {
	background-image: url(../../img/buttons/small_green_08.png);
}

/* --------------------------------------------------------------------------------------------------- */
/* --- button styles --- */
/* --------------------------------------------------------------------------------------------------- */

a.btnDefault, a.btnDefault span,
span.btnDefault, span.btnDefault span {
	background-image: url(../../img/buttons/large_green_08.png);
}

a.btnDefaultSmall, a.btnDefaultSmall span,
span.btnDefaultSmall, span.btnDefaultSmall span {
	background-image: url(../../img/buttons/small_green_08.png); 
}

/* --------------------------------------------------------------------------------------------------- */
/* --- button colour and style variants --- */
/* --------------------------------------------------------------------------------------------------- */

/* --- call to action button --- */


a.btnCall, a.btnCall span, span.btnCall, span.btnCall span,
a.btnSecondary span, a.btnSecondary {
	background-image: url(../../img/buttons/large_white_08.png);	
}

a.btnCallSmall, a.btnCallSmall span,
span.btnCallSmall, span.btnCallSmall span {
	background-image: url(../../img/buttons/small_white_08.png);	
}

/* --- function buttons --- */

a.btnFunction, a.btnFunction span, span.btnFunction, span.btnFunction span {
	background-image: url(../../img/buttons/large_grey_08.png);	
}
a.btnFunctionSmall, a.btnFunctionSmall span, span.btnFunctionSmall, span.btnFunctionSmall span {
	background-image: url(../../img/buttons/small_grey_08.png);	
}


/* --- login register log out --- */

a.btnRegister, a.btnRegister span {
	background-image: url(../../img/buttons/large_blue_08.png);		
}

a.btnRegisterSmall, a.btnRegisterSmall span,
#header a.btnRegister, #header a.btnRegister span {
	background-image: url(../../img/buttons/small_blue_08.png);		
}

a.btnLogin, a.btnLogin span {
	background-image: url(../../img/buttons/small_green_08.png);		
}
a.btnLogout, a.btnLogout span {
	background-image: url(../../img/buttons/small_white_08.png);		
}

a.btnLogin, a.btnLogout {
	padding-right: 30px;
	background-position: right -120px;
}
a.btnLogin span, a.btnLogout span {

}
a.btnLogin:HOVER, a.btnLogout:HOVER {
	background-position: right -150px;
}

/* --------------------------------------------------------------------------------------------------- */
/* --- TYPOGRAPHY: buttons --- */
/* --------------------------------------------------------------------------------------------------- */
/* - repeat in typography */
a.button, 
a.button:VISITED,
a.button:HOVER,
span.button input {
	color: #fff;
	font-weight: bold;
}

a.btnCall, a.btnCall:VISITED, a.btnCall:HOVER,
a.btnCallSmall, a.btnCallSmall:VISITED, a.btnCallSmall:HOVER,
a.btnLogout, a.btnLogout:VISITED, a.btnLogout:HOVER,
span.btnCall input, span.btnCallSmall input {
	color: #555;
}

/* --------------------------------------------------------------------------------------------------- */
/* --- FREEDOM variant: buttons (including AS legacy class name) --- */
/* --------------------------------------------------------------------------------------------------- */
a.btnFreedom, a.btnFreedom span,
span.btnFreedom, span.btnFreedom span {
	background-image: url(../../img/buttons/large_orange_08.png);
}

a.btnFreedomSmall, a.btnFreedomSmall span,
span.btnFreedomSmall, span.btnFreedomSmall span,
a.btnDefaultOrangeSmall, a.btnDefaultOrangeSmall span,
span.btnDefaultOrangeSmall, span.btnDefaultOrangeSmall span {
	background-image: url(../../img/buttons/small_orange_08.png);
}  /* nb. btnDefaultOrangeSmall is class name used in AS/Secure */

/* --------------------------------------------------------------------------------------------------- */
/* --- New window buttons (LARGE only) --- */
/* --------------------------------------------------------------------------------------------------- */
a.btnNewWindow {
	background-position: right -120px;
	padding-right: 35px;
}

a.btnNewWindow:hover {
	background-position: right -150px;
}

/* --------------------------------------------------------------------------------------------------- */
/* --- end of file --- */
/* --------------------------------------------------------------------------------------------------- */
/****************************************************************************
 *  Typography - font sizes, font colours and font weights
 ****************************************************************************/

body {
    line-height: 1.33;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size: 100%;
}


/****************************************************************************
 *  Font sizes
 ****************************************************************************/
/* 32px */
.investor p.price {
	font-size: 2em;
}

/* 25px */
h1 {
	font-size: 1.5625em;
}

/* 23px */
#heroLinks li {
	font-size: 1.4375em;
}

/* 20px */
#skipLinks a,
.mediaContacts .bd p.contact span {
	font-size: 1.5em;
}

/* 16px */
.content .csA h2,
.content .news h2,
.gallery h2,
.project .contentMain ul,
.profile .text p,
.oneColumn .leftColumn h2,
.flashReplace ul.contacts li h2,
#timeline li p,
.sitemap ul,
.content #bd .globalPresence li.feature h2 {
	font-size:1em;
}

/* 15px */
.mod .hd h2,
.mod .bd h3,
.content .globalPresence p.intro,
.investor p.relLinks,
.navList2 p,
.modContainer .text p.intro,
.multiColDetail p.intro2,
.content .projectDetails .contentHeader p,
.content .multiColDetail .intro .txt p,
body.halfContentPromos .promos p,
.oneColumn .middleColumn h2, 
.oneColumn .rightColumn h2,
.galleryInfo h1 {
	font-size: .9375em;
}

/* 13px */
h4,
.content .contentHeader p,
.content h2.mapLink,
.mod ul.bullet1,
.news p,
.products p,
.navList2 .bd li a,
.flashReplace ul.letters li,
.modContainer .thumbList li p.title {
	font-size: 0.813em;
}

/* 12px */
.contentMain ul,
.sitemap,
#header li,
h5,
p,
#sidebar .navList .hd h2,
#sidebar .mod h2,
.tabPanel li,
.tabPanel .description li,
.content .multiColDetail h3,
.content .projectDetails h3,
.content .projectDetails p,
.multiColDetail ul.bullet1,
.content .freeRunning h3,
.freeRunning ul.bullet1, 
.features a.external,
.mediaContacts .bd p.contact,
.feature h3,
.selection span,
.selection ul li,
.mod .bd ul.tick,
.profile .text p.title,
.flashReplace ul.contacts,
.flashReplace ul.switchView,
.flashReplace ul.partners li,
.content h3,
.heroImagePromo .bd,
.investor p.date {
    font-size: .75em;
}

/* 11px */
#breadcrumb p,
#breadcrumb li,
.mod .button,
#header dl,
#footer p,
#footer h2,
#footer li a,
.footnote,
.modContainer .globalPresence .bd p,
.news p.date,
.navList .bd li a,
.fourColumn .modContainer .news p.date,
#sidebar .navList .bd p,
.thumbList p.date,
.thumbList p.desc,
#sidebar .mod ul.bullet1,
.multiImg .last p,
.content .projectDetails .contentHeader .partner p,
.mediaContacts .bd p,
.news p.date,
ul.gallery li p,
span.rss a,
.pagination p,
.pagination label,
.pagination input,
.pagination span,
.investor p.delay,
.fourColumn .investor p.date,
.galleryInfo a,
.galleryInfo p {
	font-size: .6875em;
}

/* 10px */
#sitewideNav li,
.fourColumn .investor p.delay,
.galleryInfo .prev,
.galleryInfo .next {
	font-size: 0.625em;
	
}

/****************************************************************************
 *  Font colours
 ****************************************************************************/

a,
h1,
.navList li a:hover,
#header .site .selected a,
.content .csA h2,
.features li h2,
.ui-state-active h2,
.mediaContacts .bd p.contact,
.content .news a.action:hover,
.profile .text p.name,
.oneColumn .leftColumn h2,
.oneColumn .middleColumn h2, 
.oneColumn .rightColumn h2,
.flashReplace ul.contacts h3,
.flashReplace a.totop:hover,
ul.sitemap li a:hover {
	color: #00a1e4;
}

#header .site a,
.mod .bd h3,
.content h2.mapLink,
.content .globalPresence .feature a.action,
.feature h3,
ul.gallery li p,
.pagination label,
.selection .pagination span,
body.halfContentPromos .promos p,
.content .news a.action,
#timeline li h2,
ul.sitemap li a,
.investor p.date,
.galleryInfo h1 {
	color: #333;
}

#header .topnav  a {
	color: #444;
}

.mod .bd,
.navList li a,
span.button input,
.multiImg .last a, 
.selection span,
.flashReplace a.totop,
.mod h2,
h2.active,
h2 a.active,
.accordionEnabled .ui-state-default h2,
.accordionEnabled .ui-state-default h2 a {
	color: #555;
}

.footnote,
#sidebar .mod h2,
#footer p,
.investor p.delay {
	color: #666;
}

#breadcrumb {
	color: #888;
}


.heroImagePromo .bd {
	color:#fff;
}

.profile .text {
	color:#cccccc;
}

/****************************************************************************
 *  Font weights
 ****************************************************************************/

#header .logo a,
#header dl dt,
#header .topnav .selected a,
.modHero li a,
a.button,
a.button:visited,
span.button input,
#sidebar .mod h2,
.content .csA h2.mapLink,
.news p.date,
ul.gallery li p.date,
.selection span,
.thumbList p.date,
.profile .text p.title,
.flashReplace ul.partners li p.hd,
.sitemap li,
.galleryInfo .prev,
.galleryInfo .next {
 	font-weight: bold;
}
h1,
.mod .hd h2,
.mod .bd h3,
.content .csA h2,
ul.gallery h2,
.pagination span,
.flashReplace ul.contacts h2,
.flashReplace ul.contacts h3,
.leftColumn h2, 
.middleColumn h2, 
.rightColumn h2,
.sitemap li li {
	font-weight: normal;
}

/****************************************************************************
 *  Font family
 ****************************************************************************/

.modHero li {
	font-family: verdana, tahoma, helvetica, arial, sans-serif;
}
/****************************************************************************
*  Main pages content styles
****************************************************************************/
.content .contentMain {
	position:relative;
}
.content .csC {
	padding:0 28px 1px;
}

.content .contentHeader, .project .contentHeader  {
	border-bottom: 0;
	padding-bottom: 9px;
}

.content .intro2, .project .intro2 {
	border-bottom:#e2e2e2 solid 1px;
	padding-bottom:16px;
	margin-bottom:13px;
}

.projectDetails .alt {
	border-bottom:#e2e2e2 solid 1px;
	margin-bottom:16px;
	padding-bottom:22px;
}

.content .csA h2 {
	margin: 0 0 10px;
	padding-top:14px;
	display:block;
	clear:both;
}
.feature {
	padding-left:90px;
	margin:0 0 25px;
	min-height:45px;
}
.content .features {
	margin-bottom:0;
}
.content .csA h2.mapLink {
	border-top:solid 1px #e2e2e2;
	margin-top:27px;
	padding-top:30px;
	display:block;
}

.project .features h2 {
	clear:none;
	padding-top:0;
}

.features h3, .feature h3 {
	margin-top:18px;
	margin-bottom:0;
}

.feature ul.bullet1 {
	padding-left:2px;
}

.features ul {
	padding:0 15px 0 2px;
}

.features ul.bullet1 li {
	margin-bottom:6px;
}

.project .features ul {
	border-width:0 1px;
	border-color:#ccc;
	border-style:solid;
}

.project .features li {
	min-height: 115px;
	clear:both;
	overflow:hidden;
	padding: 15px 0;
	border:0;
	border-bottom: #e2e2e2 solid 1px;
	position: relative;
}

.features li.first {
	padding:10px 0 15px;
}

.features li.last {
	padding:15px 0 0;
	border-bottom:none;
}

.features li img {
	float:left;
	margin-right:15px;
	margin-left:15px;
	border:#e2e2e2 solid 1px;
}

.features li a.youTube {
	margin: 0 15px;
	float: left;
	position: relative;
}

.features li a.youTube img {
	float: none;
	margin: 0;
}

.features li a.lightbox img {
	height: 115px;
}

.lightbox,
.youTube {
	display: block;
}

.genInfo .youTube {
	width: 191px;
	height: 141px;
}

.genInfo .lightbox,
.genInfo .youTube {
	position: relative;
}

.genInfo .lightbox span,
.genInfo .youTube span,
.features .youTube span {
	background: transparent url(../../img/icons/play.png) no-repeat scroll left top;
	display: block;
	height: 31px;
	left: 78px;
	position: absolute;
	top: 58px;
	width: 36px;
}

.features li p {
	margin:0;
}

.features li p a {
	float:left;
}

.content .productsServices .feature1 {
	background: url(../../img/content/productsservices/feature1.png) no-repeat 23px 0;
}
.content .productsServices .feature2 {
	background: url(../../img/content/productsservices/feature2.png) no-repeat 23px center;
}
.content .productsServices .feature3 {
	background: url(../../img/content/productsservices/feature3.png) no-repeat 18px center;
}
.content .productsServices .feature4 {
	background: url(../../img/content/productsservices/feature4.png) no-repeat 18px 10px;
}
.content .productsServices ul.bullet1 {
	padding:0;
}
.content .productsServices ul.bullet1 li {
	margin-bottom:6px;
}

.content .globalPresence ul.features li {
	overflow:hidden;
	padding-bottom:5px;
	padding-left:162px;
	position:relative;
}

.content .globalPresence .feature {
	overflow:hidden;
	padding-bottom:5px;
	padding-left:162px;
	position:relative;
}

.content .globalPresence .feature a img {
	position:absolute;
	top:10px;
	left:0;
	border:#e2e2e2 solid 1px;
}
.content .globalPresence .feature p.link {
	float:left;
	margin-top:0;
	margin-right:20px;
}
.content .globalPresence p.goToSite {
	float:right;
	width:auto
}
.content .globalPresence p.intro {
	margin-top:0;
}
.content .globalPresence .theuk {
	background: url(../../img/content/global/theuk.png) no-repeat 0 4px;
}
.content .globalPresence .southafrica {
	background: url(../../img/content/global/southafrica.png) no-repeat 0 4px;
}
.content .globalPresence .germany {
	background: url(../../img/content/global/germany.png) no-repeat 0 4px;
}
.content .globalPresence .nordicregion {
	background: url(../../img/content/global/nordicregion.png) no-repeat 0 4px;
}
.content .globalPresence .usa {
	background: url(../../img/content/global/usa.png) no-repeat 0 4px;
}
.content .acceptingPayments .feature1 {
	background: url(../../img/content/acceptingpayments/feature1.png) no-repeat 29px 5px;
}
.content .acceptingPayments .feature2 {
	background: url(../../img/content/acceptingpayments/feature2.png) no-repeat 15px 10px;
}
.content .acceptingPayments .feature3 {
	background: url(../../img/content/acceptingpayments/feature3.png) no-repeat 15px 10px;
}
.content .responsibleLending .feature1 {
	background: url(../../img/content/responsiblelending/feature1.png) no-repeat 22px 5px;
}
.content .responsibleLending .feature2 {
	background: url(../../img/content/responsiblelending/feature2.png) no-repeat 21px 6px;
}
.content .responsibleLending .feature3 {
	background: url(../../img/content/responsiblelending/feature3.png) no-repeat 16px 5px;
}
.content .acceptingPayments .feature4 {
	background: url(../../img/content/acceptingpayments/feature4.png) no-repeat 20px 5px;
}
.content .acceptingPayments .feature5 {
	background: url(../../img/content/acceptingpayments/feature5.png) no-repeat 20px 5px;
}
.content .commercial .feature1 {
	background: url(../../img/content/commercial/feature1.png) no-repeat 16px 5px;
}
.content .commercial .feature2 {
	background: url(../../img/content/commercial/feature2.png) no-repeat 15px 10px;
}
.content .commercial .feature3 {
	background: url(../../img/content/commercial/feature3.png) no-repeat 15px 10px;
}
.content .commercial .feature4 {
	background: url(../../img/content/commercial/feature4.png) no-repeat 20px 5px;
}
.content .commercial .feature5 {
	background: url(../../img/content/commercial/feature5.png) no-repeat 20px 5px;
}
/* Tab Panels */
.tabPanel .header {
	margin: 0;
	padding: 0 0 5px;
	overflow:hidden;
}

.tabPanel .contentMain {
	border-color:#e2e2e2;
	border-style:solid;
	border-width:0 1px;
	background:white;
	padding:0 20px 10px;
}

.tabPanel .content {
	padding-top:1px;
}

.tabPanel .header p,
.content .tabPanel .header p {
	float: left;
	padding: 0;
	margin: 0;
}

.tabPanel .header ul {
	margin: 0 0 0 10px;
	padding: 0;
	list-style: none;
	overflow: hidden;
}

.tabPanel .header li {
	margin: 0 3px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

.tabPanel .header li a {
	margin: 0 0 0 4px;
	padding: 0 14px;
	text-decoration: none;
	/* changed to inline-block so that hover area is bigger in IE6. Move to IE6.css if problems occur  */
	/* display: inline; */
	display: inline-block;
}

.content .multiColDetail,
.content .projectDetails,
.content .freeRunning {
	margin-top:0;
}

.content .multiColDetail h2,
.content .projectDetails h2,
.content .freeRunning h2 {
	display:block;
}

.content .multiColDetail h3,
.content .projectDetails h3 {
	padding:0;
	margin:10px 0 0;
}

.content .multiColDetail h3.alt,
.content .projectDetails h3.alt {
	padding:0 0 6px;
}

.content .multiColDetail .feature {
	border-bottom:#e2e2e2 solid 1px;
	margin:20px 0;
}

.content .freeRunning .intro {
	float:left;
	width:100%;
	padding:0 0 20px;
	margin-bottom:15px;
	border-bottom:#e2e2e2 solid 1px;
}

.content .multiColDetail .intro,
.content .projectDetails .intro {
	width:450px;
	float:left;
}

.content .multiColDetail .partner,
.content .projectDetails .partner {
	width:150px;
	float:right;
	border-left:#e2e2e2 solid 1px;
	padding:0 0 0 20px;
}
.content .multiColDetail .partner p,
.content .projectDetails .partner p {
	line-height:1em;
}

.content .multiColDetail .partner a,
.content .projectDetails .partner a {
	display:block;
	padding-bottom:8px;
}

.content .projectDetails .contentHeader {
	width:640px;
	float:left;
	clear:both;
}
.content .projectDetails .contentHeader p {
	line-height:1.3em;
}
.content .projectDetails .contentHeader img {
	position:relative;
	left:-6px;
	margin-bottom:15px;
}

.content .projectDetails .video {
	padding:0 0 20px;
}

.content .projectDetails .caseStudy  {
	background: url(../../img/content/community/thumb2.jpg) no-repeat;
	padding:0 0 0 200px;
	margin-top:10px;
}

.content .projectDetails .caseStudy  .acrobat {
	background: url(../../img/icons/acrobat.png) no-repeat;
	padding:0 0 2px 25px;
}

.content .projectDetails .caseStudy  .getacrobat {
	background: url(../../img/icons/get-acrobat.jpg) no-repeat;
	padding:0 0 2px 25px;
}

.content .projectDetails p {
	padding:0 0 8px;
	margin:0;
}
.content .projectDetails p.separate {
	margin-top:10px;
}

.content .projectDetails ul.bullet1 {
	margin-top:10px;
	margin-bottom:4px;
}

.content .projectDetails ul.bullet1 li {
	padding-bottom:5px;
}

.content .news ul  {
	clear:both;
}

.content .news li h2 {
	margin:0;
	padding:0;
}

.content .news ul li {
	padding:0 0 13px;
	margin-bottom:18px;
	border-bottom:#e2e2e2 solid 1px;
}

.content .news ul li.last {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}

.content .news li h2 {
	margin:0;
	padding:0;
}

.content .news li p {
	margin:0;
	padding:3px 0;
}

span.rss  {
	padding:3px 0 0 27px;
}

span.rss a {
	background:url(../../img/icons/rss.gif) left top no-repeat;
	padding:3px 0 3px 25px;
}

.selection {
	margin: 15px 0 0 0;
	padding: 0 0 10px;
	width: 904px;
	border-bottom: 1px solid #e2e2e2;
	overflow: auto;
}

.selection ul {
	margin: 0;
	display:inline;
	list-style: none;
}
.selection ul li {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: 1px solid #bababa;
	color: #888;
}
.selection ul li.last {
	border-right:none;
}

.pagination {
	float:right;
	overflow:hidden;
}

.pagination a {
	float:left;
	width:19px;
	height:19px;
	background:url(../../img/icons/arrows.gif) no-repeat 0 0;
	text-indent:9999px;
}

.pagination a.next {
	background:url(../../img/icons/arrows.gif) no-repeat -57px 0;
}

.pagination a.previous:hover {
	background:url(../../img/icons/arrows.gif) no-repeat -19px 0;
}

.pagination a.next:hover {
	background:url(../../img/icons/arrows.gif) no-repeat -38px 0;
}

.pagination input {
	float:left;
	width:20px;
	padding:2px;
	text-align:center;
	border:#cecece solid 1px;
}

.pagination fieldset, .pagination label  {
	float:left;
}

.pagination label  {
	padding:0 5px 0 10px;
}

.pagination span  {
	padding:0 10px 0 5px;
}

ul.gallery {
	width: 926px;
	padding: 14px 0 20px;
	margin-right: -22px;
	overflow: hidden;
	clear: both;
}
ul.gallery li {
	width: 211px;
	padding: 0;
	margin: 0 15px 25px 0;
	display: inline-block;
	position: relative;
	vertical-align: top;
}

ul.gallery li a {
	display:block;
}
ul.gallery li a span.thumb {
	display:block;
	text-align:center;
	background:#eeeeee;
	width:209px;
	height:118px;
	border:#e2e2e2 solid 1px;
	margin-bottom:15px;
}
ul.gallery li a span.thumb img {
	border:none;
	margin-bottom:0;
	width: 209px;
	height: 118px;
}
ul.gallery li a img {
	border:#e2e2e2 solid 1px;
	display:block;
	margin-bottom:15px;
}
ul.gallery li p {
	line-height:1.2em;
	margin-top:5px;
}
ul.gallery li p.date {
	margin: 2px 0 10px;
}

ul.gallery li span.play {
	background:url(../../img/icons/play.png) top left no-repeat;
	width:36px;
	height:31px;
	display:block;
	position:absolute;
	top:65px;
	left:88px;
}

/* profiles */
.boardGallery {
	width:903px;
	position:relative;
	margin-top:20px;
	height:130px;
	display: block;
	overflow: auto;
	float: left; /* this float is important for the image scrollbar */
}

.boardGallery ul {
	width: 1465px;
	height: 130px;
}

.boardGallery li {
	width:168px;
	height:93px;
	float:left;
	margin:0 17px 0 0;
	padding:0;
}

.boardGallery li.last {
	margin-left:-17px;
}

.boardGallery li a {
	width:168px;
	height:93px;
	display:block;
}

.boardGallery li a span {
	position:absolute;
	top:-999em;
}

.boardGallery li a.thumb1 {
	background: url(../../img/content/ourpeople/thumbs/a-jenkins.jpg);
}

.boardGallery li a.thumb1:hover {
	background: url(../../img/content/ourpeople/thumbs/a-jenkins.jpg) 0 -93px;
}

.boardGallery li a.thumb1:active, .boardGallery li a.thumb1.on {
	background: url(../../img/content/ourpeople/thumbs/a-jenkins.jpg) 0 -186px;
}

.boardGallery li a.thumb2 {
	background: url(../../img/content/ourpeople/thumbs/a-sajed.jpg);
}

.boardGallery li a.thumb2:hover {
	background: url(../../img/content/ourpeople/thumbs/a-sajed.jpg) 0 -93px;
}

.boardGallery li a.thumb2:active, .boardGallery li a.thumb2.on {
	background: url(../../img/content/ourpeople/thumbs/a-sajed.jpg) 0 -186px;
}

.boardGallery li a.thumb3 {
	background: url(../../img/content/ourpeople/thumbs/c-hess.jpg);
}

.boardGallery li a.thumb3:hover {
	background: url(../../img/content/ourpeople/thumbs/c-hess.jpg) 0 -93px;
}

.boardGallery li a.thumb3:active, .boardGallery li a.thumb3.on {
	background: url(../../img/content/ourpeople/thumbs/c-hess.jpg) 0 -186px;
}

.boardGallery li a.thumb4 {
	background: url(../../img/content/ourpeople/thumbs/e-chambers.jpg);
}

.boardGallery li a.thumb4:hover {
	background: url(../../img/content/ourpeople/thumbs/e-chambers.jpg) 0 -93px;
}

.boardGallery li a.thumb4:active, .boardGallery li a.thumb4.on {
	background: url(../../img/content/ourpeople/thumbs/e-chambers.jpg) 0 -186px;
}

.boardGallery li a.thumb5 {
	background: url(../../img/content/ourpeople/thumbs/r-skitt.jpg);
}

.boardGallery li a.thumb5:hover {
	background: url(../../img/content/ourpeople/thumbs/r-skitt.jpg) 0 -93px;
}

.boardGallery li a.thumb5:active, .boardGallery li a.thumb5.on {
	background: url(../../img/content/ourpeople/thumbs/r-skitt.jpg) 0 -186px;
}

.boardGallery li a.thumb6 {
	background: url(../../img/content/ourpeople/thumbs/l-wirshba.jpg);
}

.boardGallery li a.thumb6:hover {
	background: url(../../img/content/ourpeople/thumbs/l-wirshba.jpg) 0 -93px;
}

.boardGallery li a.thumb6:active, .boardGallery li a.thumb6.on {
	background: url(../../img/content/ourpeople/thumbs/l-wirshba.jpg) 0 -186px;
}

.boardGallery li a.thumb7 {
	background: url(../../img/content/ourpeople/thumbs/c-wood.jpg);
}

.boardGallery li a.thumb7:hover {
	background: url(../../img/content/ourpeople/thumbs/c-wood.jpg) 0 -93px;
}

.boardGallery li a.thumb7:active, .boardGallery li a.thumb7.on {
	background: url(../../img/content/ourpeople/thumbs/c-wood.jpg) 0 -186px;
}

.boardGallery li a.thumb8 {
	background: url(../../img/content/ourpeople/thumbs/d-chan.jpg);
}

.boardGallery li a.thumb8:hover {
	background: url(../../img/content/ourpeople/thumbs/d-chan.jpg) 0 -93px;
}

.boardGallery li a.thumb8:active, .boardGallery li a.thumb8.on {
	background: url(../../img/content/ourpeople/thumbs/d-chan.jpg) 0 -186px;
}

.boardGallery li a.thumb9 {
	background: url(../../img/content/ourpeople/thumbs/v-keating.jpg);
}

.boardGallery li a.thumb9:hover {
	background: url(../../img/content/ourpeople/thumbs/v-keating.jpg) 0 -93px;
}

.boardGallery li a.thumb9:active, .boardGallery li a.thumb9.on {
	background: url(../../img/content/ourpeople/thumbs/v-keating.jpg) 0 -186px;
}

.boardGallery li a.thumb10 {
	background: url(../../img/content/ourpeople/thumbs/m-connelly.jpg);
}

.boardGallery li a.thumb10:hover {
	background: url(../../img/content/ourpeople/thumbs/m-connelly.jpg) 0 -93px;
}

.boardGallery li a.thumb10:active, .boardGallery li a.thumb10.on {
	background: url(../../img/content/ourpeople/thumbs/m-connelly.jpg) 0 -186px;
}

.boardGallery li.last {
	margin:0 -16px 0 0;
}

.profile {
	width:903px;
	height:281px;
	clear:both;
	margin-top:20px;
}

.profile1 {
	background: url(../../img/content/ourpeople/a-jenkins.jpg);
}

.profile2 {
	background: url(../../img/content/ourpeople/a-sajed.jpg);
}

.profile3 {
	background: url(../../img/content/ourpeople/c-hess.jpg);
}

.profile4 {
	background: url(../../img/content/ourpeople/e-chambers.jpg);
}

.profile5 {
	background: url(../../img/content/ourpeople/r-skitt.jpg);
}

.profile6 {
	background: url(../../img/content/ourpeople/l-wirshba.jpg);
}

.profile7 {
	background: url(../../img/content/ourpeople/c-wood.jpg);
}

.profile8 {
	background: url(../../img/content/ourpeople/d-chan.jpg);
}

.profile9 {
	background: url(../../img/content/ourpeople/v-keating.jpg);
}

.profile10 {
	background: url(../../img/content/ourpeople/m-connolly.jpg);
}

.profile .text {
	padding: 30px 0 0 30px;
	width: 575px;
	line-height: 1.25em;
}

.profile p.name {
	margin-top:15px;
}

.oneColumn .leftColumn p.title {
	margin:0;
}

.leftColumn p strong {
	display:block;
}

/* for the custom image scrollbar */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height:130px;
	margin-top:10px;
	padding-bottom:25px;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(../../img/content/ourpeople/bg-track.jpg);
}

.jScrollIntervalTrack {
	position: absolute;
}

.jScrollPaneDrag {
	position: absolute;
	background: url(../../img/content/ourpeople/scroll.jpg);
	cursor: pointer;
	overflow: hidden;
}

/* error pages */
body.error h1 {
	margin: 0 0 20px;
}
.error div.message {
	background: url(../../img/icons/error.gif) top left no-repeat;
	padding-left: 71px;
	min-height: 400px;
}
.error div.message a {
	padding-left: 10px;
	background: url(../../img/icons/right-link-arrow.png) no-repeat 0 5px;
}
.error div.message p.mid {
	padding:10px 0;
}
/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-overlay {
	background-color: #ffffff; 
	opacity: .50;
	filter:Alpha(Opacity=50);
}

.ui-dialog-titlebar,
.ui-dialog-content,
.ui-dialog-buttonpane {
	background-color: transparent;
}

.ui-dialog-titlebar {
	position: absolute;
	right: 26px;
	top: -8px;
}

.ui-dialog-titlebar-close .ui-icon {
	background: transparent url(../../img/layout/jquery-dialog/close.gif) no-repeat 0 0;
	width: 65px;
	height: 20px;
	display: block;
	text-indent: -100em;
	cursor: pointer;
}

#dialog {
	width: 1000px;
	height: 200px;
	display: none;
}

.youTubeDialog {
	padding: 34px 15px 17px;
	background: transparent url(../../img/layout/jquery-dialog/youtube-bg.png) no-repeat 0 0;
}

.youTubeDialog .ui-dialog-titlebar {
	right: 17px;
}

.galleryDialog {
	padding: 37px 15px 17px;
	width: 643px;
	background: transparent url(../../img/layout/jquery-dialog/gallery-bg.png) no-repeat 0 0;
}

.galleryDialog .ui-dialog-titlebar {
	right: 18px;
}

.galleryDialog img {
	border: 1px solid #808080;
}

.galleryOverlay {
	width: 642px;
	height: 428px;
	overflow: hidden;
}

.galleryOverlay ul {
	position: relative;
	margin-left:-9px;
}

.galleryOverlay li {
	text-align:center;
	float: left;
	display: inline;
	margin-right: 20px;
	width:660px;
}

.galleryOverlay li img {
	cursor: pointer;
}

.galleryOverlay h1 {
	display: block;
	margin: 0;
	padding: 0;
}

.galleryInfo {
	margin-top: 23px;
}

.galleryInfo h1 {
	margin-bottom: 0;
}

.galleryInfo .prev,
.galleryInfo .next {
	padding-left: 28px;
	padding-bottom: 1px;
	float: right;
	background: transparent url(../../img/icons/prev.gif) no-repeat 0 0;
	margin-right: 11px;
	color: #333;
}

.galleryInfo .controls {
	position: absolute;
	right: 16px;
	bottom: 27px;
}

.galleryInfo .next {
	background-image: url(../../img/icons/next.gif);
	background-position: right 0;
	border-left: 1px solid #999;
	padding-left: 11px;
	padding-right: 28px;
	margin-right: 0;
}

.galleryInfo .controls a:hover {
	color: #00a1e4;
}
/****************************************************************************
 *  Navigation List Module
 ****************************************************************************/

.navList .bd p {
	padding: 16px 16px 14px;
	background-color: #fff;
	line-height: 1.325em;
}

.navList li {
	border-bottom: 1px solid #ccc;
	background: #fff url(../../img/layout/nav/repeat.gif) repeat-x 0 0;
}

.navList li a {
	background: transparent url(../../img/icons/right-link-arrow.png) no-repeat 15px 1em;
	display: block;
	margin: 0;
	padding: 5px 10px 6px 25px;
}

#sidebar .navList li.last a {
	padding-bottom: 0;
}

.navList li a:hover {
	text-decoration: underline;
}

.navList2 .bd p {
	padding: 0 0 4px;
	line-height: 1.325em;
}

.navList2 ul {
	list-style-type: none;
	display: block;
	padding:2px 30px 0 20px;
}

.navList2 li {
	border-top: 1px solid #ccc;
	padding: 12px 0 17px;
}

.navList2 li.first {
	border-top: none;
	margin-top :0;
}

.navList2 li a {
	background: transparent url(../../img/icons/right-link-arrow.png) no-repeat 0 0.4em;
	display: block;
	line-height:1.2em;
	margin: 0;
	padding: 0 10px 0 10px;
}

#sidebar .navList p {
	padding-top:15px;
	padding-bottom:0;
}

#sidebar .navList p a {
	padding-top:0;
	padding-bottom:10px;
	display:block;
	margin-top:-10px;
}

#sidebar .navList li {
	border-top: 1px solid #ccc;
	border-bottom:none;
}
#sidebar .navList li.first {
	border-top:none;
}

#sidebar .relInfo .bd  {
	padding-top:23px;
	padding-bottom:8px;
}

#sidebar .relInfo .bd p  {
	padding-top:0;
	padding-bottom:0;
}

#sidebar .relInfo .bd a  {
	padding-top:0;
	padding-bottom:0;
}

#sidebar .mod .button {
	margin: 0;
}

/****************************************************************************
 *  General sidebar module
 ****************************************************************************/

#sidebar .modContainer .general .bd {
	width: 189px;
	padding: 15px 15px 12px;
	overflow: hidden;
}
#sidebar .modContainer .general .bd .btnSecondary {
	margin-top: 10px;
}

/****************************************************************************
 *  Image Promo Module
 *  and
 *  Inline Image Promo Module
 ****************************************************************************/
 
.threeColumn .inlineImagePromo .bd {
	padding: 20px 19px 0;
	width: 252px;
	height: 281px;
}
.imagePromo .bd p,
.modContainer .imagePromo .bd p {
	top: -999em;
	position:absolute;
}

.imagePromo .button {
	position:absolute;
	bottom:25px;
}
.threeColumn .imagePromo .button {
	top: 240px;
	bottom: auto;
}
.fourColumn .imagePromo .button {
	top: 180px;
	bottom: auto;

}

.modContainer .videoLink .button {
	margin-top:15px;
}

.modContainer .videoLink p 
{
	margin-top:5px;
	margin-left:20px;
	margin-right:20px;
}


/****************************************************************************
 *  Hero Carousel Module
 *  - This is an ID because Flash will consume the contents of the #heroCarousel div
 ****************************************************************************/
#heroPromoStaticContent {
	margin-top:-18px;
}

#heroPromoStaticContent h2, #heroPromoStaticContent p {
	position:absolute;
	left:-99999px;
}
#heroPromoStaticContent img {
	position:relative;
	left:10px;
}
#heroPromoCarousel {
	width: 926px;
	margin: 0 10px;
	position: relative;
	padding-top:4px;
}

#heroPromoCarousel #heroPromoCarouselContent {
	position: static;
	height: 280px;
	overflow: scroll;
	overflow-x: hidden;
}

.oneColumn .section #heroPromoCarousel,
.threeColumn .section #heroPromoCarousel {
	margin-top: 30px;
	margin-bottom: 21px;	
}


#heroPromoCarouselContent p {
	display: none;
}

#heroPromoCarousel .button {
	position: static;
	margin-right: 10px;
}

/****************************************************************************
 *  Hero Links Module
 *  - This is an ID because Flash will consume the contents of the #heroLinks div
 ****************************************************************************/

.fourColumn .section {
	padding-top: 20px;
}

#heroLinks {
	height:260px;
	margin-left: 9px;
	margin-top: 0;
}

#heroLinks img {
	position: absolute;
}

#heroLinks ul {
	position: absolute;
	margin-left: 42px;
	margin-top: 26px;
}

#heroLinks li {
	line-height: 1.7em;
	
}

/* image placeholders for heros */
.home {
	background:url(../../img/placeholders/home.jpg);
}

.whatwedo {
	background:url(../../img/placeholders/whatwedo.jpg);
}

.whatsnew {
	background:url(../../img/placeholders/whatsnew.jpg);
}
.ourinvestors {
	background:url(../../img/placeholders/ourinvestors.jpg);
}

.wesupport {
	background:url(../../img/placeholders/wesupport.jpg);
}

.ourpeople {
	background:url(../../img/placeholders/ourpeople.jpg);
}

/****************************************************************************
 *  Hero Image Module
 ****************************************************************************/

.modHeroBanner {
	width: 916px;
	height: 272px;
	background: #fff no-repeat 0 0;
}
.modHeroBanner mod {
	margin-top: 10px;
}

.modHeroBanner h2,
.modHeroBanner p {
	position:absolute;
	left:-1000em;
}

.modHeroBanner .button {
	position: absolute;
	bottom: 50px;
	left: 18px;
}

/****************************************************************************
 *  Accordion Promo Module
 *  ----------------------
 *  1. An image promo can be wrapped by a class of "accordion".
 *  2. The non-JS version simply stacks the promos on top of each other.
 *  3. JavaScript will adapt the HTML to fit the template that the jQuery accordion expects.
 ****************************************************************************/

.accordionEnabled .hd {
	cursor: pointer;
}

.accordionEnabled .ui-state-active {
	cursor: pointer;
}

.accordionEnabled .ui-icon {
	background: transparent url(../../img/layout/module/grip.gif) no-repeat 0 0;
	height: 10px;
	width: 2px;
	position: absolute;
	right: 12px;
	top: 13px;
}

.accordionEnabled .first .hd {
	background:white url(../../img/layout/module/header-border.gif) no-repeat scroll 0 -80px;
	border: none;
}

.fourColumn .first .hd {
	background-position: 0 0;
}

.accordionEnabled .last .hd {
	background-position: 0 bottom;
	background-image: url(../../img/layout/module/header-border-bottom.gif);
	border: none;
}

.fourColumn .accordionEnabled .last .hd {
	background-image: url(../../img/layout/module/header-border-bottom_third.gif);
}

.accordionEnabled .last .hd h2 {
	border-bottom: none;
	background-position: 0 0;
	background-image: none;
}

.accordionEnabled .hd,
.accordionEnabled .last .ui-state-active {
	background-image: none;
	border-left:1px solid #D3D3D3;
	border-right:1px solid #D3D3D3;
}

.accordionEnabled .hd h2,
.accordionEnabled .last .ui-state-active h2 {
	margin: 0;
	background-image: url(../../img/layout/module/header-background1b.gif);
	background-position: 0 bottom;
}

.accordionEnabled .last .ui-state-active h2 {
	background-position: 0 bottom;
}

.accordionEnabled .ui-state-default h2 {
	padding-left:16px;
}

.accordionEnabled .first .hd h2 {
	background:transparent url(../../img/layout/module/header-background1.gif) repeat-x scroll 0 bottom;
	border-bottom:1px solid #D3D3D3;
	margin:0 1px;
	padding:11px 15px 10px;
}

.accordionEnabled .first .bd {
	overflow: hidden;
}

.accordionEnabled .bd .ft {
	background-image: none;
	border-bottom: 1px solid #d3d3d3;
}

 .accordionEnabled .last .bd .ft {
	background-image: url(../../img/layout/module/image-promo-bottom.gif);
	border-bottom: none;
}

.threeColumn .accordionEnabled .first .mod .hd,
.threeColumn .accordionEnabled .last .mod .hd {
	width: 292px;
}

.threeColumn .accordionEnabled .mod .hd,
.threeColumn .accordionEnabled .last .mod .ui-state-active  {
	width: 290px;
}

.fourColumn .accordionEnabled .first .mod .hd,
.fourColumn .accordionEnabled .last .mod .hd {
	width: 214px;
}

.fourColumn .accordionEnabled .mod .hd,
.fourColumn .accordionEnabled .last .mod .ui-state-active {
	width: 212px;
}

.fourColumn .accordionEnabled .last .mod .ui-state-active  {
	background-image: none;
}

/****************************************************************************
 *  Investor module - on home page
 ****************************************************************************/

.investor .bd h3 {
	margin: 0 19px 11px;
	background: url(../../img/logos/barclays.gif) right bottom no-repeat;
	color:#555;
	padding-top:20px;
}

.investor .bd .content {
	padding:10px 19px 0;
}
.investor p.price {
	color: #00a1e4;
	margin-bottom:8px;
}
.investor p.price span {
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:12px;
	color:#00a1e4;
	font-size:0.3751em;
}
.investor p.price span.down {
	background-image: url(../../img/icons/down-red.png);
	color:#d60519;
}
.investor p.price span.up {
	background-image: url(../../img/icons/up-green.png);
	color:#49941b;
}
.investor p.date {
	padding-top: 6px;
}
.investor p.relLinks {
	color: #666;
	font-size: .9375em;
	background: url(../../img/icons/external.gif) 0 17px no-repeat;
	padding: 18px 0 0 25px;
	border-top: #e2e2e2 solid 1px;
	margin: 18px 0 0;
}

.investor .bd .content ul {
	list-style-type:none;
	margin-top:12px;
}

.investor .bd .content ul li {
	padding-left:10px;
	background: url(../../img/icons/right-link-arrow.png) no-repeat left center;
	font-size:0.7182em;
}

/****************************************************************************
 *  Latest news module types
 ****************************************************************************/

.modContainer .news ul {
	padding:20px 20px 0;
}

.modContainer .news li.first {
	border-top: none;
	margin-top:-8px;
}

.modContainer .news  li  {
	padding:8px 0 8px 25px;
	border-top: solid 1px #e2e2e2;
	background: url(../../img/icons/news.png) 0 12px no-repeat;
}

.modContainer .news li div.word  {
	background: url(../../img/icons/word.png) 0 11px no-repeat;
}
.modContainer .news li p {
	line-height:1.3em;
	color:#333;
}
.modContainer .news li p a {
	display:block;
}
.modContainer .news li p a.dwl {
	display:block;
	font-size:0.9em;
}

.modContainer .news .button {
	margin-left: 45px;
}

/****************************************************************************
 *  Latest videos module types
 ****************************************************************************/

.modContainer .thumbList ul {
	padding:10px 20px 0;
}

.modContainer .thumbList ul.gallery {
	width: 250px;
}

.modContainer .thumbList ul.gallery li p.date {
	margin: 2px 0;
}

.modContainer .thumbList ul.gallery li {
	margin: 0;
	padding: 10px 0 0;
}

.modContainer .thumbList li {
	border-top: solid 1px #e2e2e2;
	position:relative;
	display:block;
	padding:10px 0 10px;
	overflow:hidden;
	width:100%;
}
.modContainer .thumbList li.first {
	border-top:none;
}
.modContainer .thumbList li img {
    width:86px;
    height:54px;
	border: #e2e2e2 solid 1px;
	float:left;
}
.modContainer .thumbList ul.gallery li a img {
	margin-bottom: 10px
}

.modContainer .thumbList li span {
    display:block;
    left:33px;
    position:absolute;
    top:30px;
    width:25px;
    height:23px;
    background:transparent url(../../img/icons/play-small.png) no-repeat scroll left top;
}
.modContainer .thumbList li p {
	color:#333;
	line-height:1.2em;
}
.modContainer .thumbList li div  {
	width: 150px;
	padding:0;
	margin:0 0 0 10px;
	float:left;
}
.modContainer .thumbList .button {
	margin-left: 115px;
}

/****************************************************************************
 *  Bullets list only module
 ****************************************************************************/
.modContainer .list .button {
	position:absolute;
	margin-left: 32px;
	bottom:25px;
}

/****************************************************************************
 *  Press module - typically on home page
 ****************************************************************************/

.videoLink .play {
	text-align:center;
	padding-top: 19px;
	background:#fff;
}

.videoLink img {
	border:#ccc solid 1px;
}

/****************************************************************************
 *  Barclays around the world module - our people
 ****************************************************************************/
.modContainer .barclaysWorld .bd {
	background:url(../../img/layout/module/around-world.png) bottom right no-repeat white;
}
.modContainer .bd p.first {
	padding-top:15px;
}
.modContainer .barclaysWorld form {
	margin-top:8px;
	margin-bottom:8px;
	overflow: hidden;
	width: 250px;
}
.modContainer .barclaysWorld form label {
	display: block;
	margin-bottom: 8px;
}
.modContainer .barclaysWorld form select {
	margin-top: 2px;
	float: left;
}
.modContainer .barclaysWorld form span.button {
	margin: 0 0 0 10px;
}
.modContainer .barclaysWorld form button {
	position:relative;
	top:9px;
}
.modContainer .barclaysWorld p.separate {
	border-top: solid 1px #e2e2e2;
	padding-top:20px;
	margin-top:20px;
}

/****************************************************************************
 *  Global Presence module
 ****************************************************************************/

.modContainer .globalPresence .bd {
	padding: 156px 15px 15px;
	overflow:hidden;
	background: url(../../img/content/sidebar/global-presence.jpg) white top left no-repeat;
}
#sidebar .modContainer .globalPresence .bd {
	width:189px;
	background: url(../../img/content/sidebar/global-presence.jpg) white top left no-repeat;
}

/* events module */

.modContainer .events  .bd  {
	background: url(../../img/content/promos/thirdSize/freerun.jpg) top no-repeat;
}

/* people module */

.modContainer .people .bd  {
	background: url(../../img/content/promos/thirdSize/executive.jpg) top no-repeat;
}
.modContainer .people .bd p {
	margin-bottom:10px;
}

/****************************************************************************
 *  Latest news module types
 ****************************************************************************/

.halfContentPromos .promos ul.tick {
	padding:15px 20px 0 0;
	margin-left:20px;
}

/****************************************************************************
 *  Products and services hub module  *
 ****************************************************************************/

.modContainer .products p {
	padding-top:0;
	margin-bottom:2px;
}

.modContainer h3.sub {
	margin-top:15px;
	padding-top:15px;
	border-top:#e2e2e2 solid 1px;
}

/****************************************************************************
 *  Media contacts module
 ****************************************************************************/

.mediaContacts .bd  {
	padding:0 0 10px;
	background:url(../../img/content/promos/quarterSize/bg-communityproject.jpg);
}

.mediaContacts .bd p {
	padding:3px 15px 0;
}

.mediaContacts .bd p.contact {
	padding:12px 15px 0;

}

.mediaContacts .bd p.contact span {
	display:block;
}

/* currently also used on sponsorship pages */

.multiImg .bd {
	background:url(../../img/content/promos/quarterSize/bg-communityproject.jpg) #fff top repeat-x;
	padding:10px 0 0;
}

.multiImg .last {
	background:none;
	border-top:#e2e2e2 solid 1px;
}

.content .multiImg .last a {
	padding:0 0 3px 10px;
}

.multiImg .bd img {
	border:#e2e2e2 solid 1px;
	margin:5px 0 15px 15px;	
}

.multiImg .bd p a,
.multiImg .bd p.date {
	padding:2px 14px 2px;
	display:block;
	line-height:1.2em;
}

.multiImg .bd p a.action {
	margin:0 14px 0;
	display:block;
	line-height:1.2em;
}

/****************************************************************************
 *  Breaking ground module 
 ****************************************************************************/
.halfContentPromos .promos p {
	margin-bottom:-5px;
	padding-top:15px;
}

/****************************************************************************
 *  Flash modules
 ****************************************************************************/
.globalMap { 
	margin-left: -7px; 
}

div.flashReplaced {
	left:-10px;
	margin-top:0;
}
.oneColumn div.flashReplaced {
	left:-6px;
	top:13px;
}

.flashReplace {
	position:relative;
	margin-top:22px;
}
.flashReplace .hidden {
	position:absolute;
	top:-9999px;
}
.flashReplace ul.switchView {
	position:absolute;
	right:4px;
}

div.flashReplaced ul.switchView {
	right: -2px;
	margin-top:5px;
}

#page .flashReplace ul.switchView li {
	float:left;
	display:inline;
	padding-top:0;
}

.flashReplace div.header,
.flashReplace div.main,
.flashReplace div.footer {
	position:relative;
	left:-6px;
}

.flashReplace div.header {
	background:url(../../img/layout/background-shell/top_border_wide.gif) top left no-repeat;
	height:6px;
	width:916px;
	overflow:hidden;
}
.flashReplace div.main {
	border-style:solid;
	border-color:#ccc;
	border-width:0 1px;
	overflow:hidden;
	width:874px;
	padding:14px 20px 5px;
	background:#f5f5f5 url(../../img/layout/background-shell/shell_inner_gradient.png) top left repeat-x;
}
.flashReplace div.footer {
	background:url(../../img/layout/background-shell/footer_wide.gif) top left no-repeat;
	height:21px;
	width:916px;
}

.flashReplace ul.switchView li.linkRight {
	border-left:solid 1px #bcbcbc;
	padding-left:5px;
	margin-left:5px;
}
.flashReplace ul.switchView li.linkLeft {
	border-right:solid 1px #bcbcbc;
	padding-right:5px;
	margin-right:5px;
}
.flashReplace ul.letters {
	text-align:center;
}
.flashReplace ul.letters li {
	display:inline;
	margin:0 7px;
	text-transform:uppercase;
}

.flashReplace ul.contacts {
	margin-top:20px;
}
.flashReplace ul.contacts li {
	background:url(../../img/layout/module/contactusline.gif) 18px 0 no-repeat;
	position:relative;
	float:left;
	margin-bottom:20px;
	width:871px;
}
.flashReplace ul.contacts li.first {
	background:none;
}
#timeline ul.contacts li {
	background-repeat:repeat-x;
	background-position:0 0;
}
.flashReplace ul.contacts li li {
	float:none;
	background:none;
	margin-bottom:0;
	width:auto;
	clear:both;
}
.flashReplace ul.contacts li h2 {
	text-transform:uppercase;
}
.flashReplace ul.contacts li h2,
.flashReplace a.totop {
	position:absolute;
	top:-10px;
}
.flashReplace ul.contacts li h2 {
	margin:0;
	left:0;
	padding-right:10px;
}
.flashReplace a.totop {
	background:url(../../img/icons/upblue.gif) 7px center no-repeat;
	padding-left:20px;
	position:absolute;
	right:0;
	top:-9px;
}

body .flashReplace ul.contacts h3 {
	font-size:1.667em;
	margin-top:15px;
}
.flashReplace h5 {
	margin:0 0 2px;
}
.flashReplace h6 {
	margin:0;
}
.flashReplace ul ul ul,
.flashReplace .callus,
.flashReplace .write {
	padding:0 0 0 51px;
	float:left;
	margin:0;
}
.flashReplace .nowebsites {
	margin-left:251px;
}
body .flashReplace ul ul ul li,
.flashReplace h5,
.flashReplace h6,
.flashReplace .write p,
.flashReplace a.totop {
	font-size:0.917em !important;
	line-height:1.364em;
}

.flashReplace ul.websites {
	width:200px;
	background:url(../../img/icons/mouse.gif) 0 5px no-repeat;
	min-height:33px;
}
.flashReplace ul.websites li {
	margin-bottom:10px;
}

.flashReplace .callus {
	width:280px;
	background:url(../../img/icons/phone.gif) 6px 5px no-repeat;
}
.flashReplace .callus ul {
	padding:0;
	float:none;
	margin: 0 0 10px;
}
.flashReplace .callus li {
	overflow:hidden;
}
.flashReplace .callus span {
	width:135px;
	float:left;
	clear:left;
}
.flashReplace .callus span.number {
	float:right;
	clear:right;
	width:115px;
	margin-right:10px;
	display:inline;
}
.flashReplace .write {
	width:289px;
	padding:0;
}

.flashReplace .write .email {
	padding-left:51px;
	background:url(../../img/icons/email.gif) 0 5px no-repeat;
}
.flashReplace .write .post {
	padding-left:51px;
	background:url(../../img/icons/write.gif) 0 5px no-repeat;
}
.flashReplace .write .post p {
	margin-bottom:10px;
}

/****************************************************************************
 *  Who we work with 
 ****************************************************************************/

.flashReplace ul.partners  {
	clear:both !important;
}

.flashReplace ul.partners li {
	width:245px !important;
	margin:28px 50px 0 0;
	display:inline-block;
	vertical-align:top;
}

.flashReplace ul.partners li.last {
	margin-right:-50px;

}

.flashReplace img {
	margin-bottom:10px;
}

.flashReplace ul.partners li p, .flashReplace ul.partners li a {
	line-height:1.364em;
	font-size:1.278em !important;
}

.flashReplace ul.partners li a {
	margin-top:8px;
}

/* Timeline */
#timeline ul {
	margin:0;
}
#timeline li {
	padding-top:20px;
}
#timeline li.first {
	padding-top:0;
}
#timeline li h2 {
	position:static;
	text-transform:none;
	font-size:1.333em;
	margin:10px 0;
}

#timeline li div {
	float:left;
	margin-right:20px;
	padding:6px 0 0 7px;
	background:url(../../img/layout/module/timelinelistitembg.png) top left no-repeat;
	width:211px;
	height:153px;
}

/* sitemap */
.sitemap {
	overflow: hidden;
	margin-right: -10px;
	width: 670px;
}

.sitemap li {
	display: inline-block;
	vertical-align: top;
	width: 200px;
	margin: 0 20px 30px 0;
}

#page .sitemap li li {
	display: list-item;
	clear: both;
	width: auto;
	margin: 6px 0;
}
#page .sitemap li li li {
	margin: 0;
}
#page .sitemap li li li a {
	background-image: none;
	color: #666;
}
.sitemap ul {
	margin-left:15px;
	width:auto;
}
.sitemap ul ul {
	font-size: .84em;
}

.heroImagePromo {
	width: 912px;
	height: 261px;
}

.heroImagePromo .hd {
	position: absolute;
	left: -100em;
}

.heroImagePromo .bd {
	width: 871px;
	border: none;
	padding: 108px 0 0 41px;
	height: 153px;
}

.heroImagePromo .bd li {
	background: transparent url(../../img/icons/tickwhite.png) no-repeat 0 0.3em;
	padding-left: 26px;
	margin-bottom: 0.7em;
}

/*div#termsConditions {
clear:both;
margin:0 0 10px;
}
div#termsConditions p {
color:#666666;
font-size:72%;
}
div#termsConditions p.external {
background:transparent url(../../img/icons/external_freedom.png) no-repeat scroll 0 3px;
padding-left:15px;
color:#666666;
font-size:0.916em;
font-size:72%;
}*/

div#termsConditions{margin:0 0 12px;clear:both;}
div#termsConditions p{color:#666;font-size:72%;line-height:1.33;_line-height:16px !important;}
p.external{background:transparent url(../../img/icons/external_freedom.png) no-repeat scroll 0 6px;padding-left:15px;padding-top:5px;font-size:72%;line-height:1.33!important;}
.padT33{padding-top:33px;}


/* styles for video link */

.videoLink a.flashMovieLink em,	
.galleryInfo .prev,
.galleryInfo .next {
	font-size: .625em;
}

.videoLink a.flashMovieLink em  {
	font-size: .667em;
	margin-left: 10px;
}


.videoLink a.flashMovieLink span,	
.myBarclaycard .demoLinks a {
	font-size: .9375em;
}

.videoLink a.flashMovieLink {
	margin: 10px 0 0 20px;
	float: left;
	bottom: 30px;
	position: absolute;
	text-decoration: none;
}
.videoLink a.flashMovieLink em {
	font-style: normal;
}
.videoLink a.flashMovieLink span  {
	background: transparent url("/freedom/assets/global/img/buttons/watch-lightbox-icon.png") no-repeat left top;
	color: #FFF;
	cursor: pointer;
	display: inline;
	padding: 13px 10px 15px 50px;
	margin: 10px 0 0;
}
.videoLink a.flashMovieLink span.end {
	background-position: right top;
	display: inline;
	padding: 13px 0 15px;
	width: 10px;
}
.oneColumn .panelOne #fcBarclaycardFlashVideoPlayer a.flashMovieLink,
.oneColumn .panelTwo #fcBarclaycardFlashVideoPlayer a.flashMovieLink {
	margin: 10px 0 0;
	float: left;
}
.oneColumn .panelOne #fcBarclaycardFlashVideoPlayer a.flashMovieLink:hover,
.oneColumn .panelTwo #fcBarclaycardFlashVideoPlayer a.flashMovieLink:hover {
	text-decoration: none;
}

.features li a.lightbox img {
	height: 115px;
}

.lightbox,
.youTube {
	display: block;
}

.genInfo .youTube {
	width: 191px;
	height: 141px;
}

.genInfo .lightbox,
.genInfo .youTube {
	position: relative;
}

.videoLink .youTube span,
.genInfo .lightbox span,
.genInfo .youTube span,
.features .youTube span {
	background: transparent url(/freedom/assets/global/img/icons/play.png) no-repeat left top;
	display: block;
	height: 31px;
	left: 78px;
	position: absolute;
	top: 58px;
	width: 36px;
}

.videoLink .youTube span {
	left: 130px;
	top: 85px;
}
.lightbox img {
	border: 1px solid #e2e2e2;
}
/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.ui-widget-overlay {
	background-color: #ffffff; 
	opacity: .50;
	filter:Alpha(Opacity=50);
}

.ui-dialog-titlebar,
.ui-dialog-content,
.ui-dialog-buttonpane {
	background-color: transparent;
}

.ui-dialog-titlebar {
	position: absolute;
	right: 26px;
	top: -8px;
}

.ui-dialog-titlebar-close .ui-icon {
	background: transparent url(/freedom/assets/global/img/layout/jquery-dialog/close.gif) no-repeat 0 0;
	width: 65px;
	height: 20px;
	display: block;
	text-indent: -100em;
	cursor: pointer;
}

#dialog {
	width: 1000px;
	height: 200px;
	display: none;
}

.youTubeDialog {
	padding: 34px 15px 17px;
	background: transparent url(/freedom/assets/global/img/layout/jquery-dialog/youtube-bg.png) no-repeat 0 0;
}

.youTubeDialog .ui-dialog-titlebar {
	right: 17px;
}
.lightbox,
.youTube {
	display: block;
}

.alignCenter {
	text-align:center;
}
ul.dash li {
	background:url("../../img/icons/dash.gif") no-repeat scroll 0 6px transparent;
	margin:0;
	padding:0 0 5px 10px;
	font-size:0.75em;
}