/* COMMON ELEMENTS */

html>body {margin:0}
* {margin:0;padding:0}
body {font-family:verdana, arial, helvetica, sans-serif;color:#036;font-size:100%}
img {border:0}
.displayNone {display:none}
.hidden {display:none}
hr {display:none}
br.clearBoth {clear:both}
.floatRight {float:right}
.clarboth{clear:both}

.displayBlock {display:block}
input {margin:0;padding:0}
.textinput {width:211px;height:19px;margin:0;padding:0;margin-top:10px;margin-bottom:10px;margin-left:7px}
.largeCopy {font-size:150%;font-weight:bold}
.alignLeft {text-align:left}
.padding20 {padding-left:20px;padding-right:20px}
.padding10 {height:10px;line-height:10px}
.padding5 {height:3px;line-height:3px}
html>body .padding5 {height:0;line-height:0}
.seoCopy {font-size:91%}
.bold{font-weight:bold}
.line{border-top:2px solid #99adc2;width:850px;height:2px;line-height:2px;margin:15px 0 10px 20px}

/* LINKS */

a, a:link, a:active {text-decoration:none}
a:hover, a.inBodyLink:hover, a.linkBold:hover, a.linkFoot:hover, #content div.modularBox ul.greenList li p a:hover, #content #leftColumn div.modularBox ul.blueList li p a:hover, #content div.modularBox ul.blueList li p a:hover  {text-decoration:underline}

a.inBodyLink {color:#00a4e8;font-weight:normal;text-decoration:none}
a.linkBold {color:#00a4e8;font-weight:bold;text-decoration:none}
a.linkFoot {color:#036;text-decoration:underline;font-weight:bold}


/* HEADER */

#blindNav {display:none}
.headerBar {float:left;width:100%;background:#00A4E8;margin-bottom:7px;}
.headerBarNewBg{background:#00A4E8}
.gradBg{background:url(../images/Corpgrad.gif) repeat-x 0;background-position:top; width:100%;float:left;height:17px}
/*Fix created to make the headerBar and menuLowerLevel sections appear when the browser window is not maximised to fullscreen, Robert Poulson (30-07-08)*/
.widthheader{width:990px;}
.headerBar img {margin-top:10px;margin-left:14px;margin-bottom:0;float:left}
.headerText {font-size:14px;font-weight:bold;padding-left:13px}

/* TOP & LOWER LEVEL NAVIGATION */
ul.menuLowerLevel {clear:both;font-size:75%;font-weight:bold;list-style-type:none;margin:0;padding:0}
ul.menuLowerLevel li a {color:#036;text-decoration:none;margin:0;padding:0;margin-right:17px;margin-left:17px}
ul.menuLowerLevel li a:hover, .menuLowerLevel li a.active {color:#00a4e8;margin-right:17px;margin-left:17px;text-decoration:none}
ul.menuLowerLevel li {float:left;display:inline;margin:0;padding:0;border-right:2px solid #036}

#mainNavHolder {background:#00A4E8;height:35px;font-size:80%;width:auto;float:right;margin:35px 0 0 47px; padding-right:30px;}
#mainTopNav {float:left;clear:none;width:auto;height:35px;display:block;overflow:hidden}
#mainNavHolder #mainTopNav ul {float:left;margin:0 10px 0 10px;padding:0 10px 0 0;list-style:none}
#mainNavHolder ul li {display:inline;margin:0 10px 0 0;padding:0 10px 0 0;width:auto}
#mainNavHolder ul li a {float:left;background:url(../images/tabs.gif) no-repeat 0 0;margin:7px 0 0 5px;padding:0 0 0 12px;text-decoration:none}
#mainNavHolder ul li a span {float:left;display:block;background:url(../images/tabs.gif) no-repeat 100% 0;padding:7px 0 4px 5px;margin:0;font-weight:bold;color:#01a4e9;height:28px;cursor: pointer;}
#mainNavHolder ul li a span.on {float:left;display:block;background:url(../images/tabs.gif) no-repeat 100% 0;padding:7px 35px 4px 19px;margin:0;font-weight:bold;color:#01a4e9;height:28px;cursor:pointer; width:70px;}

html>body #mainNavHolder ul li a span{padding:7px 0 4px 0}

#mainNavHolder ul li a.off {float:left;background:url(../images/tabs_off.gif) no-repeat 0 0;margin:7px 0 0 5px;padding:0 0 0 12px;text-decoration:none}
#mainNavHolder ul li a span.off {float:left;display:block;background:url(../images/tabs_off.gif) no-repeat 100% 0;padding:7px 35px 4px 26px;margin:0;font-weight:bold;color:#013469;height:28px;cursor:pointer; width:70px;}
html>body #mainNavHolder ul li a span.off {padding:7px 35px 4px 22px; width:70px;}

* html #mainNavHolder ul li a span {height:32px}

#mainNavHolder ul li.off a {color:#00254F;border-width:0;padding:0 0 0 10px}
#mainNavHolder ul li.off a span {color:#00a4e6}

#mainNavHolder ul li a:hover {color:#00254F}
#mainNavHolder ul li a:hover span {color:#00A4E8}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#mainNavHolder ul li a span {float:none}
/* End IE5-Mac hack */
#mainNavHolder ul li a:hover span {color:#00A4E8}


/* HEADERS */

h2 {font-size:81%}
h3 {font-size:75%}
h3 a {text-decoration:none;color:#036}

p, label, blockquote {font-size:71%;margin-top:0;margin-bottom:4px}
div.label, blockquote {margin-left:7px}

.label2 label {display:none}

/* MAIN LAYOUT DIVS */

#content {float:left;clear:right;width:980px}
div#leftColumn {float:left;width:230px;height:auto}
div#leftColumn ul {list-style:none; padding-left:10px;}
div#leftColumn ul li { color:#036; font-size:71%; font-weight:bold;}
div#leftColumn ul li a:hover, a:link, a:visited { color:#00A4E8; }
.middlecontainer{float:left;width:490px}
.rightcontainer{float:left;width:230px}
.rightcontainer2{float:left;width:230px}

/* BUTTON STYLES */

div.logIn {margin-top:6px;height:auto;background:#e5f6fd;color:#036}
div.logInButton, div.registerButton {float:left;width:96px;height:30px;background:url(../images/loginregister_button.gif) no-repeat;padding:0 0 0 4px;margin-left:6px;display:inline;margin-top:3px;margin-bottom:14px;voice-family:"\"}\"";voice-family:inherit;padding:6px 0 0 4px}
.logInButton a, .registerButton a {font-size:90%;font-weight:bold;height:30px;color:#FFF;padding:6px 0 0 15px;text-decoration:none;voice-family:"\"}\"";voice-family:inherit;padding:10px 0 0 15px}

html>body .logInButton a, .registerButton a {padding:10px 0 0 15px}

.logInButton a:hover, .registerButton a:hover {text-decoration:underline}

.modularBox h2.whiteHead, .modularBox h1.whiteHead{color:#003466;border:0;margin:0 0 5px 7px;font-size:85%}

#content #leftColumn div.modularBox ul.blueList, #content div.modularBox ul.greenList, #content div.modularBox ul.blueList {list-style-type:none;margin:0;padding:0;background:none;width:200px;margin-top:8px;margin-bottom:8px}

#content div.modularBox2 ul.blueList2 {list-style-type:none;margin:0;padding:0;background:none;width:230px;margin-top:8px;margin-bottom:8px;border-top:1px dashed #7f99b2}

#content div.modularBox2 ul.blueList2 li p a {color:#00a4e8;font-weight:normal;text-decoration:none}
#content div.modularBox2 ul.blueList2 li p a:hover {color:#00a4e8;font-weight:normal;text-decoration:underline}

select {width:12.5em;margin-top:5px;margin-left:8px}
.selectPadd {margin-top:24px}
.selectPadd2 {margin-top:5px;padding-right:5px}
.goButton {vertical-align:bottom}

#content #leftColumn div.modularBox ul.blueList li, #content div.modularBox ul.blueList li {font-size:100%;display:block;background:transparent url(/commercial/images/bl_sm_blue_arrow.gif) 0 0.40em no-repeat;margin-left:6px;padding-left:3px;line-height:0.90em}
#content div.modularBox2 ul.blueList2 li {font-size:100%;display:block;padding-left:3px;line-height:0.90em;border-bottom:1px dashed #7f99b2}
#content div.modularBox ul.greenList li {font-size:100%;display:block;background:transparent url(/commercial/images/bl_sm_green_arrow.gif) 0em 0.40em no-repeat;margin-left:6px;padding-left:3px;line-height:0.90em}
#content #leftColumn div.modularBox ul.blueList li p a, #content div.modularBox ul.blueList li p a {color:#00a4e8;font-weight:normal;text-decoration:none}
#content div.modularBox ul.greenList li p a {color:#3c0;font-weight:bold;text-decoration:none}

a.green {color:#3c0;font-weight:bold;text-decoration:none; margin:0;padding:0}

#content #leftColumn div.logIn ul.loginRegister {list-style-type:none;margin:0;padding:0;margin-bottom:8px;background:none}
#content #leftColumn div.logIn ul.loginRegister li {display:inline;background:transparent none}
#content #leftColumn div.logIn ul.loginRegister li a {font-weight:bold;color:#036; margin-left:6px;font-size:71%;display:inline;text-decoration:none;padding-left:10px;background:transparent url(/commercial/images/bl_sm_blue_arrow2.gif) 0 0.25em no-repeat}
#content #leftColumn div.logIn ul.loginRegister li a:hover {text-decoration:underline}

div.utilityButton {margin:0 10px 0 0}


/* FORM ITEMS */

div.fieldContainer {float:left}

div#modularContainer {float:left;width:750px;height:auto;margin:0}
div#modularContainer .rowOne, div#modularContainer .rowTwo, div#modularContainer .rowThree, div#modularContainer .gaz_image, div#modularContainer img.mainImage {margin-left:13px;display:inline}
.modularBox {float:left;width:230px;height:auto;margin-top:10px}

.rowOne {background:#e5f6fd;margin-top:6px;padding:0 0 19px 0}
.rowOne .ptop {margin-top:10px}
.rowOne2 {background:#e5f6fd;margin-top:6px;padding:0 0 10px 0}
.rowOneHead {background:url(../images/rowonehead.gif) no-repeat;width:230px;height:22px;line-height:22px;border-bottom:2px solid #fff}
.rowOneHead1 {background:#fff url(../images/rowonehead2.gif) no-repeat;width:223px;height:41px;line-height:16px;border-bottom:2px solid #fff}
.rowThree {background:#e5f6fd}
.gaz_image {background-image:url(../images/homepage_banner_no_text.gif); color:#00a4e8;}
.gaz_image h2 a.lightblue {color:#00a4e8;}

.rowTwo {background:#e5f6fd}
.rowTwoHead {background:url(../images/rowonehead.gif) no-repeat;width:230px;height:22px;line-height:22px;border-bottom:2px solid #fff}

.boxRow {color:#791B43;margin-left:7px;width:230px}
html>body .boxRow{margin-left:12px}
.boxRow_inner{border-right:1px solid #bb8da1;border-left:1px solid #bb8da1;margin:0;padding:5px 10px}
.boxRow_header{margin:0;padding:0}
.boxRow_footer{margin:0;padding:0}
.boxRowLower{margin:15px 0 0 10px}

#mortgage_warning{font-size:70%}

.modularBox2 {margin-left:10px;margin-top:29px}

.modularBox2 h2 {margin-bottom:10px;border-bottom:1px dashed #7f99b2;padding-bottom:10px;width:230px}
.modularBox2 a {color:#036;text-decoration:none}
.modularBox2 a:hover {color:#036;text-decoration:underline}

.modularBox3 {background:url(../images/smaller_box_10px.gif) top left no-repeat; width:230px; height:63px; padding-left:10px; float:left; margin-top:10px;}

.modularBox3 h2 {margin-bottom:0px; padding-bottom:10px; padding-top:5px; width:230px; color:#00a4e8; font-size:75%;}

.modularBox31 {background:url(../images/smaller_box_10px.gif) top left no-repeat; width:230px; height:63px; padding-left:10px; float:left; margin-top:10px; margin-left:10px;}

.modularBox31 h2 {margin-bottom:0px; padding-bottom:10px; padding-top:5px; width:230px; color:#00a4e8; font-size:75%;}

.logo { float:right; margin-right:16px;}
.modularBox h2 {padding:0;margin:0}
.modularBox h2.noBorder {width:220px;padding:5px;border:0;margin-bottom:3px}
.modularBox h2.noBorder2 {width:122px;padding:5px;padding-left:10px;border:0;margin-bottom:3px;font-size:13px}
.modularBox h2.noBorder3 {width:210px;padding:5px;padding-left:10px;border:0;margin-bottom:3px;font-size:13px}
.modularBox p.newstyle {float:right}
.modularBox h2.noBorder2 img {float:right}
.modularBox p.noBorder2 img {float:right}
.modularBox p.noBorder3 img {float:right}
.modularBox p.noBorder2 {padding-left:10px}
.modularBox p.noBorder3 {padding-left:10px}

.margBot {margin-bottom:10px;margin-top:3px}
.margBot2 {margin-bottom:10px;margin-top:24px}

.modularBox h2 a {color:#036;text-decoration:none}
.modularBox h2 a:hover {color:#00a4e8;text-decoration:none}

.modularBox h3, .modularBox p {padding-left:7px}

span.smaller {font-size:90%;text-align:right}

#footer {clear:both;padding-top:10px;text-align:center;width:960px}

#footerBar {height:28px;/*background-color:#e9f7fb;*/text-align:left;font-size:8pt;padding-left:10px;padding-top:10px;color:#036}
#footerBar a {text-decoration:none; color:#00A4E8; font-weight:bold;}
#footerBar a:hover {text-decoration:underline;color:#036}

#footerBar2 {height:15px;text-align:left;font-size:70%; font-weight:bold;padding-left:10px;padding-top:10px;color:#00a4e8}
#footerBar2 a {text-decoration:none;color:#00a4e8}
#footerBar2 a:hover {text-decoration:underline;color:#00a4e8}

#footerBar3 {height:18px;text-align:left;font-size:70%; font-weight:bold;padding-left:240px;padding-top:30px;color:#00a4e8}
#footerBar3 a {text-decoration:none;color:#00a4e8}
#footerBar3 a:hover {text-decoration:underline;color:#00a4e8}

#productstopFooter {display:block;height:auto;margin-right:-3px;width:932px;padding:6px 14px;text-align:center}
#productstopFooter li {display:inline;font-size:11px;margin-left:0px;color:#00254F}
#productstopFooter li a {color:#00254F;text-decoration:none}
#productstopFooter li a:hover {text-decoration:underline}

#flashContainer {float:left;width:717px;height:155px;display:block;}

.modularBox form .radio {margin:5px 5px 0 0;padding:0;width:115px}
.modularBox form .radio2 {margin:5px 5px 10px 0;padding:0;width:220px}
.modularBox form .radio3 {width:79px;margin:5px 0 0 0}
.modularBox form .radio p {float:left;margin:0;padding-top:3px;font-size:80%}
.modularBox form .radio input {float:left;margin:0 5px 0 0;padding:0;margin:0;vertical-align:text-top}
.atm_form_text {clear:both}
#extra_spacing {padding-bottom:13px}
#houseimage {margin-left:50px}
#extra_padding1 {padding-bottom:13px}

div.tags {height:0;overflow:hidden}
.height7{ height:7px;}
.headerImgMargin{ margin-left:11px !important; margin-top:7px !important;}

.personalA { margin-left:5px !important; padding-left12px !important;}
.personalSpan {padding-left22px !important; padding-right:27px !important;}
.premierSpan {padding-left22px !important; padding-right:22px !important;}
.businessSpan {padding-left22px !important; padding-right:29px !important;}
.corporateSpan {padding-left22px !important; padding-right:33px !important;} 
.whiteHover a:hover, .whiteHover a:visited { color:#fff !important;}