/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~GLOBAL STYLES ~~~~~~~~~ */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ * { margin: 0; padding:0; } html { font-size: x-small; overflow: -moz-scrollbars-vertical; } body { background: #E4E0DB url("../images/bg.jpg"); width: 780px; color: #333; font-family: Verdana, sans-serif; margin: 10px auto; line-height: 1.3em; } a img { border: none; } a, a:link { color: #768C0C; } a:visited { color: #687C05; } a:hover { color: #055A34; } p{ padding: 0 0 10px 0; font-size: 1.06em; line-height: 1.6em; font-weight:normal; } h3{ padding:0; font-size: 1.06em; line-height: 1.4em; font-weight:normal; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~LAYOUT STYLES ~~~~~~~~~ */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #container { background: #fff url("../images/bg_bottom.jpg") no-repeat bottom left; padding-bottom: 1em; width: 780px; } #content { background: #fff url("../images/bg_middle.jpg") repeat-y top left; padding-bottom: 10px; } #header { background: transparent url("../images/bg_top.jpg") no-repeat top left; position: relative; width:100%; } #main { margin: 0 0 20px 23px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /*~~~~~~~~~~~NAVIGATION STYLES ~~~~~~~~~ */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #nav { width: 737px; margin: 0 0 0 23px; background: url("../images/nav_bar_bg.gif") no-repeat; height:32px; overflow:hidden; position: relative; } #home #nav { background: url("../images/nav_bar_home_bg.jpg") no-repeat; } #nav ul{ float:left; list-style-type: none; display:inline; } #nav ul li{ float:left; color: #fff; font-weight: bold; } #nav ul li a { background: #fff; color: #87A00C; text-decoration: none; display:block; height:32px; position: relative; } #nav ul li a:hover { color: #CEE078; } #nav ul li a em { position: absolute; top:0; background: url("../images/navigation.gif") no-repeat; width: 100%; height: 100%; cursor:pointer; /*ie6 fix*/ } #nav ul li#whats_new a { width: 106px; height:32px;} #nav ul li#whats_new a:hover em { background-position: 0 -32px; } #nav ul li#why_p21 a { width: 138px; height:32px;} #nav ul li#why_p21 a:hover em { background-position: -106px -32px; } #nav ul li#in_depth a { width: 86px; height:32px;} #nav ul li#in_depth a:hover em { background-position: -244px -32px; } #nav ul li#open_account a { width: 138px; height:32px;} #nav ul li#open_account a:hover em { background-position: -330px -32px; } #nav ul li#about_us a { width: 90px; height:32px;} #nav ul li#about_us a:hover em, #nav ul li#about_us a.current em { background-position: -468px -32px; } #nav ul li#institutional a { width: 179px; height:32px;} #nav ul li#institutional a:hover em, #nav ul li#institutional a.current em { background-position: -558px -32px; } /*this em uses gilder and levin method so people who have images turned off but css on will still see the navigation*/ #nav ul li#whats_new a em{ background-position: 0 0;} #nav ul li#why_p21 a em{ background-position: -106px 0;} #nav ul li#in_depth a em{ background-position: -244px 0;} #nav ul li#open_account a em{ background-position: -330px 0;} #nav ul li#about_us a em { background-position: -468px 0;} #nav ul li#institutional a em { background-position: -558px 0;} /*automatic highlight of the current page tab - remember to put in the class name for each pages - e.g. */ .whats_new #nav ul li#whats_new a em { background-position: 0 -32px; } .in_depth #nav ul li#in_depth a em { background-position: -244px -32px; } .why_p21 #nav ul li#why_p21 a em { background-position: -106px -32px; } .open_account #nav ul li#open_account a em { background-position: -330px -32px; } .about_us #nav ul li#about_us a em { background-position: -468px -32px; } .institutional #nav ul li#institutional a em { background-position: -558px -32px; } /*you need this for mac FF or else the text underneath sometimes shows up */ #nav ul li a.current { color: #C3D129; } /* horizontal subnav style */ #nav ul li ul { background: #A6BC3C; color: #055A34; display:block; position: absolute; top: 3.2em; left:0%; width: 737px; margin: 0 0 0 0; float:left; } .institutional #nav ul li ul, .fund_snapshot_inst #nav ul li ul { background: #A6BC3C url("../images/inst_subnav_bg.jpg") repeat-x; } #nav ul li ul li{ float:left; padding: 6px 0; } #nav ul li ul li a { background: #A6BC3C url("../images/sub_nav_bg.gif") no-repeat 100% 50%; color: #055A34; text-decoration: none; display:inline; padding: 5px 10px; font: normal 1em/1.5em Verdana; } .institutional #nav ul li ul li a, .fund_snapshot_inst #nav ul li ul li a { background: transparent; color: #FFFFFF; } #nav ul li ul li a.current { color: #fff; font-weight: bold; } #nav ul li ul li a.last { background:none;} #nav ul li ul li a:hover { color: #fff; } #global_nav { position: absolute; top:25px; right:20px; } #global_nav ul { list-style:none; } #global_nav ul li { background: url("../images/bullet_square.gif") no-repeat 0 50%; margin-left: 1em; padding: 0 0 0 1.4em; float: left; } #global_nav ul li.first { background:none; } #global_nav ul li a{ color: #333; text-decoration:none; } #global_nav ul li a:hover { color: #768C0C; } /* end of nav style */ #nav_value { position: absolute; top: 45px; right: 20px; color: #768C0C; } #nav_value a { text-decoration: none; color: #768C0C; } #nav_value a:hover {text-decoration: underline; } /*~~~~~~~~~~~HOMEPAGE STYLES ~~~~~~~~~ */ #home #masthead { width: 100%; height: 188px; position: relative;} #home #masthead #learn_more { position: absolute; top: 125px; left: 254px; background: url("../imges/btn_learn.gif") no-repeat top left; /*IE 6 fix */ width: 141px; height:30px; } #home #masthead #learn_more a.learn_more { float:left; width:107px; background: #A1B842 url("../images/btn_learn.gif") no-repeat top left; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.2em; color: #fff; text-decoration: none; padding: 3px 0 4px 34px; } #home #masthead #learn_more a.learn_more:hover { color: #E2550D; background-position: -141px 0px; } #home_content_container { background: transparent url("../images/home_box_bottom.jpg") no-repeat bottom left; padding-bottom: 19px; } #home_content_wrapper { background: url("../images/home_box_bg.jpg") repeat-y top left; padding-bottom: 10px; xborder: 1px solid #ff0000; } #home_content { background: url("../images/home_box.jpg") no-repeat top left; xborder: 1px solid #00ff00; } #home_content #why_p21 { float:left; width: 280px; } #home_content #why_p21 p{ padding: 20px 70px 0 34px; color: #055A34; font-size: 1.06em; line-height: 1.5em; } #home_content #why_p21 #snap_shot { margin: 10px 70px 0 34px; background: url("../images/btn_fund.gif") no-repeat top left; /*IE 6 fix */ width: 155px; } #home_content #why_p21 #snap_shot a.snap_shot { float:left; width:125px; background: #DEEAA6 url("../images/btn_fund.gif") no-repeat top left; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.2em; color: #fff; text-decoration: none; padding: 3px 0 4px 30px; } #home_content #why_p21 #snap_shot a.snap_shot:hover { color: #E2550D; background-position: -155px 0px; } #home_content #fund_today{ float:left; } #home_content #fund_today div.box { float:left; width: 220px; } #home_content #fund_today h1 { padding: 20px 30px 0 0; font-family:Arial, Helvetica, sans-serif; color: #E2550D; font-weight:normal; font-size: 1.8em; line-height: 1em; } #home_content #fund_today div.box h2 { padding: 10px 30px 5px 0; color: #055A34; font-weight: bold; font-size: 1.2em; line-height: 1.2em; } #home_content #fund_today div.box h2 a { color: #055A34; text-decoration:none; } #home_content #fund_today div.box h2 a:hover { text-decoration:underline; } #home_content #fund_today div.box p { font-size: 1em; line-height:1.4em; padding: 0 30px 10px 0; } /*~~~~~~ Subpages (Secondary and Tertiary Pages) Sytle ~~~~~~~~~~~~~~~~~~ */ #subpage #nav, #subsubpage #nav{ height:5.8em; /*this is needed for people using bigger fonts - not perfect but better than nothing */ } #subpage #masthead { height: 12em; border-top: 1px solid #fff; } /*secondary page masthead style - photo */ #subpage.whats_new #masthead { background: #D0E07D url("../images/h_whats_new.jpg") no-repeat top left; } #subpage.why_p21 #masthead { background: #D0E07D url("../images/h_why_p21.jpg") no-repeat top left; } #subpage.in_depth #masthead { background: #D0E07D url("../images/h_in_depth.jpg") no-repeat top left; } #subpage.open_account #masthead { background: #D0E07D url("../images/h_open_account.jpg") no-repeat top left; } #subpage.about_us #masthead { background: #D0E07D url("../images/h_about_us.jpg") no-repeat top left; } #subpage.fund_snapshot #masthead { background: #DBEB93 url("../images/h_fund_snapshot.jpg") no-repeat top left; height: 6.3em; } #subpage.fund_snapshot_inst #masthead { background: #5E9689 url("../images/h_fund_snapshot_inst.jpg") no-repeat top left; height: 6.3em; } #subpage.institutional #masthead { background: #5E9689 url("../images/h_institutional.jpg") no-repeat top left; } #subpage #masthead h1 { font: normal 28px/40px Arial; color: #055A34; padding: 78px 0 0 20px; } #subsubpage #masthead { xheight: 7.2em; height: 7em; border-top: 1px solid #fff; } /*tertiary page masthead style - leaf */ #subsubpage.whats_new #masthead { background: #ECFBB6 url("../images/h_whats_new_sub.jpg") no-repeat bottom left; } #subsubpage.why_p21 #masthead { background: #ECFBB6 url("../images/h_why_p21_sub.jpg") no-repeat bottom left; } #subsubpage.in_depth #masthead { background: #ECFBB6 url("../images/h_in_depth_sub.jpg") no-repeat bottom left;} #subsubpage.open_account #masthead { background: #ECFBB6 url("../images/h_open_account_sub.jpg") no-repeat bottom left; } #subsubpage.about_us #masthead { background: #ECFBB6 url("../images/h_about_us_sub.jpg") no-repeat bottom left; } #subsubpage.legal #masthead { background: #ECFBB6 url("../images/h_legal_sub.jpg") no-repeat bottom left; } #subsubpage.institutional #masthead { background: #ECFBB6 url("../images/h_inst_sub.jpg") no-repeat bottom left; } #subsubpage #masthead h1 { font: normal 24px/30px Arial; color: #055A34; padding: 34px 0 0 20px; } #subsubpage.institutional #masthead h1 { font: normal 24px/30px Arial; color: #FFF; padding: 34px 0 0 20px; } #subpage #main, #subsubpage #main { margin: 0 20px 20px 23px; } #submain { background: #fff url("../images/subsub_bg.gif") repeat-y top left; width: 737px; float:left; } .highlight { float:right; width:160px; border:1px solid #DAE2B6; background:#F4F8E1; padding:20px; margin: 0 0 10px 10px; font-size: 1.06em; line-height: 1.6em; } .highlight h3 { font-size: .8em; color:#055A34; margin-bottom:4px;; } /*column styles - left column */ #col1 { float:left; width:227px; padding: 0 0 20px; border-top: 1px solid #fff; } #subpage #col1 { padding-top:40px;} #col1 h2 { padding: 0 20px 10px 20px; font-size: 1em; font-weight: bold; text-transform:uppercase; color:#055A34; } #col1 p{ padding: 0 15px 10px 20px; } #col1 p.this_section{ padding: 0 20px; font-size: 1.06em; font-weight: normal; color:#055A34; } #col1 p.learnmore{ padding: 0 20px 5px 32px; background: url("../images/bullet_square.gif") no-repeat 20px 7px; } #col1 #tertiary_nav, #col1 div.callout { padding:40px 0 25px 0; background: #F4F8E1 url("../images/sub_bg.gif") repeat-y top left; width:226px; border-bottom: 1px solid #D9E1B3; } #col1 #tertiary_nav ul {list-style:none; } #col1 #tertiary_nav ul li { margin: 0 20px; padding-left: 15px; padding-bottom: 10px; background: #F4F8E1 url("../images/bullet_tertiary.gif") no-repeat 0 0.3em; } #col1 #tertiary_nav ul li a {font-size: 1.06em; line-height: 1.5em; } #col1 #tertiary_nav ul li a:hover { text-decoration:none; } #col1 #tertiary_nav ul li a.current { text-decoration:none; color: #055A34; font-weight: bold; } #col1 #tertiary_nav ul li ul { background: none; padding: 6px 0 0 5px; border-bottom: none; width:170px; xborder: 1px solid #ff0000; } #col1 #tertiary_nav ul li ul li { padding: 0px; margin: 0; background: none; } #col1 #tertiary_nav ul li ul a { font-size: 1em; line-height: 1.8em; } #col1 blockquote { font: normal 1.8em/1.5em Verdana; color: #A6BC3C; text-align: right; padding: 120px 20px 0 20px; } #col1 div.callout { background:none; } #col1 div.callout h2, #col1 div.callout p { margin: 0; } #col1 div.sidebox { padding:20px 0 25px 0; width:226px; border-top: 1px solid #D9E1B3; } #col1 div.first { margin-top: 20px; } #col1 div.sidebox_data { padding:40px 0 25px 0; width:226px; } #col1 div.company_logo { width:226px; border-bottom: 1px solid #D9E1B3; text-align:center; padding: 20px 0; } #col1 div.newspic { width:226px; text-align:center; padding: 40px 0 0 0; } #col1 div.newspic img { border: 1px solid #CAC4A0; } /*column 2 style */ #col2 { float:right; width:450px; padding: 40px 30px 30px 20px; min-height:400px; height:auto !important; height:400px; } /* tertiary pages- in-depth style - bottom of leaf */ #subsubpage.whats_new #col2 { background: #fff url("../images/h_whats_new_sub2.jpg") no-repeat top right; } #subsubpage.why_p21 #col2 { background: #fff url("../images/h_why_p21_sub2.jpg") no-repeat top right; } #subsubpage.in_depth #col2{ background: #fff url("../images/h_in_depth_sub2.jpg") no-repeat top right; } #subsubpage.open_account #col2 { background: #fff url("../images/h_open_account_sub2.jpg") no-repeat top right; } #subsubpage.about_us #col2 { background: #fff url("../images/h_about_us_sub2.jpg") no-repeat top right; } #subsubpage.legal #col2 { background: #fff url("../images/h_legal_sub2.jpg") no-repeat top right; } #subsubpage.institutional #col2 { background: #fff url("../images/h_inst_sub2.jpg") no-repeat top right; } #col2 h2, #accessleft h2, #accessright h2 { font-size: 1.4em; line-height: 1.4em; color:#E2550D; font-weight:bold; margin-bottom: 0.8em; padding-top:0; } #col2 h2 a { color:#E2550D; text-decoration:none; } #col2 h2 a:hover { color:#E2550D; text-decoration:underline; } #col2 h3{ font-size: 1.2em; line-height: 1.4em; color:#055A34; font-weight: bold; } #col2 h3 a { color:#055A34; text-decoration:none; } #col2 h3 a:hover { color:#055A34; text-decoration:underline; } #col2.no_h1 h3 { color:#E2550D; } #col2 ul { list-style:none; font-size: 1.06em; line-height: 1.6em; margin-bottom: 1em;} #col2 ul li { padding-left: 13px; padding-bottom: 10px; background: #fff url("../images/bullet_arrow.gif") no-repeat 0 6px; } #col2 ul.decimal { list-style-type:decimal; font-size: 1.06em; line-height: 1.6em; margin-bottom: 1em; padding-left: 20px; } #col2 ul.decimal li { padding-left: 0px; padding-bottom: 10px; background: none; } #col2 .section {background: url("../images/hr_bg.gif") repeat-x top left; padding-top:25px;} /*~~~~~~~~~~~TABLE STYLE ~~~~~~~~~~~~~*/ table#holdings, table#performance, table#rejected { border: 1px solid #D9E1B3; width:100%; /*this seems to work for all browsers */ text-align:left; font-family: Verdana, sans-serif; font-size: 1em; color:#333; xfloat:right; padding:0; xmargin:0 0 10px 0; border-collapse: collapse; } table#holdings {width:480px;} table#rejected { font-size: 1.1em; } table#holdings tbody tr th, table#performance tbody tr th, table#rejected tbody tr th { background: #055A34; color: #fff; font-weight: bold; padding: 4px 8px ; } table#holdings tbody tr th.title { border: 1px solid #055A34; border-bottom: none; padding: 8px 8px;} table#holdings tbody tr th.colname, table#performance tbody tr th.colname, table#rejected tbody tr th.colname { background: #A6BC3C; color: #333; } table#holdings tbody tr th.colname a { color: #333; text-decoration: none; } table#holdings tbody tr th.colname img { margin-left: 3px; } table#holdings tbody tr.all { border: 1px solid; border-color: #C1D078 #82932F #6C7A27 #B4C65A; } table#holdings tbody tr.all th.colname { border-right: 1px solid #82932F; border-left: 1px solid #B4C65A; } table#holdings tbody tr, table#performance tbody tr, table#rejected tbody tr { padding: 3px 8px; } table#holdings tbody tr td, table#performance tbody tr td, table#rejected tbody tr td{ vertical-align: top; padding: 3px 2px 3px 8px; } table#rejected tbody tr td.comp{ font-weight:bold; } .nowrap {white-space:nowrap; } /*~~~~~~~~~~~IN DEPTH STYLES ~~~~~~~~~ */ .in_depth #col2.allholdings { padding-right: 10px; padding-left: 10px; width: 480px; } .in_depth p.dialogue { font-weight:bold; padding-bottom: 0; } .in_depth #list_container { width:227px; margin: 0; } .in_depth #profile_list { height:400px; overflow:auto; background: #F4F8E1; border: 1px solid #DCE3B8; margin-bottom: 5px; padding: 15px 0; } .in_depth #profile_list h3 {color: #333; font-size: 1em; font-weight: bold; padding: 15px 0 15px 15px;} .in_depth #profile_list ul {font-size: 1em; padding-left:0; list-style:none; } .in_depth #profile_list ul li { background:none; padding: 0 0 0.8em 0; margin: 0 0 0 20px; line-height: 1.3em; } .in_depth #profile img.logo { float:right; padding: 15px 0 15px 15px; } /*~~~~~~~~~~~FUND SNAPSHOT STYLES ~~~~~~~~~ */ .fund_snapshot p, .fund_snapshot table { font-size: 1em;} #subpage.fund_snapshot #submain { background: #fff url("../images/sub_bg.gif") repeat-y top left; } #subpage.fund_snapshot_inst #submain { background: #fff url("../images/sub_bg_inst_fund.gif") repeat-y top left; } #subpage.fund_snapshot #nav{ height:32px; } /*fund snapshot has a different style than other subpages */ #subpage.fund_snapshot_inst #nav{ height:59px; } #subpage.fund_snapshot #masthead h1 { font: normal 24px/30px Arial; color: #055A34; padding: 25px 0 0 20px; } #subpage.fund_snapshot_inst #masthead h1 { font: normal 24px/30px Arial; color: #FFF; padding: 25px 0 0 20px; } #subpage.fund_snapshot #col1 { padding-top:0px; border-top:0; } #subpage.fund_snapshot #col2 { padding-top:25px; padding-right: 10px; width:470px;} #subpage.fund_snapshot #col1 h2 {font-size: 1.2em; text-transform:capitalize; margin: 20px 0 5px;} #subpage.fund_snapshot #col1 h2.asof {font-size: 1.2em; text-transform:capitalize; margin-bottom: 0px; padding-bottom:0px; } #subpage.fund_snapshot #col1 h3 {font-size: 1em; text-transform:uppercase; color:#055A34; font-weight: bold; margin: 0 0 8px 20px;} #subpage.fund_snapshot #submain #methods { float:right; z-index:100; } #methods ul { margin-right: 10px;} #methods ul li { list-style:none; float:left; background: url("../images/btn_snapshot_right.gif") no-repeat bottom right; margin: 0 1px; } #methods ul li a { display:block; line-height: 2.4em; text-decoration:none; padding: 0 15px 0 13px; background: url("../images/btn_snapshot_left.gif") no-repeat bottom left; float:left; } #methods ul li a span { padding-left: 17px; } #methods ul li a.print span { background: url("../images/icon_print.gif") no-repeat 0% 50%; } #methods ul li a.email span { background: url("../images/icon_email.gif") no-repeat 0% 50%; } #methods ul li a.download span { background: url("../images/icon_download.gif") no-repeat 0% 50%; } dl { border-bottom: 1px solid #D9E1B3; padding: 20px; line-height: 1.3em;} .fund_snapshot_inst dl { border-bottom: 1px solid #CFE2DD; padding: 20px; line-height: 1.3em;} #subpage.fund_snapshot dl.details { padding-top: 30px; } dl.details { padding-top: 10px; } dl.stock_holdings { padding-top: 20px; border-bottom: none; } dt {float:left; font-weight:bold; padding-right: 5px;} dl.assets {border-bottom:none; padding-bottom:0; padding-top:0;} dl.assets dt dd {float:none;} dl dl, .fund_snapshot_inst dl dl { border-bottom:none; padding: 2px 15px; clear:both; width: 150px; background:none;} dl dl dt, dl dl dd {font-weight:normal; } dl.ratio { padding-top:8px;} dl.topten { padding-top:0; } dl.topten dt { width:120px; } dl.management { padding-top:0; } dl.management dd {padding-bottom: 10px; } dl.invest_min { padding-top:0; } dl.contact_info { padding-top:0; } dl.contact_info dt {float:none;} dl.contact_info dd.phone {padding-top: 10px;} dl.contact_info dd.email {padding-top: 0;} /*~~~~~~~~~~~WHAT'S NEW & CONTACT US STYLES ~~~~~~~~~ */ .whats_new #col2 #subcol1 { float:left; width: 48%; } .whats_new #col2 #subcol2 { float:right; width: 48%; margin-bottom: 10px; } .whats_new #col2 div.logo { float:left; width: 35%; } .whats_new #col2 div.desc { float:left; width: 60%; } .whats_new p.bold { font-weight:bold; padding-bottom:0;} .whats_new div.featuring { border: 1px solid #D9E1B3; text-align:center; padding: 10px 0; margin-bottom: 10px; } /*~~~~~~~~~~~WHY P21 STYLES ~~~~~~~~~ */ #subpage.why_p21 #masthead h1 { padding-top: 56px; width: 200px; line-height: 1em; } /*~~~~~~~~~~~OPEN ACCOUNT STYLES ~~~~~~~~~ */ #subpage.open_account #masthead h1 { padding-top: 56px; width: 200px; line-height: 1em; } #col2.application h3 {color:#E2550D; } #col2 div.step_number { float:left; width: 140px; margin:2px 0 0 0; height:6.9em;} #col2 div.step_desc { float:left; background: #F4F8E1; width: 280px; height:6.7em; margin:2px 0 0 0; border: 1px solid #D9E1B3;} #col2 div.step1, #col2 div.step2 {padding-top: 1.5em; } #col2 div.step3 {padding-top: 0.7em; } #col2 div.step_desc p { padding: 0px 20px 0 20px; margin:0;} #col2 p.call {padding-top: 20px; } #col2 div.confirm { padding: 10px; background: #F4F8E1; border: 1px solid #D9E1B3; width: 438px; margin: 6px 0; } .open_account dl {background:none; border: none; } .open_account #col1 div.callout { border: none; } .agreement {text-align: center; padding: 10px 0; } #agree_container { padding: 10px 150px; } #agree { background: url("../images/btn_agree.gif") no-repeat top left; /*IE 6 fix */ width: 141px; height:30px; } #agree a.agree { font-size: 11px; float:left; width:121px; background: #E2550D url("../images/btn_agree.gif") no-repeat top left; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.2em; color: #fff; text-decoration: none; padding: 3px 0 4px 20px; } #agree a.agree:hover { color: #fff; background-position: -141px 0px; } /*~~~~~~~~~~~INSTITUTIONAL STYLES ~~~~~~~~~ */ #subpage.institutional #masthead h1 { padding-top: 56px; width: 200px; line-height: 1em; color:#FFF; } #subpage.institutional #col1 div.sidebox_nav { padding:20px 0 8px 0; width:226px; border-top: 1px solid #D9E1B3; margin-top:15px; } #subpage.institutional #col1 dl { border: none; padding: 0px 20px; line-height: 1.3em;} /*~~~~~~~~~~~ABOUT US STYLES ~~~~~~~~~ */ p.title { padding-bottom: 0; font-weight:bold; } /*~~~~~~~~~~~ACCOUNT ACCESS STYLES ~~~~~~~~~ */ #subsubpage.account #masthead { height:110px; background: #ECFBB6 url("../images/h_subsub.jpg") repeat-x bottom left; } #subsubpage.account #nav, #subsubpage.login #nav, #subsubpage.edelivery #nav { height:auto; } #subsubpage.account h1, #subsubpage.login h1, #subsubpage.edelivery h1 {float: left; width:300px;} #subsubpage.account #account-buttons {float: right; margin:35px 20px 0 0; } #account-buttons ul li { list-style:none; float:left; background: url("../images/btn_account_right.gif") no-repeat bottom right; margin: 0 1px; } #account-buttons ul li a { display:block; line-height: 2.4em; text-decoration:none; padding: 2px 15px 0 13px; background: url("../images/btn_account_left.gif") no-repeat bottom left; float:left; } #account-buttons ul li a span { padding-left: 17px; } #account-buttons ul li a.help span { background: url("../images/icon_help.gif") no-repeat 0% 50%; } #account-buttons ul li a.disclaimer span { background: url("../images/icon_disclaimer.gif") no-repeat 0% 50%; } #account-buttons ul li a.logoff span { background: url("../images/icon_logoff.gif") no-repeat 0% 50%; } #subsubpage.login #masthead { height: 110px; background: #FFFFFF url("../images/h_login_sub.jpg") no-repeat bottom left; border-top: 1px solid #fff; } #subsubpage.edelivery #masthead { height: 100px; background: #FFFFFF url("../images/h_edelivery.jpg") no-repeat bottom left; border-top: 1px solid #fff; } #subsubpage.login #submain { background-image: none; margin:0 0 20px 23px !important; margin:0 0 10px 11px; width: 714px; } #subsubpage.edelivery #submain { background-image: none; margin:0px; } #subsubpage.login #accessleft { float:left; width:451px; } #subsubpage.login #accessleft-in { padding: 0 20px 20px 0px; float:left; } #subsubpage.login #accessright { float:left; width:262px; margin: 0 0 20px 0; } #accessright h3 { font-size: 1.2em; line-height: 1.4em; color:#055A34; font-weight: bold; } #accessright hr { clear:both; width: 100%; border: none; margin: 0 0 20px 0 ; color: #deeba0; background-color: #deeba0; height: 1px; } #subsubpage.login #accessright #highlight { background: url("../images/h_login_sub2.jpg") no-repeat top right; width: 223px; height:100px !important; height:126px; padding:36px 20px; float: right; } #highlight #login { margin: 10px 0px; background: url("../images/btn_login.gif") no-repeat top left; /*IE 6 fix */ width: 165px; float: left; } #highlight #login a.login { float:left; width:135px; background: #DEEAA6 url("../images/btn_login.gif") no-repeat top left; font-family:Arial, Helvetica, sans-serif; letter-spacing: 0.2em; color: #fff; text-decoration: none; padding: 3px 0 4px 30px; } #highlight #login a.login:hover { color: #FFFFFF; background-position: -165px 0px; } /*~~~~~~~~~~~Form Styles~~~~~~~~~ */ form { font-size: 1em; color: #333; margin-top:20px; } form label { float: left; width: 160px; text-align: right; vertical-align: middle; margin: 0.25em 1em 0.25em 0; margin-bottom: 8px; } form input, form textarea, form select { font-family: Verdana, sans-serif; font-size: 1.1em; color: #333; width: 180px; vertical-align: middle; padding: 0.2em; margin-bottom: 8px; float: left; } form textarea { width: 250px; } form input.radio { width: auto; } form select { width: auto; } form input.btn { margin: 10px 0 0 170px; font-size: 1em; float:left; width:141px; background: #E2550D url("../images/btn_agree.gif") no-repeat top left; border:none; color:#fff; letter-spacing: 0.5em; padding-left: 15px; } input.btn:hover { background-position: -141px 0px; cursor:pointer; } form input.zip { width:50px; } div.error { background: #FFFFCC; border: 1px solid #D9E1B3; padding: 10px; margin-bottom: 15px; } div.error p { font-size: 1.1em; padding-bottom: 0;} /*~~~~~~ Footer Style ~~~~~~~~~~~~~~~~~~ */ #footer { padding: 10px 17px; color: #70705B; margin-bottom: 20px; clear:both; } #subpage #footer, #subsubpage #footer { width: 100%; /*safari fix*/ padding: 38px 0 0 0; color: #70705B; margin-bottom: 0px; background: #fff url("../images/footer_bg.gif") no-repeat top left; } #footer div { color: #70705B; float:left; } #footer a { color: #70705B; text-decoration: underline; } #footer a:hover { color: #333333; } /*~~~~~~ Other Style ~~~~~~~~~~~~~~~~~~ */ #header img.logo { margin: 20px 20px 10px 20px; } img.printonly { visibility:hidden; height: 0; } img.block { display:block; padding: 0 0 10px 0; } a.download { padding: 5px 0px 5px 20px; background: transparent url("../images/icon_download2.gif") no-repeat 0 5px; } a.viewall { padding-left: 10px; margin-top:20px; background: #fff url("../images/bullet_arrow.gif") no-repeat 0 5px; } a.enlarge { padding-left: 15px; padding-bottom: 3px; margin-top:20px; background: #fff url("../images/icon_zoom.gif") no-repeat 0 2px; } .alignRight { float:right; } .alignLeft { float:left; } .clear { clear:both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix { display: inline-block; /* Fixes IE/Mac */ }