/* Common HTML Tags that need to be styled for all browsers*/
body { background-color:#ffffff; font-family: Arial, Helvetica, Geneva, sans-serif; margin:0; padding:0; }
img { border: 0; }
/* Access Panel */
#access {position:absolute;left:0;top:-999px;width:1px;height:1px;overflow:hidden}
/* Template Sections */
#header,th {padding:6px 0 10px 4px;float:none;clear:both}
#modeswitch {float:right;padding-top:5px;padding-right:2em;font-size:x-small}
.modeswitch {font-size:x-small;color:#ffffff;font-weight:normal}
#search {color:#000000;font-size:80%;float:right;clear:both;padding-top:1.2em;padding-right:2em}
/* Left Content Styles*/
#leftcontent {padding:0 0 0 4px;margin:0;font-size:70%;float:left; width:200px}
/* Center Content Style */
#middlecontent {float:left;padding:0 0 0 16px;width:365px}
/* Right Content Style */
#rightcontent {float:left;margin:0 0 0 15px;padding:0;text-align:left;width:166px;}
/* Form Content Style */
#formcontent {float:left;padding:0 0 0 20px;width:500px;}
#middlecontentform {float:left;clear:right;width:572px;}
#formcontenthead {margin:0 0 0 20px;}
#formcontentheadtitle {float:left; width:350px;}
#formcontentheadctflogo {float:right;margin:0 0 0 10px;padding:0;width:190px;text-align:right}
/* Footer Style */
#footer {color:#999999; padding:40px 0 0 4px;text-align:left;width:768px;font-size:70%;clear:both; font-family:Verdana,Helvetica,Geneva,sans-serif;}
.footersmallprint {font-size:85%;}
.footersmallprint a {color: #999999;}
/* Main Div Styles */
DIV.sm0,DIV.smsel0 {padding:3px 0; margin:0; border-top:2px solid #ffffff; clear:both;width:100%}
DIV.sm1,DIV.smsel1 {padding:3px 0; clear:both; float:left; width:100%}
DIV.sm2,DIV.smsel2 {padding:1px 0 2px; clear:both; float:left; width:100%; display: block;}
/* Bullet and Spacer Div styles */
DIV.smbthc0,DIV.smbtnc0 {float:left;height:15px;width:11px;clear:both}
DIV.smbthc1,DIV.smbtnc1 {float:left;height:15px;width:11px;clear:both}
DIV.smbthc2,DIV.smbtnc2 {float:left;height:14px;width:11px;clear:both}
/* Selected Bullet image styles */
DIV.smbtselhc0,DIV.smbtselnc0 {background-image:url(/images/bullet_select_main.gif);float:left;height:15px;width:12px;background-repeat:no-repeat;clear:both}
DIV.smbtselhc1,DIV.smbtselnc1 {background-image:url(/npbs/images/bullet_select_npbs_blue.gif);float:left;height:15px;width:11px;background-repeat:no-repeat;clear:both}
DIV.smbtselhc2,DIV.smbtselnc2 {background-image:url(/npbs/images/bullet_select_npbs_blue.gif);float:left;height:14px;width:11px;background-repeat:no-repeat;clear:both}
/* Side Menu Link Styles */
A.smA0 {font-weight:bold;text-decoration:none}
A.smA1 {text-decoration:none; display:block}
A.smA2 {text-decoration:none; display:block; font-size: 90%;}
A.smA0:hover {text-decoration:underline}
A.smA1:hover {text-decoration:underline;}
A.smA2:hover {text-decoration:underline;}
/* Selected Side Menu Link Styles */
A.smAsel0,A.smAsel1 {font-weight:bold;text-decoration:none}
A.smAsel2 {font-weight:bold;text-decoration:none; font-size: 90%;}
A.smAsel1,A.smAsel2 {display:block}
/* Home Page Styles */
#introBox {margin-bottom:5px;}
#introBoxText {width:275px;float:right;text-align: right; padding-right: 10px;padding-bottom: 4px;}
#mainTitle {margin: 15px 0}
#mainTitleVoucher {float:left;text-align:right;margin-top: 15px; margin-left: 5px;}
#clearer {clear:both;height:0px}
.clearer {clear:both;height:0px}
#homemiddlecontent {float:left;padding:0 0 0 16px;width:543px}
#homeSpacer {height:0;width:100%;margin:6px 0 0px;border-bottom:1px solid #0884CE;padding:0}
#homeLowerChild {float:right;padding-top:12px;padding-right: 50px}
#homeLowerText {float:left;width:360px;padding-left:8px;}
#homeLower {background-color:#EDF2F5;border-bottom: 1px solid #0884CE}
#homeLowerAbout {margin:12px 0 12px}
/* Incentive Box added by DM 21/10/05 */
#incentiveBox {padding-right: 10px; padding-left: 8px;}
#homemiddlecontent h1 {margin: 12px 0}
#introBoxText h1 {font-size: 150%; font-weight: 900 }
#eligible { margin-left:8px; padding-right: 12px;}
#eligibleImg {margin: 12px 0 9px 0px;}
/* SiteMap Styles */
DIV.sitmp0 {padding:2px;font-size:90%}
DIV.sitmp1,DIV.sitmp2 {padding:2px;font-size:80%}
DIV.sitmp1bullet,DIV.sitmp2bullet{background-image:url(/images/bullet_select.gif);background-repeat:no-repeat;background-position:left;width:10px;float:left}
A:hover {color:#7F9DB9}
A.sitmpA0 {color:#000070;font-weight:bold}
A.sitmpA1,A.sitmpA2 {color:#000070;font-weight:normal}
A.sitmpA1:hover,A.sitmpA2:hover,A.sitmpA0:hover{color:#8C897A}
/* Common Content Styles */
.Heading1,H1 {font-size:120%;font-weight:bold;margin-bottom:0px;clear:both}
.Heading2,H2 {font-size:90%;font-weight:bold;clear:both;padding:0;margin:0;margin-bottom:8px;margin-top:0px;line-height:16px}
.Heading3,H3 {font-size:80%; font-weight:bold}
.Normal {color:#000000;font-size:80%}
.RightCaption {font-size:75%;font-weight:bold;border-left:1px solid;padding-left:6px}
.RightCaptionHeader {font-size:80%;font-weight:bold}
.Caption1 {font-size:x-small; font-weight:bold}
.Caption2 {font-size:x-small; font-weight:normal;font-style:italic}
.Caption3 {font-size:x-small}
.Caption4 {font-size:x-small; font-weight:bold}
ul {margin-top:0px; margin-bottom:0px; }
li {margin:10px 0 0px 0;}
/* Form Styles */
label {color:#333333;font-size:80%}
.formbody {width:506px;padding:0;margin:0}
.formheader {clear:both; font-weight:bold; font-size:90%; height:23px; padding-left:8px; padding-top:5px; border-bottom:2px solid #ffffff}
.formfooter {clear:both; height:28px; padding: 6px 8px 0 8px; border-top:2px solid #ffffff; text-align:right}
.formtext {clear:both; padding: 5px 22px 5px 22px; font-size:80%;}
.formrow {clear:both; padding: 2px 0 2px 22px;}
.formrowseparator {clear:both; padding-top: 8px; margin-bottom: 8px; }
.formlabel {float:left; width:185px; padding-top:5px; padding-bottom:0}
.formfield {float:left; padding-top:2px; width:278px}
.formfieldvalidator {float:left; padding-top:2px; width:18px}
.formlabelagreement {float:left; width:422px; padding:2px 3px 10px 0; display:inline;}
.formfieldagreement {float:left; padding: 0 0 1px 0; display:inline;}
.mandatory {font-weight:bold}
.textfield {width:265px}
.formbutton {border:1px solid black;background-color:White;font-size:80%}
.formvalidation {color:Red}
/* CSS2 focus style for form fields */
input:focus,select:focus,textarea:focus {background:#ffff99}
/* Information tables in the copy */
.infotable {width:100%;border-top:1px solid #666666;border-left:1px solid #666666;margin:0}
.infotable th {border-right:1px solid #666666;border-bottom:1px solid #666666;text-align:left;padding:4px;font-size:70%;vertical-align:top}
.infotable td {padding:0;border-right:1px solid #666666;border-bottom:1px solid #666666;padding:4px;font-size:60%}
table {border-top:1px solid #666666;border-left:1px solid #666666;margin:0}
thead td {font-weight: bold; border-right:1px solid #666666;border-bottom:1px solid #666666;text-align:left;padding:4px;font-size:70%;vertical-align:top}
td {padding:0;border-right:1px solid #666666;border-bottom:1px solid #666666;padding:4px;font-size:60%}
/* -------------------- call to action items -------------------- */
.callToActionHeading {font-size: 95%; font-weight: bold; padding: 0 0 2px 0; margin: 20px 0 10px 0; }
.callToActionItem {background-image: url(../../../../images/circle_sml.gif); background-repeat: no-repeat; background-position: 0 35%; margin: 0; padding: 0.1em 0 0.4em 1.4em; font-size: 80%; }
/* ------ Right Side Column including Building Society Incentives ------ */
#rightcontent img {margin: 0; padding: 0; }
#rightcontent h2 {margin: 0 7px 0 0; padding: 10px; }
#rightcontent .Normal {padding: 0 10px 0 10px; margin: 0 7px 0 0; }
#rightcontent .Normal a {font-weight: bold; display: block; padding-left: 12px; background-image:url(/images/bullet_select.gif); background-repeat: no-repeat; background-position: -3px 2px;}
@media print {
#formcontent {float: left; clear: none; padding: 0px 0 0 10px; width: 375px; }
#middlecontentform {float: left; clear: none; width: 375px; }
#rightcontent { display: none; }
#logo img { width: 100%; height: 80px;}
#footer { width: 100%; padding: 10px 0 0 0; color: #000000; }
#footer a { color: #000000; }
}