/* generic html styles */
body{
	font-size:62.5%; 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
}

p{font-size:1.1em; line-height:1.5em; margin:0 0 10px 0;}
li{font-size:1.1em;}
span.blue-bold{font-size:1.2em; font-weight:bold;}
a{color:#01A4E9; text-decoration:none;}
a:hover{text-decoration:underline;}

.none{display:none;}
.clear{clear:both;}

.replace{
	text-indent:-9999px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:transparent;
}

a.arrowLink-white{
	display:block;
	color:#01A4E9;
	font-weight:bold;
	background-image: url(../img/arrowlink-white.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:5px 0 5px 18px;
	text-decoration:none;
	font-size:1.0em;
}
a.arrowLink-white:hover{text-decoration:underline;}

a.arrowLink-blue{
	display:block;
	color:#01A4E9;
	font-weight:bold;
	background-image:url(../img/arrowlink-blue.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding:5px 0 5px 18px;
	text-decoration:none;
	font-size:0.9em;
}
a.arrowLink-blue:hover{text-decoration:underline;}

a#lnk-find-out-more{
	background-image:url(../img/lnk-find-out-more.jpg);
	height:16px;
	width:144px;
}

/* layout styles */
div#container{
	text-align:left; 
	width:930px; 
	margin:0 auto 0 auto;
}

/* page header styles */
div#header{}
div.pageHdr-borderTop{
	background-color:#01A4E9;
	background-image:url(../img/pagehdr-bordertop.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:18px 0 0px 0;
}
div.pageHdr-borderBtm{
	background-color:#01A4E9;
	background-image:url(../img/pagehdr-borderbtm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:0px 0 18px 0;
}
a#barclays-logo{
	background-image:url(../img/barclaysheader.jpg);
	height:37px;
	width:230px;
	margin:0 0 0 18px;
	padding:0;
}

/* homepage masthead styles */
div#masthead{padding:17px 0 17px 11px;}

div#masthead-left{width:728px; float:left;}
h2#masthead-left-top{
	background-image:url(../img/masthead-left-top.jpg);
	height:66px;	
	padding:0;
	margin:0;
}
h2#masthead-left-btm{
	background-image:url(../img/masthead-left-btm.jpg);
	height:101px;	
	padding:0;
	margin:0;
}

div#masthead-right{
	float:right;
	background-image:url(../img/masthead-right-bordertop.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:175px;
}
div.masthead-right-content{
	font-size:1.0em;
	border-left:1px solid #01A4E9;
	border-right:1px solid #01A4E9;
	margin:13px 0 0 0;
	padding:0 10px 5px 10px;
}
div.masthead-right-btmborder{
	background-image:url(../img/masthead-right-borderbtm.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:86px;
}
#hdr-masthead-right{
	background-image:url(../img/hdr-masthead-right.jpg);
	width:133px;
	height:31px;
	margin:0;
	padding:0;
}

/* homepage 5 box styles */
div#pagedesc{padding:0px 0 17px 0;}
ul.bluebox{
	list-style-type:none;
	margin:0 0 0 1px;
	padding:0;
}

ul.bluebox li{
	float:left; 
	background-color:#E6F5FA; 
	width:171px;
	background-image:url(../img/bluebox-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:0;
}
ul.bluebox li.margin{margin:0 18px 0 0;}

div.bluebox-btmborder{
	background-image:url(../img/bluebox-btm.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	padding:10px;
	height:240px;
	position:relative;
}

div.bluebox-btmborder a.lnk-btm{position:absolute; bottom:5px; margin:10px 0 0 0;}
div.bluebox-btmborder p{margin:10px 0 0 0; font-size:1.0em;}


#boxHdr-1{
	background-image:url(../img/hdr-box1.jpg);
	height:37px;
	width:123px;
	margin:0 !important;
	padding:0 !important;
}
#boxHdr-2{
	background-image:url(../img/hdr-box2.jpg);
	height:37px;
	width:123px;
	margin:0 !important;
	padding:0 !important;
}
#boxHdr-3{
	background-image:url(../img/hdr-box3.jpg);
	height:55px;
	width:123px;
	margin:0 !important;
	padding:0 !important;
}
#boxHdr-4{
	background-image:url(../img/hdr-box4.jpg);
	height:37px;
	width:123px;
	margin:0 !important;
	padding:0 !important;
}
#boxHdr-5{
	background-image:url(../img/hdr-box5.jpg);
	height:37px;
	width:123px;
	margin:0 !important;
	padding:0 !important;
}

/* content page styles */
#pagebody{}
#col-1{width:202px; float:left; margin:34px 0 17px 0;}
#col-2{float:left;}
#col-3{ float:left;}
#col2-content{width:460px;}

.private-banking-col2{width:465px; margin:7px 0 17px 25px;}
.private-banking-col3{width:214px; margin:34px 0 17px 24px; }

.corporate-banking-col2{width:465px; margin:4px 0 17px 25px;}
.corporate-banking-col3{width:214px; margin:34px 0 17px 24px;}

.barclays-capital-col2{width:465px; margin:11px 0 17px 25px;}
.barclays-capital-col3{width:214px; margin:34px 0 17px 24px; }

.global-investors-col2{width:465px; margin:32px 0 17px 25px;}
.global-investors-col3{width:214px; margin:34px 0 17px 24px;}

.wealth-structuring-col2{width:465px; margin:12px 0 17px 25px;}
.wealth-structuring-col3{width:214px; margin:34px 0 17px 24px; }

.opera-col2{width:465px; margin:7px 0 17px 25px;}
.opera-col3{width:214px; margin:34px 0 17px 24px;}

.inner-col{float:left; width:216px;}
.inner-col-margin{margin:0 0 0 17px;}

ul#navigation{
	list-style-type:none;
	padding:0 0 17px 0;
	margin:0;
}
ul#navigation li{border-bottom:1px dashed #8098B2;}

ul#navigation li a{margin:7px 0 0 0; padding:0 0 7px 0;}

ul#navigation li h2, ul#navigation li a{
	width:192px;	
}

a#navigation-hdr{
	background-image:url(../img/nav-hdr.jpg);
	height:20px;
	padding:0 0 20px 0 !important;
}
a#barclays-private-bank_on{
	background:url(../img/barclays-private-bank.gif) no-repeat left top;
	height:17px;
}
a#barclays-private-bank_off{
	background:url(../img/barclays-private-bank.gif) no-repeat right top;
	height:17px;
}
a#barclays-private-bank_off:hover{background:url(../img/barclays-private-bank.gif) no-repeat left top;}

a#barclays-wealth-intermediaries_on{
	background:url(../img/barclays-wealth-intermediariees.gif) no-repeat left top;
	height:57px;
}
a#barclays-wealth-intermediaries_off{
	background:url(../img/barclays-wealth-intermediariees.gif) no-repeat right top;
	height:57px;
}
a#barclays-wealth-intermediaries_off:hover{background:url(../img/barclays-wealth-intermediariees.gif) no-repeat left top;}

a#barclays-capital_on{
	background:url(../img/barclays-capital.gif) no-repeat left top;
	height:17px;
}
a#barclays-capital_off{
	background:url(../img/barclays-capital.gif) no-repeat right top;
	height:17px;
}
a#barclays-capital_off:hover{background:url(../img/barclays-capital.gif) no-repeat left top;}

a#barclays-global-investors_on{
	background:url(../img/barclays-global-investors.gif) no-repeat left top;
	height:17px;
}
a#barclays-global-investors_off{
	background:url(../img/barclays-global-investors.gif) no-repeat right top;
	height:17px;
}
a#barclays-global-investors_off:hover{background:url(../img/barclays-global-investors.gif) no-repeat left top;}

a#barclays-wealth-structuring_on{
	background:url(../img/barclays-wealth-structuring.gif) no-repeat left top;
	height:36px;
}
a#barclays-wealth-structuring_off{
	background:url(../img/barclays-wealth-structuring.gif) no-repeat right top;
	height:36px;
}
a#barclays-wealth-structuring_off:hover{background:url(../img/barclays-wealth-structuring.gif) no-repeat left top;}

div.psuedo-bullet{
	background-image:url(../img/bullet.gif);
	background-repeat:no-repeat;
	background-position:top left;
	border-bottom:1px dashed #8098B2;
	padding:0 0 5px 13px;
	margin:5px 0 5px 0;
	font-size:1.1em;
	line-height:1.5em;
}

/* page headings */
#hdr-private-banking{
	background-image:url(../img/hdr-private-banking.jpg);
	width:465px;	
	height:141px;
	margin:0 0 20px 0;
}
#hdr-corporate-banking{
	background-image:url(../img/hdr-corporate-banking.jpg);
	width:465px;	
	height:153px;
	margin:0 0 20px 0;
}
#hdr-barclays-capital{
	background-image:url(../img/hdr-barclays-capital.jpg);
	width:465px;	
	height:159px;
	margin:0 0 0 0;
}
#hdr-global-investors{
	background-image:url(../img/hdr-global-investors.jpg);
	width:465px;	
	height:136px;
	margin:0 0 7px 0;
}
#hdr-barclays-wealth{
	background-image:url(../img/hdr-barclays-wealth.jpg);
	width:465px;	
	height:136px;
	margin:0 0 20px 0;
}
#hdr-opera{
	background-image:url(../img/hdr-opera.jpg);
	width:465px;	
	height:141px;
	margin:0 0 20px 0;
}

/* content styles */
#hdr-client-events{
	background-image:url(../img/hdr-client-events.jpg);
	height:14px;
	width:93px;
}
#lnk-find-out-more{
	background-image:url(../img/lnk-find-out-more.jpg);
	height:14px;
	width:112px;
}
#hdr-contact-us{
	background-image:url(../img/hdr-contact-us.jpg);
	height:14px;
	width:112px;
	margin:0 0 5px 0;
}
#hdr-related-links{
	background-image:url(../img/hdr-related-links.jpg);
	height:14px;
	width:112px;
	margin:0 0 5px 0;
}

.col3-box-margin{margin:0 0 17px 0;}

.col3-filled-border-top{
	width:212px;
	background-image:url(../img/col3-border-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:13px 0 0 0;
}
.col3-border-top{
	width:212px;
	background-image:url(../img/col3-border-top.jpg);
	background-position:top;
	background-repeat:no-repeat;
	padding:13px 0 0 0;
}

.col3-box-content{
	padding:0 10px 10px 10px;
	margin:0;
	background-image:url(../img/col3-border-btm.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
.col3-box-content-filled{
	padding:0 10px 80px 10px;
	margin:0;
	background-image:url(../img/col3-border-btm-filled.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}

/* sitemap styles */

.sitemap {
	width: auto;
	float: left;
}

.sitemap h3 {
	width: auto;
	margin: 10px 0 10px 0;
	font-size: 1.1em;
}

.sitemap ul {
	margin: 0 10px 0 10px;
	list-style: none;
	font-weight: bold;
}

.sitemap ul li {
	margin: 0 0 5px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #999;
}

.sitemap ul li a  {
	display: block;
	color: #01A4E9;
	text-decoration: none;
}


/* footer styles */
#footer{
	padding:7px 0 0 418px;
	background-image:url(../img/footer.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:28px;
}
#footer a{font-size:0.9em; color:#000000; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer2{
	padding:7px 0 0 10px;
	background-image:url(../img/footer2.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	height:28px;
}
#footer2 a{font-size:0.9em; color:#000000; text-decoration:none;}
#footer2 a:hover{text-decoration:underline;}

#legals p{font-size:0.9em;}
#legals ol{margin-top:0; font-size:0.9em;}