body { font-family:arial,helvetica,sans-serif; font-size:1.2em; text-align:center;}

a { background-color:#fff; color:#005DA2; font-weight:bold; z-index:10; position:relative;}
a:hover { background-color:#fff; color:#00ADEF; font-weight:bold; z-index:10; position:relative;}
img { border:0px; }

#bodycontainer { width:950px; margin-left:auto; margin-right:auto; text-align:left;}

/*#header { width:950px; 	height:60px; }*/
#header { width:950px; 	height:81px; }
#header #logo_holder {	width:325px; float:left; }
#header #logo_holder h1 { margin:0px; padding:0px; }
#header #topnav_holder { float:left; text-align:right; padding:0px 0px 0px 20px; width:600px; height:30px; _padding-top:10px;}
#header #topnav_holder ul {  width: 400px; float: right; }
#header #topnav_holder ul li { display:inline; margin-left:5px; font-size:11pt; }

#header #topnav_holder .pnactive { color:#00ADEF; }

#toppanel { width:950px; margin-top:10px; height:170px; _margin-top:2px;}
#toppanel #lhs_panel { width:215px; float:left; }

#barclayslogo_holder { width:215px; margin-top:11px}
#login_panel { width:215px; margin-top:15px;}
#login_panel form { margin:0px; padding:0px; }
#login_panel h3 { margin:0px; padding:0px; background-color:#fff; color:#002D56; font-size:0.9em;  }
#login_panel label { background-color:#fff; color:#555555; font-size:0.9em; }
#login_panel input.input { width:210px; }
input.sml_action { font-size:1em; width:50px; height:22px; background-image:url(../img/sml_red_button.gif); background-repeat:no-repeat; border:0px; background-color:#EE1B2E; color:#fff; cursor:pointer; font-weight:bold;}
input.med_action { font-size:1em; width:100px; height:22px; background-image:url(../img/med_red_button.gif); background-repeat:no-repeat; border:0px; background-color:#EE1B2E; color:#fff; cursor:pointer; font-weight:bold;}
#login_panel p { margin:0px;padding:0px;font-size:1.0em;  }

#hero_panel { width:671px; height:135px; float:left; padding:30px 0px 0px 16px; font-weight:bold;}
.contact_heropanel {background: transparent url(../img/hero/pic_header_contact.jpg) top left no-repeat;}
.plant_heropanel {background: transparent url(../img/hero/pic_header_plant.jpg) top left no-repeat;}
.toast_heropanel {background: transparent url(../img/hero/pic_header_toast.jpg) top left no-repeat; }
.balloon_heropanel {background: transparent url(../img/hero/pic_header_balloon.jpg) top left no-repeat;}
.bulb_heropanel {background: transparent url(../img/hero/pic_header_bulb.jpg) top left no-repeat;}
.compass_heropanel {background: transparent url(../img/hero/pic_header_compass.jpg) top left no-repeat;}
.egg_heropanel {background: transparent url(../img/hero/pic_header_egg.jpg) top left no-repeat;}
.mug_heropanel {background: transparent url(../img/hero/pic_header_mug.jpg) top left no-repeat;}

.plant_heropanel_sml {background: transparent url(../img/hero/pic_header_plant_sml.jpg) top left no-repeat;}
.toast_heropanel_sml {background: transparent url(../img/hero/pic_header_toast_sml.jpg) top left no-repeat; }
.balloon_heropanel_sml {background: transparent url(../img/hero/pic_header_balloon_sml.jpg) top left no-repeat;}
.bulb_heropanel_sml {background: transparent url(../img/hero/pic_header_bulb_sml.jpg) top left no-repeat;}
.compass_heropanel_sml {background: transparent url(../img/hero/pic_header_compass_sml.jpg) top left no-repeat;}
.egg_heropanel_sml {background: transparent url(../img/hero/pic_header_egg_sml.jpg) top left no-repeat;}
.mug_heropanel_sml {background: transparent url(../img/hero/pic_header_mug_sml.jpg) top left no-repeat;}

.hero_text_white { background-color:#00ADEF; color:#fff; font-size:18pt; }

#mainpanel {  width:950px; margin-top:28px; padding-top:0px; margin-bottom:-10px; }
#mainpanel h2 { font-size:1.4em; background-color:#fff; color:#002D56; margin:0px 0px 10px 0px; padding:0px;}
#mainpanel h3 { font-size:1em; background-color:#fff; color:#002D56; margin:0px 0px 10px 0px; padding:0px; border-top:1px solid #D8D8D8; padding-top:10px; margin-top:0px; }

#mainpanel p { margin-bottom:10px; padding-bottom:0px;}

.column1 { width:215px; float:left;  }
.column2 { width:452px; float:left;  }
.column3 { width:690px; float:left;  }

.column3nolink { width:690px; float:left;  }

div.med_action { width:100px; height:20px; background-image:url(../img/med_red_button.gif); background-repeat:no-repeat; background-color:transparent; background-color:#EE1B2E; color:#fff; cursor:pointer; font-weight:bold; text-align:center;padding-top:2px;}
div.med_action a { background:transparent; color:#fff;text-decoration:none; font-size:1.0em;padding:4px;}
div.med_action a:hover { background:transparent; color:#fff;padding:4px;}

div.big_action { width:150px; height:20px; background-image:url(../img/butt_start.gif); background-repeat:no-repeat; background-color:transparent; background-color:#EE1B2E; color:#fff; cursor:pointer; font-weight:bold; text-align:center;padding-top:2px;}
div.big_action a { background:transparent; color:#fff;text-decoration:none; font-size:1.0em;padding:4px;}
div.big_action a:hover { background:transparent; color:#fff;padding:4px;}

.p44 { margin-right:44px; }
.p22 { margin-right:22px; }
.np { margin-right:0px; }

.column1 p em { background-color:#fff; color:#002D56; }
.column3 p.title { background-color:#fff; color:#002D56; font-weight:bold;}
.column1 p, .column2 p, .column3 p { font-size:1.0em; background-color:#fff; color:#555; margin-top:0px; padding-top:0px; padding-bottom:3px;}
.column2 li, .column3 li { font-size:1.0em; background-color:#fff; color:#555; }

p.quote { background-color:#fff; color:#0E3A5F; font-style:italic;}

.column1 a, .column2 a, .column3 a { color:#005DA2; font-weight:bold; padding-right:10px; background:#fff url(../img/ahref_arrow.gif) right no-repeat;}
.column1 a:hover, .column2 a:hover, .column3 a:hover { color:#00ADEF; font-weight:bold; padding-right:10px; background:#fff url(../img/ahref_arrow_on.gif) right no-repeat; }

a.noarr { background-image:none; padding-right:0px; }
a.noarr:hover  { background-image:none; padding-right:0px; }

ul.nav { margin-top:30px; }
ul.exnav { margin-top:0px; }

ul.nav,ul.nav ul,ul.exnav,ul.exnav ul { list-style:none; margin-left:0px; padding-left:0px;  }
/*ul.nav ul { margin-bottom:12px; }*/

ul.nav ul li a { background-color:#fff; color:#4184B8;  font-weight:bold; padding-left:10px; background-image:url(../img/li_arrow.gif);background-repeat:no-repeat;background-position:left; }
ul.nav ul li a.active { background-color:#fff; color:#00ADEF;  font-weight:bold; padding-left:10px; background-image:url(../img/ahref_arrow_on.gif);background-repeat:no-repeat;background-position:left; }
ul.nav ul li a:hover { background-color:#fff; color:#00ADEF;  font-weight:bold; padding-left:10px; background-image:url(../img/ahref_arrow_on.gif);background-repeat:no-repeat;background-position:left; }

ul.nav2 li{padding-left:20px;}



a.active { background-color:#fff; color:#00ADEF; font-weight:bold; padding-right:10px; background-image:url(../img/ahref_arrow_on.gif);background-repeat:no-repeat;background-position:right; }


#footer { clear:left; width:950px; }

#footer img { margin-top:22px; }
html>body #footer img { margin-top:72px; }
#footer img.homepageoverride { margin-top:-70px; position:relative; z-index:1;}
#footerlinks { clear:both; margin-top:-15px;}
#footerlinks.homepageoverride  { clear:both;  padding-top:0px;margin-top:-5px;  }
#footerlinks ul {  padding-left:0px; margin-left:0px; }
#footerlinks ul li { display:inline;}

.pc90 { font-size:1.0em; }
.skip { position:absolute; top:0; left:-1000px; display:none; }
.fyp { margin-left:10px; font-size:0.9em;}

div.lrg_red_button { display:block;position:relative;width:140px; height:35px;background-image:url(../img/lrg_red_button_bg.gif);background-repeat:no-repeat; padding-top:8px;text-align:center;}
div.lrg_red_button a { color:#fff;background-color:transparent;text-decoration:none; font-weight:bold; font-size:1.2em;}
div.lrg_red_button a:hover { text-decoration:underline;background-color:transparent;color:#fff;}

.fontsize { background-color:#fff; color:#005DA2; font-weight:bold; display:inline; float:left; padding:3px 5px 5px 5px; font-size:10pt;}

#quiz p.label { display:block;  background-color:#E8E8E8; color:#005DA2; border:1px solid #005DA2; padding:5px;}
#quiz div { margin:10px 0px 10px 0px; }
#quiz .submit { clear:both; display:block; width:94px; height:35px; background-image:url(../img/med_blue_button.gif); background-repeat:no-repeat; border:0px; background-color:#EE1B2E; color:#fff; cursor:pointer; font-weight:bold; }
#quizerror {color:#ff0000; font-weight:bold;font-size:12pt;}
.casestudy_panel { width:215px; height:123px; float:left;}

#application, #Clientsetup { width:580px;color:#555; }
#application .section_header { clear:both;font-weight:bold;	display:block; width:570px; background-color:#E8E8E8; color:#005DA2; border:1px solid #005DA2; padding:5px; margin-bottom:10px; margin-top:5px;}
#application,#Clientsetup label { color:#555; }
.appcol1 { width:180px; color:#fff; float:left; clear:left; color:#555; margin-top:5px;}
.appcol2 { width:280px; color:#fff; float:left; color:#555; margin-top:5px;}
.errorlist { margin-left: 10px; }
.error_message { clear:both; color:#ff0000; font-weight:bold; margin:5px;}


#font_controls { float:right; width:110px; margin:0px; padding:0px; margin-top:28px;_margin-top:-9px; }



.font_minus	{
			position:relative;
			float: left;
			margin: 0;
			padding: 0;
			font-family: arial, helvetica, sans-serif;
			background: url(../img/font_minus_over.gif) no-repeat;
			width: 20px;
			height: 21px;
                  overflow:hidden;/* for ie to hide extra height*/
}
.font_minus a {
			display: block;
			color: #000000;
			background-color:#ffffff;
			font-size: 11px;
			width: 20px;
			height: 21px;
			display: block;
			float: left;
			color: black;
			text-decoration: none;
			overflow:hidden;/* for ie to hide extra height*/
}
.font_plus	{
			position:relative;
			float: left;
			margin: 0;
			padding: 0;
			font-family: arial, helvetica, sans-serif;
			background: url(../img/font_plus_over.gif) no-repeat;
			width: 20px;
			height: 21px;
            overflow:hidden;/* for ie to hide extra height*/
}
.font_plus a {
			display: block;
			color: #000000;
			background-color:#ffffff;
			font-size: 11px;
			width: 20px;
			height: 21px;
			display: block;
			float: left;
			color: black;
			text-decoration: none;
			overflow:hidden;/* for ie to hide extra height*/
}
.font_minus a:hover,.font_plus a:hover {
			color: #ffffff;
			background-color:inherit;
}


.font_minus img,.font_plus img {width: 20px; height: 21px; border: 0; }
* html a:hover {visibility:visible}
.font_minus a:hover img,.font_plus a:hover img{visibility:hidden}

.font_minus span,.font_plus span {
		    position: absolute;
		    left: 30px;top: 15px;
		    text-align: center;
		    width: 150px;
		    cursor: pointer;

}

.clearer { clear:right; float:left; width:950px;}
.clear { clear:both; width: 100%; height: 1px; display: block;}
ul.links { list-style:none; margin-left:0px; padding-left:0px; }

#rcecc td, #rcecc th { border:1px solid #ededed; }

#cs_foot { border-top:1px solid #ccc; border-bottom:1px solid #ccc; width:450px;height:40px; }
#cs_foot_all { float:left; margin-top:10px; }
#cs_foot_prev { float:right; margin-top:10px;}
#cs_foot_next { float:right; margin-top:10px;}
#footerLogo{
float: right;
}

.partner-nav{
	list-style:none;
	padding-left: 0px;
}
/* view client journey */
.clientJourneyDetail{
border: 1px solid #CCCCCC;
margin: 10px 0px 0px 0px;
padding: 5px;
}

/* blue banner */
#bodycontainer .bluebanner { background-color: #00adef; color: #fff; padding: 10px; margin-top: 20px; }
#bodycontainer .bluebanner h2 { background: none; color: #002D56; font-size: 1.07em; }
#bodycontainer .bluebanner p { background: none; color: #fff; }
#bodycontainer .bluebanner p.button { background: none; padding: 0; margin-bottom: 4px; }
#bodycontainer .bluebanner p.button a { padding: 4px; padding-right: 10px; }