@import url("branding.css");
@import url("efinance.css");
@import url("lifestyle.css");

/* General Styles */
html {border:0;}
html,body {height:100%}
body {
background:url("../../cssImages/body_background_800.png") repeat-x scroll right top #00B9E6;
border:0 none;
font-family:verdana,arial,helvetica,sans-serif;
margin:0;
padding:0;
color:#000;
text-align:center;
font-size:62.5%;
}
form {padding:0;margin:0;}
img {padding:0;margin:0;border:0;}
#skipToContent {display:none;}
#container {
text-align:left;
width:960px;
margin:0 auto;
padding:0;
height:auto;
background-color:#ffffff;
font-size:1.2em;
}

h2 {font-size:1.33em;padding:2px 2px 2px 0;margin:5px 0 0 0;}
h3 {font-size:1.1em;padding:0;font-weight:bold;margin:5px 0 0 0;}

.black {color:#003766;padding:0 0 10px 0;margin:0;}
.lightBlu {color:#137ac1;}
.white {color:#fff;}
.blackSm {color:#003766;font-size:0.9em;padding:0 0 10px 0;margin:0;}
.redSm {color:red;font-size:0.9em;padding:0 0 10px 0;	margin:0;}

/* Add divs that need clearing, to the following decleration */
#content:after, #subBanner:after,.threepanel:after, .one-col-split-container:after, .formBG:after {content:".";display:block; height:0; clear:both; visibility:hidden;}

/* General Styles */
div.topLinkRight {display:block;float:right;margin:-20px 0 0 0;padding:0;}
div.floatLeft {float:left;padding:0;margin:0;}
div.floatRight {float:right;padding:0;margin:0;}
.textRight{text-align:right;}
.textCenter{text-align:center;margin-top:1em}

div.button {color:#ffffff;border:0;cursor:pointer;}

input.button {background-color:#003766;color:#ffffff;font-weight:bold;padding:3px 8px 3px 8px;cursor:pointer;border:0;}
.button h1, .button h2 {color:#FFFFFF; }
.button h1, .button h2, .button p {margin:0 10px;letter-spacing:1px;position:relative;}
.button h1 {font-size:2.5em;}
.button h2 {font-size:2em;border:0;padding-top:0.5em;}
.button p {padding-bottom:0.5em;}
.button /* Controls button size, etc.*/	{background:transparent;padding:0 0 10px;margin:0;width:130px;}
div.buttonLeft {display:block;float:left;}
div.buttonRight {display:block;float:right;}

div.buttonsConfirm {display:block;text-align:center;padding:0 0 0 5px;}
.buttontext /* Controls button text */ {color:#FFFFFF;display:block;border:0;padding-left:0.8em;padding-right:0.5em;font-weight:Bold;text-decoration:none;}
.buttontext:hover {color:#003766;}

/* Error Styles */
div.errors {color:#ff0000;border:1px solid #ff0000;margin:10px 0 0 0;padding:0;}
div.errors ul {margin:10px 0 10px 35px;padding:0;}
div.errors ul li {margin:5px 0 5px 0;}
div.errorsSm {color:#ff0000; border:1px solid #ff0000; margin:10px 0px;padding:0;}
div.errorsSm ul {margin:10px 0 10px 35px;padding:0;}
div.errorsSm ul li {display:block;margin:5px 0 5px 0;}
div.errorsSm p {padding:10px 10px 0 10px;margin:0;}

/* Top Banner Layout */
#topBanner {
background:url("../../cssImages/RH_header.jpg") no-repeat scroll right top transparent;
border-bottom:1px solid #BFC3C6;
height:104px;
margin:0;
padding:0;
width:100%;
}

#topBanner h1 {display:block;float:left;position:relative;top:0px;left:0px;width:205px;height:55px;margin:0;padding:0;cursor:pointer;}
#topBanner h1 span {display:none;margin:0;padding:0;}

#topBanner span.audienceCustomer {
/*color:#003766;
float:left;
font-size:2.2em;
font-weight:400;
margin:14px 0 0 10px;
padding:0;
vertical-align:middle;*/
display:none;
}

#topBanner ul {
list-style-type:none;
margin:0;
float:right;
margin:0;
padding:10px 25px 0 0;
background:none;
}

#topBanner ul li {
float:left;
font-size:1.1em;
line-height:1.2em;
list-style:none outside none;
}

#topBanner ul li a {
color:#003766;
font-weight:400;
margin:0;
padding:0 5px;
text-decoration:none;
border-right:1px solid #137AC1;
}

#topBanner ul li a.end {
border-right:none;
}

#topBanner ul li a:hover {
color:#137ac1;
text-decoration:underline;
}

/* Secondary Navigation */
#subBanner {
float:left;
margin:-22px 0 0 5px;
padding:0;
width:75%;
}
#subBanner ul {
margin:0;
padding:0;
}
#subBanner li {
background:none repeat scroll 0 0 transparent;
border-right:1px solid #137AC1;
/*float:left; Removed to fix branded schemes, shouldn't break anything */
font-size:1.1em;
font-weight:700;
line-height:1.2em;
list-style-type:none;
}
#subBanner li#endNav {
border:none;
}
#subBanner li a {
color:#003766;
margin:0 5px;
padding:5px 0;
text-decoration:none;
}
#subBanner li a:hover {
color:#137AC1;
}
#subBanner li a.primarySelect {
background:url("/assets/consumer/cssImages/under-nav.jpg") repeat-x scroll left bottom transparent !important;
text-decoration:none !important;
}

/* SEARCH BOX */
#search {clear:both;margin:-18px 0 0 0;	padding:0;width:100%;text-align:right;display:inline;font-size:0.8em;float:right;}
#search #button_search{margin-right:5px;}
#search p {margin:0 40px 0 0 ;padding:0;}
#search input.searchInput {width:120px;padding:2px;border:1px solid #999;background:#fff;vertical-align:top;}
#search input.searchButton {margin:0 0 0 2px;padding:0;}
#search input#blankField {display:none;border:none;width:0;padding:0;margin:0;}
#search h4 {margin:0;padding:0;color:#003766;}


#content {margin:0;padding:20px 0;clear:left;}

#content div#leftNav {display:block;width:180px;float:left;font-size:0.8em;}
#content div#leftNav ul {padding:0 0 0 5px;margin:0;list-style:none;}
#content div#leftNav ul li {padding:3px;margin:0;font-size:100%;font-weight:bold;}
#content div#leftNav ul li a, #content div#leftNav ul li a:link, #content div#leftNav ul li a:visited,#content div#leftNav ul li a:active {text-decoration:none;}
#leftNav li ul {list-style:none;margin:0 0 0 0.5em;}
#leftNav li ul li ul {margin-left:2em;}
#leftNav ul li a {text-decoration:none;}
#leftNav ul ul li {font-weight:normal;padding-left:9px;}
#leftNav ul ul li a {text-decoration:none;}

#content div#leftNav ul.subSection li a {text-decoration:none;font-weight:bold;}
#content div#leftNav ul.subSectionChild li a {text-decoration:none;font-weight:normal; margin-left:1em;}
#content div#leftNav ul.subSectionGrandChild li a {text-decoration:none;font-weight:normal; padding-left:1em;}


#content div#center {display:block;width:auto;padding:0;margin:0 200px 0 190px;}
#content div#center.two-col{margin-right:10px;}
#content div#center.one-col{margin:0 0 0 10px;}
.membersite #content #center-one-col{margin:0 10px 0 10px;}
#content div#centerSpan {margin:0 10px 0 190px;}

#content div#rightNav {display:block;width:180px;float:right;font-size:11px;padding:0 10px 0 0}
#content div#rightNav a {text-decoration:underline;}

#content div#rightNav .button a,
#content div#rightNav .button a:link,
#content div#rightNav .button a:hover,
#content div#rightNav .button a:visited,
#content div#rightNav .button a:active,
.button a,
.button a:link,
.button a:hover,
.button a:visited,
.button a:active {
text-decoration:none;
}

.membersite #content div#rightNav p.elink a:link{text-decoration:underline;}
.membersite #content div#rightNav p.elink a:visited{text-decoration:underline;}
.membersite #content div#rightNav p.elink a:active{text-decoration:underline;}

#footer {
background:url("../../cssImages/footer-fl-logo.png") no-repeat scroll 32px 22px transparent;
border-top:1px solid #BFC3C6;
clear:both;
margin:0;
min-height:50px;
padding:0 0 20px 190px;
text-align:left;
}
#footer p {
font-size:10px;
line-height:15px;
margin:20px 0 0;
padding:0;
color:#000;
}
#footer a {
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

 /* rounded css box corners */
.btop, .bottom {display:block;background:transparent;font-size:1px;}
.b1, .b2, .b3, .b4 {display:block;overflow:hidden;height:1px;}
.b1 {margin:0 5px;}
.b2 {margin:0 3px;border-width:0 2px;}
.b3 {margin:0 2px;}
.b4 {margin:0 1px;}

/* Background and Border Colours */
.b1, .b2, .b3, .b4, .buttontext {background:#137ac1; }
.b2, .b3, .b4 {border-left:1px solid #137ac1; border-right:1px solid #137ac1; }
/* forms */
fieldset {border:none;padding:5px; margin:0}
fieldset div {margin:5px 0}


/* ----------------------------------- Styles added for RFC4808 - removing hardcoded values into the main CSS ------------------------------------- */
.width250px {
width:250px;
}

.floatTDright {
float:right;
}

#textAlignLeft-1 {
text-align:left;
}

.textAlignLeft {
text-align:left;
}

.textAlignCentre {
text-align:center;
}

.textAlignRight {
text-align:right;
}

.verticalBottom {
vertical-align:bottom;
}

#tableTextCentre-1 {
text-align:center;
}

#tableTextLeft-1,#tableTextLeft-3,#tableTextLeft-4 {
text-align:left;
}

.tableTextLeft-2 {
text-align:left;
width:14%;
}

#tableTextLeft-2 {
text-align:left;
width:14%;
}

.textAlignLeftHeight5px {
height:5px;
text-align:left;
}

.textAlignLeftHeight18px {
height:18px;
text-align:left;
}

.textAlignLeftHeight25px {
height:25px;
text-align:left;
}

.textAlignRightHeight20px {
height:20px;
text-align:right;
}

#tableText14percent-1,#tableText14percent-2 {
width:14%;
}

.centre13percent {
text-align:center;
width:13%;
}

.right13percent {
text-align:right;
width:13%;
}

.right1percent {
text-align:right;
width:1%;
}

.right21percent {
text-align:right;
width:21%;
}

.right50percent {
text-align:right;
width:50%;
}

#centreTextAlign-1,#centreTextAlign-2 {
text-align:center;
}

.centre0px {
margin:0;
padding:0;
text-align:center;
}

.width50percent {
width:50%;
}

.width47percent {
width:47%;
}

.width25percent {
width:25%;
}

.width60percent {
width:60%;
}

#width25percent-1,#width25percent-2 {
width:25%;
}

.width50percent-1 {
width:50%;
}

.spanGrey {
color:#ccc;
}

#noPadding-1 {
padding:0;
}

#width12percent-1,#width12percent-2 {
width:12%;
}

.body-1 {
background-color:#CCC;
margin:0;
padding:0;
}

.whiteCentre {
color:#FFF;
text-align:center;
}

.whiteBGheight60px {
background-color:#FFF;
height:60px;
}

.whiteTop {
color:#FFF;
vertical-align:top;
}

.whiteTop768px {
color:#FFF;
vertical-align:top;
width:768px;
}

.widthZero {
width:0;
}

.width174px {
width:174px;
}

#borderStripe-1,#borderStripe-2 {
width:2px;
}

#confirm-1 {
height:60px;
width:300px;
}

#hr-1 {
height:1px;
width:100%;
}

#curve-1 {
height:26px;
text-align:right;
vertical-align:bottom;
width:358px;
}

#align-1 {
height:26px;
text-align:right;
vertical-align:middle;
width:110px;
}

.tableBG-1 {
background-color:#C4C4C4;
}

.tableBG-2 {
background-color:#E6E6E6;
}

.tableBG-3 {
background-color:#CCC;
}

.tableBG-4 {
background-color:#FFF;
}

.tableBG-5 {
background-color:#36C;
}

.tableBG-6 {
background-color:#CCF;
}

.tableCentreWhite {
background-color:#FFF;
text-align:center;
}

.tdWidth20px {
width:20px;
}

.tdWidth10px {
width:10px;
}

.tdWidth567px {
width:567px;
}

.verticalMidRight468X34 {
height:34px;
text-align:right;
vertical-align:middle;
width:468px;
}

.verticalTop {
vertical-align:top;
}

.verticalTopAlignRight {
text-align:right;
vertical-align:top;
}

.verticalTopAlignLeft {
text-align:left;
vertical-align:top;
}

.verticalBotAlignRight {
text-align:right;
vertical-align:bottom;
}

.fieldinfo {
text-align:right;
vertical-align:top;
}

.verticalMiddle {
vertical-align:middle;
}

.vertBottomtextCentre {
text-align:center;
vertical-align:bottom;
}

.width500px {
width:500px;
}

.smallGreyLeft20pxHigh {
color:gray;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
height:20px;
text-align:left;
}

.smallGreyRight20pxHigh {
color:gray;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
height:20px;
text-align:right;
}

.smallGreyCentre20pxHigh {
color:gray;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
height:20px;
text-align:center;
}

.greyLeft {
color:gray;
text-align:left;
}

.smallGreyLeft {
color:gray;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
text-align:left;
}

.leftVerticalBottomHeight100pc {
height:100%;
text-align:left;
vertical-align:bottom;
}

.submitButtonSpacing-1 {
margin:10px 27px;
}

.right45percent {
text-align:right;
width:45%;
}

.width150px {
width:150px;
}

.blackWidth150px {
color:#000;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
width:150px;
}

.blackWidth70px {
color:#000;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
width:70px;
}

.blackTextAlignRight {
color:#000;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
text-align:right;
}

.blackTextAlignCentre {
color:#000;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
text-align:center;
}

.width9pxheight10px {
height:10px;
width:9px;
}

.width252pxBG3366CC {
background-color:#36C;
width:252px;
}

.background3366CC {
background-color:#36C;
}

.width187pxTopBGE6E6E6 {
background-color:#E6E6E6;
vertical-align:top;
width:187px;
}

.top3366CC {
background-color:#36C;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
vertical-align:top;
}

.width100pcBG3366CC {
background-color:#36C;
layer-background-color:#36C;
width:100%;
}

.height1px {
height:1px;
}

.blueDotsOnOrange {
background-image:url(/images/shared/blue_dots_on_orange.gif);
background-position:left;
background-repeat:no-repeat;
height:1px;
}

.blueOpener {
color:#36C;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
font-weight:bold;
text-align:right;
}

.blueSmallRight {
color:#36C;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
text-align:right;
}

.noDisplay {
display:none;
}

.width280px {
width:280px;
}

.verticalTopBGF4F4F4 {
background-color:#F4F4F4;
vertical-align:top;
}

.verticalTopBGE6E6E6 {
background-color:#E6E6E6;
vertical-align:top;
}

.width73px {
width:73px;
}

.width100px {
width:100px;
}

.buttonSubmit-1 {
border:0;
height:19px;
margin:5px 7px;
width:73px;
}

.button100px {
border:0;
height:19px;
margin:5px 7px;
width:100px;
}

.loginImage {
border:0;
margin:5px 0;
}

.myProducts {
border:0;
height:19px;
margin:10px 0;
width:163px;
}

.topRightBG {
background-image:url(/img/border_top_b.gif);
background-position:left;
background-repeat:no-repeat;
}

.topLeftBG {
background-image:url(/img/border_left_b.gif);
background-position:left;
background-repeat:no-repeat;
}

.botRightBG {
background-image:url(/img/corner_br_b.gif);
background-position:left;
background-repeat:no-repeat;
}

.botLeftBG {
background-image:url(/img/corner_bl_b.gif);
background-position:left;
background-repeat:no-repeat;
}

.botBorderBG {
background-image:url(/img/border_bottom_b.gif;\A background-position:left;\A background-repeat:no-repeat;}\A }\A \A .borderRightBG {\A background-image:url(/img/border_right_b.gif);
background-position:left;
background-repeat:no-repeat;
}

.blueRuleMid {
background-image:url(/img/blue_rule_mid.gif);
background-position:left;
background-repeat:no-repeat;
}

.blueDottedBackground {
background-image:url(/images/calculators/blue_dotted_hz_bgw.gif);
background-position:left;
background-repeat:no-repeat;
}

.loginFont {
color:#039;
font-family:Verdana, Arial, Sans-Serif;
font-size:1.5em;
font-weight:bold;
}

.greyNowrap {
color:gray;
font-family:Verdana, Arial, Sans-Serif;
font-size:xx-small;
white-space:nowrap;
}

/* --------------------------------- Moved 'a.midGrey' from: 
password_hint_thankyou.jhtml, 
send_username.jhtml, 
forgotten_password.jhtml, 
password_thankyou.jhtml, 
password_thankyou_mail.jhtml, 
username_thankyou.jhtml, 
change_password.jhtml, 
password_hint.jhtml, 
send_password.jhtml, 
loginForm.jhtml, 
--------------------------------- */
a.midGrey:link,a.midGrey:active,a.midGrey:visited {
color:gray;
font-weight:bold;
text-decoration:underline;
}

a.midGrey:hover {
color:#F63;
font-weight:bold;
text-decoration:underline;
}

/* --------------------------------- Moved from contactUs_template.jhtml --------------------------------- */
h1.border-bottom {
text-align:left;
}

td.borderLeftNoBotRight {
border-bottom:0;
border-left:1px solid #69c;
text-align:right;
}

td.borderLeftNoBotRight33percent {
border-bottom:0;
border-left:1px solid #69c;
text-align:right;
width:33%;
}

td.borderRightNoBot67percent {
border-bottom:0;
border-right:1px solid #69c;
width:67%;
}

td.borderRightNoBotVerticalBot {
border-bottom:0;
border-right:1px solid #69c;
vertical-align:bottom;
}

td.borderBothNoBotRight {
border-bottom:0;
border-left:1px solid #69c;
border-right:1px solid #69c;
text-align:right;
}

td.borderLeftVerticalTopRight {
border-left:1px solid #69c;
text-align:right;
vertical-align:top;
}

#address_1 {
width:150px;
}