html {
font-size:62.5%;
font-family: "Font Awesome 5 Free";
}
body {
width:100%;
min-width:965px;
font:1em/1.4 Arial, Helvetica, sans-serif, "Font Awesome 5 Free";
color:#494949; /*Chaneg color from #333 to #494949 per Style Guide paragrpha font color*/
position: relative; /*This is added to make the footer could refer body area as the parent element so that the width could be full page width*/
float: left; /*This is added to make the float element under the body can expand the body area*/
}

#container{
background: none !important; /*Added this to make the whole container area (main body) don't have the background*/
}

p.skip,#search-kw label span,.notice img {
position:absolute;
left:-9600px;
}
#container,#header-two,#container-three,#holder,#nav-holder {
float:left;
width:100%;
}
#holder {
margin-top:-6px;
}
#container-three {
border-right:1px solid #fff;
border-left:1px solid #fff;
/*background:url(/css_images/global/bgContainerThree.gif) repeat-y top left;*/
background-color: #ebebeb; /*Change the background color*/
padding-bottom: 145px; /*add this to give footer more heights*/
}
#container-four {
float:left;
width:564px;
padding-bottom:1em;
padding-left:15px;
border-left:1px solid #DCD8D7;
}
#sidebar {
float:left;
width:175px;
padding:1em 10px;
text-indent: 0 !important;
}

#sidebar ul li:before {
    display: none !important;
}
.notice {
float:left;
width:720px;
color:#513E38;
border-bottom:4px solid #DCD8D7;
background:#FCF5ED url(/css_images/global/iconNotice.png) no-repeat 10px 8px;
padding:.9em 10px .7em 40px;
}
.notice.error {
float:left;
width:700px;
margin-top:1.5em;
border:1px dashed #D47600;
background-color:#fff;
color:#000;
padding:.9em 10px .7em 40px;
}
.notice.confirm {
float:left;
width:512px;
border:1px dashed #D47600;
background:#fff url() no-repeat 10px 8px;
color:#513E38;
margin:.25em 0 2em;
padding:.9em 10px .7em 40px;
}
.col-three .notice.error {
width:512px;
}
.status {
float:left;
width:100%;
margin-bottom:1.25em;
}
.status strong {
margin-right:5px;
}
.col-three .content {
background:#fff;
}
.inline-image {
float:left;
width:100%;
margin:1.5em 0 0;
}
.required {
width:100%;
clear:both;
padding-top:1em;
}
.info-block {
float:left;
width:360px;
margin-left:2em;
}
.action .content.page {
padding-top:19px;
/*background:url(/css_images/global/bgActionContent.png) repeat-x;*/ /*Remove the background*/
}
.action #sidebar {
padding-top:19px;
}

#header h1,#header-logo {
    float:left;
    /*width: 100%;*/
    /*width:137px;*/
    /*height:59px;*/
    /*background:url(/css_images/global/onepath.png);*/
}

#header h1 a,#header-logo a {
float:left;
width:137px;
height:59px;
}

#header-logo img {
    /*margin-top: 12px;*/
}
#header h3 {
font-size:1.4em;
font-weight:400;
text-transform:uppercase;
}
#header #header-two {
margin-top:-18px;
}
.extranet #header #header-two {
border-bottom:5px solid #FFF;
margin-top:10px;
margin-bottom:0;
}
#header #tagline {
float:right;
margin-top:2em;
color:#513E38;
}
#header ul#tagline li {
float:left;
margin-left:1em;
padding-left:1.5em;
background:url(/css_images/global/bulletBlue.png) no-repeat center left;
}
#header ul#quicklinks {
float:right;
line-height:2.9;
}
#header ul#quicklinks li {
float:left;
margin-right:.7em;
/*background:url(/css_images/global/pipeOrange.png) no-repeat center right;*/ /*To remove the image*/
padding:0 .7em 0 0;
}
#header ul#quicklinks li a { /*Changed the color and the font size of the links in header*/
color:#494949; 
font-size:1.2em;
}
#search-kw {
float:right;
margin-top:6px;
width:auto;
clear:left;
}
#search-kw input.button { /*Added below attributes to change the search button per new design*/
width:70px;
background-color: #617e07;
padding: 3px 10px 4px 10px;
border-radius:3px 3px;
background-image: none;
font-size: 12px;
}


#search-kw span.button-wrap{ /*Added this to make there is no background for this search button*/
background-image: none;
}

#search-kw input.button:hover{ /*Added the hover effect for the search button in header*/

background-color: #415e20;
}

ul#nav-tabs {
float:left;
line-height:normal;
margin:.5em 0 0 1px;
}
ul#nav-tabs li {
float:left;
margin-right:4px;
}
ul#nav-tabs li#tab-personal {
width:9.2em;
display: none; /*Add to hide the personal tab*/
}
ul#nav-tabs li#tab-business{
display: none; /*Add to hide the business tab*/
}
ul#nav-tabs li#tab-business,ul#nav-tabs li#tab-adviser {
width:140px;
display: none; /*Add to hide the adviser tab*/
}
ul#nav-tabs li[id^="tab-personal | business"] { /*Add this to make the personal-business tab wider*/
width:140px;
display: none; /*Add to hide the personal-business tab*/
}

ul#nav-tabs li{
	width: 150px;
}

ul#nav-tabs li a {
float:left;
width:100%;
display:block;
font-size:1.2em;
font-weight:700;
text-align:center;
text-decoration:none;
}
ul#nav-tabs li a span {
display:block;
/*background:url(/css_images/global/bgTabRight.png) no-repeat top right;*/ /*Removed the background image*/
padding:4px 0 4px; /*Change the top padding from 3px to 4px*/
}
/*#nav-holder { 
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}*/ /*Removed the border*/
#login-strip {
float:left;
width:100%;
height:0px; /*Change the height from 7px to 0px to remove the gab*/
/*border-bottom:1px solid #fff;*/ /*Remove the border*/
}
#login-strip p {
float:left;
width:965px;
display:block;
line-height:.7em;
border-right:1px solid #fff;
border-left:1px solid #fff;
background:#DCD8D7;
}
ul#nav-main {
float:left;
width:965px;
display:block;
list-style:none;
line-height:normal;
/*border-right:1px solid #fff;
border-left:1px solid #fff;*/ /*Removed the border*/
}
ul#nav-main li a {
float:left;
display:block;
font-size:1.2em;
text-decoration:none;
color:#fff;
padding:4px 16px 5px;
}
ul#nav-main li li a {
padding:4px 9px 5px;
}
ul#nav-main li.logout a {
padding:4px 11px 5px 12px;
}
ul#nav-main li img {
vertical-align:top;
}
ul#nav-main li.my-onepath img {
margin-left:5px;
}
ul#nav-main li.hover li a {
/*text-decoration:none;*/ /*Remove this to make it have underline when hover*/
}
ul#nav-main li.nav-home a {
border-left:none;
}
ul#nav-main li.end-group a {
/*background:url(/css_images/global/pipeWhite.png) no-repeat center right;*/ /*Removed the background image*/
}
ul#nav-main li.hover-previous a {
/*background:url(/css_images/global/pipeWhite_full.png) no-repeat center right;*/ /*Removed the background image*/
}
ul#nav-sub {
float:left;
width:172px;
display:block;
/*border-top:1px solid #DCD8D7;
border-left:3px solid #D47600;*/ /*Remove the left navigation top and left boder*/
}
ul#nav-sub li {
float:left;
width:156px; /*Changed the width from 172px to 156px*/
line-height:normal;
background:#617e07; /*Fill the color to make the background green*/
border-bottom:1px solid #37501a; /*Change the color from #DCD8D7 to #37501a*/
padding:0 8px; /*Added the left and right 8px padding*/
}
ul#nav-sub li a {
float:left;
display:block;
width:126px;
color:#fff; /*Change the color from #513E38 to #fff per new left navigation design*/
font-size:1em;
/*font-weight:700;*/ /*Removed this to make the nav text not bold*/
background:url(/css_images/global/iconArrowRightSmall.png) no-repeat 4px 12px; /*Changed the left padding to make the arrow icon to move a little bit left*/
padding:10px 0px 10px 25px; /*Change the padding from .5em 0 .5em 21px to 10px 0px 10px 25px to match the new desgin of left nav*/
}
ul#nav-sub li.docs a {
font-weight:400;
background:url(/css_images/global/iconDocsSmall.png) no-repeat 6px 13px; /*Change the top padding form 9px to 13px*/
}
ul#nav-sub li.dollar a {
font-weight:400;
background:url(/css_images/global/iconDollarSmall.png) no-repeat 6px 13px; /*Change the top padding form 9px to 13px*/
}
ul#nav-sub li.graph a {
font-weight:400;
background:url(/css_images/global/iconGraphSmall.png) no-repeat 6px 13px; /*Change the top padding form 9px to 13px*/
}
ul#nav-sub li.tool a {
font-weight:400;
background:url(/css_images/global/iconToolSmall.png) no-repeat 5px 13px; /*Change the top padding form 9px to 13px*/
}
ul#nav-sub li.member a {
font-weight:400;
background:url(/css_images/global/iconMemberSmall.png) no-repeat 6px 13px; /*Change the top padding form 9px to 13px*/
}
ul#nav-sub li.end-group {
border-bottom:3px solid #DCD8D7;
}
ul#nav-sub li#parent {
/*border-top:2px solid #DCD8D7;*/ /*Removed the border since this is no need anymore*/
background:#415e20; /*Change the color from #EDEBEB to #415e20*/
}
.level4 ul#nav-sub li#parent {
background:#EDEBEB;
}
ul#nav-sub li#parent.noborder {
border-top:none;
background:#415e20; /*Changed the color from #F9F9F9 to #415e20, so when it's current parent nav, the color will still be green */
}
ul#nav-sub li#parent a {
background:url(/css_images/global/iconArrowRightSmall.png) no-repeat 4px 12px; /*Chaneg the image from /css_images/global/iconArrowDownSmall.png to /css_images/global/iconArrowRightSmall.png, since the arrow doesn't change if there are under pages or not. Also changed the left padding from 9px to 4px to move the icon arrow a little bit left*/
text-decoration: underline; /*Add the element to make it have underline in left navigation when it choosed as current page*/
}

ul#nav-sub li#parent ul li a{
	text-decoration: none; /*Add this to make the sub navigations under parent nav don't have the underline when not hover*/
}
ul#nav-sub li#parent ul li a:hover{
	text-decoration: underline; /*Add this to make the sub navigations only when hover have the underline*/
}
ul#nav-sub li#parent ul li a strong{
	text-decoration: underline; /*Add this to make the sub navigations have the underline once it is chosen*/
}


ul#nav-sub li#parent ul {
float:left;
width:172px;
margin-bottom:0;
margin-left: -8px; /*Added this to make the sub nav not exceed*/
}
ul#nav-sub li#parent li {
border-bottom:none;
padding: 0px; /*Added this to make the sub nav not exceed*/
}
ul#nav-sub li#parent li a {
color:#fff; /*Changed the color from #666 to #fff*/
font-size:.7em;
font-weight:400;
background:#37501a; /*Changed the background from none to this color to fill the green color*/
padding:10px 0 10px 31px; /*Changed the padding from 0 0 .75em 21px to 10px 0 10px 31px*/
width: 140px; /*Added this to make the sub nav text not exceed*/
}

ul#nav-sub li#parent li.current a {
color:#D47600;
}
#user-message {
float:right;
padding-top:.75em;
}
form#ulogin {
float:left;
width:325px;
background:#EDEBEB;
border:1px solid #EDEBEB;
padding:20px 20px 10px;
}
form#ulogin label span {
width:75px;
color:#666;
text-align:right;
}
form#ulogin label input {
width:155px;
}
form#ulogin span.button-wrap {
margin:0 0 1em 83px;
}
form#ulogin p {
clear:both;
font-size:1.1em;
margin:0 0 .2em 83px;
}
form#register {
float:left;
width:750px;
padding-bottom:1.5em;
}
#register fieldset legend.show span {
position:relative;
z-index:2;
display:block;
width:750px;
font-size:1.6em;
color:#513E38;
border-bottom:1px solid #617e07; /*Changed the border color from orange (#D47600) to green*/
margin:1em 0 0;
padding:0 0 .1em;
}
#register .form-item.highlight {
width:725px;
line-height:normal;
background:#E3EACC;
border:none;
padding:13px 14px;
}
.form-item.checkbox input {
width:auto!important;
border:none!important;
padding:0!important;
}
.more-text {
position:absolute;
z-index:4;
top:-2px;
right:60px;
display:block;
width:298px;
background:url(/css_images/global/bgMoreInfoTop.png) no-repeat top left;
padding:36px 0 0;
}
.more-text .bottom {
float:left;
display:block;
width:298px;
background:url(/css_images/global/bgMoreInfoBottom.png) no-repeat bottom left;
padding:0 0 12px;
}
.more-text .middle {
float:left;
display:block;
width:258px;
background:url(/css_images/global/bgMoreInfoMiddle.png) repeat-y top left;
padding:0 20px;
}
.more-text p {
float:left;
display:block;
font-size:1.1em;
font-weight:400;
color:#513E38;
background:#F1F4E5;
margin:-34px 0 0;
padding:0;
}
ul.controls {
padding-top:1em;
}
ul.controls li {
margin-right:1em!important;
padding-right:1em!important;
font-size:1.1em!important;
}
ul.controls li a {
float:left;
padding-top:.1em;
}
#register input.button {
width:50px;
vertical-align:middle;
}
#register.fadviser input.button {
width:78px;
}
ul#steps {
float:left;
border:1px solid #B9CA7F;
margin:1.5em 0 0;
}
ul#steps li {
float:left;
width:12.8em;
color:#513E38;
font-size:1.1em;
text-align:center;
background:none;
border-right:1px solid #B9CA7F;
padding:5px 0;
}
ul#steps li.current {
background:#B9CA7F;
}
#content-scroll {
width:730px;
height:220px;
overflow:auto;
color:#666;
border:1px solid #d4d4d4;
margin:1em 0 1.5em;
padding:.5em 10px;
}
#content-scroll h5 {
padding:.75em 0;
}
#content-scroll dt {
float:left;
width:20px;
margin-right:5px;
font-weight:700;
}
#content-scroll dd {
float:left;
width:680px;
margin:0 0 1em;
}
.column {
float:left;
width:275px;
}
.outline {
float:left;
margin-bottom:1.5em;
border:1px solid #DCD8D7;
}
.content.page .outline h4 {
color:#513E38;
font-size:1.2em;
margin-bottom:.75em;
margin-top:0;
background:#DCD8D7;
padding:.4em 1em;
}
.outline h5 {
font-size:1.25em;
padding:0 1em;
}
.outline p {
padding:0 .5em .5em 1em;
}
#footer {
float:left;
width:100%;
font-size:1.1em;
/*border-top:1px solid #7D6E6A;*/ /*Remove the border for footer section*/
/*padding:.5em 0 2em;*/  /*Remove the padding for footer section*/
position: absolute; /*Add this to make the width to full page width*/
height: 255px; /*Add below attributes to make the footer to display at the bottom and have the dark blue background*/
bottom: -110px;
left: 0;
background-color: #415763;
}
#footer ul.inline li {
/*background:url(/css_images/global/pipeGrey.png) no-repeat center right;*/
    border-right: 1px solid #fff;
}


#footer p { /*Updated the p font for the footer section per the new design*/
float:right;
/*color:#7D6D6A;*/
color: #fff;
margin-top: 20px;
font-size: 12px;
}
#nav-main li ul {
position:absolute;
width:185px;
top:2.38em;
left:-999em;
z-index:31337;
/*border:1px solid #523F39;*/ /*Removed the boder*/
border-top:1px solid #fff;
border-width:0 1px 1px;

}
#nav-main li.my-onepath.hover ul,#nav-main li.my-onepath.hover ul li {
width:135px;
}
#nav-main li ul li {
font-weight:400;
width:185px;
}
#nav-main li ul li a:link,#nav-main li ul li a:visited {
display:block;
width:167px;
border:none;
/*border-top:1px solid #523F39;*//* Removed the border*/
background:#fff!important;
color:#666;
}

#nav-main li ul li{ /*Add this border to li*/
border-top:1px solid #523F39;
border-right: 1px solid #523F39;
border-left: 1px solid #523F39;
}

#nav-main li ul li:last-child{ /*Add this border to last li*/
	border-bottom: 1px solid #523F39;
}


#nav-main li ul li a:hover,#nav-main li ul li a:active {
background:#E4E8F4!important;
color:#513E38;
}
#nav-main li ul li.end-group a:link,#nav-main li ul li.end-group a:visited {
border-top:3px solid #523F39;
}
#nav-main li:hover ul,#nav-main li.hover ul {
left:-1px;
}
.content.page .compactor h3 {
    position: relative;
font-size:1.3em;
margin:0!important;
padding:0 0 0 20px;
}
.content.page .compactor.closed h3 {
    position: relative;
/*background:url(/css_images/global/iconArrowRightSolid.png) no-repeat 3px 3px;*/
}
.content.page .compactor.open h3 {
/*background:url(/css_images/global/iconArrowDownSolid.png) no-repeat 0 3px;*/
}
.compactor.open .compactor-content {
display:block;
padding-left:20px;
padding-top:1em;
}
fieldset {
float:left;
width:auto;
border:none;
}
label span {
float:left;
display:block;
margin-right:8px;
font-size:1.1em;
}
label input,.form-item input {
margin-right:6px;
color: #7D6D69;
font-size:1.1em;
border:1px solid #634F48;
padding:2px 5px 3px;
border-radius:3px 3px; /*Add the radius to make the input box more round*/
}
span.button-wrap {
background:url(/css_images/global/bgButtonRight.png) no-repeat top right;
display:block;
float:left;
}
input.button {
font-size:1.1em;
font-weight:700;
padding-bottom:.5em;
padding-top:.2em;
color:#fff;
cursor:pointer;
border:none;
background:url(/css_images/global/bgButtonLeft.png) no-repeat top left;
display:block;
margin-right:6px;
padding-left:5px;
}
li span input.button {
font-size:1em;
padding-top:0;
}
.login span input.button {
font-size:11px;
padding-top:.2em;
}
.none,.none a {
background:none!important;
border:none!important;
margin:0!important;
}
.nomargin {
margin:0!important;
padding:0!important;
}
a:link,a:visited {
color:#0072ac; /*Changed the link color from #4B7D88 to #0072ac */
text-decoration:none;
}
.colour {
color:#0072ac!important; /*Changed the color from #D47600 to #0072ac*/
}
ul {
list-style:none;
}
.content ol {
margin:0 0 .75em;
padding:0 0 0 2em;
}
.content ul li,#sidebar .block li {
position:relative;
padding-left:17px;
/*background:url('@Model.AssetLink("css_images/global/iconArrowRight.png")') no-repeat 0 4.5px;*/
}

#sidebar .block li:before {
    content: '\f061';
    display: inline-block;
    font-weight: 900;
    margin-right: 6px;
    margin-left: 2px;
    color: #617e07;
    font-size: 8px;
    font-family: 'Font Awesome 5 Free';
    
}

#sidebar .block li{ /*Added this to change style of the links in the block of RHS*/
	padding-left: .75em;
	background-image: none;
	padding-top: 8px;
	padding-bottom: 8px;
	display: block;
	border-bottom: 1px solid #ebebeb;
}

#sidebar .block li a{  /*Added this to change color of the links in the block of RHS*/
	color: #0072ac;
}


ul.info {
margin-top:1em;
line-height:normal;
}
ul.info li {
color:#494949; /*Changed from #333 to now*/
font-size:1.1em;
background:url(/css_images/global/bulletOrange.png) no-repeat 0 6px;
padding:0 0 .25em 7px;
}
ul.inline li {
float:left;
width:auto;
margin-right:4px;
padding:0 4px 0 0;
}
ul.inline li.arrow {
margin-right:0;
padding-left:17px;
/*background:url('@Model.AssetLink("css_images/global/iconArrowRight.png")') no-repeat 0 4px;*/
}
ul.inline li.left {
padding:0 0 0 9px;
}
ul.docs {
margin:1.5em 0;
}
ul.docs li {
padding-bottom:.25em;
background:url(/css_images/global/ic_pdf.png) no-repeat 0 2px;
}
ul.docs li.pdf {
background:url(/css_images/global/ic_pdf.png) no-repeat 0 2px;
}
ul.docs li.doc,ul.docs li.docx {
background:url(/css_images/global/ic_doc.png) no-repeat 0 2px;
}
ul.docs li.xls,ul.docs li.xlsx {
background:url(/css_images/global/ic_xls.png) no-repeat 0 2px;
}
ul.docs li.ppt,ul.docs li.pptx {
background:url(/css_images/global/ic_ppt.png) no-repeat 0 2px;
}
ul.docs li.webcast {
background:url(/css_images/global/ic_webcast.png) no-repeat 0 2px;
}
ul.docs li.flash {
background:url(/css_images/global/ic_flash.png) no-repeat 0 2px;
}
ul.docs li.java {
background:url(/css_images/global/ic_java.png) no-repeat 0 2px;
}
ul.docs li.file {
background:url(/css_images/global/ic_file.png) no-repeat 0 2px;
}
ul.docs li em {
color:#999;
font-size:.8em;
font-style:normal;
}
.content h1 {
margin-bottom:.25em;
font-size:1.8em;
color:#415763; /*Changed the color #513E38 from to #415763*/
font-weight:700;
}
#sidebar h1 {
margin-top:-.25em;
}
.content h2,#sidebar h2 {
margin-bottom:.5em;
font-size:1.8em;
}

#sidebar #loginform h2{ /*Add this to change the h2 font color in RHS login box*/
color:#415763;
}

.content.page h2.border {
margin-bottom:.75em;
padding-bottom:.25em;
border-bottom:1px solid #A89E9B;
color:#494949; /*Change from #513E38 to #494949*/
}
.content.page p.date {
color:#666;
}
.content.page p.intro {
margin:1em 0;
}
.disclaimer p,.disclaimer li {
font-size:1.1em!important;
color:#999;
}
.inline-image img {
float:left;
margin:0 1em 0 0;
}
.inline-image p {
font-size:1.1em!important;
}
#user-message p {
font-size:1.2em;
color:#494949; /*Changed the color from #513E38 to #494949*/
position:relative;
}
.notice em {
color:#D37600;
font-style:normal;
font-weight:700;
}
.notice ul.info {
margin-bottom:0;
padding-left:4em;
}
.notice ul.info li {
color:#513E38;
background:url(/css_images/global/bulletBlueSquare.png) no-repeat 0 6px;
}
.news h3 {
font-size:1.2em!important;
margin-bottom:0;
background:#DCD8D7;
padding:.4em 1em;
}
.news ul {
margin:0;
padding:1em;
}
.content.home .news p {
font-size:1.1em;
background:#EDEBEB;
padding:0 0 1em 1em;
}
.news li {
color:#999;
padding-bottom:.25em;
}
.customer-notices li {
color:#999;
}
.content.page .news li {
font-size:1em;
}
.content.page .news li.more {
background:none;
padding-left:0;
}
li.pdf {
background:url(/css_images/global/ic_pdf.png) no-repeat 0 3px!important;
}
li.xls,li.xlsx {
background:url(/css_images/global/ic_xls.png) no-repeat 0 3px!important;
}
li.doc,li.docx {
background:url(/css_images/global/ic_doc.png) no-repeat 0 3px!important;
}
li.ppt,li.pptx {
background:url(/css_images/global/ic_ppt.png) no-repeat 0 3px!important;
}
li.audio {
background:url(/css_images/global/ic_webcast.png) no-repeat 0 3px!important;
}
li.graph {
background:url(/css_images/global/ic_markets.png) no-repeat 0 3px!important;
}
li.file {
background:url(/css_images/global/ic_file.png) no-repeat 0 3px!important;
}
#nav-sub li.graph {
background:none!important;
background-color: #617e07 !important; /*Added to fill the background to green color*/
}
#sidebar img.promo {
float:left;
display:block;
margin-bottom:10px;
}
img.hero {
display:block;
clear:both;
float:left;
}
.content.page h1 {
background:none repeat scroll 0 0 #DCD8D7;
font-size:2.2em;
line-height:1.5em;
padding:0 0 .25em .5em;
}
#search #container-three h2 {
height:36px;
width:759px;
clear:both;
display:block;
background:#DCD8D7;
font-size:2.2em;
line-height:1.5em;
font-weight:400;
color:#513E38;
margin:0 0 .5em;
padding:0 0 .1em .5em;
}
.col-three .content.page h1 {
clear:both;
width:554px;
display:block;
background:#DCD8D7;
margin:0 0 .5em;
padding:0 0 .1em .5em;
}
.content.page h2 {
margin-bottom:.25em;
font-size:1.6em;
font-weight:700;
color: #415763 !important; /*Add the color per new design*/
}
.content.general .content-block h2 {
font-size:1.6em!important;
margin:.5em 0;
}
.content.page h2 span {
font-size:.8em;
font-weight:400;
color: #494949; /*Add this color per new design*/
}
.content.page h4 {
margin-top: 20px;
margin-bottom:.5em;
font-size:1.4em;
line-height:normal;
color:#415863; /*Change from #D47600 to #415863 per Style Guide h4 font color*/
}
ul#breadcrumb {
float:left;
margin:.2em 0 .3em;
}
.content .block {
width:750px;
border-top:1px solid #A89E9B;
margin:.5em 0;
padding:1em 0 0;
}
#sidebar .block {
width:175px;
padding-bottom:1.5em;
margin-bottom:10px;
background:#FFF;
}
#sidebar .block.standard {
padding-bottom:0;
}
#sidebar .logo {
width:155px;
text-align:center;
padding:10px;
}
.block.noborder {
margin-top:1em;
border-top:none!important;
}
.block-small {
float:left;
width:180px;
margin-right:10px;
}
.block-small.wide {
width:100%;
margin:1em 0 0;
}
.block-small.nomargin {
float:right;
margin-right:0;
}
.block-wide {
float:left;
width:100%;
margin-bottom:1em;
}
.content.page p {
margin-bottom:.25em;
font-size:1.3em;
}
.content.general .content-block p {
margin-bottom:1.5em;
}
.teaser.intro {
width:255px;
padding:0 10px;
}
#acampaign .teaser.intro {
width:340px;
}
#acampaign .teaser.right {
width:200px;
}
.teaser.brackets {
margin-bottom:.5em;
padding-top:14px;
background:url(/css_images/global/bgBracketTop.png) no-repeat top left;
}
.teaser.brackets.inline {
margin:0 0 2em 20px;
}
#acampaign .teaser.brackets {
background:url(/css_images/global/bgBracketTopNarrow.png) no-repeat top left;
padding-top:4px;
}
.teaser.brackets .bottom {
float:left;
padding-bottom:14px;
background:url(/css_images/global/bgBracketBottom.png) no-repeat bottom left;
}
#acampaign .teaser.brackets .bottom {
background:url(/css_images/global/bgBracketBottomNarrow.png) no-repeat bottom left;
}
.teaser.brackets .middle {
float:left;
width:211px;
border-right:8px solid #ebebeb; /*Changed the brackets color from #F6E4CC to light grey*/
border-left:8px solid #ebebeb;
padding:0 20px 0 28px;
}
.teaser.brackets h3 {
width:211px;
}
.teaser.brackets ul {
margin-bottom:-5px;
}
.teaser.brackets .buttonfill {
margin-bottom:5px;
}
#acampaign .teaser.brackets .middle {
width:136px;
}
.teaser li {
padding-bottom:.25em;
}
.teaser.border {
padding-bottom:.5em;
border-bottom:4px solid #E4E8F4;
}
.cimage {
float:right;
margin:.5em 0 1.5em;
}
#acampaign .brackets p {
color:#333;
font-size:1.1em;
}
#my-onepath-teaser .middle {
width:259px;
padding:0;
}
#my-onepath-teaser p {
text-align:center;
width:250px;
clear:both;
}
#my-onepath-teaser-image img {
position:absolute;
top:5px;
left:165px;
}
#MSC-teaser .middle {
padding-right:0;
width:231px;
}
.content-block {
float:left;
width:100%;
border-top:1px solid #A89E9B;
margin:1em 0 0;
padding:.5em 0 0;
}
.content-block.bottom-border-2-column {
background:url(/css_images/global/bg_content_block_bottom_border_2_column.png) no-repeat bottom center;
}
.content-block.bottom-border-2-column .teaser {
width:268px;
}
.block-small img,.block-wide img {
float:left;
margin:0 10px .75em 0;
}
.fund .block-small img {
margin-right:0;
}
.block-small li.arrow {
/*background:url('@Model.AssetLink("css_images/global/iconArrowRight.png")') no-repeat 0 3px;*/
}
ul li.arrow.double {
background:url(/css_images/global/iconArrowRightDouble.png) no-repeat 0 7px;
}
.content.page .product ul li.arrow.double {
background:url(/css_images/global/iconArrowRightDouble.png) no-repeat 0 9px;
}
.product {
float:left;
width:370px;
}
.highlights {
float:right;
width:158px;
color:#513E38;
font-size:.85em;
background:none repeat scroll 0 0 #EDEBEB;
border:1px solid #B9B2AF;
padding:10px 5px 10px 10px;
}
.highlights.wide {
width:258px;
}
.highlights.wider {
width:549px;
padding-bottom:0;
}
.content.general .highlights p {
font-size:1.4em;
}
.content.page .product p {
font-size:1.2em;
margin:0;
}
.content.page .product ul.inline {
float:right;
width:auto;
margin:-2.5em 0 0;
}
.content.page .product ul.inline a {
color:#D47600;
font-size:.85em;
line-height:1em;
}
.disclaimer {
float:left;
width:100%;
margin-top:2em;
}
.content-block.search-again {
position:relative;
border:none;
margin:0 0 1em;
}
.content.page .search-again h3 {
float:left;
width:554px;
background:#E3EACC;
margin:1em 0 0;
padding:.2em 0 .2em .5em;
}
.content.page .search-again p.shade {
float:left;
width:554px;
background:#F1F4E5;
margin:.25em 0 .5em;
padding:.2em 0 .2em .5em;
}
.search-again p#copy {
position:absolute;
top:4.4em;
right:1em;
margin-bottom:0;
}
.search-again.alt p#copy {
top:.9em;
font-size:1.2em;
}
#searchfilters fieldset {
padding-top:1.25em;
clear:left;
}
#searchfilters label {
margin-right:10px;
font-size:1.2em;
font-weight:700;
}
#searchfilters select {
float:left;
height:85px;
color:#666;
font-size:1.1em;
border:1px solid #ccc;
padding:5px;
}
#searchfilters select#categories {
width:165px;
}
#searchfilters select#products {
width:323px;
}
#searchfilters input#title {
width:180px;
margin-right:10px;
}
#searchfilters img {
vertical-align:top;
padding:1em 0 0 .5em;
}
#searchfilters em {
float:left;
font-style:normal;
font-size:1.1em;
color:#666;
}
#searchfilters input.button {
width:50px;
}
table {
    clear:both;
    margin:1em 0;
    border-collapse: collapse;
}
table.tabdata {
border-top:1px solid #ebebeb;  /*Changed the boder color from #D47600 to #ebebeb to align with the new table design*/
border-left: 1px solid #ebebeb; /*Added the boder to align with the new table design*/
border-right: 1px solid #ebebeb;/*Added the boder to align with the new table design*/
font-size:1em;
margin:0 0 2em;
}
table.tabdata.email {
border-top:none;
margin:.5em 0 1em;
}
table.tabdata.glossary {
border-top:none;
border-bottom:1px solid #E4E8F4;
margin:0 0 1em;
}
table th {
font-size:12px;
text-align:left;
background:#E3EACC;
padding:.5em 1em;
}
table.tabdata th {
margin-top:1em;
font-weight:700;
border-bottom:2px solid #617e07; /*Changed from 1px solid #999 to 2px solid #617e07 to align with the new table design*/
background:#fff;
padding:.5em 16px; /*Changed the left and right padding from .9em to 16px*/
}
table.tabdata th.policy-number {
padding-left:0;
}
table.tabdata .nowrap {
white-space:nowrap;
}
table.tabdata th.selected a {
color:#000;
padding-right:12px;
background:url(/css_images/global/iconArrowDownBlueDark.png) no-repeat right 6px;
}
table.tabdata th small {
display:block;
font-size:.9em;
font-weight:400;
}
table.tabdata.email th {
padding-left:1em;
}
table.tabdata#columns.email th {
padding-left:.5em;
padding-right:.75em;
font-size:1.2em;
line-height:1.3em;
vertical-align:top;
}
table.tabdata th.border-right,table.tabdata td.border-right,table.tabdata.email th.border-right,table.tabdata.email td.border-right {
border-right:1px solid #CCC;
}
table.tabdata.glossary th {
border-top:1px solid #EFF4FA;
border-bottom:1px solid #D47600;
}
table.tabdata.glossary th.notop {
border-top:none;
}
table.tabdata th.button-holder {
font-size:1em;
border-top:1px solid #999;
border-bottom:none;
padding:1.25em 0 2em;
}
table.tabdata td .yes {
display:block;
width:14px;
height:14px;
text-indent:-999em;
background:url(/css_images/global/tick.png) no-repeat;
margin:0 auto;
}
table.tabdata td .no {
display:block;
width:14px;
height:14px;
text-indent:-99em;
background:url(/css_images/global/cross.png) no-repeat;
margin:0 auto;
}
table th a {
font-size:.9em;
font-weight:400;
}
table.tabdata#columns.email th a {
font-size:1.1em;
font-weight:700;
}
table th.noborder {
border:none!important;
}
table td {
vertical-align:text-top;
padding: 10px;
}
table td.blank {
border-top:1px solid #EFF4FA;
padding:.25em!important;
}
table.tabdata td {
padding:1em;
border-bottom: 1px solid #ebebeb; /*Add the border for table rows*/
}
table#columns.tabdata td {
padding:.75em 16px .75em 16px; /*Changed from .75em .75em .75em .5em to .75em 16px .75em 16px*/
border-bottom: 1px solid #ebebeb; /*Added the bottom border*/
}
table td.format img {
vertical-align:text-top;
}
table.tabdata td.term {
width:213px;
border-right:1px solid #ccc;
}
table.tabdata.email td.term {
width:406px;
}
td.request {
width:85px;
padding-right:.5em;
}
.content.page table td p {
font-size: 14px;
margin-bottom:0;
}
.content.page table td p em,#search h3 em {
font-style:normal;
color:#999;
}
.content.page table td.request a {
float:left;
display:block;
width:60px;
padding-left:10px;
font-size:1.1em;
line-height:1em;
}
table td.request img {
vertical-align:middle;
float:left;
}
table td.highlight {
background:none; /*Removed the color #F1F4E5 due to the new design*/
}
.results-pages {
float:left;
width:562px;
background:#F1F4E5;
border:1px solid #E3EACC;
margin:1em 0;
}
.results-pages ul {
float:left;
margin:0;
padding:.5em;
}
.content.page .results-pages ul li {
float:left;
font-size:1.2em;
/*background:url(/css_images/global/pipeGrey.png) no-repeat left;*/
padding:0;
}
.content.page .results-pages.alpha ul li {
/*background:url(/css_images/global/pipeGrey.png) no-repeat right;*/
}
.results-pages ul li a {
float:left;
display:block;
margin:0 .2em;
padding:0 .5em;
}
.results-pages.alpha ul li a {
display:inline;
padding:0 .35em;
}
.results-pages ul li.current a {
color:#fff;
text-decoration:none;
background:#96B040;
}
.content.page .results-pages ul li a:hover {
color:#39c;
background:none;
text-decoration:underline;
}
.content ul.content-tabs {
float:left;
width:100%;
line-height:normal;
border-bottom:2px solid #96B040;
margin:.5em 0;
}
.content ul.content-tabs#results {
width:554px;
padding-left:10px;
border-bottom:1px solid #96B040;
}
.content ul.content-tabs li {
float:left;
margin-right:4px;
background:none;
padding:0;
}
.content ul.content-tabs li a {
float:left;
display:block;
font-size:1em;
text-align:center;
text-decoration:none;
background:#FDFEFE url(/css_images/global/bgContentTabLeft.png) repeat-x top left;
color:#7D6E6A;
}
.content ul.content-tabs#results li a {
position:relative;
/*background:url(/css_images/global/pipeGrey.png) no-repeat center right;*/
border-left:none;
}
.content ul.content-tabs li a span {
display:block;
background:url(/css_images/global/bgContentTabRight.png) no-repeat top right;
padding:3px 9px 1px 7px;
}
.content ul.content-tabs li.tab-current a {
color:#fff;
background:url(/css_images/global/bgContentTabCurrentLeft.png) no-repeat top left;
}
.content ul.content-tabs#results li.tab-current a {
bottom:-1px;
color:#FFF;
background:#fff url(/css_images/global/bgContentTabCurrentLeft2.png) repeat-x top left;
}
.content ul.content-tabs#results li.tab-current a span em {
color:#FFF;
}
ul.content-tabs li.tab-current a span {
background:url(/css_images/global/bgContentTabCurrentRight.png) no-repeat top right;
}
ul.content-tabs#results li.tab-current a span {
background:url(/css_images/global/bgContentTabCurrentRight2.png) no-repeat top right;
}
#tab-buttons-forms-brochures a span {
padding-right:7px;
}
form#launch {
float:left;
width:150px;
margin-left:25px;
padding-bottom:1em;
text-align:center;
}
form#launch input.button {
width:150px;
}
#sidebar .news {
padding-bottom:4em;
background:#EFF4FA url(/css_images/global/bgNewsSidebar.jpg) no-repeat bottom left;
}
#sidebar .calcs {
padding-bottom:7em;
background:#EFF4FA url(/css_images/global/bgCalcsSidebar.jpg) no-repeat bottom left;
}
#sidebar .block h3,#sidebar .block h2 {
/*margin-bottom:.5em;
color:#513E38;
font-size:1.2em;


background:#DCD8D7;
padding:.4em .75em;*/ /*Changed the RHS block heading to below style per the new Design*/
color:#fff;
font-size:1.2em;
background:#617e07 !important;
padding:8px .75em;
}
#sidebar .block ul {
/*padding:0 .75em;*/ /*Removed the padding for the ul under RHS block */
}
#sidebar .block p {
padding:0 0 1em .75em;
}
.content-box {
float:right;
width:273px;
margin-left:1em;
background:#F1F4E5;
border:1px solid #A89E9B;
padding:.5em 1em;
}
.content-box ul.docs {
padding-top:.75em;
border-top:1px solid #A89E9B;
margin:0;
}
.content.general .archive h3 {
font-size:1.8em!important;
}
.content.general .archive h3 span {
padding-left:.5em;
font-size:.6em;
}
.content.general .archive h4 {
margin:1em 0 .25em;
}
.content.general .archive p.date {
margin-bottom:.25em;
font-size:1.1em;
}
.back-to-top {
text-align:right;
}
.back-to-top a {
padding-left:12px;
background:url(/css_images/global/bg_back_to_top.png) no-repeat 0 4px;
}
.jump-links li {
font-size:1.5em!important;
}
.quicklinks {
float:left;
width:165px;
margin:.5em 20px;
}
.quicklinks li.bottom-border {
margin-bottom:.5em;
padding-bottom:.5em;
border-bottom:1px solid #A89E9B;
}
.quicklinks a {
font-size:1.3em;
line-height:1.5em;
color:#513E38;
}
.quicklinks h2 {
margin-bottom:.15em;
}
.home-row {
float:left;
padding-bottom:.25em;
background:url(/css_images/home/bgHomeRow.png) repeat-y top left;
}
.home-row.three {
margin-top:1.5em;
background:none;
}
.home-block {
float:left;
width:371px;
}
#loginform ul.options,.login ul.options {
float:left;
line-height:2.2em;
margin:.7em 0 0;
}
#campaign {
float:left;
width:770px;
position:relative;
background:#FFF;
}
#campaign p#start a {
position:absolute;
bottom:57px;
left:22px;
display:block;
width:339px;
height:170px;
}
.campaign ul.content-tabs {
width:760px;
padding-left:10px;
border-width:4px;
margin:0!important;
}
.campaign .content ul.content-tabs li a span {
background:url(/css_images/global/bgContentTabRightCampaign.png) no-repeat top right;
}
.campaign ul.content-tabs li.tab-current a span {
background:url(/css_images/global/bgContentTabCurrentRightCampaign.png) no-repeat top right;
}
.campaign-text {
position:absolute;
top:52px;
left:30px;
width:365px;
color:#fff;
}
.content .campaign-text li {
padding-left:10px;
background:url(/css_images/global/bulletWhiteSquare.png) no-repeat 0 8px;
}
.campaign-text.two {
width:335px;
left:420px;
}
.content.page .campaign-text a {
color:#fff;
font-weight:700;
text-decoration:underline;
}
#campaign form {
width:340px;
top:150px;
left:420px;
}
#campaign form .button#b1 {
width:183px;
}
#campaign form .button-wrap {
margin-bottom:4px;
margin-right:10px;
}
#campaign form .button#b2 {
width:145px;
}
body#search #container {
background:url(/css_images/global/bgSearch.png) repeat-x top left;
}
#search .content.page {
width:755px;
margin-right:15px;
}
#search .search-again h3 {
width:750px;
margin:.75em 0 0;
}
#search .search-again p#copy {
top:1.75em;
}
#tips-holder {
position:relative;
float:left;
}
#search #searchfilters fieldset {
margin-left:0;
}
#searchfilters .form-item label {
width:107px;
}
#searchfilters .form-item label span {
float:right;
margin-right:0;
font-size:1em;
}
#search #searchfilters input#search-for {
width:239px;
}
#search #searchfilters select {
width:auto;
height:auto;
color:#333;
border:1px solid #809DB9;
padding:2px 1px;
}
#search #searchfilters input.button {
float:left;
margin-left:10px;
padding-bottom:.4em;
padding-left:1em;
padding-top:.2em;
}
#search .checkbox p {
float:left;
width:107px;
margin-right:10px;
font-weight:700;
line-height:1.2em;
text-align:right;
}
#search #searchfilters .checkbox label {
width:80px;
font-weight:400;
line-height:1.2em;
display:inline;
position:relative;
z-index:2;
}
.search-results {
float:left;
width:100%;
border-top:1px solid #D47600;
margin:.75em 0 0;
padding:.75em 0 0;
}
.search-results table {
margin-top:.75em;
border-top:1px solid #999;
border-bottom:1px solid #999;
}
#search ul.searchcrumb {
float:left;
margin:.75em 0 0;
}
.search-results .results-pages {
width:753px;
margin-bottom:2em;
}
.content #searchfilters ul.content-tabs#advanced {
margin-top:-3.3em;
}
.content ul.content-tabs#advanced {
width:371px;
margin-top:-2.3em;
padding-left:384px;
border-bottom:1px solid #96B040;
}
.content ul.content-tabs.hidden#advanced {
border-bottom:1px solid #fff;
}
ul#advanced.content-tabs#advanced li a span {
padding-bottom:3px;
}
.content ul.content-tabs#advanced li a {
position:relative;
background:none;
border-left:1px solid #fff;
}
ul.content-tabs#advanced li a span {
padding-right:22px;
background:url(/css_images/global/bgContentTabCurrentRight3.gif) no-repeat top right;
}
.content ul.content-tabs#advanced li.tab-current a span {
background:url(/css_images/global/bgContentTabCurrentRight3a.png) no-repeat top right;
}
.content ul.content-tabs#advanced li.tab-current a {
color:#fff;
background:#fff url(/css_images/global/bgContentTabCurrentLeft2.png) repeat-x top left;
}
.asoptions .form-item {
width:100%;
padding-bottom:1.75em;
}
#search .tips {
float:left;
position:absolute;
top:15px;
right:0;
width:273px;
}
#search .tips h4 {
color:#513E38;
font-size:1.5em;
}
#search .tips p {
font-size:1.5em;
}
ul#home-sitemap {
margin:0;
padding:1.5em 0 0;
}
#bg-sitemap {
float:left;
width:100%;
background:url(/css_images/global/bgSitemap.png) repeat-y top left;
}
#sitemap ul.column {
float:left;
width:235px;
padding-right:10px;
}
#sitemap ul.column.col3 {
width:245px;
margin-left:10px;
padding-right:0;
}
#sitemap li {
padding-bottom:1em;
font-size:1.3em;
}
#sitemap li ul {
padding-top:.5em;
margin:0 0 0 -17px;
}
#sitemap li li {
padding-bottom:.5em;
font-size:1em;
background:none;
}
.content.page#sitemap li li a {
color:#666;
font-weight:400;
}
.content.page#sitemap li li a:hover {
color:#39c;
}
.content.page#sitemap li ul ul {
margin:0 0 0 10px;
}
#sitemap li ul ul li {
padding-left:7px;
padding-bottom:.5em;
background:url(/css_images/global/bulletOrange.png) no-repeat 0 9px;
}
body.overlay {
background:#adadad;
}
#overlay .notice.error {
width:358px;
border:none;
color:#513E38;
background:#fff url(/css_images/global/bgErrorOverlayTop.png) no-repeat top left;
margin:0;
padding:9px 0 0;
}
#overlay .notice.error .bottom {
float:left;
width:358px;
padding-bottom:9px;
background:#fff url(/css_images/global/bgErrorOverlayBottom.png) no-repeat bottom left;
}
#overlay .notice.error .middle {
float:left;
width:258px;
background:#fff url(/css_images/global/bgErrorOverlayMiddle.png) repeat-y top left;
padding:35px 50px 45px;
}
#overlay .error p {
padding-left:30px;
font-size:1.3em;
background:url(/css_images/global/iconNotice.png) no-repeat top left;
}
#overlay .notice input.button {
width:40px;
font-size:1em;
}
#overlay .notice span.button-wrap {
margin:1em 0 0 30px;
}
#my-super {
overflow:hidden;
position:relative;
width:100%;
margin:0 0 1em;
}
#my-super .button {
overflow:visible;
padding-left:1em;
padding-right:1em;
width:192px;
margin-bottom:10px;
}
#my-super .actions {
float:right;
text-align:center;
}
#my-super img {
float:left;
margin:0 1em 0 0;
}
#my-super .super-details {
font-size:1.2em;
float:left;
}
#my-super .super-details dt {
clear:left;
float:left;
width:50px;
}
#my-super .super-details dd {
float:left;
width:200px;
}
.my-rewards .block-small {
width:163px;
height:180px;
margin-right:20px;
border:1px solid #ccc;
text-align:center;
padding:6px 5px 6px 4px !important;
}
.my-rewards .block-small img {
float:none!important;
margin:0!important;
}
.my-rewards .block-small p {
margin-bottom:4px!important;
}
.my-rewards .block-small ul.inline {
padding:0 0 0 43px;
}
.my-rewards .arrow.right {
margin-top:10px;
width:auto;
}
#di-personal-details table th {
width:115px;
background:none;
}
.di-personal-policy-change-button,.di-personal-policy-change-call {
position:relative;
margin-right:10px;
}
.di-personal-policy-change-button input {
padding-left:4px!important;
padding-right:4px!important;
}
.di-policy-tfn {
position:relative;
border-width:1px 0;
padding:10px 0;
}
.di-policy-tfn table td {
vertical-align:middle;
}
#print-page {
width:100%;
margin-top:15px;
}
#print-page p {
float:right;
font-size:12px;
padding-right:18px;
}
span.details {
margin-left:65px;
}
.launch-account-access {
padding:1em 0;
}
.provide-tfn {
padding-right:18px!important;
text-align:right;
}
form#di-personal-details-update {
float:left;
width:750px;
padding-bottom:1.5em;
padding-top:1em;
}
#di-personal-details-update fieldset legend.show span {
position:relative;
z-index:2;
display:block;
width:750px;
font-size:1.6em;
color:#513E38;
border-bottom:1px solid #D47600;
margin:2em 0 0;
padding:0 0 .1em;
}
#di-personal-details-update .form-item.highlight {
width:725px;
line-height:normal;
background:#E4E8F4;
border:none;
padding:13px 14px;
}
form#di-personal-details-update td p.small {
font-size:10px!important;
margin:0;
}
#di-personal-details-update fieldset.addrform {
width:100%;
margin-top:-18px;
}
#di-personal-details-update input.button {
width:auto;
vertical-align:middle;
}
#di-personal-details-update #accounts {
margin:0 0 10px 15px;
}
#di-personal-details-update table th {
width:117px;
background:none;
}
#di-personal-details-update #cstate {
width:58px;
}
.form-item-tfn label span {
color:#333!important;
font-size:1.3em!important;
position:relative;
width:117px;
padding:0!important;
}
#ctfn {
margin-left:15px;
}
.di-policy-tfn p {
padding:0!important;
}
.di-policy-tfn table td a.small {
font-size:11px;
position:relative;
top:3px;
}
.di-policy-tfn input {
margin-right:6px;
}
#account-label {
font-size:1.3em!important;
color:#333!important;
padding:0!important;
}
.account-static {
border-bottom:1px solid #CAD5EA!important;
margin-bottom:.5em;
width:100%;
padding-bottom:10px;
}
.controls-update {
margin-top:-8px;
font-size:.78em;
clear:left;
}
.controls-update span input.button {
padding-top:.2em;
padding-bottom:.3em;
}
#accounts {
border:1px solid #CCC;
color:#666;
float:left;
font-size:1.1em;
height:85px;
padding:5px;
}
.content.page h3 {
font-size:1.6em;
margin-bottom:.25em;
color: #415763; /*Add the font color*/
}
#loginform ul.options {
float:left;
line-height:2.21em;
margin:.7em 0 0;
}



#loginform ul.options li input {
float:none;
margin-right:3px;
}
.ivb-logos {
width:770px;
}
.ivb-jumplink-logo {
float:left;
height:100px;
width:190px;
}
.ivb-jumplink-logo-newrow {
clear:left;
float:left;
height:100px;
width:190px;
}
.ivb-content {
clear:both;
width:770px;
}
.ivb-jumplink-graphics {
float:left;
width:380px;
}
.ivb-jumplink-summary {
float:right;
width:380px;
}
.ivb-jumplink-redeem {
clear:both;
width:770px;
background:#E2EACC;
}
.ivb-jumplink-disclaimer {
clear:left;
}
.ivb-jumplink-border {
background:none repeat scroll 0 0 #DCD8D7;
clear:left;
margin-bottom:10px;
padding-bottom:3px;
width:770px;
}
.quote {
padding-left:17px;
font-style:italic;
}
#header div#tagline { /*Removed these attributes under it to delete the text heading above the search section*/
/*width:386px;
height:13px;
background:url(/css_images/global/bgTagLine.png) no-repeat;*/
text-indent:-9999px;
/*padding:0;*/
}
#footer .disclaimer {
/*color:#999;*/ /*Change the font color*/
color: #fff;
margin:0!important;
padding:0!important;
width: 67%; /*Add to change the width*/
margin-top: 30px !important; /*Add to change the margin top*/
}
body.sem #container {
background:url(/css_images/global/bgSemCampaignPersonal.png) repeat-x top left!important;
}
.sem #container-three {
background:#FFF;
}
.sem .content .sem-content {
width:770px;
float:left;
margin-top:1em;
}
.sem .content #sidebar {
margin-top:.6em;
}
.sem .content .sem-content .teaser {
width:385px;
}
.sem .content h1 {
margin-bottom:1px;
}
.cbj .item h3 {
float:left;
padding-right:1em;
}
.cbj .item p.small {
padding-top:2px;
margin-bottom:.42em;
}
.cbj .item p.small .channels {
color:#D47600;
white-space:nowrap;
}
.cbj p.lastupdated {
float:right;
font-size:1.2em;
}
.cbj div.channels {
float:left;
width:100%;
font-size:1.5em;
}
.cbj div.channels em {
font-weight:700;
font-style:normal;
}
.cbj .jump-links {
margin-top:0;
padding-top:5px;
padding-bottom:5px;
margin-bottom:10px;
text-align:right;
border:none;
background:none;
}
.cbj .content.page .jump-links h2 {
display:inline;
font-size:12px;
font-weight:400;
}
.cbj .jump-links ul {
display:inline;
}
.cbj .content.page .jump-links li {
display:inline;
padding-left:10px;
margin-left:7px;
background:url(/css_images/global/pipeOrange.png) no-repeat left center transparent;
font-size:1.4em!important;
white-space:nowrap;
}
.cbj .content.page .jump-links li:first-child,.cbj .content.page .jump-links li.first {
background:none;
padding-left:5px;
margin-left:0;
}
*,.content-block.nopadding {
margin:0;
padding:0;
}
.clear,.content.page #register p.small,ul.stacked,ul.stacked li,.tabs,.policy-change-buttons p,.content.page #di-personal-details-update p.small {
clear:both;
}
#header,#container-two,.nav-border {
width:965px;
margin:0 auto;
height: 23px; /*Add this to make the nav bar appear even there is nothing in nav bar*/
}
#header,.extranet #header {
padding-top:20px;
}
.content,#feature {
float:left;
width:770px;
background-color: #fff; /*Add this to make the feature area have white background*/
}
#search-kw label input,#nav-main li.my-onepath ul li a:link,#nav-main li.my-onepath ul li a:visited {
width:117px;
}
ul#nav-main li,label,input,.form-item,.left,ul.inline,.block,#feature img,#campaign p#start,#search #searchfilters .checkbox label span,.cbj p.back {
float:left;
}
ul#nav-main li.nav-current a,.content.general .highlights h4,.content.page .highlights li {
color:#494949; /*Changed from #513E38 to #494949*/
}
ul#nav-main li.hover a,ul#nav-main li a:hover,a:hover,ul.content-tabs li a:hover {
text-decoration:underline;
}
#nav-holder.logged-in ul#nav-main li.nav-current.aa a,#nav-main li {
position:relative;
z-index:3;
}
form#ulogin label,.compactor.closed {
padding-bottom:1em;
}
form#ulogin input.button,#loginform input.button,.login input.button,#loginform input.button {
width:66px;
}
form#register.fadviser,#register.fadviser fieldset legend.show span,form#di-personal-details-update.fadviser,#di-personal-details-update.fadviser fieldset legend.show span {
width:564px;
}
#register fieldset legend.show,.tabs.js-enabled .tab-content-current,#di-personal-details-update fieldset legend.show {
display:block;
}
#register .form-item,#di-personal-details-update .form-item {
position:relative;
width:100%;
line-height:1.2em;
background:url(/css_images/global/bgFormLabel.png) repeat-y top left;
border-bottom:1px solid #A89E9B;
padding:1em 0;
}
#register .multiple,#di-personal-details-update .multiple {
float:right;
width:415px;
margin-bottom:1em;
padding-bottom:1em;
border-bottom:1px solid #A89E9B;
}
#register .multiple.none,#di-personal-details-update .multiple.none,.sem #sidebar {
padding:0;
}
#register.fadviser .multiple label,#footer ul,#di-personal-details-update.fadviser .multiple label,#di-personal-details-update.fadviser input.button,.sem .content {
width:auto;
}
#register.fadviser .multiple label.col1,#di-personal-details-update.fadviser .multiple label.col1 {
width:180px;
}
#register.fadviser .multiple label.col2,table.tabdata#columns.email td.term,#di-personal-details-update.fadviser .multiple label.col2 {
width:230px;
}
#register label span,#register.fadviser .form-item.checkbox p,#di-personal-details-update label span,#di-personal-details-update.fadviser .form-item.checkbox p {
position:relative;
width:117px;
color:#513E38;
font-size:1.2em;
padding:0 10px;
}
#register.fadviser .form-item.checkbox p,#di-personal-details-update.fadviser .form-item.checkbox p {
float:left;
margin-right:10px;
}
#register .form-item.checkbox span,#di-personal-details-update .form-item.checkbox span {
width:auto;
font-size:1.3em;
line-height:normal;
}
#register .form-item.checkbox .multiple span,#di-personal-details-update .form-item.checkbox .multiple span {

color:#333;
font-size:1.1em;
padding-left:0;
}
#register label em,#register.fadviser .form-item.checkbox p em,#di-personal-details-update label em,#di-personal-details-update.fadviser .form-item.checkbox p em {
position:absolute;
top:0;
right:8px;
color:#415e20; /*Change the color from #D47600 to green*/
}
#register .form-item input,#di-personal-details-update .form-item input {
width:198px;
padding:2px 5px 3px;
}
#register .form-item select,#di-personal-details-update .form-item select {
width:126px;
}
#register .form-item.dob select,#di-personal-details-update .form-item.dob select {
width:auto;
margin-right:8px;
}
#register .form-item input.short,#di-personal-details-update .form-item input.short {
width:79px;
}
#register.fadviser textarea,#di-personal-details-update.fadviser textarea {
width:407px;
height:125px;
color:#999;
border:1px solid #ccc;
padding:2px 5px 3px;
}
#register fieldset p,#di-personal-details-update fieldset p {
padding:.5em 0;
}
#register .form-item strong.missed,#di-personal-details-update .form-item strong.missed {
float:left;
color:#666;
font-size:1.1em;
font-weight:400;
background:url(/css_images/global/iconNoticeSmallError.png) no-repeat left;
padding:3px 0 3px 20px;
}
#register .form-item a.more-info img,#di-personal-details-update .form-item a.more-info img {
padding-top:.25em;
}
#content-scroll h5,#content-scroll p,#content-scroll li,#content-scroll dl,ul.inline li span,.content.page p.small,.content.page ul.small li,.home-block li a,.content.page .block-small p,.content.page .block-small li,#sidebar .block p,#sidebar .block li {
font-size:1.1em;
}
#columnb,.right {
float:right;
}
.compactor.closed .compactor-content,legend,.tabs.js-enabled .tab-content,#campaign p#start span,ul#nav-sub li.secureon,ul#nav-sub li.mscoff,ul#nav-sub li.hidepublic,ul#nav-sub li.integraoff,ul#nav-sub li.corpsuperoff,ul#nav-sub li.bdmoff,li ul#nav-sub.secureon,li ul.secureon,li.secureon,img.secureon,li.mscoff,li.hidelogout,li.hidepublic,li.integraoff,li.corpsuperoff,li.bdmoff {
display:none;
}
.item.first,.jump-links,.home-row.one {
margin-top:1em;
}
.item h4 a,.product h4 a,.action h4 a,span.small {
font-size:.9em;
}
.item h3 a,.product h3 a,.action h3 a {
font-size:.8em;
}
.content fieldset,#loginform ul.options li input,.login ul.options li input,.compactor .disclaimer {
float:none;

}

/******************Add below new CSS****************************/

#sidebar #loginform ul.options li input{ /*Update the login input button style in RHS*/
float:none;
background-color: #415763;
border-radius: 2px 2px;
background-image: none;
width: 80px;
height: 20px;
line-height: 18px;
vertical-align: middle;
padding-right: 2px;
font-size: 12px !important;
}
 
#sidebar span.button-wrap{ /*Update the login input button style in RHS*/
background-image: none;
}


#sidebar #loginform ul.options li input:hover { /*Add the hover effect for the login input button in RHS*/
background-color: #2f3d45;
}

#sidebar #loginform{ /*Update the login box style in RHS*/
border-bottom: 1px solid #d2cece;
padding-bottom: 17px;
margin: 7px 0px;
width: 175px;
}

#sidebar #loginform ul.options li{
background:none;
}

/********************Add above new CSS*****************************/
a img,.content-block.noborder,#di-personal-details table,#di-personal-details-update table {
border:none;
}
.content ul,#sidebar .news ul,.content.page .campaign-text p {
margin-bottom:.75em;
}
#sidebar ul.info,.content.general .content-block h2.headline,.content.page .highlights h4,.tab-content .content-block,.disclaimer.no-top-margin,.content.page div.product h4,.content.page div.product h3 {
margin-top:0;
}
.content.page ul.info li,#sidebar .block li {
padding-bottom:.5em;
}
.content p,.content.general .archive p {
font-size:1.2em;
margin-bottom:1em;
}
.content.page p.back,.notice p,.content.page .block-small ul,.quicklinks ul,#search .tips ul,#search .tips p,ul#nav-sub p {
margin-bottom:0;
}
.notice small,.quicklinks small,#search h3 em {
font-size:.85em;
}

.home-block p,.content.page .quote p {
margin-bottom:.5em;
}
.content.home .news li a,.content.page .news li a,.content.page li,#search .search-results h3,.di-policy-tfn span a {
font-size:1.3em;
}
#sidebar img.promo.top,#sidebar .block.top,.di-policy-tfn.first {
margin-top:10px;
}
.content.general .content-block h4,.content.page .content-block p,.home-block.news,#portfolio-banner,.sem .content .sem-content p {
margin-bottom:1em;
}
ul#breadcrumb li,#search ul.searchcrumb li {
float:left;
background:none;
font-size:1.1em;
padding:0 .5em 0 0;
}
ul#breadcrumb li a,ul.searchcrumb li a {
padding-right:.5em;
}
/*.teaser.left,.teaser.right {width:275px;}*/
#acampaign .teaser.brackets h4,.content.home h2 a,.ivb-colour {
color:#7D6E6A;
}
#my-onepath-teaser-image,#di-personal-details {
position:relative;
}
table.tabdata td.maxwidth,.content.page .news,#sidebar .news,.tfn-field,table.tfn {
width:100%;
}
table.tabdata.email .button,table.tabdata.email th.summary,table.tabdata.email td.summary {
width:100px;
}
table th strong,.sem .content .sem-content .teaser.left .compactor.open .compactor-content {
padding-right:10px;
}
table td.format,.ivb-jumplink-center {
text-align:center;
}
.content.page table.tabdata td p,#container table td ul li,.content.page table td p a {
font-size:12px;
}
.content.page table#columns td.summary p a,.my-rewards .arrow.right li,.di-personal-policy-change-call {
font-size:11px;
}
.content.page .results-pages ul li.prev-next,.content ul.content-tabs#results li a span {
background:none;
}
.content ul.content-tabs#results li a span em,.content ul.content-tabs#advanced li a span em {
font-style:normal;
color:#666;
}
#loginform,.login,#loginform {
float:left;
width:165px;
margin:0 0 8px 10px;
}


#loginform ul.options.height,.login ul.options.height,#loginform ul.options.height {
margin-top:0;
line-height:1.5em;
}
#loginform ul.options li,.login ul.options li,#loginform ul.options li {
font-size:1.095em;
/*background:url(/css_images/global/pipeGrey.png) no-repeat center right;*/
}
#loginform ul.options li strong,.login ul.options li strong,#loginform ul.options li strong {
font-size:1.2em;
}
#loginform p,.login p,#loginform p {
float:left;
clear:both;
font-size:1.1em;
margin-top:.75em;
}
.campaign ul.content-tabs a,#sitemap li a {
font-weight:700;
}
#sitemap ul.column.col2,#di-personal-details-update .personal {
margin-left:10px;
}
#di-personal-details table th,#di-personal-details table td,#di-personal-details-update table th,#di-personal-details-update table td {
font-size:12px;
padding:0 2em 4px 0;
}
/* New Default Video List Styles */ 
#video-container {margin: 0 auto; width: 564px;}
.video-content {background-color: #f9f9f9; padding: 20px; border: 1px solid #dcd8d7; margin: 10px 0;}
.video-content.full {}
.video-content.half {width: 48%;}
.video-content.full .thumb {float: left; width: 220px; height: 126px; border: 1px solid #dcd8d7; padding: 3px; cursor: pointer;}
.video-content.half .thumb {}
.video-content.full .meta {float: left; width: 274px; margin: 0 0 0 20px;}
.video-content.half .meta {}
.ui-dialog-content iframe {margin: 0 0 0 40px;}

/*****************Below are all new CSS*****************************************/
#Register-loginbox { /*Change the style of the Register button in RHS login box*/

	display: block;
	border:1px solid #415763;
	border-radius:2px 2px;
	padding-left:16px;
	padding-right: 4px;
/*	margin-left: -4px;*/
/*	margin-right: -10px;*/
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	width: 58px;
	font-size: 12px !important;
}

#Register-loginbox strong{ /*Change the style of the Register button in RHS login box*/

	color: #415863;
	font-size: 12px !important;
}

#Register-loginbox:hover{ /*Update the hover effect for the Register button in RHS login box*/

	background-color: #415763 !important;
	text-decoration:none;
	
}
#Register-loginbox:hover strong{ /*Update the hover effect for the Register button in RHS login box*/

	color: #fff;
}
#Register-loginbox:hover a{ /*Update the hover effect for the Register button in RHS login box*/

	text-decoration:none;
	
}

#search-kw label input{  /*Change the style of the search input box in hearder*/
border: 1px solid #617e07;
}

#search-kw label input{ /*Change the style of the search input box in hearder*/
color:#ebebeb;
}

#search-kw label input:focus{ /*When focus change the text color in input box*/
color:#7D6D69;
}

#footer-content{ /*Update the style of the footer*/
	width: 940px;
	margin: 0 auto;
}
 
#footer ul{  /*Update the style of the footer*/
	width: 67%;
	margin-top: 5px;
}

#footer li a{ /*Update the style of the footer*/
	font-size: 12px;
	color: #fff;
}

#footer ul li{ /*Update the style of the footer*/
	margin-right: 9px;
	padding: 0px 9px 0px 0px;
}

#nav-main li ul .publiconly{
	border-bottom: 1px solid #523F39; /*To add the bottom border for the MyOnePath public page in nav*/
}

.footertitle { /*to add this to make the new footer*/
	
    float: left;
    clear:  both;
    width: 100%;
	margin-top: 15px !important;

}

.headerunderline{ /*to add header underline*/
    text-decoration:underline;
}

.tilestyle{

    display:  inline-block;
    width: 160px;
    border: 1px solid  #A8A8A8;
    padding: 20px 30px;
	float:  left;
	height: 130px;

}

.tileheader{
	
    font-size: 15px !important;
    font-weight:  bold;
    color: #0072ac;
	height: 40px;
}

#tile1{
	
    margin-left: 15px;

}

#tile2{
	
    margin-left: 23px;

}


#tile3{
	
    margin-left: 23px;

}

#tile4{
	
    margin-left: 15px;

}

#tile5{
	
    margin-left: 23px;

}

#notice-area{
	
    margin-top:  170px;
    text-align:  center;
    padding: 40px 60px;
    background-color: #415763;
    color:  white;
}

.visitbutton:hover{ /*Added this hover effect for the view all button*/
	background-color: #415763;
}

.visitbutton:hover a{ /*Added this hover effect for the view all button*/
	background-color: #415763;
	color: #fff !important;
	text-decoration: none;
}

#content-row1 .visitbutton{ 
	border-radius: 2px; 
	border: 1px solid rgb(65, 87, 99); 
	width: 92px; 
	height: 18px; 
	text-align: center; 
	padding-top: 2px; 
	font-size: 1.2em; 
	margin-top: 20px;  
	display: inline-block;
	
}

.content.page .product h3 a{ /*Added this to change the font size in product page*/
    font-size: 15px !important;
}

.content ul li {
    text-indent: -8px;
    list-style-type: none;
}

.content ul li:before{
    content: '\f061';
    display: inline-block;
    font-weight: 900;
    margin-right: 6px;
    margin-left: 2px;
    color: #617e07;
    font-size: 8px;
    font-family: 'Font Awesome 5 Free';
}

.compactor-heading > a:before {
    content: '\f0da';
    display: inline-block;
    color: #617e07;
    font-weight: 900;
    transition: .3s ease;
    position: absolute;
    left: 10px;
    font-family: 'Font Awesome 5 Free';
}

.compactor.open a:before {
    transform: rotate(90deg);
}

.content.page .compactor h3 a:before {
    content: '\f0da';
    display: inline-block;
    color: #617e07;
    font-weight: 900;
    transition: .3s ease;
    position: absolute;
    left: 7px;
    font-family: 'Font Awesome 5 Free';
}

.content.page .compactor.open h3 a:before {
    transform: rotate(90deg);
}


#row1-section3 {
    height: 290px;
}

#content-row2 #row1-section3 {
    height: auto;
}


.article-link-box {
    padding: 20px 0; 
    margin-top: 20px;
    width: 100%; 
    background: #eee; 
    text-align: center;
}

.article-link-box a.article-btn {
    border: 1px solid #617e07; 
    color: #617e07;
    padding: 8px 16px;
    display: inline-block;
    transition: .3s ease;
    
}

.article-link-box a.article-btn:hover {
    background: #617e07;
    color: #fff;
    transition: .3s ease;
}

.table-border td {
    border: 1px solid #000;
}


.news-table {
    border: 1px solid #ebebeb;
    margin: 10px 0;
    width: 100%;
    background: #fff;
}

.content.page .content-block .news-table p {
    margin-bottom: 0 ;
    font-size: 12px;
}

.news-table thead {
    background: #719206; 
    color: #fff;
}

.news-table tbody tr:nth-child(odd) {
    background: #eef1e5; 
}

.img-responsive {
    max-width: 100%;
    object-fit: cover;
    margin: 20px auto;
}

/*****************Above are all new CSS*****************************************/