body { padding:0px; margin:0px; font-family: verdana, arial, helvetica, sans-serif; color: #666666; font-size:62.5%;}
*{outline:none;}
p{font-family:Verdana, Arial;line-height:1.5em;}
h1 {font-family: Verdana;color: #00447A;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: 1px;line-height: 1em;font-size: 1.8em;}
h2 {font-family: Verdana;color: #00447A;text-decoration: none;word-spacing: normal;text-align: left;letter-spacing: 1px;line-height: 1em;font-size: 1.8em;}
h5 {color:#00447A; font-size:0.8em; padding-left:5px; padding-bottom:3px; display:block; margin:0; margin-left:5px; }

.clear{ clear:both; }
a.nounderline:hover{text-decoration:none; }

.main-col-left-wrapper{float:left}
.main-col-left {float:none;margin-left:25px;width:670px;padding-top:25px;}
.main-col-left h1,h2{margin-left:0px;}
.main-col-full { margin:0 25px 0 25px; width:900px; padding:25px 0 25px 0 ;}
.main-col-full p { font-size:1.2em; }
.main-col-full h2 { color: #00447A; font-size:1.7em; padding:10px 0 10px 0; }
.main-col-full h2 a{ text-decoration:none; color: #00447A;  }
.main-col-full h2 a:hover{ text-decoration:underline; }
.main-col-full td { font-size:1.2em; }
.main-col-full td a { text-decoration:none; color: #00447A; }
.main-col-full td a:hover { text-decoration:underline; }

.col-right {float:left;padding:25px 0 0 35px;display:inline;}
.col-right a{text-decoration:none;color:#fff;}
.col-right a:hover{text-decoration:underline;}

#main-wrapper { width:960px; margin: 10px auto 0px auto; background:#FFF; }
#menu-wrapper{}

#footer-wrapper{font-size:1.2em;width:960px;float:left;padding-bottom:25px;}
#footer-wrapper ul{float:right;list-style-type:none;margin-top:15px;}
#footer-wrapper ul li{display:inline;float:left;border-right:solid 1px;padding:0 10px 0 10px;}
#footer-wrapper ul li#no-border{border:0px;padding-right:0px;}
#footer-wrapper ul li a{text-decoration:none;color:#666666;}
#footer-wrapper ul li a:hover{text-decoration:underline;}
#footer-wrapper #copyright{margin-top:15px;float:left;}

#menu {font-family: Verdana; background-color: #476985; display:block;height:59px;width:960px}
#menu ul{background:url(/images/layout/menu-bar.jpg) no-repeat left top;  border: 0;  margin: 0;  padding: 0;  list-style-type: none;  text-align: center;height:59px;}
#menu ul li{display:inline;float:left; word-spacing: normal; text-align: left; /*letter-spacing: 0.5px;*/ font-weight:bold; }
#menu ul li a{color: #fff;text-decoration: none;display:block;height:30px;font-size:1.4em;text-align:center;padding-top:20px;}
#menu a.large{margin:0 25px 0 25px;}
#menu a:hover {text-decoration:underline;}
#menu a.menu1{width:190px}
#menu a.menu2{width:210px;}
#menu a.menu3{width:145px;}
#menu a.menu4{width:190px;}
#menu a.menu5{width:160px;}

#boi-gb-img{padding-top:1px;}
#boi-gb-img img{vertical-align:bottom;}
.boi-gb-img{padding-top:1px;}
.boi-gb-img img{vertical-align:bottom;}

.boiuk-header {background:#00447A url(/images/layout/logo.jpg) no-repeat left top;width:960px;height:59px}
.logo-corner-left{background: #00447A url(/images/layout/top-bar-right.jpg) no-repeat right top;height:59px;width:20px;float:right;}

.boiuk-header ul{list-style-type:none;float:right;margin-left:0px;margin-top:25px;}
.boiuk-header ul li{display:inline;padding-left:10px;padding-right:10px;float:left;border-right:solid 1px #99B4CA;}
.boiuk-header ul li.no-border{border-right:none;}
.boiuk-header a {text-decoration:none;color:#99B4CA;text-align:left;font-size:1.2em;line-height:1.2em;font-weight:bold;}
.boiuk-header a:hover{text-decoration:underline;}

.content-wrapper{background-color:#F2F2F2;width:100%;float:left;padding-bottom:25px;font-size:1.2em;border-bottom:solid 3px #00447A;}

/*breadcrumb */
div.breadcrumb {padding-bottom:5px;font-weight:bold;}
div.breadcrumb a {text-decoration:none;color:#99B4CA;text-align:left;font-size:1.2em;line-height:1.2em;}
div.breadcrumb a:hover{text-decoration:underline;}

div.home-link{height:59px;overflow:hidden;float:left;}
div.home-link img{border:0px;}

/*front page panel*/
.homepage-message-wrapper{background-color:#fff;}
h1.header-gap{margin:0px 0 10px 15px;}
h2.header-gap{margin:0px 0 10px 15px;}
.welcome-message{padding-top:1px;}
.welcome-message p{margin:0 15px 0 15px;}
.welcome-message h1 {font-size:1.5em;}
img.feature-image{float:left;}
a#title{text-decoration:none;color:#00447A;}
/*p{float: left; margin-left: 5px; margin-right: 0px; width: 220px;}*/
.front-panel-content {margin-top:-2px;}
.front-panel-content p{float: left; margin-left: 5px; margin-right: 0px; width: 220px;}
ul#widget-menu{list-style-type:none;text-align:left;width:180px;float:right;padding:5px 0 0 5px;}
ul#widget-menu li{display:block;text-align:left;}
ul#widget-menu a{text-decoration:none;color:#4394C0;font-size:1.2em;line-height:1.2em;}
ul#widget-menu a:hover{text-decoration:underline;}
.widget-content img{float:left;}
.widget-text{width:245px;float:left;}
.widget-menu-border{background:transparent url(/images/layout/dotted_line_grey_short.png) no-repeat;margin-top:5px;height:10px;}

.long-dotted-line{background:#ffffff url(/images/layout/dotted_line_grey_long.jpg) no-repeat;height:1px;padding-top:2px;}
.long-dotted-line-extra-pad{background:#ffffff url(/images/layout/dotted_line_grey_long.jpg) no-repeat;height:1px;padding-top:12px;}
div.ie6-img-fix{display:inline;padding:0px;margin:0px;}
 
/* content copied from old site css */
.sectionD6 ul#products li a{position:absolute;bottom:0;left:0;}
.sectionD6 h1{background-color:#F2F2F2;}
.sectionD6 h2{font-size:1em;}
.sectionD6 h5 {font-size:1.2em; margin-left:-5px;}
UL.divider-list {	BORDER-RIGHT: 0px;	PADDING-RIGHT: 0px;	BORDER-TOP: 0px;	PADDING-LEFT: 0px;	PADDING-BOTTOM: 10px;	MARGIN: 0px;	BORDER-LEFT: 0px;	PADDING-TOP: 5px;	BORDER-BOTTOM: 0px;	LIST-STYLE-TYPE: none}
UL.divider-list LI {	PADDING-RIGHT: 0px;	BORDER-TOP: #003366 1px dotted;	PADDING-LEFT: 10px;	PADDING-BOTTOM: 10px;	MARGIN: 10px 0px 0px;	PADDING-TOP: 0px;	LIST-STYLE-TYPE: none}


ul#products {list-style-type: none;  margin: 0 0 0 -10px;  padding: 0;}
ul#products li {  position:relative;  background: #D6D6D6 url(/images/layout/product-li-bg.jpg) top left repeat-x;  border: 1px solid #8a8a8a;  border-bottom: none;
    color: #000;  font-size: 0.8em;  float: left;  margin: 0 8px 8px 0;  padding: 0;  width: 210px;  height:103px;  overflow: hidden;  display: inline-block;
}
ul#products li div.product-intro {  margin: 0;  height:89px;  padding: 0 10px 0 10px;}
ul#products li div.product-intro h4 {  font-size: 1.2em;  color: #003366;  margin: 0;  padding: 10px 0 4px 0;}
ul#products li div.product-intro h2 {  font-size: 1.2em;  color: #003366;  margin: 0;  padding: 10px 0 4px 0;}
ul#products li div.product-intro h2 a{ text-decoration:none;color:#003366;}
ul#products li a img {  border: none;  display: block;margin:1px 0 0 -1px;}
.sock1{ background-image: url(/images/curve_top_left.gif); background-repeat: no-repeat;  background-color:#fc6; }

/* additional box on banking pages */
div.boxcontainer{  float:none;  clear:both;  display:block;  font-size:0.9em;  border:1px solid #b5d7e5;  color:#003366;  text-decoration:none;  text-align:center;  width:280px;  margin:20px 0 20px 175px;    padding:5px;}
div.boxcontainer a{color:#003366;}

/* news */
.newsitem {padding-top:10px;}
div.article ul{list-style-type:square;}
div.article ul li{list-style-type:square;}
div.article ul li.no-square{list-style-type:none;}

div.article a{font-weight:bold;color:#4394C0;text-decoration:none;}
div.article a:hover{text-decoration:underline;}
div.article a.contentsmall{	font-size: 0.75em; font-weight:bold; color:#4394C0}
div.article a.contentsmall:hover{text-decoration:underline;}
.article h2{background-color:#F2F2F2;}

/*get adobe*/
.getadobe{padding-top:20px;}
div.getadobe img {float: left; padding-right: 10px; margin-top: 5px;}
div.getadobe p{margin:0;padding:0;}

/*news widget*/
.news-interactive-bg {background:url(/images/layout/interactive-news-bg.jpg) no-repeat; height:95px;width:205px;margin-left:2px;color:#fff;}
.news-interactive-bg div{padding-left:10px;width:200px;}
.header {font-style:italic;width:150px;padding-top:5px;font-weight:bold;font-size:1.2em;}
span.news-dotted-line{background:url(/images/layout/dotted-line.png) no-repeat;width:205px;height:5px;margin-top:5px;float:left;}

/*logon box*/
.panel{width:209px;padding-bottom:20px;}
.panel img{border:0;margin:0;}
.logon-box {background:url(/images/layout/front-page-logon-bg.jpg) repeat-x top left;height:202px;width:205px;color:#fff;margin-left:2px;} 
.logon-box div{padding-left:10px;}
.logon-box div.ie6-img-fix{padding-left:0px;}
.logon-box p{padding-left:10px;line-height:1em;margin-top:5px;margin-bottom:0px;padding-bottom:15px;}
.logon-box div.security{padding-top:10px;}
.logon-box div.header{padding-top:2px;}
div.login{background:url(/images/layout/login_but.png) no-repeat;margin-left:10px;height:23px;padding-left:0px;padding-top:0px;}
div.login p{padding-bottom:15px;}
div.login a{text-align:center;display:block;width:55px;padding-top:5px;height:20px;width:60px;}

/*query form*/
.label{text-align:right;float:left;width:200px;padding:0 10px 0 20px;}
.query-form-entry{padding-bottom:10px;}
a.privacy{color:#4394C0;text-decoration:none;}
a.privacy:hover{text-decoration:underline;}
span.required{color:#FF0000;}
.content {margin-left:auto;margin-right:auto;border:1px solid #000;padding:10px;}
.content h1 {font-size:1.3em;font-weight:bold;display:inline;width:auto;margin:0;padding:0 10px 0 10px;position:relative;top:-20px;}
.query-form-entry .submit{margin-left:250px;}


div.blue-box {
  font-size: 0.8em;
  background: url(/images/layout/blueboxed_full.gif) #d9ebf2 no-repeat;
  margin: 10px 0 10px 0;
  padding: 0 0 0 1px;
  overflow: hidden;
  width: 197px;
  height: 265px;
}
div.blue-box p {
  margin: 5px;
}
div.blue-box a {color:#4394C0;}

/*specialist deposit page panel*/
div.SPDContact{padding-bottom:15px;}
div.itemlink{border-bottom:solid 1px #003366;padding:5px 0 5px 0;width:165px;}
.itemlink a{text-decoration:none;color:#003366;}
.itemlink a:hover{color:#FF6600;}
span.SPDLinkTitle{background: #93CAEE; padding-top: 10px; color: #003366; font-weight: bold; padding:5px 80px 2px 5px;}
span.SPDProdTitle{background: #93CAEE; padding-top: 10px; color: #003366; font-weight: bold; padding:5px 30px 2px 5px;}
div.pad-top-50{padding-top:50px;}
div.404 a
{
    color:#0000FF;
}

/* tibus strapline*/
#tibus-strapline { margin:auto; text-align:center; margin: 0px auto 0px auto; padding:35px 0; font-family:LucidaGrande, tahoma, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", verdana, sans-serif; color:#666666; }
#tibus-strapline p a { color:#666666; text-decoration: none; }
#tibus-strapline p a:hover { color: #00447a; }

/* fixed terms deposits */
.fixed-terms-conds { width: 900px; font-size:80%;}
.fixed-largelinks { color:#00447a; font-size:16px; } 
.fixed-largelinks a { color:#00447a; text-decoration: none; }
.fixed-largelinks a:hover { text-decoration:underline; }
.fixed-vlargelinks { color:#00447a; font-size:20px; } 
.fixed-vlargelinks a { color:#00447a; text-decoration: none; }
.fixed-vlargelinks a:hover { text-decoration:underline; }
.fixed-normlinks { color:#00447a; } 
.fixed-normlinks a { color:#00447a; text-decoration: none; }
.fixed-normlinks a:hover { text-decoration:underline; }

/* misc */
.p-left-150 { padding-left:150px; }
.remove-border { border:none; }


/*switching images on homepage*/
#galleryhomepage {position:relative;height:181px}
#galleryhomepage a {float:left;	position:absolute;}
#galleryhomepage a img {border:none;}	
#galleryhomepage a.show {z-index:500}
#galleryhomepage a.nolink {cursor:default;}
#galleryhomepage .caption {z-index:600; background-color:#000; color:#ffffff; height:100px; width:100%; position:absolute;	bottom:0;}
#galleryhomepage .caption .content {margin:5px;}	
#galleryhomepage .caption .content h3 {	margin:0;	padding:0; color:#1DCCEF;}
#hypMainImage{cursor:default;}

.square-button { background-color:#00447a; color:#FFF; padding:8px; font-weight:bold; font-size:1.8em; }
.square-button a{ color:#FFF; text-decoration:none; }
.square-button a:hover{ color:#FFF; text-decoration:underline; }

.box-shadow { background:url(/images/layout/box-shadow-back.jpg) repeat-y left top; width:410px;   }


/* Premier reserve Account */
.pra-titlerow { float: left; background-color:#005581; color:#fff; height:30px; padding:5px; font-weight:bold; }
.pra-itemrow { float: left; padding:5px; background-color:#C7D9E8; color:#085A86; border-top:1px solid #fff; }
.pra-border-r { border-right:1px solid #fff; }
.pra-txt-cent { text-align:center; }