/* Co-operative Bank Style Sheet */
/* Re-Created MDH 12/07/02 */

/* Modified ANJ 01/04/03 */
/* Modified ANJ 07/04/03 */
/* Modified JHB 14/05/03 */
/* page colours */

.bg,.bg-home,.bg-personal,.bg-business,.bg-services,.bg-ethics,.bg-thebank {
margin: 0px;
padding: 0px;
color: #000;
}

.bg-home {
background-color: #099;
}

.bg-personal {
background-color: #39c;
}

.bg-business {
background-color: #639;
}

.bg-services {
background-color: #c30;
}

.bg-ethics {
background-color: #690;
}

.bg-thebank {
background-color: #066;
}

.bg-reward {
background-color: #E8D56B;
}


.blacknose {
font-family: arial, helvetica, sans-serif;
color: #000;
background-color: transparent;
}

.rednoses {
color: #F00;
background-color: transparent;
}

.rednose {
font: 295% arial, helvetica, sans-serif;
line-height: 102%;
margin: 0px 0px 6px 0px;
color: #F00;
background-color: transparent;
}
/* generic */

.spacer {
background-color: #fff;
}

.spacer-news {
background-color: #FFFFB0;
}

strong {
font-weight: bold;
}

ul {
margin: 0px;
padding: 0px;
font-family:arial;
}

li {
margin: 0px;
padding: 0px;
font-family:arial;
}

.old {
display: none;
}

.bar-cream {
background-color: #FFFFB0;
}

.bar-grey {
background-color: #ccc;
}

.white {
background-color: #fff;
}

.grey {
background-color: #ccc;
}

.imgborder-map {
border: 6px solid #cccccc;
}

/*text*/

.text {
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
}

.text2 {
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
}

.text-mcalc {
font-size: 60%;
font-family: verdana, geneva, arial, helvetica, sans-serif;
color: #000;
}

.text_feedback_q {
font:90% verdana, geneva, arial, helvetica, sans-serif;
line-height: 100%;
color: #000;
background-color: #ccFFFF;
border:4px solid #CCC;
}

.text-table {
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
background-color: #fff;
}

.text-forum {
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
background-color: #cda;
}

.title {
font: 110% arial, helvetica, sans-serif;
font-weight: bold;
padding: 0px;
margin: 0px;
color: #000;
}

.title2 {
font: 140% arial, helvetica, sans-serif;
line-height: 130%;
margin: 0px 0px 5px 0px;
color: #000;
background-color: transparent;
}

.title_green {
font: 140% arial, helvetica, sans-serif;
line-height: 130%;
margin: 0px 0px 5px 0px;
color: #099;
background-color: transparent;
}

.titlesplash {
font: 200% arial, helvetica, sans-serif;
font-weight: bold;
padding: 0px;
margin: 0px;
color: #036;
}

.titlehome-small {
font: 225% arial, helvetica, sans-serif;
color: #000;
}

.titlehome-purple {
font: 225% arial, helvetica, sans-serif;
color: #610079;
}

.titlehome-cispurple {
font: 210% arial, helvetica, sans-serif;
color: #352C66;
font-weight: bold;
background-color: #fff;
}

.subhome-cispurple {
font: 120% arial, helvetica, sans-serif;
color: #352C66;
font-weight: bold;
background-color: #fff;
}

.smallhome-cispurple {
font: 70% arial, helvetica, sans-serif;
font-weight: bold;
color: #352C66;
background-color: #fff;
}

.titlehome {
font: 500% arial, helvetica, sans-serif;
margin: 0px;
color: #000;
}

.sub-title {
font: 70% arial, helvetica, sans-serif;
font-weight: bold;
padding: 0px;
margin: 0px;
color: #666;
}

.sub-title-dgrey {
font: 80% arial, helvetica, sans-serif;
line-height: 130%;
margin: 12px 0px 12px 0px;
color: #666;
background-color: transparent;
}

.sub-title-home {
font: 70% arial, helvetica, sans-serif;
font-weight: bold;
padding: 0px;
margin: 0px;
color: #666;
}

.sub-title-home2 {
font: 90% arial, helvetica, sans-serif;
margin: 0px;
color: #999;
}

.sub-title-home4 {
font: 110% arial, helvetica, sans-serif;
font-weight: bold;
margin: 12px 0px 12px 0px;
color: #099;
}
.list-grey {
font: 90% arial, helvetica, sans-serif;
color: #666;
}

.small-grey {
color: #666;
font: 80% arial, helvetica, sans-serif;
}

.small-grey-forum {
color: #666;
font: 60% arial, helvetica, sans-serif;
}

.sup-reference {
color: #666;
font: arial, helvetica, sans-serif;
}

.footer-white {
padding: 4px 0px 0px 0px;
font: 60% verdana, geneva, arial, helvetica, sans-serif;
color: #fff;
}

.footer-small {
color: #fff;
line-height: 130%;
font: 90% arial, helvetica, sans-serif;
}

.home {
color: #099;
}

.home2 {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #099;
}

.personal {
color: #39c;
}

.personal2 {
font: 100% verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #39c;
}

.other {
color: #099;
}

.other2 {
font: 100% verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #099;
}

.business {
color: #639;
}

.business2 {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #639;
}

.services {
color: #c30;
}

.services2 {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #c30;
}

.ethics {
color: #690;
}

.ethics2 {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #690;
}

.thebank {
color: #066;
}

.thebank2 {
font-family: verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #066;
}

/*bullets*/

ul.homelist {
list-style-image: url(/graphics/bullet_home.gif);
}

ul.personallist {
list-style-image: url(/graphics/bullet_personal.gif);
}

ul.businesslist {
list-style-image: url(/graphics/bullet_business.gif);
}

ul.serviceslist {
list-style-image: url(/graphics/bullet_services.gif);
}

ul.ethicslist {
list-style-image: url(/graphics/bullet_ethics.gif);
}

ul.thebanklist {
list-style-image: url(/graphics/bullet_thebank.gif);
}

ul.locatorlist {
font: 100% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
background-color: transparent;
list-style-image: url(/graphics/bullet_home.gif);
}

/*links*/

a {
color: #036;
background-color: transparent;
text-decoration: underline;
font-weight: bold;
}

a:hover {
color: #369;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}

a.purple {
color: #610079;
background-color: transparent;
text-decoration: underline;
}

a.purple:hover {
color: #993399;
background-color: transparent;
text-decoration: none;
}

a.newslink {
color: #666;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}

a.newslink:hover {
color: #036;
background-color: transparent;
text-decoration: none;
font-weight: bold;
}

a.white {
color: #fff;
background-color: transparent;
font-weight: bold;
text-decoration: none;
font-weight: bold;
}

a.white:hover {
color: #FFFFB0;
background-color: transparent;
font-weight: bold;
text-decoration: none;
font-weight: bold;
}

a.banner {
padding: 0px 15px 7px 15px;
margin: 0px;
display: block;
}

/* side links */

a.bc,a.personal,a.personal-on,a.business,a.business-on,a.services,a.services-on,a.ethics,a.ethics-on,a.thebank,a.thebank-on,a.home, a.home-on {
font-weight: bold;
padding: 3px 7px 4px 15px;
margin: 0px 10px 2px 0px;
text-decoration: none;
font: 70% verdana, geneva, arial, helvetica, sans-serif;
display: block;
}

a.bc {
font-weight: bold;
color: #999;
}

a.personal,a.business,a.services,a.ethics,a.thebank,a.home {
font-weight: bold;
color: #666;
}

a.personal-on {
font-weight: bold;
color: #39c;
}

a.business-on {
font-weight: bold;
color: #639;
}

a.services-on {
font-weight: bold;
color: #c30;
}

a.ethics-on {
font-weight: bold;
color: #690;
}

a.thebank-on {
font-weight: bold;
color: #066;
}

a.home-on {
font-weight: bold;
color: #099;
}

a.personal-in,a.business-in,a.services-in,a.ethics-in,a.thebank-in,a.home-in {
font-weight: bold;
padding: 3px 7px 4px 7px;
margin: 0px 10px 2px 15px;
text-decoration: none;
font: 60% verdana, geneva, arial, helvetica, sans-serif;
display: block;
}

a.personal-in {
font-weight: bold;
color: #036;
}

a.business-in {
font-weight: bold;
color: #036;
}

a.services-in {
font-weight: bold;
color: #036;
}

a.ethics-in {
font-weight: bold;
color: #036;
}

a.thebank-in {
font-weight: bold;
color: #036;
}

a.home-in {
font-weight: bold;
color: #036;
}

/* quick bar links */

a.ib {
font: 80% verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #fff;
text-decoration: none;
}

a.qlink {
font: 70% verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #fff;
text-decoration: none;
}

/* Misc */

.search-small {
font-size: 0.6em;
}

.search-url {
color: #690;
}

a.search-title {
color: #099;
text-decoration: none;
}

a.search-title:hover {
color: #036;
}

.banners {
padding: 0px 12px 0px 12px;
}

.news-table {
background-color: #FFFFB0;
}

.newslarge {
font: 110% arial, helvetica, sans-serif;
color: #099;
}

.news {
font: 70% arial, helvetica, sans-serif;
color: #666;
}

.banner {
padding: 0px 15px 7px 15px;
margin: 0px;
display: block;
}

/* used to format placeholders where banners should live */
.bannerspacing3 {
padding: 0px 15px 426px 15px;
margin: 0px;
display: block;
}

.bannerspacing2 {
padding: 0px 15px 284px 15px;
margin: 0px;
display: block;
}

.bannerspacing1 {
padding: 0px 15px 142px 15px;
margin: 0px;
display: block;
}

/* Forms */

.req	{font-family: arial, sans-serif; color: #FF6666; font-weight: bold; font-size: 130%; background: #fff}
.req-ethics	{font-family: arial, sans-serif; color: #FF6666; font-weight: bold; font-size: 130%; background: #cda}
.req-business	{font-family: arial, sans-serif; color: #FF6666; font-weight: bold; font-size: 130%; background: #ccf}

input.ethicsbutton {
border: 1px solid #690;
background-color: #ddd;
color: #690;
font-weight: bold;
}

input.homebutton {
border: 1px solid #099;
background-color: #ddd;
color: #099;
font-weight: bold;
}

input.personalbutton {
border: 1px solid #39c;
background-color: #fff;
color: #39c;
font-weight: bold;
}

input.businessbutton {
border: 1px solid #639;
background-color: #ddd;
color: #639;
font-weight: bold;
}

input.thebankbutton {
border: 1px solid #066;
background-color: #ddd;
color: #066;
font-weight: bold;
}

.text-form {
font: 70% verdana, geneva, arial, helvetica, sans-serif;
color: #000;
background-color: #cda;
}

.form-home {background-color: #c0e6e6}
.form-ethics {background-color: #cda}
.form-business {background-color: #ccf}
.form-services {background-color: #fcc}
.form-personal {background-color: #C3E9FC}

/* table header row */
.home-tbl1,.personal-tbl1,.business-tbl1,.services-tbl1,.ethics-tbl1,.thebank-tbl1,.reward-tbl1 {
border:1px solid white;
font:70% verdana, geneva, arial, helvetica, sans-serif;
color:#fff;
}

/* table 2nd,3rd rows */
.home-tbl2,.personal-tbl2,.business-tbl2,.services-tbl2,.ethics-tbl2,.thebank-tbl2,.reward-tbl2,
.home-tbl3,.personal-tbl3,.business-tbl3,.services-tbl3,.ethics-tbl3,.thebank-tbl3,.reward-tbl3 {
border:1px solid white;
font:70% verdana, geneva, arial, helvetica, sans-serif;
color:#000; 
}

.personal-tbl2-top,.personal-tbl2-bottom,.personal-tbl3-top,.personal-tbl3-bottom {
border-color: white;
border-style: solid;
font:70% verdana, geneva, arial, helvetica, sans-serif;
color:#000; 
}

.personal-tbl2-top,.personal-tbl3-top {
border-width: 1px 1px 0px 1px;
}
.personal-tbl2-bottom,.personal-tbl3-bottom {
border-width: 0px 1px 1px 1px;
}

.home-tbl1 {
background-color:#099; 
}
.home-tbl2 {
background-color:#c0e6e6; 
}
.home-tbl3 {
background-color:#80cccc; 
}

.personal-tbl1 {
background-color:#39c; 
}
.personal-tbl2,.personal-tbl2-top,.personal-tbl2-bottom {
background-color:#99cce6; 
}
.personal-tbl3,.personal-tbl3-top,.personal-tbl3-bottom {
background-color:#cce6f3; 
}

.business-tbl1 {
background-color:#639; 
}
.business-tbl2 {
background-color:#d9cce6; 
}
.business-tbl3 {
background-color:#b399cc; 
}

.services-tbl1 {
background-color:#c30; 
}
.services-tbl2 {
background-color:#f3ccc0; 
}
.services-tbl3 {
background-color:#e69980; 
}

.ethics-tbl1 {
background-color:#690; 
}
.ethics-tbl2 {
background-color:#d9e6c0; 
}
.ethics-tbl3 {
background-color:#b3cc80; 
}

.thebank-tbl1 {
background-color:#066; 
}
.thebank-tbl2 {
background-color:#d9ccc0; 
}
.thebank-tbl3 {
background-color:#b39980; 
}

.reward-tbl1 {
background-color:#bfac42; 
}
.reward-tbl2 {
background-color:#fdfad4; 
}
.reward-tbl3 {
background-color:#e8d56b; 
}

.euroform { border: 1px solid #639;
			padding: 10px;
			background: #d9cce6 }
			
/* REWARD CARD STYLES */

.reward {
color: #e8d56b;
}

.reward2 {
font: 100% verdana, geneva, arial, helvetica, sans-serif;
font-weight: bold;
color: #e8d56b;
}

ul.rewardlist {
list-style-image: url(/graphics/bullet_reward.gif);
}