/* These are standard sIFR styles... do not modify */ .sIFR-flash{visibility:visible !important;margin:0} .sIFR-replaced{visibility:visible !important} span.sIFR-alternate{position:absolute;left:0;top:0;width:0;height:0;display:block;overflow:hidden} /* Hide Adblock Object tab:the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true]{display:none !important} /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .individualFirst .myriadPageTitle{color:#f90} .individualSecond .myriadPageTitle{color:#565aca} .individualThird .myriadPageTitle{color:#739427} .individualFourth .myriadPageTitle{color:#a1855c} .businessFirst .myriadPageTitle,.businessFifth .myriadPageTitle{color:#89968c} .businessSecond .myriadPageTitle{color:#885979} .businessThird .myriadPageTitle{color:#8f9b4f} .businessFourth .myriadPageTitle{color:#a1855c} .utility .myriadPageTitle,.myAccount .myriadPageTitle{color:#af9e01} /*General*/ body{background:#fff url('/images/css/bgBodyGradientRule.gif') repeat-x 0pt 63px;/*override YUI*/text-align:left} #custom-doc{width:870px;margin:8px 10px 0;text-align:left;height:100%;position:relative} a sup{color:#06c} html,body{height:100%} label{color:#666} input{padding-left:2px} h1{padding-bottom:8px} h2,h3{font-weight:700} h1.individualOrange,h1.individualOrange strong,h1.individualOrange em,h2.individualOrange,h2.individualOrange strong,h2.individualOrange em{color:#f90} h1.individualPurple,h1.individualPurple strong,h1.individualPurple em,h2.individualPurple,h2.individualPurple strong,h2.individualPurple em{color:#565aca} h1.individualGreen,h1.individualGreen strong,h1.individualGreen em,h2.individualGreen,h2.individualGreen strong,h2.individualGreen em{color:#739427} .twoColumnArticle h2.brown,.threeColumnArticle h2.brown,.twoColumnArticle h3.brown,.threeColumnArticle h3.brown,h1.brown,h1.brown strong,h1.brown em,h2.brown,h2.brown strong,h2.brown em{color:#a1855c} h1.businessGrey,h1.businessGrey strong,h1.businessGrey em,h2.businessGrey,h2.businessGrey strong,h2.businessGrey em{color:#89968c} h1.businessPurple,h1.businessPurple strong,h1.businessPurple em,h2.businessPurple,h2.businessPurple strong,h2.businessPurple em{color:#885979} h1.businessGreen,h1.businessGreen strong,h1.businessGreen em,h2.businessGreen,h2.businessGreen strong,h2.businessGreen em{color:#8f9b4f} embed,object{position:relative;z-index:0;margin-bottom:15px} img.imageLeft{float:left;margin:15px 15px 15px -7px} img.imageRight{float:right;margin:15px -7px 15px 15px} .hidden{display:none} .border{border:1px solid #dedede} #mainContent #rightRail .border{width:160px} #main .twoColumnArticle.border,#main .twoColumnArticle.border .last,#main .threeColumnArticle.border,#main .threeColumnArticle.border .last{border:none !important} .column50RightBorder{border:1px solid #dedede;width:49%} .floatRightBorder{border:1px solid #dedede;float:right} .listLast{border:none !important;padding-right:0} /* for last item in NAV elements */ .yui-g .yui-gb .first .yui-u li,#hd li,#ft li{color:#333;font-weight:700} .yui-g .yui-gb .first .yui-u li a,#hd li a,#ft li a{font-weight:400} /*base styles*/ strong{color:inherit;font-weight:bold} abbr,acronym{border-bottom:1px dotted #dedede;color:inherit;cursor:help} th acronym{color:#fff} em{color:inherit;font-style:italic} ul.horizontalList,ul.horizontalList li,ol.horizontalList,ol.horizontalList li{float:left;list-style-type:none !important} ul.horizontalList li,ol.horizontalList li{border-right:1px solid #CCC;margin:0 !important;padding:0 5px;width:auto !important} #mainContent .yui-gb .second .yui-u ol li{list-style:decimal outside} #mainContent .yui-gb .second .yui-u ul li{list-style:disc outside} #mainContent .yui-gb .second ol li,#mainContent .yui-gb .second .yui-u ul li{display:list-item;margin-left:30px} p.disclaimer{color:#333} /*Overrides to YUI*/ #mainContent .yui-gb .yui-u{width:170px} /* left rail */ #mainContent .yui-gb .second{width:485px} /* center column */ #mainContent .yui-gb .third{width:160px} /* right rail */ #mainContent .yui-gb .second .yui-u{padding-bottom:15px;width:100%} #mainContent .yui-gb .second .yui-u a{font-weight:700} #mainContent .yui-gb .yui-u .yui-u{width:100%} #mainContent .yui-gb .yui-u .yui-u .yui-u{width:100%} /*layout*/ #hd,#bd,#ft{clear:both;margin:0 15px} #bd{padding-top:15px} .clear{clear:both;float:none;height:1px;line-height:1px} /* S T A R T H E A D E R */ #hd{display:block} #hd img{position:relative;z-index:1000} #hd img.logo{float:left;margin:0 0 10px} #hd .pageTools,#navigation .pageTools{display:block;float:right;width:800px;left:60px;z-index:780;top:0;position:absolute} #navigation .pageTools{left:40px} #hd .pageTools .pageTopNav,#navigation .pageTools .pageTopNav,#hd .pageTools .micrositeTopNav{float:right} #hd .pageTools .pageTopNav p,#navigation .pageTools .pageTopNav p,#hd .pageTools .micrositeTopNav p{display:none} #hd .pageTools .pageTopNav ul,#navigation .pageTools .pageTopNav ul,#hd .pageTools .micrositeTopNav ul{float:right;margin:0} #hd .pageTools .pageTopNav ul li,#navigation .pageTools .pageTopNav ul li,#hd .pageTools .micrositeTopNav ul li{float:left;display:inline;margin-top:4px;padding:0 6px;border-right:#dedede 1px solid} #hd .pageTools .search,#navigation .pageTools .search{clear:right;float:right;position:relative;top:5px;text-align:right;width:222px;z-index:230} #hd .pageTools .search .textbox,#navigation .pageTools .search .textbox{cursor:text;width:128px;height:17px;margin-top:2px;border:#A7A6AA 1px solid;vertical-align:top;float:left;padding-left:2px} #hd label.label,#navigation label.label{float:left;margin:5px 8px 5px 5px} #hd .pageTools .search .searchGo,#navigation .pageTools .search .searchGo{margin:2px 0 0} /*Top Nav Tabs*/ #hd #navItems{float:left;clear:both;margin-bottom:24px;width:100%;margin-top:-17px;width:460px} #navigation #navItems{position:absolute;top:34px;left:0} #hd ul#nav,#navigation ul#nav{margin:-13px 0px 0px 185px;width:480px} #navigation ul#nav{margin-top:-12px} #hd ul#nav li,#navigation ul#nav li{float:left;margin:6px 0;padding:0 7px;position:relative;white-space:nowrap} #hd ul#nav li.individuals,#navigation ul#nav li.individuals{padding-left:0} #hd ul#nav li.individuals,#hd ul#nav li.business,#navigation ul#nav li.individuals,#navigation ul#nav li.business{padding-right:1px} #hd ul#nav li.business,#hd ul#nav li.myAccount,#hd ul#nav li,#navigation ul#nav li.business,#navigation ul#nav li.myAccount,#navigation ul#nav li{padding-left:1px} #hd ul#nav li.first,#navigation ul#nav li.first{padding-left:0} #hd #nav li ul.dropdowns,#navigation #nav li ul.dropdowns{height:26px;left:0;width:840px;background:url('../images/css/nav_bar_tile.gif') 0 0 repeat} #hd ul#nav li li,#navigation ul#nav li li{border:none;margin:0} /*Top Nav SubMenu*/ #hd #nav li a.active,#navigation #nav li a.active{font-weight:bold} #hd #nav li ul,#navigation #nav li ul{position:absolute;top:20px;z-index:101} #hd #nav li ul.dropdowns,#navigation #nav li ul.dropdowns{margin:20px 0px 0px -175px} .individual #navigation #nav li ul.dropdowns,.individual #hd #nav li ul.dropdowns,.individualFirst #hd #nav li ul.dropdowns,.individualSecond #hd #nav li ul.dropdowns,.individualThird #hd #nav li ul.dropdowns{margin:20px 0px 0px -185px} .business #navigation #nav li ul.dropdowns,.business #hd #nav li ul.dropdowns,.businessFirst #hd #nav li ul.dropdowns,.businessSecond #hd #nav li ul.dropdowns,.businessThird #hd #nav li ul.dropdowns,.businessFourth #hd #nav li ul.dropdowns,.businessFifth #hd #nav li ul.dropdowns{left:-147px} #hd #nav li ul li.hasDropDown,#navigation #nav li ul li.hasDropDown{display:block;position:relative;float:left;margin:0 0px 0 0;padding:0;z-index:102;border-right:1px solid #FFF} #hd #nav li ul li.hasDropDown a,#navigation #nav li ul li.hasDropDown a{margin:0 0 0 3px;display:block;color:#fff;padding:4px 0 4px 3px} #hd #nav li ul li .active,#navigation #nav li ul li .active{font-weight:normal} #hd ul#nav .dropdowns li.phone div span,#navigation ul#nav .dropdowns li.phone div span{color:#717171} #hd ul#nav .dropdowns li.phone div,#navigation ul#nav .dropdowns li.phone div{padding-top:5px} #hd ul#nav .dropdowns li.phone,#navigation ul#nav .dropdowns li.phone{font-size:85%;font-weight:400;padding:0 20px 0 0;position:absolute;right:0px;top:0;height:26px;background:transparent url('../images/css/nav_bar_end.gif') no-repeat scroll right center} /* Backgrounds for level 2 nav */ .ind_first,.ind_second,.ind_third,.ind_fourth,.bus_first,.bus_second,.bus_third,.bus_fourth,.bus_fifth{display:block;width:167px;height:26px;margin-right:1px;text-indent:0px;background:transparent url('../images/css/navIndividuals.gif') -20px 0px repeat-x} .bus_first,.bus_second,.bus_third,.bus_fourth,.bus_fifth{background-image:url('../images/css/navBusiness.gif')} .ind_first,.bus_first{background-position:0px 0px} .bus_fifth{background-position:100% 0px} .nwIndividualFirst .ind_first,.individualFirst .ind_first,.ind_first:hover{background-position:0px -48px} .nwIndividualSecond .ind_second,.individualSecond .ind_second,.ind_second:hover{background-position:-20px -48px} .nwIndividualThird .ind_third,.individualThird .ind_third,.ind_third:hover{background-position:-20px -48px} .businessFirst .bus_first,.bus_first:hover{background-position:0px -48px} .businessSecond .bus_second,.bus_second:hover{background-position:-20px -48px} .businessThird .bus_third,.bus_third:hover{background-position:-20px -48px} .businessFourth .bus_fourth,.bus_fourth:hover{background-position:-20px -48px} .businessFifth .bus_fifth,.bus_fifth:hover{background-position:100% -48px} /* Selected State */ .nwIndividualFirst #hd #nav li.ind_first a.topLink,.nwIndividualSecond #hd #nav li.ind_second a.topLink,.nwIndividualThird #hd #nav li.ind_third a.topLink,.individualFirst #hd #nav li.ind_first a.topLink,.individualSecond #hd #nav li.ind_second a.topLink,.individualThird #hd #nav li.ind_third a.topLink,.businessFirst #hd #nav li ul li.bus_first a.topLink,.businessSecond #hd #nav li ul li.bus_second a.topLink,.businessThird #hd #nav li ul li.bus_third a.topLink,.businessFourth #hd #nav li ul li.bus_fourth a.topLink,.businessFifth #hd #nav li ul li.bus_fifth a.topLink{font-weight:700} /* Drop Down Menu - Nationwide */ #hd #nav ul.dropdowns li ul,#navigation #nav ul.dropdowns li ul{position:absolute;left:-9999px;z-index:210} #hd #nav li.hasDropDown ul,#navigation #nav li.hasDropDown ul{border:1px solid #ABB1B8;border-width:1px 1px 1px;width:260px;margin:0;padding:0;background:#fff} #hd #nav li.hasDropDown li,#navigation #nav li.hasDropDown li{display:block;float:none;width:145px;white-space:normal;text-indent:0;margin:0;padding:0} #hd #nav li.hasDropDown ul li a,#navigation #nav li.hasDropDown ul li a{display:block;background:none;color:#666;margin:0 0 0 1px;font-weight:400;color:#06c;border-bottom:0px solid #999;padding:5px 9px 5px 15px;width:231px;font-size:100% !important;line-height:1.2em} #hd #nav li.hasDropDown ul li.categoryHead a,#navigation #nav li.hasDropDown ul li.categoryHead a{line-height:14px;background:#F3F4F5;padding:7px 9px;border-bottom:1px solid #fff;width:241px} #hd #nav li.hasDropDown li a:hover,#navigation #nav li.hasDropDown li a:hover{background:#f7f7f7} #hd #nav span,#navigation #nav span{display:none} #hd ul#nav li li:hover ul,#hd ul#nav li li.sfHover ul,#navigation ul#nav li li:hover ul,#navigation ul#nav li li.sfHover ul{left:0;top:23px} /* Simple Header */ #hd.simple{float:left;width:100%} #hd.simple .pageTools{display:block;float:right;width:800px;z-index:780;left:65px;position:absolute} #hd.simple .pageTools .pageTopNav ul li.listLast{padding-right:0} #hd.simple ul li{float:left;padding-bottom:0;white-space:nowrap;margin:2px 0;position:relative} #hd.simple ul li a{margin:2px 0} #hd.simple ul li,#hd.simple ul li a{padding-left:0} #hd.simple ul#nav li{margin:0} #hd.simple ul#nav li.individuals,#hd.simple ul#nav li.individuals a.individuals{padding-left:0} #hd.simple #navItems{float:left;clear:both;margin-bottom:0px;width:100%;margin-top:-17px;width:460px} #hd.simple #navItems #nav{margin:0;padding:9px 0 4px;float:left;width:100%;margin:-16px 0px 0px 185px;width:480px} #hd.simple #navItems #nav li{padding-top:0;padding-bottom:0} #hd.simple #navItems li.last{border:none} #hd.simple #navItems a{padding:0} #hd.simple #navItems li.last a{padding-right:0} /* Ultra Simple Header */ #hd.ultra .pageTools .pageTopNav ul{margin:0} #hd.ultra .pageTools #pageTopNav li{display:block;float:right;background:url('../images/bgBackToBullet.jpg') 0 4px no-repeat;padding-left:8px} #hd.ultra #navItems{float:right;clear:right} #hd.ultra #navItems ul{float:right} #hd.ultra #navItems ul li{border-right:1px solid #dedede;font-weight:400} /*IE7 Styles*/ #hd #nav li ul li.hasDropDown ul li{padding:0 !important} /* E N D H E A D E R */ /*Body*/ /* C A L L O U T S (2.1) */ #custom-doc.individualFirst .imageBorderCallout h2{color:#f90} #custom-doc.individualSecond .imageBorderCallout h2{color:#565aca} #custom-doc.individualThird .imageBorderCallout h2{color:#739427} #custom-doc.individualFourth .imageBorderCallout h2{color:#a1855c} #custom-doc.businessFirst .imageBorderCallout h2, #custom-doc.businessFifth .imageBorderCallout h2{color:#89968c} #custom-doc.businessSecond .imageBorderCallout h2{color:#885979} #custom-doc.businessThird .imageBorderCallout h2{color:#8f9b4f} #custom-doc.businessFourth .imageBorderCallout h2{color:#a1855c} #leftRail .imageBorderCallout{background:url(/images/css/imageBorderCalloutBottom.gif) bottom left no-repeat;width:142px;min-height:0;float:right;padding-bottom:9px} #leftRail .imageBorderCallout h2{background:url(/images/css/imageBorderCalloutTop.jpg) top left no-repeat;margin:0;padding:10px 10px 5px !important;width:90%;border:none} #leftRail .imageBorderCallout ul,#leftRail .imageBorderCallout p{margin:0 !important;padding:0 5px 0 9px;width:90%} #leftRail .imageBorderCallout li,#leftRail .imageBorderCallout p{padding-bottom:5px} #bd .yui-gb #leftRail .imageBorderCallout li a:hover,#bd .yui-gb #leftRail .border li a:hover{background:none !important} #bd .yui-gb #leftRail .imageBorderCallout li,#bd .yui-gb #leftRail .imageBorderCallout li a{margin:0;padding:0 0 3px !important} #bd .yui-gb #leftRail .imageBorderCallout li{margin:0;padding:0 0 3px !important;width:90%} #rightRail .imageBorderCallout{background:url(/images/css/imageBorderCalloutBottom.gif) bottom left no-repeat;width:142px;min-height:0;float:right;padding-bottom:9px} #rightRail .imageBorderCallout h2{background:url(/images/css/imageBorderCalloutTop.jpg) top left no-repeat;margin:0;padding:10px 10px 5px !important;width:90%} #rightRail .imageBorderCallout ul{margin:0;width:90%;padding:0 5px 0 9px} #rightRail .imageBorderCallout p{margin:0;width:90%;padding:0 5px 5px 9px} #rightRail .imageBorderCallout li{padding-bottom:5px} #rightRail .imageBorderCallout a{padding-bottom:0} .smartConversation #rightRail .imageBorderCallout ul{margin:0 !important;padding:0 5px 0 9px !important;width:90% !important} .smartConversation #rightRail .imageBorderCallout p{margin:0 !important;padding:0 5px 5px 9px !important;width:90% !important} .smartConversation #rightRail .imageBorderCallout li{padding-bottom:5px} #seoLinks .yui-u .imageBorderCallout{background:url(/images/css/imageBorderCalloutBottom.gif) bottom left no-repeat;width:142px;min-height:0;float:right;padding-bottom:9px} #seoLinks .yui-u .imageBorderCallout h2{background:url(/images/css/imageBorderCalloutTop.jpg) top left no-repeat;margin:0;padding:10px 10px 5px !important;width:90%} #seoLinks .yui-u .imageBorderCallout ul{margin:0;padding:0 5px 0 9px !important;width:90%} #seoLinks .yui-u .imageBorderCallout p{margin:0;padding:0 5px 5px 9px !important;width:90%} #seoLinks .yui-u .imageBorderCallout li{padding-bottom:5px} #bottomContent .yui-u .imageBorderCallout{background:url(/images/css/imageBorderCalloutBottom.gif) bottom left no-repeat;width:142px;min-height:0;margin:9px 0 20px;padding:9px;float:right} #bottomContent .imageBorderCallout h2{background:url(/images/css/imageBorderCalloutTop.jpg) top left no-repeat;margin:-9px -9px 5px -9px;padding:9px 9px 0 9px} #bottomContent .imageBorderCallout ul{margin:0;padding:0} #bottomContent .imageBorderCallout li,#bottomContent .imageBorderCallout p{padding-bottom:5px} /* left rail */ .yui-g .yui-gb .first{margin-right:5px} .yui-g .yui-gb .first .yui-u h2 a{color:#333} .yui-g .yui-gb .first .yui-u li{padding:1px 0} .yui-g .yui-gb .first .yui-u .headingitem{color:#666} /* Center Column */ /*Breadcrumbs*/ #breadcrumbs{display:block;margin:0;width:650px;float:left;padding-bottom:9px;font-size:85%} #breadcrumbs ul{display:block;list-style-type:none;margin-left:0} #breadcrumbs li{display:inline;list-style-type:none;margin:0 !important;width:auto} /* #breadcrumbs li span{background:transparent url('/images/css/bgBreadcrumbs.gif') 60% .4em no-repeat;padding-right:10px} - Replaced carat sign with '>' */ #breadcrumbs li#currentPage{color:#333;background:none;font-weight:700} #breadcrumbs li a{color:#06C;font-weight:400 !important} #utility{display:block;float:left;clear:both;width:100%} .nw #breadcrumbs{padding-bottom:15px} /* Column Articles */ .oneColumnArticle,.twoColumnArticle,.threeColumnArticle,.fourColumnArticle,.fiveColumnArticle{clear:both;width:100%} .oneColumnArticle h2,.oneColumnArticle h3{color:#5a5a5a;padding:0 10px} .twoColumnArticle h2,.threeColumnArticle h2,.twoColumnArticle h3,.threeColumnArticle h3{color:#333;padding:0 0 0 10px;font-weight:bold} .oneColumnArticle h2,.twoColumnArticle h2,.threeColumnArticle h2,.oneColumnArticle h3,.twoColumnArticle h3,.threeColumnArticle h3,.oneColumnArticle ul,.twoColumnArticle ul,.threeColumnArticle ul,.oneColumnArticle ol,.twoColumnArticle ol,.threeColumnArticle ol{margin-top:5px} .oneColumnArticle p,.twoColumnArticle p,.threeColumnArticle p{padding:5px 10px} .column65{float:left;width:62.06%} .column35{float:left;width:31.96%} .column25{float:left;width:22.65%} .column50{float:left;width:45.75%} .column50 .column50{padding:0} .column33{float:left;width:30.31%} #mainContent h1,#mainContent p,#mainContent ul,#mainContent ol,#mainContent li,#mainContent h2,#mainContent h3,#mainContent h4,#mainContent h5{max-width:485px} #mainContent .span100, #mainContent .span100 p{max-width:100%;width:100%} .oneColumnArticle p,.oneColumnArticle ul,.oneColumnArticle ol,.oneColumnArticle h2,.oneColumnArticle h3,.oneColumnArticle h4,.oneColumnArticle h5{padding:0 7px} .column65,.column35,.column25,.column50,.column33{padding:0 7px} .twoColumnArticle .column50{padding-left:0} #mainContent .second ul,#mainContent .second ol{margin-bottom:16px} #mainContent .second .border h2{margin-top:5px;padding:0px 10px} #mainContent .second .border p{padding:5px 10px} .individualFirst #mainContent #main .colour h2{background-color:#FF9900} .individualFirst #mainContent #main .colour{border:solid 1px #ff9900;width:100%} .individualSecond #mainContent #main .colour h2{background-color:#565aca} .individualSecond #mainContent #main .colour{border:solid 1px #565aca;width:100%} .individualThird #mainContent #main .colour h2{background-color:#739427} .individualThird #mainContent #main .colour{border:solid 1px #739427;width:100%} .businessFirst #mainContent #main .colour h2,.businessFifth #mainContent #main .colour h2{background-color:#89968c} .businessFirst #mainContent #main .colour,.businessFifth #mainContent #main .colour{border:solid 1px #89968c;width:100%} .businessSecond #mainContent #main .colour h2{background-color:#885979} .businessSecond #mainContent #main .colour{border:solid 1px #885979;width:100%} .businessThird #mainContent #main .colour h2{background-color:#8f9b4f} .businessThird #mainContent #main .colour{border:solid 1px #8f9b4f;width:100%} /* right rail */ .yui-g .yui-gb .third{float:right;margin-left:10px} .third .yui-u{margin-bottom:10px} .third h2{font-weight:700;margin:0 0 3px 10px;padding-top:0} .third h2 a{background:url('/images/css/bgBlueArrow.gif') no-repeat right 5px;color:#333;text-decoration:none;padding:0 15px 0 0} .third li{margin:2px 0} .third p{margin:2px 0 2px 10px} .third p a{padding-bottom:5px} .individualFirst .third h2{color:#f48202} .individualSecond .third h2{color:#746ccd} .individualThird .third h2{color:#8aad18} .businessFirst .third h2,.businessFifth .third h2{color:#89968c} .businessSecond .third h2{color:#885979} .businessThird .third h2{color:#8f9b4f} .individualFirst .third .colour{border:1px solid #f4b302} .individualFirst .third .colour h2{background-color:#f48202} .individualSecond .third .colour{border:1px solid #c7c3ef} .individualSecond .third .colour h2{background-color:#746ccd} .individualThird .third .colour{border:1px solid #c1d67e} .individualThird .third .colour h2{background-color:#8aad18} .businessFirst .third .colour,.businessFifth .third .colour{border:1px solid #89968c} .businessFirst .third .colour h2,.businessFifth .third .colour h2{background-color:#89968c} .businessSecond .third .colour{border:1px solid #885979} .businessSecond .third .colour h2{background-color:#885979} .businessThird .third .colour{border:1px solid #8f9b4f} .businessThird .third .colour h2{background-color:#8f9b4f} .utility .third h2{color:#af9e01} .colour{margin:10px 0 0 12px;padding:0} .colour h2{height:20px;margin:0 !important;padding:2px 0 0 8px !important;color:#FFF !important} .colour p{margin:0;padding:0 8px} .colour ul{margin:0;padding:0 8px !important} #mainContent .third .border h2{padding:10px 10px 5px;margin:0px} #mainContent .third .border h3{padding:10px 10px 5px;margin:0px} #mainContent .third .border p{padding:5px 10px;margin:0px} #mainContent .third .border ul{padding:5px 10px;margin:0px} /* WIDGETS */ .third #myAccount h2,.third .contactWidget h2{color:#333} #myAccount{border:#dedede 1px solid;margin:5px 0 8px;height:158px;position:relative;width:158px} #myAccount #loginClose{position:absolute;top:3px;right:3px;width:9px;height:9px;background:url(/images/css/bgAccountModuleClose.gif) transparent 0 0 no-repeat;display:none} #myAccount noscript h3,#myAccount noscript p{margin:15px 5px 15px 10px} #myAccount h3{font-weight:400 !important;float:left;padding:3px 0 0} #myAccount a:hover{text-decoration:underline} #loginHeader{font-weight:400;margin:5px 0 8px;padding:0 0 0 10px;width:110px !important;overflow:hidden;border:none;color:#333} #loginSecurity{float:right;margin:0 16px 0 0;display:inline} div.accountModWrapper{position:relative;padding-left:10px;width:146px;height:146px;min-height:146px;display:none} div.accountModWrapper h3{color:#666} div.accountModWrapper .fsOptions{width:90%;margin-top:5px;margin-bottom:1px} div.accountModWrapper div.uiWrap{position:absolute;z-index:100;width:138px;padding:3px 10px;margin-left:-11px;border-top:none} div.accountModWrapper div.setUI{background-color:#fff;border:1px solid #e6e6e6;border-top:none} div.accountModWrapper div.formElms{display:none} div.accountModWrapper div.formElms div.standardExpand, div.accountModWrapper div.formElms div.nfExpand, div.accountModWrapper div.formElms div.nfbusExpand, div.accountModWrapper div.formElms div.mortgageExpand, div.accountModWrapper div.formElms div.bankingExpand, div.accountModWrapper div.formElms div.brokerageExpand, div.accountModWrapper div.formElms div.mutfndsExpand, div.accountModWrapper div.formElms div.commercialExpand, div.accountModWrapper div.formElms div.agribusinessExpand, div.accountModWrapper div.formElms div.farmExpand, div.accountModWrapper div.formElms div.definedbenefitExpand,.myAccountMicrosite .accountModWrapper div.formElms div.employeesExpand, .myAccountMicrosite .accountModWrapper div.formElms div.employersExpand, .myAccountMicrosite .accountModWrapper div.formElms div.adminsExpand, .myAccountMicrosite .accountModWrapper div.formElms div.advisorsExpand {display:none} div.accountModWrapper div.accountHelpLinks a,div.accountModWrapper a:visited{text-decoration:none;margin-bottom:5px;color:#06c;line-height:11px} div.accountModWrapper label{display:block;padding-bottom:2px;float:none} .myAccountMicrosite .accountModWrapper input.text,div.accountModWrapper input.text{width:90%} div.accountModWrapper input.number{width:48px} div.accountModWrapper .marginTop10{margin-top:10px} .mortgageExpand{padding-bottom:12px} div.accountModWrapper .accountHelpLinks{margin-top:15px;margin-bottom:10px} div.accountModWrapper .accountHelpLinks li{margin:4px 0 0 0 !important;padding:0 !important;border:none !important} div.accountModWrapper .formButton{text-align:right;display:block} div.accountModWrapper .mutfndsExpand p, div.accountModWrapper .brokerageExpand p{padding-bottom:15px} div.accountModWrapper .mutfndsExpand a.button, div.accountModWrapper .brokerageExpand a.button{text-decoration:none !important} .contactWidget{padding:0 0 15px 0;margin:5px 0 0 0;background:#efefef url('/images/css/bgContactUs.jpg') top left repeat-x;width:160px} .contactWidget h2{background:#e1e1e1;margin:0 0 10px 0;padding:3px 10px 3px 10px} .contactWidget h3{font-weight:700;margin:11px 10px 0 10px} .contactWidget h4{margin:0 10px 10px 10px} .contactWidget p{margin:0 10px 10px 10px} .contactWidget form{margin:4px 0 18px 10px;width:150px;float:left} .contactWidget form label{width:50%;float:left;margin:0 1px 0 0;position:relative;top:3px} .contactWidget form .zipCode{width:72px;margin-left:0;margin-bottom:3px;float:left} .contactWidget form .state{margin-bottom:3px;width:auto;float:left} .contactWidget form .formButton{text-align:left} .contactWidget form .goBtn{clear:both;position:relative;left:75px;top:3px;float:none} .contactWidget p{padding-bottom:3px;padding-left:10px;margin-left:10px} #bankCalculator{border:1px solid #E4E8D9;background:#F7FBEB;padding:5px 0} #bankCalculator h2{color:#696B67} #bankCalculator form label{display:block;clear:both;float:none;padding:0 0 3px} #bankCalculator form .textbox{width:60%} #bankCalculator form span{display:block;text-align:right} #bankCalculator form .bankCalculatorBtnContainer{text-align:right} #bankCalculator .bankCalculatorTotalContainer{display:none} #bankCalculator p.bankCalculatorTotal{color:#5d5d5d;font-weight:bold;margin:0 10px;padding:2px 0 0;border-top:1px solid #e3e3e3} #bankCalculator p.bankCalculatorEarnings{margin:0 0 6px 10px} #bankCalculator p.disclaimer{color:#9f9f9f;clear:both} #bankCalculator{padding:5px 0} #bankCalculator form{margin:0 10px;padding:0 0 4px} #bankCalculator form p{margin:4px 0} #bankCalculator form h2,#bankCalculator form p{margin-left:0} #bankCalculator.horizontal{padding-bottom:0 !important;margin-bottom:7px;width:485px !important;clear:both} #bankCalculator.horizontal form{float:left;width:315px;padding:0 0 5px 5px} #bankCalculator.horizontal form .fieldPair{float:left;width:30%;margin-right:5px} #bankCalculator.horizontal form .textbox{width:90%} #bankCalculator.horizontal form .bankCalculatorBtnContainer{clear:both;padding:10px 0 0;text-align:right;width:315px} #bankCalculator.horizontal form .bankCalculatorBtnContainer p{float:left;color:#bdbdbd;width:155px;text-align:left} #bankCalculator.horizontal form .bankCalculatorBtnContainer .goBtn{margin-right:53px} #bankCalculator.horizontal .bankCalculatorYourEarningsTitle{margin:20px 0 0} #bankCalculator.horizontal .bankCalculatorTotal{width:150px;color:#5d5d5d;font-weight:bold;margin-bottom:5px;border:0;border-bottom:1px solid #e3e3e3} #bankCalculator.horizontal .bankCalculatorTotalContainer{display:none;margin-left:325px;margin-right:7px} #bankCalculator.horizontal p.bankCalculatorYourEarningsTitle,#bankCalculator.horizontal p.bankCalculatorTotal,#bankCalculator.horizontal p.disclaimer{width:auto} #bankCalculator.horizontal p.disclaimer{clear:none} #bankCalculator.horizontal form .bankCalculatorBtnContainer .bubbleText p{color:#f00;margin:0 !important} /* SEO Link Farm */ .individual .yui-gc .importance{border-left:#DEDEDE solid 1px;border-right:#DEDEDE solid 1px;padding-bottom:10px} .yui-gc{margin-top:4px} .yui-gc p{margin-right:15px} .yui-gc h2{font-weight:700;padding-top:10px;padding-left:9px;margin-bottom:5px;margin-left:8px} .yui-gc h2 a{margin-bottom:5px;color:#666;background:url('/images/css/bgBlueArrow.gif') no-repeat right .5em;padding-right:15px} .yui-gc ul{padding:0 0 0 9px;margin-left:8px} .yui-gc li{padding:1px 0} .yui-gc div.first{width:78%} /* first four columns */ .yui-gc .yui-ge .yui-g .yui-u{width:50%} .yui-gc .second .yui-u{float:left;min-height:150px;margin-left:12px} /* min height to give bottom padding */ .yui-gc .second .yui-u h3{font-weight:700;padding-top:10px;margin-bottom:5px;margin-left:8px} .yui-gc .second .yui-u #busPart{margin-left:8px} #seoLinks .first h2,#seoLinks .second h3{padding-top:0px} /* Footer */ /* Auto Centric Footer*/ #ft{background:#fff;padding:0 0 30px;text-align:left;color:#666;border-top:1px solid #dedede;margin-top:15px} #ft .affiliates{clear:left;float:left;margin:0 0 12px;padding-bottom:12px} #ft .affiliates img{margin-left:6px} #ft .pageBottomNav{margin:8px 0 0;width:auto} #ft .pageBottomNav ul,#ft .pageBottomNav li{float:left} #ft .pageBottomNav ul{margin-left:-4px;margin-bottom:12px} #ft .pageBottomNav li{border-right:#dedede 1px solid;padding:0 4px} #ft .pageBottomNav li#last{border:0} #ft .pageBottomNav li.last{border:0} #ft p{clear:left;margin:10px 0 0} #ft .copyright{clear:left;margin:10px 0 0;width:76%} #ft .busPartners{float:right;margin:12px 0 0} #ft .busPartners .formButton #busPartSubmit{position:relative;top:5px} /* Auto Centric Footer*/ .printFooter{display:none} .printFooter p{margin-bottom:6px} .printFooter p strong{font-weight:700} .formButtons,.formButton{position:relative;zoom:1} div.errorSubmit{float:left;padding:10px 5px 5px;position:absolute;height:50px;width:154px;z-index:800;display:none;text-align:left !important} div.errorSubmit div.bubbleText p,#content #mainContent div.errorSubmit div.bubbleText p{background:none !important;color:#333;font-weight:700 !important;line-height:1.1em;margin:3px !important;padding:0 !important;width:85% !important;text-align:left !important} div.errorSubmit a.errorCloseBtn{display:block;position:absolute;top:14px;right:18px;height:8px;width:8px;z-index:802} div.errorSubmit.bubbleLeft{background:url('/images/css/bgErrorBubbleLeft.gif') no-repeat top left} div.errorSubmit.bubbleRight{background:url('/images/css/bgErrorBubbleRight.gif') no-repeat top left} .searchForm div.errorSubmit div.bubbleText p{font-size:75% !important;margin:2px !important} /*Footer*/ /* iframe */ iframe{width:470px;border:none;height:1000px;padding:0;overflow:auto} .singleRail iframe{width:630px} /* smart Conversation Launch */ #smartConvContainer{height:139px;position:relative;width:221px;background:url('/images/css/bgERMAHomePage.gif') 0 0 no-repeat;border:#fff solid 1px;max-width:345px} #custom-doc.individual #smartConvContainer{background:url('/images/css/bgERMAHomePage.gif') 0 0 no-repeat;max-width:345px !important} #smartConvContainer #smartConvQuestions{height:60px;margin:20px 15px 0px} #smartConvContainer #smartConvQuestions #smartConvLoading{width:344px} #smartConvContainer #smartConvQuestion{display:none;text-align:left;overflow:hidden;width:344px} #smartConvContainer #smartConvQuestion{float:left;clear:both} .twoColumnArticle .column50 #smartConvContainer #smartConvQuestion{width:193px} #smartConvContainer #smartConvQuestions #smartConvQuestion .questionData a,#smartConvContainer #smartConvQuestions #smartConvQuestion .questionData a strong,#smartConvContainer #smartConvQuestions #smartConvQuestion .questionData a em{color:#333} #smartConvContainer #smartConvQuestions #smartConvQuestion .questionData a{font-weight:400} #smartConvContainer #smartConvQuestions #smartConvQuestion .questionData a:hover{text-decoration:none !important} #smartConvContainer #smartConvQuestions #smartConvQuestion .questionData .learnMore{display:block;position:absolute} #smartConvContainer #smartConvQuestions #smartConvQuestion .questionData .learnMore a{color:#06c} #smartConvContainer #smartConvQuestions #smartConvQuestion .questionData .learnMore a:hover{text-decoration:underline} #smartConvContainer #smartConvQuestion a{font-weight:700} #smartConvContainer #smartConvFooter{height:20px;margin-left:5px;margin-right:10px;margin-top:0px;padding-left:10px} #smartConvContainer #smartConvFooter #learnMore{padding-bottom:20px;height:20px} #smartConvContainer #smartConvFooter ul{margin:20px 0 0;float:left;width:100%} #smartConvContainer #smartConvFooter ul,#smartConvContainer #smartConvFooter li{display:inline;list-style:none;margin:0;padding:0;width:99%} #smartConvContainer #smartConvFooter ul li a,#smartConvContainer #smartConvFooter ul li a{font-weight:400 !important;color:#06c} #smartConvContainer #smartConvFooter ul li.previous a{background:url('/images/css/bgERMAPreviousQuestion.gif') 0 3px no-repeat;padding:0 4px 0 10px} #smartConvContainer #smartConvFooter ul li.next a{background:url('/images/css/bgERMANextQuestion.gif') right 2px no-repeat;padding:0 10px 0 4px} #smartConvContainer #smartConvFooter ul li.viewAllQuestions{margin-left:5px} #custom-doc.individual #smartConvContainer.largeSmartConvContainer,#smartConvContainer.largeSmartConvContainer{position:relative;background:url('/images/css/bgERMAHomePage.jpg') 0 0 no-repeat;max-width:345px !important} #smartConvContainer.largeSmartConvContainer #smartConvQuestions #smartConvQuestion{height:75px} #smartConvContainer.largeSmartConvContainer #smartConvQuestions #smartConvQuestion .questionData{float:left;width:200px} #smartConvContainer.largeSmartConvContainer #smartConvQuestions #smartConvQuestion .questionImage{float:right;width:100px;text-align:right} #smartConvContainer.largeSmartConvContainer #smartConvQuestions #smartConvQuestion .questionData a,#smartConvContainer.largeSmartConvContainer #smartConvQuestions #smartConvQuestion .questionData a strong,#smartConvContainer.largeSmartConvContainer #smartConvQuestions #smartConvQuestion .questionData a em{color:#ff8300;background-color:#fff} #smartConvContainer.largeSmartConvContainer #smartConvFooter{display:inline;width:300px;margin-top:-14px;float:left;clear:both} #smartConvContainer.largeSmartConvContainer #smartConvFooter #learnMore{clear:left;padding-bottom:14px;position:absolute;left:15px;top:81px;z-index:99} #smartConvContainer.largeSmartConvContainer #smartConvFooter ul{display:inline;position:absolute;left:15px;bottom:9px;z-index:99} /* tooltips */ #mainContent .yui-gc #main .yui-u span.toolTip,#mainContent .yui-gc #main .yui-u span.toolTip strong{border-bottom:#06c 1px dashed;color:#06c} #mainContent .yui-gc #main .yui-u span.toolTip:hover{text-decoration:none;cursor:pointer} #tooltip{position:absolute;z-index:3000;width:152px;background:url('/images/css/bgTooltipTop.gif') 0 0 no-repeat;opacity:1} #tooltip h3,#tooltip div{padding:0 10px} #tooltip h3{font-weight:700;padding-top:15px} #tooltip #tooltipBottom{background:url('/images/css/bgTooltipBottom.gif') 0 0 no-repeat;padding:0;margin-bottom:-6px} #tooltip.viewport-right{background-image:url('/images/css/bgTooltipTopRight.gif')} #tooltip.viewport-bottom h3{padding-top:5px} #tooltip.viewport-bottom{background:url('/images/css/bgTooltipReversedTop.gif') 0 0 no-repeat;padding-bottom:10px} #tooltip.viewport-bottom #tooltipBottom{background:url('/images/css/bgTooltipReversedBottom.gif') 0 0 no-repeat;margin-bottom:-20px} #tooltip.viewport-right.viewport-bottom #tooltipBottom{background-image:url('/images/css/bgTooltipReversedBottomRight.gif')} /* MODAL DIALOGS */ .ui-dialog{background:#fff} .ui-dialog-titlebar{border-bottom:3px solid #FAE801;margin:0 8px;padding:7px 0;font-size:120%} .ui-resizable-handle{display:none !important} .modalContainer{margin:0 8px;background:#fff url('/images/css/bgModalGradient.gif') repeat-x 2px 0} .ui-dialog-titlebar-close{position:absolute;top:7px;right:8px;width:14px;height:14px;background:url('/images/css/bgModalClose.gif') no-repeat 0 0} .ui-dialog-titlebar-close span{display:none} .ui-dialog-content{padding-bottom:10px} .ui-dialog-content #modalCloseButton .modalButton{margin:30px 0 0} .ui-dialog-content #modalCloseButton{text-align:center} .ui-dialog-content #asterisk{color:#898989;text-align:right;border-bottom:1px solid #cfcfcf;padding:8px 0 4px;font-size:80%} .ui-dialog-content .modalDescription{padding:12px 7px} .ui-dialog-content .modalDescription p{font-size:90%;line-height:1.5em} .ui-dialog-content .modalDescription h2{font-weight:bold;margin:0 0 1em;font-size:110%} .ui-dialog-content .errorSubmit{z-index:1999} .modalContainer form{padding:20px 0 0} .modalContainer form .fieldPair{padding:0 0 10px} .modalContainer form .fieldPair label{width:116px;text-align:right} .modalContainer form .fieldPair.text label{display:block;float:none} .modalContainer form .fieldPair input,.modalContainer form .fieldPair textarea{width:45%;margin:0 0 0 17px} .modalContainer form .fieldPair textarea{height:80px} .modalContainer form .fieldPair p{margin-left:133px;font-size:80%;color:#898989} .counter{font-weight:bold} .counter em{font-style:normal;font-weight:normal;color:#898989} .counter.overLimit em{color:red} .modalContainer form .fieldPair.radio label{width:auto;text-align:left;float:none} .modalContainer form .fieldPair.radio input{margin-right:0.5em;float:none;width:auto} .modalContainer .errorMessage{display:none;background:#F3CBCA url('/images/css/bgErrorIcon.gif') no-repeat 13px 50%;color:#BD2025;font-weight:bold;padding:12px 10px 12px 54px;border:1px solid #C12425} .modalContainer .errorMessage,.error{margin-bottom:7px} .modalContainer form .fieldPair.error{padding-top:7px} .modalContainer .error p{margin:0 0 0 133px !important;padding:0 !important} .loading{text-align:center;padding:17px 0 0;background-color:#fff} .loading p{font-size:80%;padding:0 0 5px;font-weight:bold} .loading p.loadingIndent{padding-left:4px} .modalContainer .buttons{width:auto;margin-top:10px} .modalContainer .buttons input{color:#4c4c4c;font-weight:bold;font-size:90%;background:url('/images/css/bgModalSubmit.jpg') repeat-x bottom left;border:1px solid #b9b9b9;color:#4c4c4c;padding:1px 15px;float:right;cursor:pointer} .modalContainer .buttons input.cancel,.buttons input.close,.buttons input.closeConfirm{background:url('/images/css/bgModalButton.jpg') repeat-x bottom left;margin-right:7px} .modalContainer .ui-dialog-content .successDialog .modalDescription,.ui-dialog-content .successDialog .buttons,.modalContainer .ui-dialog-content .errorDialog .modalDescription,.ui-dialog-content .errorDialog .buttons{text-align:center} .modalContainer .successDialog .buttons input,.modalContainer .errorDialog .buttons input{float:none} #modalViewAllQuestions{height:275px;width:750px;float:left} #modalViewAllQuestions .modalContainer .modalDescription{background:none} #modalViewAllQuestions .modalContainer #modalViewAllQuestionsSearch{float:right;width:250px;padding:19px 0 0} #modalViewAllQuestions .modalContainer #modalViewAllQuestionsSearch .textBox{color:#898989} #modalViewAllQuestions .modalContainer #questionsWrapper{border:1px solid #bababa;border-top:0;float:left;clear:both;margin:0 8px;width:719px;background:url('/images/css/bgQuestionsWrapper.gif') repeat-y top left} #modalViewAllQuestions .modalContainer #filterViewAllQuestions{float:left;width:130px;background:#f8f8f8;padding-bottom:19px;border-right:1px solid #bababa} #modalViewAllQuestions .modalContainer #filterViewAllQuestions .loading{background-color:#f8f8f8} #modalViewAllQuestions .modalContainer #filterViewAllQuestions .jScrollPaneContainer{border-bottom:1px solid #bbb} #modalViewAllQuestions .modalContainer #filterViewAllQuestions form{padding:0} #modalViewAllQuestions .modalContainer #filterViewAllQuestions h2{border:1px solid #bababa;border-width:1px 0;padding:6px;color:#555;font-size:80%;font-weight:bold} #modalViewAllQuestions .modalContainer #filterViewAllQuestions #filterListContainer{overflow:auto;width:130px;height:90px} #modalViewAllQuestions .modalContainer #filterViewAllQuestions ul{padding:6px 6px 4px;background:#f8f8f8} #modalViewAllQuestions .modalContainer #filterViewAllQuestions ul li{float:left;font-size:85%;background:#f8f8f8} #modalViewAllQuestions .modalContainer #filterViewAllQuestions ul li input{float:left} #modalViewAllQuestions .modalContainer #filterViewAllQuestions ul li label{float:left;color:#343434;vertical-align:middle;padding:0 0 10px 4px;width:80px} #modalViewAllQuestions .modalContainer #filterViewAllQuestions .textBox{color:#999;width:110px;margin:7px 0 0 6px} #modalViewAllQuestions .modalContainer #filterViewAllQuestions #resetAll{font-size:85%;float:left;margin:13px 12px 0 6px} #modalViewAllQuestions .modalContainer #filterViewAllQuestions .modalButton,.modalButton{border:1px solid #A8A8A8;color:#383838;margin:0 7px;padding:1px 8px;background:#fff url('/images/css/bgModalButton.jpg') repeat-x bottom left} #modalViewAllQuestions .modalContainer #filterViewAllQuestions .modalButton{margin-left:7px;padding:1px 8px;background:#fff url('/images/css/bgModalButton.jpg') repeat-x bottom left} #modalViewAllQuestions .modalContainer #modalViewAllQuestionsSearch .modalButton{margin:7px 0} #modalViewAllQuestions .modalContainer form .formButton{float:left;margin:7px 0 7px 7px} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer{float:left;width:570px} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #viewAllQuestionsTableHeaders{float:left} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #viewAllQuestionsTableHeaders div{font-size:80%;font-weight:bold;border:1px solid #bababa;border-width:1px 0;float:left;background:#fff url('/images/css/bgViewAllQuestionsHeader.jpg') repeat-x bottom left;margin:0;padding:6px 4px 6px 8px} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #viewAllQuestionsTableHeaders div a{padding:0 0 0 11px;background:transparent no-repeat center left} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #viewAllQuestionsTableHeaders div a.ascending{background-image:url('/images/css/bgSortArrowUp.gif')} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #viewAllQuestionsTableHeaders div a.descending{background-image:url('/images/css/bgSortArrowDown.gif')} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #viewAllQuestionsTableHeaders div a span{color:#06c;display:none} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #headerQuestions{width:576px} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #headerPostDate{width:73px} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #headerViews, #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer #headerComments{width:53px} #modalViewAllQuestions .modalContainer #viewAllQuestionsTableContainer div#headerComments{margin-right:0;width:54px} #modalViewAllQuestionsTableWrapper{float:left;overflow:auto;width:588px;height:171px} #modalViewAllQuestionsTableWrapper .loading p{font-size:110%} #modalViewAllQuestionsTable{width:575px;float:left;background:#fff} #modalViewAllQuestionsTable td{font-size:90%;padding:4px 4px 4px 8px;border:0} #modalViewAllQuestionsTable #columnQuestions{width:613px} #modalViewAllQuestionsTable #columnPostDate{width:76px} #modalViewAllQuestionsTable #columnViews, #modalViewAllQeustionsTable #columnComments{width:56px} #modalViewAllQuestionsTable tr.alt td{background:#f8f8f8} .jScrollPaneContainer{position:relative;overflow:hidden;z-index:1} .jScrollPaneTrack{position:absolute;cursor:pointer;right:0;top:0;height:100%;background:#aaa} .jScrollPaneDrag{position:absolute;background:#666;cursor:pointer;overflow:hidden} .jScrollPaneDragTop{position:absolute;top:0;left:0;overflow:hidden} .jScrollPaneDragBottom{position:absolute;bottom:0;left:0;overflow:hidden} .jScrollArrowUp{display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px} .jScrollArrowDown{display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px} .osX .jScrollPaneTrack{background:url('/images/css/osx_track.gif') repeat-y} .osX .jScrollPaneDrag{background:url('/images/css/osx_drag_middle.gif') repeat-y} .osX .jScrollPaneDragTop{background:url('/images/css/osx_drag_top.gif') no-repeat;height:6px} .osX .jScrollPaneDragBottom{background:url('/images/css/osx_drag_bottom.gif') no-repeat;height:7px} .osX a.jScrollArrowUp{height:24px;background:url('/images/css/osx_arrow_up.png') no-repeat 0 -30px} .osX a.jScrollArrowUp:hover{background-position:-1px 0 /*0*/} .osX a.jScrollArrowDown{height:24px;background:url('/images/css/osx_arrow_down.png') no-repeat 0 -30px} .osX a.jScrollArrowDown:hover{background-position:-1px 0 /*0*/} .left .jScrollPaneTrack{left:0;right:auto} .left a.jScrollArrowUp{left:0;right:auto} .left a.jScrollArrowDown{left:0;right:auto} .successDialog,.closeDialog,.errorDialog{width:350px} .ui-dialog .ui-dialog-container .error label{color:#bd2025;font-weight:bold} .ui-dialog .ui-dialog-container #feedback .error em{color:#bd2025;font-weight:bold} /* MODAL DIALOG - WATCH OUR ADS */ body.aboutUsType .ui-dialog-container{background-color:#fff} body.aboutUsType .emailModal{position:absolute;width:455px;padding-bottom:10px !important;background-color:#fff;} body.aboutUsType .emailModal .ui-dialog-titlebar{background:#C2CD23; margin:0; padding:3em 0 0 4.5em !important; border:none} body.aboutUsType .emailModal .ui-dialog-title {bottom:37px;color:#fff;font-family:Arial;font-weight:normal;font-size:25px;margin:0 !important} body.aboutUsType .emailModal .emailModalHead #closeModal{position:absolute;top:0.625em;right:0.625em;font-size:0.75em} body.aboutUsType .emailModal .emailModalBody{padding:15px 20px 0;background:#fff} body.aboutUsType .emailModal .emailModalBody legend{visibility:hidden;line-height:0.1em} body.aboutUsType .emailModal .emailModalBody fieldset.modalBody{margin-left:50px} body.aboutUsType .emailModal .emailModalBody p{font-family:Arial;font-size:11px;color:#333;margin-bottom:15px} body.aboutUsType .emailModal .modalButtons{position:relative;width:415px;margin-top:15px;padding:20px 0 0;border-top:1px solid #d2d2d2} body.aboutUsType .emailModal .modalButtons input{padding:0;margin:0;border:0} body.aboutUsType .emailModal .modalButtons input.right{position:absolute;right:0px} body.aboutUsType .emailModal div#toField, body.aboutUsType .emailModal div#nameField, body.aboutUsType .emailModal div#emailField{width:310px;max-height:50px} body.aboutUsType .emailModal div.fieldpair{padding:0 0 15px 0 !important} body.aboutUsType .emailModal div.fieldpair label{width:83px !important;margin:5px 10px 0 0 !important;font-weight:bold;font-size:13px;color:#333;float:left;} body.aboutUsType .emailModal div.fieldpair input{width:205px;margin:0} body.aboutUsType .emailModal div.fieldpair p{font-size:10px;margin:5px 0 15px 95px !important;padding-left:0 !important} body.aboutUsType .emailModal div#toField.error p{padding-bottom: 5px !important} body.aboutUsType .emailModal #modalEmailAFriend .contentDialog{width:435px} /* MODAL DIALOG - WATCH OUR ADS - SAFARI SPECIFIC */ @media screen and (-webkit-min-device-pixel-ratio:0){ body.aboutUsType .emailModal{padding-bottom:15px !important} } /* MODAL DIALOG - WATCH OUR ADS ERROR MESSAGES */ body.aboutUsType .woaEmailModalBody .errorMessage {display:none !important} body.aboutUsType .emailModal div.fieldpair label.error{width:83px !important;color:#bf0000;margin:5px 10px 0 0 !important} body.aboutUsType .emailModal .woaEmailModalBody div.errorMessageWOA{width:250px;height:20px;background:url(/images/css/bgContactUsMobileError.gif) left top no-repeat;font-size:13px;color:#bf0000;margin-left:90px;padding:7px 0 0 30px} body.aboutUsType #toField.error{margin-bottom:20px} /* MODAL DIALOG - WATCH OUR ADS ERROR MESSAGES */ /* END MODAL DIALOG - WATCH OUR ADS */ /* Feedback form styling */ #modalFeedback{float:left} #modalFeedback .contentDialog{width:650px} #modalFeedback h3{font-weight:bold;margin:1em 0;font-size:110%} #modalFeedback textarea{width:400px;display:block} #modalFeedback .text label{width:auto;text-align:left} #modalFeedback table{width:100%;margin:0 0 1em} #modalFeedback td,#modalFeedback th{width:50px;text-align:center;padding:0.35em 0;border:none !important} #modalFeedback thead th{font-weight:bold} #modalFeedback th.question{text-align:left;width:auto} #modalFeedback tr.odd td,#modalFeedback tr.odd th{background:#E6E6E6} #modalFeedback tbody th.question{padding-left:10px} #modalFeedback .modalContainer #feedbackForm .fieldPair textarea{margin:0} #modalFeedback .inputSection{padding:0 20px} #modalFeedback .inputSection p{color:#898989;font-size:85%;padding-bottom:7px;} #modalFeedback .inputSection p a{color:#898989;text-decoration:underline;} #modalFeedback .collapsed h3{background:url('/images/css/bgFeedbackArrowRight.gif') no-repeat left 3px} #modalFeedback h3{padding:0 0 0 20px;background:url('/images/css/bgFeedbackArrowDown.gif') no-repeat left 50%} #modalFeedback .buttons{padding:0 20px} .ui-dialog-content#modalFeedback .contentDialog .modalDescription h2{text-align:left} #modalFeedback form .fieldPair p.counter{margin-left:0} #modalFeedback .error p{margin:0 !important} #modalFeedback .inputSection .error p.overLimit{color:#bd2025;font-weight:bold} #modalFeedback .error label{color:#bd2025;font-weight:bold} #modalFeedback .inputSection .error em{color:#bd2025;font-weight:bold} #modalFeedback .error em{color:#bd2025;font-weight:bold} /* Email form styling */ .modalContainer #emailField.error{padding:7px 0} /* A U T O C E N T R I C F E A T U R E T T E S */ .promos .clear{height:0 !important} .promos{margin-bottom:15px} #mainContent .yui-gb #main.yui-u .promos{margin-bottom:0} .promos .column33{width:275px !important;height:155px !important;padding-left:0 !important} .promos .column33 .yui-u{padding:0;height:155px} .promo{border:0 solid #DEDEDE;padding:0;height:155px;width:275px !important;background:transparent url(/images/css/bgPromoHomePage.jpg) 0 0 no-repeat} .promos .last{float:right;padding-right:0 !important} .promo .column40, #mainContent .yui-gb #main.yui-u .promos .column33 .promo .column40{width:30% !important;float:left} .promo .column40 img{display:block;margin:0 auto} .promo .column60, #mainContent .yui-gb #main.yui-u .promos .column33 .promo .column60{width:68% !important;float:right} .promo .column60 a{line-height:1.9em;font-weight:400 !important} .promo .column60 h3{border:0 !important;line-height:1.3em !important;margin:0 0 5px !important;padding-bottom:0 !important} .promo h3, .promo p, .promo ul{padding-right:10px} .promo p{margin:0 0 5px 0 !important;line-height:1.3em} .promo ul, .promo li{margin-left:0 !important;padding-left:0 !important} .promo li{list-style-image:none;list-style-position:outside;list-style-type:none !important} /*Supra footer*/ div.supra{width:840px;background:transparent url(/images/css/bgAboutNationwide.jpg) no-repeat scroll left top;height:31px;padding:8px 0pt 0pt;text-align:center } div.supra h3,div.supra ul,div.supra li{ display:inline; font-size:90%;} div.supra li{border-right:1px solid #DEDFDF; padding:0pt 3px;} div.supra h3{font-weight:700} div.supra li.last{border:0pt none} div.supra ul{margin:0;padding:0} /*End supra footer*/ /* A U T O C E N T R I C M Y A C C O U N T M O D U L E */ /*Remove extra specificity once inline styles have been removed from homepage*/ #custom-doc.individual .myAccountGeneric{background:transparent url("/images/css/bgMyAccountGradient.gif") repeat-x scroll left -1px;width:160px;clear:both;float:left;height:248px} #custom-doc.individual .myAccountGeneric #myAccount{background:transparent url("/images/css/MyAccountGradientEnd.gif") no-repeat scroll left top;border:0pt none;height:248px;margin:0pt;padding:0pt;width:160px;height:248px;position:relative} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.setUI{background:#FBFBFB url('/images/css/MyAccountGradient.jpg') repeat-x scroll left -60px;border-width:0 1px 1px} #custom-doc.individual .myAccountGeneric form select{font-size:90%;margin:0 0 6px;width:92%} #custom-doc.individual .myAccountGeneric form h2{padding:4px 0} #custom-doc.individual #mainContent .myAccountGeneric #myAccount #loginHeader{float:left;margin:15px 0 5px !important;color:#333333;padding:0 0 0 10px !important;width:auto !important;overflow:hidden;border:none} #custom-doc.individual .myAccountGeneric #myAccount #loginClose{background:transparent url("/images/css/bgAccountModuleClose.gif") no-repeat scroll 0pt 50%;display:none;height:9px;position:absolute;right:3px;top:3px;width:9px} #custom-doc.individual .myAccountGeneric * a,* a em,* a em span{color:#0066CC;text-decoration:none} #custom-doc.individual #mainContent .myAccountGeneric #loginSecurity{float:right;margin:10px 7px 0px 0px !important;position:relative;z-index:100} #custom-doc.individual .myAccountGeneric div.accountModWrapper{position:relative;padding-left:10px;width:146px;height:146px;min-height:146px;display:none} #custom-doc.individual .myAccountGeneric div.accountModWrapper label{clear:both;padding:5px 0 0;text-align:left;display:block;float:none} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.uiWrap{padding:3px 10px !important;margin-left:-10px;position:absolute;z-index:100;width:138px;border-top:medium none} #custom-doc.individual .myAccountGeneric div.accountModWrapper input.text{width:90%} #custom-doc.individual .myAccountGeneric .accountLinks{clear:both;display:block;padding-top:0px} #custom-doc.individual .myAccountGeneric .uiWrap .accountLinks .primary{border-bottom:1px solid #dcdbdb;margin-bottom:5px;padding-bottom:2px} #custom-doc.individual .myAccountGeneric .uiWrap .accountLinks li{margin:2px 0} #custom-doc.individual .myAccountGeneric div.accountModWrapper .heading{clear:both;padding-bottom:2px;color:#666666;font-weight:700} #custom-doc.individual .myAccountGeneric p{margin:2px 0pt 2px -5px} #custom-doc.individual .myAccountGeneric ul li a{font-size:100% !important} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.setUI{border-width:0 1px 1px} #custom-doc.individual .myAccountGeneric .displayRight{clear:none;float:none} #custom-doc.individual .myAccountGeneric .goBtn{background:transparent none repeat scroll 0%;border:0px none !important;margin:0;padding:0} #custom-doc.individual .myAccountGeneric p{margin:2px 0 2px -5px} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.accountHelpLinks{clear:right;float:left;margin:25px 0 5px !important;width:80%} #custom-doc.individual .myAccountGeneric div.accountModWrapper .formButton{clear:left;float:right;margin:4px 8px 0 0px;display:block;text-align:right} #custom-doc.individual .myAccountGeneric #myAccount div.accountModWrapper p{margin: 0px} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms{display:none} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.standardExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.nfExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.nfbusExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.mortgageExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.bankingExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.brokerageExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.mutfndsExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.commercialExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.agribusinessExpand, #custom-doc.individual .myAccountGeneric div.accountModWrapper div.formElms div.definedbenefitExpand{display:none} #custom-doc.individual .myAccountGeneric div.accountModWrapper .mutfndsExpand p, #custom-doc.individual .myAccountGeneric div.accountModWrapper .brokerageExpand p{padding-bottom:5px} #custom-doc.individual .myAccountGeneric div.accountModWrapper div.setUI{background-color:#a1d7ea;border:1px solid #e6e6e6;border-top:none} /* E N D A U T O C E N T R I C M Y A C C O U N T M O D U L E */ hr{height:1px;color:#F2F2F2;background-color:#F2F2F2;border:none} /* T W O D O T O N E - G E N E R A L */ body.nw{background:#fff} .nw #utility{height:auto} .nw #mainContent .yui-gb .second .yui-u{padding-bottom:5px;width:100%}/*Adds padding to breadcrumbs*/ .landingPageNoLeft #mainContent .yui-gc #main .yui-u{width:100%} /* P R O M O - R E L A T E D */ #custom-doc .promos{width:840px} #custom-doc .promos.topborder{border-top:1px solid #F2F2F2} #custom-doc .promos.topborder,#custom-doc .promos.notopborder{margin-top:5px;padding-top:15px;height:155px} #bottomContent.yui-gc .promos.topborder,#bottomContent.yui-gc .promos.notopborder{margin-top:15px;padding-top:15px;height:155px} #mainContent .yui-gb #main.yui-u .promos.topborder, #mainContent .yui-gb #main.yui-u .promos.notopborder{margin-top:15px} /* T W O D O T O N E - H E A D E R */ .nw #hd{margin-bottom:10px} .nw #bd{padding:0/*spacing between header and body; goes with above style*/} .nw #hd .pageTools .pageTopNav ul li.last{border:none} .nw #hd .pageTools .search{width:229px} .nw #hd #navItems{margin-top:0} .nw .goBtn{background:transparent none repeat scroll 0 0;border:none} .nw .pageTools .formButton{right:5px} /* T W O D O T O N E - U T I L I T Y */ .nw #mainContent #breadcrumbs{display:block;margin:0;width:100%;float:left;height:1.5em} .nw #mainContent ul{max-width:840px} /* T W O D O T O N E - N A V I G A T I O N */ .nw #hd #navItems{width:auto;margin-top:5px;background:transparent url(/images/css/navBarTile.gif) repeat-x scroll left top;margin:5px 0 0;padding:0} .nw #hd #navItems #nav{background:url(/images/css/navBarEnd.gif) top right no-repeat;height:29px} .nw #hd #navItems ul li,#hd .micrositeDropdown #navItems ul li{background:0;border-right:1px solid #fff;padding:0;margin:0;width:auto} .nw #hd #navItems ul li a.topLink,#hd .micrositeDropdown #navItems ul li a.topLink{padding:3px 40px 6px 7px;color:#fff;float:left} .nw #hd #navItems ul li a.topLink:hover,#hd .micrositeDropdown #navItems ul li a.topLink:hover,body.Second #hd #navItems ul li.navSecond a.topLink,body.Third #hd #navItems ul li.navThird a.topLink,body.Fourth #hd #navItems ul li.navFourth a.topLink,body.Fifth #hd #navItems ul li.navFifth a.topLink{background-position:-430px 0} .nw #hd #navItems ul li.navFirst{padding:0 0 4px;background:url(/images/css/navBarStartCap.gif) no-repeat 0 0} .nw #hd #navItems ul li.navFirst a.topLink{background-position:0 0} .nw #hd #navItems ul li.navFirst a.topLink:hover,body.First .nw #hd #navItems ul li.navFirst a.topLink,#hd .micrositeDropdown #navItems ul li.navFirst a.topLink:hover,body.First #hd .micrositeDropdown #navItems ul li.navFirst a.topLink{background-position:-420px 0} body.First .nw #hd #navItems ul li.navFirst a.topLink,body.Second .nw #hd #navItems ul li.navSecond a.topLink,body.Third .nw #hd #navItems ul li.navThird a.topLink,body.Fourth .nw #hd #navItems ul li.navFourth a.topLink,body.Fifth .nw #hd #navItems ul li.navFifth a.topLink,body.First #hd .micrositeDropdown #navItems ul li.navFirst a.topLink,body.Second #hd .micrositeDropdown #navItems ul li.navSecond a.topLink,body.Third #hd .micrositeDropdown #navItems ul li.navThird a.topLink,body.Fourth #hd .micrositeDropdown #navItems ul li.navFourth a.topLink,body.Fifth #hd .micrositeDropdown #navItems ul li.navFifth a.topLink{font-weight:bold} .nw #hd #navItems ul li.phone,#hd .micrositeDropdown #navItems ul li.phone{border:0} .nw #hd #navItems ul li.navMessage{float:right;border:0;text-align:right} .nw #hd #navItems ul li.navMessage div{padding:2px 15px 0 0} .nw #hd #navItems ul li ul{border:1px solid #ABB1B8;border-width:1px 1px 1px;width:260px;margin:3px 0 0;padding:10px 0 0;background:#fff} .nw #hd #navItems ul li ul li{margin:0;padding:0} .nw #hd #navItems ul li ul li.categoryHead a{background:#F3F4F5;padding:7px 9px;width:241px} .nw #hd #navItems ul li ul li a{padding:7px 15px;width:229px;display:block;border-bottom:1px solid #fff} .nw #hd #navItems ul li ul li a:hover{background:#f7f7f7} .nw #hd #navItems span{display:none} .nw #hd #navigation{clear:both} .nw #hd img.logo{/*standard.css(line86)*/margin:0} .nw #hd #nav{margin:0;width:840px/*#custom-doc width - (L+R margins)*/} /* M A I N F E A T U R E S, a.k.a. M O F O */ #mainContent #main .twoColMainFeature,#mainContent #main .threeColMainFeature{background:#999 top left no-repeat;height:205px;position:relative} #mainContent #main .twoColMainFeature{width:660px} #mainContent #main .twoColMainFeature div.column50,#mainContent #main .twoColMainFeature div.column40,#mainContent #main .twoColMainFeature div.column60, #mainContent #main .twoColMainFeature div.column65,#mainContent #main .twoColMainFeature div.column35{padding:15px 0 0 15px;margin:0} #mainContent #main .twoColMainFeature img,#mainContent #main .threeColMainFeature img{margin:1px 0 2px} #mainContent #main .twoColMainFeature h1,#mainContent #main .threeColMainFeature h1, #mainContent #main .twoColMainFeature h2,#mainContent #main .threeColMainFeature h2, #mainContent #main .twoColMainFeature h3,#mainContent #main .threeColMainFeature h3, #mainContent #main .twoColMainFeature h4,#mainContent #main .threeColMainFeature h4, #mainContent #main .twoColMainFeature h5,#mainContent #main .threeColMainFeature h5, #mainContent #main .twoColMainFeature h6,#mainContent #main .threeColMainFeature h6, #mainContent #main .twoColMainFeature h1 *,#mainContent #main .threeColMainFeature h1 *, #mainContent #main .twoColMainFeature h2 *,#mainContent #main .threeColMainFeature h2 *, #mainContent #main .twoColMainFeature h3 *,#mainContent #main .threeColMainFeature h3 *, #mainContent #main .twoColMainFeature h4 *,#mainContent #main .threeColMainFeature h4 *, #mainContent #main .twoColMainFeature h5 *,#mainContent #main .threeColMainFeature h5 *, #mainContent #main .twoColMainFeature h6 *,#mainContent #main .threeColMainFeature h6 *{color:#000;font-weight:normal} #mainContent #main .twoColMainFeature h1,#mainContent #main .threeColMainFeature h1, #mainContent #main .twoColMainFeature h2,#mainContent #main .threeColMainFeature h2, #mainContent #main .twoColMainFeature h3,#mainContent #main .threeColMainFeature h3, #mainContent #main .twoColMainFeature h4,#mainContent #main .threeColMainFeature h4, #mainContent #main .twoColMainFeature h5,#mainContent #main .threeColMainFeature h5, #mainContent #main .twoColMainFeature h6,#mainContent #main .threeColMainFeature h6{margin:0 0 15px;padding:0;border:none !important/*to counteract line 45 of content.css*/} #mainContent #main .twoColMainFeature p,#mainContent #main .threeColMainFeature p{margin:0 0 12px} #mainContent #main .threeColMainFeature{width:840px} #mainContent #main .threeColMainFeature div.column33,#mainContent #main .threeColMainFeature div.column50,#mainContent #main .threeColMainFeature div.column25{padding:15px 10px 0 15px;margin:0} #mainContent #main .twoColMainFeature div.column50.last,#mainContent #main .twoColMainFeature div.column65.last,#mainContent #main .twoColMainFeature div.column35.last{float:right;padding-right:9px} .alternateTextColor,.alternateTextColor *{color:#fff !important} .alternateTextColor a,.alternateTextColor * a,.alternateTextColor a *,.alternateTextColor * a *{color:#0066cc !important/*to match all links*/} .defaultTextColor,.defaultTextColor *{color:#333 !important} .defaultTextColor a,.defaultTextColor * a,.defaultTextColor a *,.defaultTextColor * a *{color:#0066cc !important/*to match all links*/} /* T W O D O T O N E - B O T T O M C O N T E N T */ #bottomContent.yui-gc .yui-ge .yui-g{margin-bottom:15px} #bottomContent.yui-gc .second{float:right;width:160px} #bottomContent.yui-gc .second .yui-u{margin-left:0} #bottomContent.yui-gc .yui-g{width:102%} #bottomContent.yui-gc .yui-g .yui-u{width:49%} #bottomContent.yui-gc .yui-g .yui-u .yui-u{width:45%;margin-left:5px} #bottomContent.yui-gc .yui-g .first{width:50%} #bottomContent.yui-gc .yui-g .first .first{margin:0 22px 0 0} #bottomContent.yui-gc .yui-g .first .yui-u{width:45%;float:left} #bottomContent.yui-gc .yui-g .yui-u .yui-u h2,.nw #bottomContent.yui-gc .yui-g .yui-u .yui-u ul{margin-left:0;padding-left:0} #bottomContent .yui-u{min-height:0;width:auto} #bottomContent .yui-ge.second .yui-u{float:right} /* T W O D O T O N E - R I G H T R A I L & C A L L O U T S */ .nw .yui-g .yui-gb{width:100%} .nw .yui-g .yui-gb #rightRail{margin-left:0;padding-top:0} .nw #mainContent #rightRail{height:auto} .nw #mainContent #rightRail,.nw #mainContent #rightRail .yui-u, .landingPageNoLeft #mainContent #rightRail,.landingPageNoLeft #mainContent #rightRail .imageBorderCallout{width:160px;text-align:left;float:right} .nw #mainContent #rightRail .border{width:158px;text-align:left;float:right;padding:9px 0} .nw #mainContent #rightRail .border h2{margin:0 9px 4px 9px;padding:0} .nw #mainContent #rightRail .border p{margin:0 15px 4px 9px;padding:0} .nw #mainContent #rightRail .contactWidget{margin-top:0/*override line 290 above*/} /* T W O D O T O N E - L E F T N A V */ .allAreas #bd #mainContent,.noRight #bd #mainContent{background:url(/images/css/bgLeftNavTile.gif) top left repeat-y;clear:both} .allAreas #bd .yui-gb,.noRight #bd .yui-gb{background:url(/images/css/bgLeftNavBottom.gif) bottom left no-repeat} .allAreas #bd #leftRail,.noRight #bd #leftRail{background:url(/images/css/bgLeftNavTop.jpg) top left no-repeat} #bd .yui-gb #leftRail h2.headingitem,#bd .yui-gb #leftRail .myriadPageTitle{color:#333;font-weight:bold;font-size:110% !important;border:0} #bd .yui-gb #leftRail li{padding:0;border:0;color:#666;font-weight:bold} #leftRail .yui-u .myriadPageTitle {padding:0 0 15px 0;} #leftRail .yui-u h2.headingitem {margin-top:0px;width:100%} #bd .yui-gb #leftRail{margin-bottom:0;padding:12px 15px 0 14px;width:132px} #bd .yui-gb #leftRail .yui-u ul{margin-bottom:15px} #bd .yui-g .yui-gb #leftRail{margin-right:10px} #bd .yui-gb #leftRail h2.headingitem a{color:#333} #bd .yui-gb #leftRail li,#bd .yui-gb #leftRail li a{padding:4px 0px !important;width:100%} #bd .yui-gb #leftRail li a{display:block;margin:-4px 0px;text-decoration:none} #bd .yui-gb #leftRail li a:hover{background:#f7f7f7;text-decoration:underline} #bd .yui-gb #leftRail #myAccount .accountModWrapper li a{display:block;padding:0 !important;text-decoration:none} #bd .yui-gb #leftRail .uiWrap li a:hover{background:none} #bd .yui-gb #leftRail #myAccount li,#bd .yui-gb #leftRail #myAccount li a{padding-right:0 !important} #bd .yui-gb #leftRail #myAccount li{margin:5px 0} /* T W O D O T O N E - A B O U T U S */ body.aboutUsType #hd #navItems ul li a.topLink{background:#568c00 url(/images/css/navAboutUs.jpg) -10px 0 no-repeat} body.aboutUsType .imageBorderCallout h2{color:#568E14} body.aboutUsType h1,body.aboutUsType h1 *{color:#568E14;font-weight:700} /* T W O D O T O N E - C A R E E R S */ body.careersType #hd #navItems ul li a.topLink{background:#e69137 url(/images/css/navCareers.jpg) -10px 0 no-repeat} body.careersType .imageBorderCallout h2{color:#F9A34A} body.careersType h1,body.careersType h1 *{color:#F9A34A;font-weight:700} /* T W O C O L U M N E Q U A L B O R D E R S */ #mainContent #main .twoColumnEqualBorders{width:660px !important;background:url(/images/css/columnsTop.jpg) top center no-repeat;margin:0 0 10px} #mainContent #main .twoColumnEqualBorders .column50{float:left;width:297px;margin:0 15px 0 0;padding:10px 15px 10px 11px} #mainContent #main .twoColumnEqualBorders .column50.last{width:297px;padding-left:10px} #mainContent #main .twoColumnEqualBorders .column50 img{float:right;padding:14px 0 10px 0} #mainContent #main .twoColumnEqualBorders .column50 p{color:#555;margin:0 0 .6em} #mainContent #main .twoColumnEqualBorders .column50 p a{font-weight:normal} #mainContent #main .twoColumnEqualBorders .column50 h2{font-weight:bold;color:#333;margin:5px 0 0;padding:0 0 0 10px} #mainContent #main .twoColumnEqualBorders .column50 h3{border:0;font-weight:bold;color:#555;padding:25px 0 25px 10px;width:auto} #mainContent #main .twoColumnEqualBorders .column50 ul{margin:0;padding-left:10px;list-style:none} #mainContent #main .twoColumnEqualBorders .column50 ul li{list-style:none;margin:0;padding:1px 0 5px 0} #mainContent #main .twoColumnEqualBorders .column50 ul li a{font-weight:normal} #mainContent #main .twoColumnEqualBorders .column50 ul li.last{padding:0} #mainContent #main .twoColumnEqualBorders .last{margin:0} #mainContent #main .twoColumnEqualBorders .clear{background:url(/images/css/columnsBottom.jpg) bottom center no-repeat;clear:both;height:3px} /* T H R E E C O L U M N E Q U A L B O R D E R S */ #mainContent #main .threeColumnEqualBorders{width:658px !important;border:1px solid #eceded;margin:0;background:url(/images/css/columnTopGradient.jpg) top center no-repeat} #mainContent #main .threeColumnEqualBorders .column33{float:left;width:200px;padding:10px 18px 50px 0} #mainContent #main .threeColumnEqualBorders .column33 img{float:right;padding:0 0 20px 0} #mainContent #main .threeColumnEqualBorders .column33 p{color:#555;margin:0 0 .6em} #mainContent #main .threeColumnEqualBorders .column33 p a{font-weight:normal} #mainContent #main .threeColumnEqualBorders .column33 h2{font-weight:bold;color:#333;margin:0} #mainContent #main .threeColumnEqualBorders .column33 h3{border:0;font-weight:bold;color:#555;margin:0 60px 0 0;padding:25px 0 25px 10px} #mainContent #main .threeColumnEqualBorders .column33 ul{margin:0;padding-left:15px;list-style:none} #mainContent #main .threeColumnEqualBorders .column33 ul li{list-style:none;margin:0;padding:4px 0;font-size:94%} #mainContent #main .threeColumnEqualBorders .column33 ul li a{font-weight:normal} #mainContent #main .threeColumnEqualBorders .column33 ul li.last{padding:0} #mainContent #main .threeColumnEqualBorders .last{margin:0} /* F O U R C O L U M N - E X E C U T I V E B I O S */ #mainContent #main .fourColumnArticle .column25 a{font-weight:normal} #mainContent #main .fourColumnArticle .column25 ul{width:100%;list-style:none;margin:0} #mainContent #main .fourColumnArticle .column25 ul li{width:100%;list-style:none;margin:0;padding:1px 0 5px 0} /* MUTUAL FUNDS */ .twoColumnArticlemutualFunds{font-size:101%} .twoColumnArticlemutualFunds{height:236px;background:transparent url(/images/nationwideFundsLanding_background.jpg) top center no-repeat} .twoColumnArticlemutualFunds .column50 h1{font-size:143%;margin-left:15px;margin-top:20px} .twoColumnArticlemutualFunds .column50 p{margin-left:15px;line-height:1.2em;width:115%} .twoColumnArticlemutualFunds span{line-height:100%} .twoColumnArticlemutualFunds label{color:black;float:none} .mflandingform{margin-left:15px;margin-top:8px} .twoColumnArticlemutualFunds .column50 .mflandingform span{line-height:100%} .twoColumnArticlemutualFunds .column50 .mflandingform select{margin-left:20px} .twoColumnArticlemutualFunds .column50 .mflandingform .radioText{line-height:1.65em;margin-left:2px} .twoColumnArticlemutualFunds .column50 .mflandingform .first{margin-left:54px} .twoColumnArticlemutualFunds .column50 .mflandingform .mfradio{margin-left:82px} .twoColumnArticlemutualFunds .column50 .mflandingform .mfimage{margin-left:82px;margin-top:8px} .twoColumnArticlemutualFunds .column50 .mflandingform .mfpadding{padding-top:8px} #mainContent .yui-gb .second .tablePadding{margin-bottom:0px;padding-bottom:0px} /* idol search auto complete */ .ac_results {padding:0px;border:1px solid #000;background-color:#fff;overflow:hidden;z-index:99999} .ac_results ul {width:100%;list-style-position:outside;list-style:none;padding:0;margin:0} /*if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width:100%;*//*it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ .ac_results li {margin:0px;padding:2px 5px;cursor:default;display:block;font:12px/16px Arial,Helvetica,sans-serif;overflow:hidden} .ac_loading {background:#fff url('indicator.gif') right center no-repeat} .ac_odd {background-color:#eee} .ac_over,.ac_over strong {background-color:#0A246A;color:#fff} .twoColumnArticle .column50{width:48.55%} .twoColumnArticle .column50 p{width:93%} /* U P & C O M E R - B A N K C A L C U L A T O R */ .nwIndividualType #bankCalculator{height:134px;background:transparent url('/images/css/bgCalculatorHorizSavings.jpg') top left no-repeat;border:none;padding:5px 0} .nwIndividualType #bankCalculator h2{color:#333} .nwIndividualType #bankCalculator .instructions{margin:0 10px} .nwIndividualType #bankCalculator form label{display:block;clear:both;float:none;padding:0 0 3px;color:#333} .nwIndividualType #bankCalculator form .textbox{width:60%} .nwIndividualType #bankCalculator form span{display:block;text-align:right} .nwIndividualType #bankCalculator form .instructions{float:left;width:27% !important;margin-right:35px} .nwIndividualType #bankCalculator form .instructions h2{font-weight:700;color:#333} .nwIndividualType #bankCalculator form .bankCalculatorBtnContainer{text-align:right;margin:15px 0 0;padding:0;float:left;width:8%;clear:none} .nwIndividualType #bankCalculator .bankCalculatorTotalContainer{display:none} .nwIndividualType #bankCalculator p.bankCalculatorTotal{color:#5d5d5d;font-weight:bold;margin:0 !important;padding:0 !important;border:none} .nwIndividualType #bankCalculator p.bankCalculatorEarnings{margin:0 0 6px 10px} .nwIndividualType #bankCalculator p.disclaimer{color:#9f9f9f;clear:both;margin-bottom:0} .nwIndividualType #bankCalculator p.disclaimer sup{color:#9f9f9f} .nwIndividualType #bankCalculator{padding:5px 0} .nwIndividualType #bankCalculator form{margin:0 10px;padding:0 0 4px} .nwIndividualType #bankCalculator form p{margin:2px 0} .nwIndividualType #bankCalculator form h2,nwIndividualType #bankCalculator form p{margin-left:0} .nwIndividualType #bankCalculator.horizontal{padding-bottom:0 !important;margin-bottom:7px;width:83% !important;clear:both} .nwIndividualType .allAreas #bankCalculator.horizontal{padding-bottom:0 !important;margin-bottom:7px;width:485px !important;clear:both} .nwIndividualType #bankCalculator.horizontal form{float:left;width:417px;padding:0} .nwIndividualType .allAreas #bankCalculator.horizontal form{float:left;width:460px;padding:0} .nwIndividualType #bankCalculator.horizontal form .fieldPair{float:left;width:91px;margin:0 10px 0 0} .nwIndividualType #bankCalculator.horizontal form .textbox{width:90%} .nwIndividualType #bankCalculator.horizontal form .bankCalculatorBtnContainer p{float:left;color:#bdbdbd;width:100%;text-align:left} .nwIndividualType #bankCalculator.horizontal form .bankCalculatorBtnContainer .goBtn{border:medium none;margin-right:0} .nwIndividualType #bankCalculator.horizontal .bankCalculatorYourEarningsTitle{margin:0} .nwIndividualType #bankCalculator.horizontal .bankCalculatorTotalContainer{display:none;margin-left:400px;margin-right:7px;height:34px} .nwIndividualType #bankCalculator.horizontal p.bankCalculatorYourEarningsTitle,nwIndividualType #bankCalculator.horizontal p.bankCalculatorTotal,nwIndividualType #bankCalculator.horizontal p.disclaimer{width:auto;margin-bottom:0} .nwIndividualType #bankCalculator.horizontal div.disclaimer{clear:both;margin:0 0 10px 10px;padding-top:5px} .nwIndividualType #bankCalculator.horizontal form .bankCalculatorBtnContainer .bubbleText p{color:#f00;margin:0 !important} /* UP AND COMER */ .nwIndividualType #hd #nav li ul.dropdowns,.nwIndividualType #navigation #nav li ul.dropdowns{margin:20px 0px 0px -185px} .nwIndividualType #mainContent #main .twoColMainFeature{height:125px} .nwIndividualType #mainContent #main .twoColMainFeature p, .businessType #mainContent #main .twoColMainFeature p{margin:0;font-size:130% !important} .nwIndividualType #mainContent #main .twoColMainFeature{border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;overflow:hidden} .nwIndividualType #mainContent #main .twoColMainFeature img{margin:0;vertical-align:bottom} .nwIndividualType #mainContent h1,.nwIndividualType #mainContent p,.nwIndividualType #mainContent ul,.nwIndividualType #mainContent ol,.nwIndividualType #mainContent li,.nwIndividualType #mainContent h2,.nwIndividualType #mainContent h3,.nwIndividualType #mainContent h4,.nwIndividualType #mainContent h5{max-width:none} /* UP AND COMER MY ACCOUNT */ .myaccountType #mainContent #main .twoColumnEqualBorders .column50{margin:0;padding:0 0 0 1px;width:48.68%} .myaccountType #mainContent #main .twoColumnEqualBorders .column50.last{width:48.4%;padding-left:15px} .myaccountType #mainContent #main .border{border:none;border-bottom:1px solid #dedede} .myaccountType #mainContent #main .twoColumnEqualBorders .column50 img{float:none;padding:0} .myaccountType #mainContent #main .twoColumnEqualBorders .column50 ul li{list-style-image:none;list-style-position:outside;list-style-type:disc;margin:0;padding:0} .myaccountType #mainContent #main .twoColumnEqualBorders .column50 ul{padding:0 0 5px 24px} .myaccountType #mainContent #main .twoColumnEqualBorders .column50 .twoColumnArticle,.myaccountType #mainContent #main .twoColumnEqualBorders .column50.last .twoColumnArticle{height:73px} .myaccountType #mainContent #main .twoColumnEqualBorders .column50 .twoColumnArticle .column65,.myaccountType #mainContent #main .twoColumnEqualBorders .column50 .twoColumnArticle .column35{border-right:none;height:100%} .myaccountType #mainContent #main .twoColumnEqualBorders .column50.last .twoColumnArticle{padding-left:3px} .myaccountType #mainContent #main .twoColumnEqualBorders{background:transparent url(/images/css/columnsTopRounded.jpg) no-repeat scroll center top} .myaccountType #mainContent #main .twoColumnEqualBorders .twoColumnArticle .clear{background:none;height:0} .myaccountType #bd #mainContent #main .twoColumnEqualBorders .column50 h2{margin-top:15px;padding:0 0 0 10px} .myaccountType #bd #mainContent #main .column50 .twoColumnArticle h1{font-size:134%;padding:26px 0 0 9px;text-transform:none;font-weight:normal} .myaccountType #mainContent p,.myaccountType #mainContent h2,.myaccountType #mainContent li{color:#333} .myaccountType #mainContent #main .twoColumnEqualBorders .column50 p{color:#333} .myaccountType .yui-g .yui-gb .second .yui-u p{margin-bottom:0} .myaccountType #mainContent #main .twoColumnEqualBorders .clear{background:transparent url(/images/css/columnsBottomRounded.jpg) no-repeat scroll center bottom} .myaccountType#content .yui-g .yui-gb div.second .yui-u p{max-width:none} .myaccountType #mainContent #main .twoColMainFeature{height:125px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px;-webkit-border-top-left-radius:5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;overflow:hidden} .myaccountType #mainContent #main .twoColMainFeature .column50{width:48.75%;height:110px} .myaccountType #mainContent #main .twoColMainFeature .column50.last{width:45%} .myaccountType #mainContent #main .threeColumnEqualBorders .col1{background-color:#ea7021;height:42px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-bottom:1px solid #ccc;margin-bottom:5px} .myaccountType #mainContent #main .threeColumnEqualBorders .col2{background-color:#4f7019;height:42px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-bottom:1px solid #ccc;margin-bottom:5px} .myaccountType #mainContent #main .threeColumnEqualBorders .col3{background-color:#0495d3;height:42px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;border-bottom:1px solid #ccc;margin-bottom:5px} .myaccountType #bd #mainContent #main .threeColumnEqualBorders .col1 h2,.myaccountType #bd #mainContent #main .threeColumnEqualBorders .col2 h2,.myaccountType #bd #mainContent #main .threeColumnEqualBorders .col3 h2{text-transform:none;float:left} .myaccountType #mainContent #main .threeColumnEqualBorders .column33{padding-top:0;width:210px;padding-right:14px} .myaccountType #mainContent #main .threeColumnEqualBorders{background:transparent url(/images/css/3ColumnTopRounded.jpg) no-repeat scroll center top;border:0} .myaccountType #mainContent #main .threeColumnEqualBorders .clear{background:transparent url(/images/css/3ColumnBottomRounded.jpg) no-repeat scroll center top;height:19px} .myaccountType #mainContent #main .threeColumnEqualBorders .last{padding-right:0} .myaccountType #bd #mainContent #main .threeColumnEqualBorders h2{padding:15px 0 0 15px} .myaccountType #mainContent #main .threeColumnEqualBorders .column33 p{margin-bottom:0;padding:5px 15px 0} .myaccountType #bd #mainContent #main .threeColumnEqualBorders .col1 a,.myaccountType #bd #mainContent #main .threeColumnEqualBorders .col2 a,.myaccountType #bd #mainContent #main .threeColumnEqualBorders .col3 a{float:right;margin:15px 15px 0 0;width:15px} .myaccountType #mainContent #main .threeColumnEqualBorders .column33{padding-bottom:30px} /* Contact Us */ #mainContent .yui-gb .yui-u .tableHeaderBackgroundColor{width:816px;padding:8px;color:#000;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-khtml-border-radius:5px;border:1px solid #DEDEDE} .utility .tableHeaderBackgroundColor table{padding:0;margin:0 0 15px 0;width:813px} .utility .tableHeaderBackgroundColor th.colA{padding:8px 10px;background-color:#E5F7F7;color:#000;border:0;font-weight:bold} .utility .tableHeaderBackgroundColor td{width:33%;padding:8px 10px;border:0;border-bottom:solid 1px #DEDEDE} .utility .tableHeaderBackgroundColor td.col1{width:40%} .utility .tableHeaderBackgroundColor td.col2{width:45%} .utility .tableHeaderBackgroundColor td.col3{width:15%;text-align:right} #mainContent #main .yui-u .mainFeatureWithRail .column35,#mainContent #main .yui-u .mainFeatureWithRail .column65{display:inline;float:left;margin:0;padding:0;border:1px solid #DEDEDE} #mainContent #main .yui-u .mainFeatureWithLeftRail .column35{border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-top-left-radius:5px} #mainContent #main .yui-u .mainFeatureWithLeftRail .column65{border-left:0;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-khtml-border-bottom-right-radius:5px;-khtml-border-top-right-radius:5px} #mainContent #main .mainFeatureWithLeftRail .twoColMainFeature{border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-khtml-border-bottom-right-radius:5px;-khtml-border-top-right-radius:5px} #mainContent #main .yui-u .mainFeatureWithRightRail .column35{border-radius:5px 5px 0 0;-moz-border-radius:0 5px 5px 0;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-khtml-border-bottom-right-radius:5px;-khtml-border-top-right-radius:5px} #mainContent #main .yui-u .mainFeatureWithRightRail .column65{border-right:0;border-radius:0 0 5px 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-top-left-radius:5px} #mainContent #main .mainFeatureWithRightRail .twoColMainFeature{border-radius:0 0 5px 5px;-moz-border-radius:5px 0 0 5px;-webkit-border-bottom-left-radius:5px;-webkit-border-top-left-radius:5px;-khtml-border-bottom-left-radius:5px;-khtml-border-top-left-radius:5px} #mainContent #main .yui-u .mainFeatureWithRail .column35{width:162px;height:246px;background:transparent url('/images/css/bgMyAccountGradient.gif') 0 0 repeat-x;overflow:hidden} #mainContent #main .yui-u .mainFeatureWithRail .column65{width:670px;height:246px;overflow:hidden} #mainContent #main .mainFeatureWithRail .twoColMainFeature{width:670px;height:246px;overflow:hidden} #mainContent #main .mainFeatureWithRail .twoColMainFeature div.column50.last{width:305px;float:left;padding:15px 0 0} #bd #mainContent #main .twoColumnArticle h1,#bd #mainContent #main .threeColumnArticle h1,#bd #mainContent #main .twoColumnArticle h2,#bd #mainContent #main .threeColumnArticle h2,#bd #mainContent #main .twoColumnArticle h3,#bd #mainContent #main .threeColumnArticle h3{font-weight:bold;padding:10px;margin:0} .utility #bd #mainContent #main .twoColumnArticle h1,.utility #bd #mainContent #main .threeColumnArticle h1{font-size:200%;padding:0 0 10px 0} #mainContent .yui-gb .second .yui-u .mainFeatureWithRail a{font-size:92%;font-weight:normal} #content .yui-g .yui-gb div.second .yui-u .mainFeatureWithRail p{font-size:92%;margin:0} #mainContent .yui-gb .second .yui-u .mainFeatureWithRail li,#mainContent .yui-gb .second .yui-u .mainFeatureWithRail ul {list-style-image:none;list-style-position:outside;list-style-type:none;padding:0;margin:0;} #content #mainContent .yui-gb .second .yui-u .mainFeatureWithRail .column35 li{padding:0 10px 5px;line-height:1em} #content #mainContent.yui-g .yui-gb div.second .yui-u .mainFeatureWithRail .twoColMainFeature p{padding:0 0 2px;margin:0} #mainContent .yui-gb .second .yui-u .mainFeatureWithRail .twoColMainFeature li{padding:0} #bd #mainContent #main .twoColumnArticle.mainFeatureWithRail h2,#bd #mainContent #main .twoColumnArticle.mainFeatureWithRail h1{text-transform:none} #mainContent #main .mainFeatureWithRail .twoColMainFeature div.column50{padding-left:19px} .mainFeatureWithRail .twoColMainFeature .column50{width:48%} #mainContent .yui-gb .second .yui-u .mainFeatureWithRail .column35 ul{padding-top:10px} .utility .tableHeaderBackgroundColor th{font-size:109%} #bd #mainContent #main .twoColumnArticle.mainFeatureWithRail .column35 h2{font-size:117%} #bd #mainContent #main .twoColumnArticle.mainFeatureWithRail .column35 h3{border-bottom:none;padding-top:10px;padding-bottom:0;text-transform:none} .twoColumnArticle.mainFeatureWithRail .column35 p{padding-top:0} #bd #mainContent #main .twoColumnArticle.mainFeatureWithRail .twoColMainFeature .column50 h3{font-size:100%;padding-bottom:3px;padding-left:0;text-transform:none} /* U P A N D C O M E R - H O R I Z O N T A L F E A T U R E T T E */ .horizontalFeaturette {border-bottom: 1px #DEDEDE solid;padding-bottom:16px;margin-bottom:-15px} .yui-u .horizontalFeaturette .column35 {padding: 0; width:17.5%} .horizontalFeaturette .column65 {width:80.5%} #mainContent .yui-gb .second .yui-u .horizontalFeaturette li {background:transparent url('/images/css/bullet.gif') no-repeat scroll 0 0.5em; margin-left:10px; width:230px; float:left; padding-left:7px; list-style-type:none} #mainContent .yui-gb .second .yui-u .horizontalFeaturette li a{font-weight:400; width:230px} #bd #mainContent #main .horizontalFeaturette .column65 h2 {padding-bottom:0} .yui-g .yui-gb .second .yui-u .horizontalFeaturette .column65 p {margin-bottom: 0; padding-top:0; padding-bottom:0} .yui-g .yui-gb .second .yui-u .horizontalFeaturette .column35 p {padding:0; margin:0} .horizontalFeaturette .column35 img {padding: 10px} .nwIndividualType #bd #main h1, .nwIndividualType #bd #main h2, .nwIndividualType #bd #main h3 {text-transform:none !important} .nwIndividualType #mainContent #main .twoColMainFeature .mfcSmallText, .businessType #mainContent #main .twoColMainFeature .mfcSmallText{font-size:77% !important} /* Fix for defect 32807 */ .aboutUsType .aboutUsFourth #main img.imageLeft {margin-left:1px} /* S I T E M A P */ .sitemap .column50{padding:0; width: 102%} .sitemap .column50{background:transparent url('/images/css/bar.gif') no-repeat scroll 0 0; padding-bottom:20px} .sitemap .column50 h2{color:#FFF; padding: 5px 0 3px 8px} .sitemap .column50.last{background:none; padding-bottom:0} .sitemap .column50 .yui-u {padding-bottom:0} .utilityType.noRails #main .sitemap .yui-ge.first{width:78%} .utilityType.noRails #mainContent .yui-gb #main .sitemap .yui-ge.second {float:left;width:22%} .utilityType.noRails #main .sitemap .first .yui-g .yui-u{width:49%} .utilityType.noRails #main .sitemap .first .yui-g .second{width:49%} .utilityType.noRails #mainContent .yui-gb .yui-u .sitemap .yui-u .yui-u {width:49%} .utilityType.noRails .yui-g .yui-u, .utilityType.noRails .yui-g .sitemap .yui-g {width:100%} .utilityType.noRails .yui-g .yui-gb .first .yui-u .sitemap li, .utilityType.noRails .yui-g .yui-gb .second .yui-u .sitemap li{border-bottom:none !important;width:140px !important;padding:3px 0;margin-left:0} .utilityType.noRails #mainContent .yui-gb .second .yui-u .sitemap ul li {list-style-type:none} .utilityType.noRails .yui-g .yui-gb.first .sitemap li a {padding:0} .utilityType.noRails #mainContent .yui-gb .second .yui-u .sitemap li a {font-weight:400} .utilityType.noRails .yui-g .yui-gb.first .sitemap ul {border-bottom:none; padding-bottom:0; padding-left: 7px; width:auto} .utilityType.noRails .yui-g .yui-gb div.second .yui-u .sitemap p, .utilityType.noRails .yui-g .yui-gb div.second .yui-u .sitemap li {line-height:1.6em !important} .utilityType.noRails #mainContent .yui-gb .second .sitemap ol li, .utilityType.noRails #mainContent .yui-gb .second .sitemap ul li {margin-left:0} .utilityType.noRails .yui-g .yui-gb div.second .sitemap li {font-size:95% !important} .utilityType.noRails .yui-g .yui-gb .sitemap h3 {border-bottom:none; padding-left:7px; width:150px} .utilityType.noRails .yui-gb .yui-u.sitemap h2{color:#FFF; padding: 7px 0 3px 8px} .utilityType.noRails #mainContent .sitemap h2 a{color:#FFF;background:url('/images/css/chevron-white.gif') no-repeat scroll right 0.3em; padding-right:12px} .utilityType.noRails #mainContent .sitemap h3 a{font-weight:700; color:#333;background:url('/images/css/chevron.gif') no-repeat scroll right 0.3em; padding-right:12px} .utilityType.noRails #mainContent .yui-gb .second .sitemap .yui-u {margin-bottom:-5px; padding-bottom:0} /* D E F E C T F I X - 3 2 7 3 0 */ .myaccountType #hd #navItems {margin-bottom: 5px !important} /* W A T C H O U R A D S */ .videoContentPage #videoPlayerContainer{background:transparent url('/images/VideoPlayerDropshadowgif.gif') no-repeat scroll center bottom; height:307px} .twoColumnArticle.videoContentPage .column65, .twoColumnArticle.videoContentPage .column35 {padding: 0} .videoContentPage .column65, .videoContentPage .column35 {padding-right: 0 !important} .twoColumnArticle.videoContentPage .column35 .yui-u {height: 300px} #bd #mainContent #main .twoColumnArticle.videoContentPage .column35 h2 {padding: 0 0 10px 0; margin: 0 !important} .twoColumnArticle.videoContentPage .column35 p, .videoDesc p, .videoNav p {padding: 0 !important} .videoContentPage .column65 {margin-right: 30px} .videoContentPage .videoNav {padding: 10px 0} .videoContentPage .videoDesc {padding-top:20px; padding-bottom: 30px} .videoContentPage .videoFooter {padding-bottom: 50px} #bd #mainContent #main .twoColumnArticle.videoContentPage .column65 .videoDesc h2{padding: 0 0 20px 0} .videoContentPage .videoNav .left, .videoContentPage .videoFooter .left{float: left} .videoContentPage .videoNav .right, .videoContentPage .videoFooter .right{float: right} #mainContent .videoContentPage .videoNav p, #mainContent .videoContentPage .videoDesc p, #mainContent .videoContentPage .videoDesc h2 {max-width: 512px} .videoContentPage .videoNav, .videoContentPage .videoDesc, .videoContentPage .videoFooter {width: 512px; clear:both} .videoThumbnails{margin:15px 0 0 0; width: 885px} .nw #mainContent .videoThumbnails ul, #mainContent .videoThumbnails ul, #mainContent .videoThumbnails ol {max-width:885px} #mainContent .yui-gb .second .videoThumbnails ol li, #mainContent .yui-gb .second .yui-u .videoThumbnails ul li {list-style-type:none; float: left; margin-left:0; margin-bottom:25px; margin-right: 16px;width:155px;height:88px} .videoThumbnails a {position: relative ; width: 155px;height:88px} .videoThumbnails img{height: 88px; width: 155px;position:absolute;top:0;left:0} span.videoRollover{background:transparent url('/images/css/videoPlayRollover.png') center center no-repeat;opacity:0;height:88px;width:155px;position:absolute;top:0;left:0} .woaEmailModalBody .submit input{background:url('/images/btnSubmit.jpg') no-repeat;cursor:pointer;width:65px;height:27px;border:none} /* D O U B L E C L I C K */ iframe.dblClickSpotlight {border:none;width:1px;height:1px} /* A C C E S S A B I L I T Y E N H A N C E M E N T S */ .access {visibility:hidden;line-height:0.1em;font-size:0.25em} label.access {position: absolute; left: -999px} legend.access {visibility:hidden} /* M Y A C C O U N T M O D U L E A C C E S S A B I L I T Y */ #myAccount fieldset legend{visibility:hidden;line-height:0.1em;font-size:0.1em;} /* #myAccount span.access {visibility: hidden;font-size:.1em;position:absolute;left:-999px}*/ /* E N D M Y A C C O U N T M O D U L E A C C E S S A B I L I T Y */ /* E N D A C C E S S A B I L I T Y E N H A N C E M E N T S */ /* Card #21900 - 5 Column Article SEO */ #seoLinks .yui-u {float:left;width:100%;} .fiveColumnArticle .column20 {width:19%;float: left;padding-right:5px;} .yui-gc h2{font-weight:700;padding-top:10px;padding-left:9px;margin-bottom:5px;margin-left:8px} .yui-gc h2 a{margin-bottom:5px;color:#666;background:url('/images/css/bgBlueArrow.gif') no-repeat right .5em;padding-right:15px;display: inline-block} .yui-gc ul{padding:0 0 0 9px;margin-left:8px} .yui-gc li{padding:1px 0} /* Card #20190 - Error Message Bubbles */ div.bankingExpand input#usernameBank{margin-bottom:15px} /* Error Bubbles - SAFARI SPECIFIC */ @media screen and (-webkit-min-device-pixel-ratio:0){ form.myAccountForm span.formButton div.bubbleRight,form.myAccountForm span.formButton div.errorSubmit{top:15px !important} } /* Card 26503 Five column article - No Rails */ .noRails .fiveColumnArticle .column20{width:19% !important;float:left;padding-right: 5px} .noRails .fiveColumnArticle .column20 ul{margin-left:0 !important;padding: 0 !important;list-style-image:none;list-style-position:outside;list-style-type:none} .noRails .fiveColumnArticle .column20 ul li{list-style:none !important;padding:1px 0; margin-left:0 !important} .noRails .fiveColumnArticle .column20 h2 a{margin-bottom:5px;color:#666;background:url('/images/css/bgBlueArrow.gif') no-repeat right .5em;padding-right:15px;display: inline-block} /* Card 28412 - N W A G T A B B E D C O N T E N T */ .allAreas #main .tabs .tab .yui-u .horizontalFeaturette{width:430px !important;border:none} .noLeft #main .tabs .tab .yui-u .horizontalFeaturette, .noRight #main .tabs .tab .yui-u .horizontalFeaturette{width:605px !important;border:none} .noRails #main .tabs .tab .yui-u .horizontalFeaturette{width:780px !important;border:none} #bd .tabset ul.tabnav li {font-size:91.6%} #bd .tabset ul.tabnav li.active {font-size:100%;font-weight:bold} #bd .tab h1,#bd .tab p,#bd .tab ul,#bd .tab ol,#bd .tab li,#bd .tab h2,#bd .tab h3,#bd .tab h4,#bd .tab h5{max-width:none} #bd .tab .horizontalFeaturette li {width:225px !important} #bd .tab .horizontalFeaturette .column65 h2 {font-size:117% !important} .tabs{display:inline-block;padding: 0 0 15px; width:100%} .tab{background:url(/images/css/InPageTabs_mainContentArea_GradientSlice.jpg) top left repeat-x;margin-top:0px;min-height:100px;padding:20px 15px 15px;border-width:0 1px 1px;border-style:solid;border-color:#eaeaea} .tab .horizontalFeaturette{margin-bottom:5px;border:none} .tab .yui-u{width:100%;display:block;position:relative;float:none;padding:10px 0} .tabset {height:24px;/*width:100%;*/margin-bottom:0 !important;padding:0} .tabset ul.tabnav{display:inline;height:24px;padding:0 !important; margin:0 !important; width:100% !important} .tabset ul.tabnav li{vertical-align:bottom;text-align:center;float:left;margin: 0 -5px 0 0 !important;padding:7px 8px 4px;background: transparent url(/images/css/InPageTabs_inactive_left.jpg) no-repeat top left;display:inline;} .tabset ul.tabnav li#tab1,.tabset ul.tabnav li#tab2,.tabset ul.tabnav li#tab3,.tabset ul.tabnav li#tab4,.tabset ul.tabnav li#tab5,.tabset ul.tabnav li#tab6,.tabset ul.tabnav li#tab7{width:auto !important;float:left} .tabset ul.tabnav li a {background: transparent url(/images/css/newTabs_inactive_right.jpg) repeat-x bottom right;margin:10px auto 0;padding:8px 8px 3px 0;} .tabset ul.tabnav li.active{height:24px;background: transparent url(/images/css/InPageTabs_active_left.jpg) no-repeat top left} .tabset ul.tabnav li.active a{height:24px;color:#666;padding:7px 10px 6px 0;background: transparent url(/images/css/newTabs_active_right.jpg) repeat-x top right;font-weight:bold} /* Tabs - Safari Specific */ @media screen and (-webkit-min-device-pixel-ratio:0){ .tabset{margin-bottom: -5px;} .tabset ul.tabnav li {padding-top:7px} .tabset ul.tabnav li a{padding:7px 8px 3px 0} .tabset ul.tabnav li.active{} .tabset ul.tabnav li.active a{} .tab {margin-top:0px} } /* Fix for defect 37997*/ .landingPageNoLeft .fiveColumnArticle {width:864px} #mainContent #pageId {padding:15px 0} /* SEO Auto Quote Widget */ .quoteWidget .quoteSubmit input{background:transparent url('/images/startQuoteButton.gif') no-repeat scroll;height:23px;width:83px;border:0;cursor:pointer} .quoteWidget h6{font-size:117%;color:#333;font-weight:bold} #quoteWidgetForm label{color:#333;margin:5px 5px 0 0} #main .quoteWidgetContent,#rightRail #quoteWidgetForm{background:transparent url('/images/quoteWidgetGradient.jpg') repeat-x left bottom;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #e0e0e0} #main .quoteWidget{margin-bottom:15px;float:left;height:35px;width:485px;background:transparent url('/images/autoIcon_35x35.gif') no-repeat 0 0} #main .quoteWidget h6{margin-right:25px;padding:10px 0 0 10px} #main .quoteWidgetContent{height:100%;float:left;margin-left:39px;width:445px} .quoteWidget img,.quoteWidget h6,.quoteSubmit,#main .quoteWidget input,.quoteWidget label{float:left} #main #quoteWidgetForm #zip{width:55px;margin:3px 50px 0 0;padding:0 5px} #main #quoteWidgetForm{padding:6px 10px 0 16px;float:left} #rightRail .quoteWidget{margin-bottom:15px;width:160px;float:left} #rightRail #quoteWidgetForm{clear:left} #rightRail .quoteWidget .formFields{float:left;padding:10px} #rightRail #quoteWidgetForm #zip{width:77px;margin-bottom:10px} #rightRail #quoteWidgetForm .quoteSubmit{clear:both;float:right} #rightRail .quoteWidgetContent{float:left;padding-top:10px;background:transparent url('/images/autoIcon_35x35.gif') no-repeat 0 0} #rightRail .quoteWidgetContent h6{padding-left:40px;margin-bottom:10px;font-size:108%} #rightRail #quoteWidgetForm label{padding-left:0;margin-top:2px;font-size:100%} /* M I C R O S I T E S */ #hd .micrositeDropdown #navItems{width:auto;background:transparent url('/images/css/navBarTile.gif') repeat-x scroll left top;margin:14px 0 0;padding:0} #hd .micrositeDropdown #navItems #nav{background:url('/images/css/navBarEnd.gif') top right no-repeat;height:23px;margin:0;width:840px;padding:0} #hd .micrositeDropdown #navItems ul li a.topLink{font-size:90%;width:120px} #hd .micrositeDropdown #navItems ul li.navFirst{padding:0 0 4px;background:url('/images/css/navBarStartCap.gif') no-repeat 0 0} #hd .micrositeDropdown #navItems ul li.navFirst a.topLink{background-position:0 0} #hd .micrositeDropdown #navItems ul li a.topLink{background:#568c00 url('/images/css/navAboutUs.jpg') -10px 0 no-repeat} #hd .micrositeDropdown{width:auto;margin:0;padding:0;float:left} #hd .micrositeDropdown #navItems ul li a{margin:0} #hd .pageTools .micrositeTopNav ul li.listLast{padding-right:12px} #hd .pageTools .micrositeTopNav{font-size:77%} /* M I C R O S I T E S - M Y A C C O U N T M O D U L E */ .myAccountMicrosite {border:#eee 1px solid;clear: both;background: url('/images/css/wgs-AccessMyAccountBackgroundGradient_slice.jpg') #fff repeat-x right top;float:left;width:160px;height:246px} .myAccountMicrosite #myAccount {border:none;padding:0;background: url('/images/css/wgs-AccessMyAccountBackgroundGradient_slice.jpg') #fff repeat-x left top;margin:0;width: 160px;position:relative;height:246px} .myAccountMicrosite #myAccount #loginHeader {float:left;margin:15px 0px 5px;width:auto !important} .myAccountMicrosite #loginSecurity {z-index:100;right:43px;margin:10px 7px 0px 0px;position:relative;top:33px} .myAccountMicrosite .accountModWrapper label {font-size:105%;clear: both;padding:5px 0 0 0;text-align:left} .myAccountMicrosite .accountLinks {font-size:105%;margin-top:85px;clear:both;display:block;} #mainContent .myAccountMicrosite #myAccount .accountLinks li a{font-size:100%} .myAccountMicrosite div.accountModWrapper div.setUI{background:#fff url('/images/css/wgs-AccessMyAccountBackgroundGradient_slice.jpg') repeat-x scroll left -60px;border-top:none;margin-left:-11px;width:140px} .myAccountMicrosite #myAccount #loginClose{z-index:99} .myAccountMicrosite .accountModWrapper .myAccountForm label{font-size:85%} .myAccountMicrosite .accountModWrapper .formButton{clear:left;float:right;margin:4px 8px 0 0px;display:block;text-align:right} .myAccountMicrosite .accountModWrapper div.accountHelpLinks{clear:right;float:left;font-size:90%;margin:25px 0 5px;width:80%} .myAccountMicrosite .displayRight{clear:none;float:none} #mainContent .myAccountMicrosite #myAccount p,#mainContent .third .myAccountMicrosite #myAccount .accountLinks p{font-size:105%;padding:0;margin:0} #content #mainContent #main .mainFeatureWithRail .column35 .myAccountMicrosite .accountLinks ul li{padding:0;margin:3px 0} .utilityType #mainContent #main .mainFeatureWithRail .column35 .myAccountMicrosite div.accountModWrapper .accountLinks ul,.third .myAccountMicrosite div.accountModWrapper .accountLinks ul{margin-bottom:12px;padding-top:12px} .utilityType #mainContent #main .microsite .column35 {overflow:visible}