/*reset code*/ wrapper, body, div, p, h1, h2, h3, ul, li, form, fieldset {margin:0;padding:0;} .clear {clear:both;} .floatLeft {border:0;} .floatRight {border:0;} html{color:#333;font-family:Arial, Helvetica, sans-serif;font-size: 12px;} /* BEGIN HEADER STYLES*/ #logo img {border:0;} #header .right {display:none;} #topNav {display:none;} #header_features {display:none;} #marquee {display:none;} #search {display:none;} /* MAIN NAVIGAITON */ #mainNav {display:none;} #hero {display:none;} #flash {display:none;} #ibanking {display:none;} #features_wrapper h3 { font-size: 12px; line-height: 1em; padding-left: 29px; color: #000; } #features_wrapper p {line-height: 1.3em;color: #333;} #features_wrapper a {color: #000;text-decoration: underline;} .feature-image {display:none;} #features_wrapper #form2 { height: 36px; padding: 10px 0 0 11px; width: 180px; } #jumpMenu2 {display:none;} /* BEGIN INTERIOR CONTENT STYLES */ .container h3 { font-size:16px; line-height:1em; margin-bottom:10px; color:#000; } .container h4 { font-size:13px; color:#000; line-height:1em; margin:0 0 5px 0; padding:0; font-weight:normal; } .container p {margin-bottom:10px;} .container a {color:#0066CC;text-decoration:underline;} .container a:hover {text-decoration:none;} #jumpMenu2 {display:none;} #breadcrumb ul {list-style-type: none;height:34px;} #breadcrumb ul li {line-height: 1em;display: inline;} #breadcrumb ul li a {color: #333;text-decoration: none;} #breadcrumb ul li a:hover {text-decoration: underline;} #content {font-size: 13px;line-height: 1.3em;} #content a {color:#000;} #content a:hover {text-decoration:none;} #content p {margin-bottom:10px;} #content h1 { font-size: 24px; line-height: 1em; color: #000; font-weight: normal; margin-bottom: 13px; } #content h2 { font-size: 21px; line-height: 1em; color: #000; height: 38px; } #content h3 { font-size: 21px; line-height: 1em; color: #000; height: 38px; } #content h4 { font-size: 21px; line-height: 1em; color: #000; height: 38px; } #content h5 { font-size: 21px; line-height: 1em; color: #000; height: 38px; } #content table {border-color:#d1d1d1;margin-bottom: 39px;} #content table .header {font-size:14px;font-weight:bolder;} #content table .header .column1 {text-align: center;} #content table .header .column2 {text-align: center;} #content table .header .column3 {padding-left:25px;} #content table .header .column4 {padding-left:18px;} #content table .header .column5 {text-align: center;} #content table .column1 {width:191px;} #content table .column2 {width:146px;} #content table .column3 {width:132px;} #content table .column4 {width:86px;} #content table .column5 {width:86px;} #content table .white {} #content table .blue {background-color:#EAF2FD;} #content table p {margin-bottom:4px;} #content-specific h1 { font-size:24px; color:#000; line-height:1em; margin-bottom:8px; } #content-specific h2 { font-size:16px; color:#000; line-height:1em; margin-bottom:20px; } #content-specific img {display:none;} #content-specific p {margin: 0 50px 10px 0;} .productHeader { font-size: 18px; line-height: 1em; color: #000; margin: 0px; padding: 14px 0 0 0; width: 160px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; height: 20px; text-align: center; background-color: #FFF; } .productContent { width:684px; background-image: url(images/productContent-border.jpg); background-position: right top; background-repeat: no-repeat; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; padding: 26px 17px; } .productContent .left {width: 457px;} .productContent .right {width: 215px;} .productBox { background-image: url(design/product-box-blue.jpg); background-repeat: no-repeat; background-position: left top; background-color: #000; padding: 15px; margin-bottom: 15px; } .productBox h4 { font-size: 16px; line-height: 1em; color: #003D7D; margin: 0 0 10px 0; padding: 0 0 0 36px; } .productBox h5 { font-size: 13px; line-height: 1em; color: #666; margin: 0 0 10px 0; padding: 0px; } .productBox ul li {font-size: 12px;} .productContent ul { list-style-image: url(design/bullet-02.jpg); font-size: 14px; line-height: 1.4em; margin: 0 0 17px 12px; } .productContent .disclaimers {font-size: 11px;line-height: 1em;} .extras h4{ font-size: 15px; line-height: 1em; color: #000; margin: 0 0 6px 0; padding: 0; } /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */ /* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */ /* Horizontal Tabbed Panels * * The default style for a TabbedPanels widget places all tab buttons * (left aligned) above the content panel. */ /* This is the selector for the main TabbedPanels container. For our * default style, this container does not contribute anything visually, * but it is floated left to make sure that any floating or clearing done * with any of its child elements are contained completely within the * TabbedPanels container, to minimize any impact or undesireable * interaction with other floated elements on the page that may be used * for layout. * * If you want to constrain the width of the TabbedPanels widget, set a * width on the TabbedPanels container. By default, the TabbedPanels widget * expands horizontally to fill up available space. * * The name of the class ("TabbedPanels") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabbedPanels container. */ .TabbedPanels { margin: 0 0 10px 0; padding: 0px; clear: none; width: 718px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/ } /* This is the selector for the TabGroup. The TabGroup container houses * all of the tab buttons for each tabbed panel in the widget. This container * does not contribute anything visually to the look of the widget for our * default style. * * The name of the class ("TabbedPanelsTabGroup") used in this selector is not * necessary to make the widget function. You can use any class name you * want to style the TabGroup container. */ .TabbedPanelsTabGroup { margin: 0px; padding: 0px; } /* This is the selector for the TabbedPanelsTab. This container houses * the title for the panel. This is also the tab "button" that the user clicks * on to activate the corresponding content panel so that it appears on top * of the other tabbed panels contained in the widget. * * For our default style, each tab is positioned relatively 1 pixel down from * where it wold normally render. This allows each tab to overlap the content * panel that renders below it. Each tab is rendered with a 1 pixel bottom * border that has a color that matches the top border of the current content * panel. This gives the appearance that the tab is being drawn behind the * content panel. * * The name of the class ("TabbedPanelsTab") used in this selector is not * necessary to make the widget function. You can use any class name you want * to style this tab container. */ .TabbedPanelsTab { position: relative; top: 1px; float: left; padding: 14px 0 0 0; margin: 0px 3px 0px 0px; list-style: none; border-left: solid 1px #CCC; border-top: solid 1px #999; border-right: solid 1px #999; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; background-color: #EAF2FD; height: 21px; width: 150px; text-align: center; font-size: 12px; line-height: 1em; font-weight: bold; outline: 0; color: #000; } /* This selector is an example of how to change the appearnce of a tab button * container as the mouse enters it. The class "TabbedPanelsTabHover" is * programatically added and removed from the tab element as the mouse enters * and exits the container. */ .TabbedPanelsTabHover { background-color: #FFF; } /* This selector is an example of how to change the appearance of a tab button * container after the user has clicked on it to activate a content panel. * The class "TabbedPanelsTabSelected" is programatically added and removed * from the tab element as the user clicks on the tab button containers in * the widget. * * As mentioned above, for our default style, tab buttons are positioned * 1 pixel down from where it would normally render. When the tab button is * selected, we change its bottom border to match the background color of the * content panel so that it looks like the tab is part of the content panel. */ .TabbedPanelsTabSelected { background-color: #FFF; border-bottom: 1px solid #fff; } /* This selector is an example of how to make a link inside of a tab button * look like normal text. Users may want to use links inside of a tab button * so that when it gets focus, the text *inside* the tab button gets a focus * ring around it, instead of the focus ring around the entire tab. */ .TabbedPanelsTab a { color: black; text-decoration: none; } /* This is the selector for the ContentGroup. The ContentGroup container houses * all of the content panels for each tabbed panel in the widget. For our * default style, this container provides the background color and borders that * surround the content. * * The name of the class ("TabbedPanelsContentGroup") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the ContentGroup container. */ .TabbedPanelsContentGroup { clear: both; border-left: solid 1px #ccc; border-bottom: solid 1px #ccc; border-top: solid 1px #ccc; border-right: solid 1px #ccc; background-color: #FFF; } /* This is the selector for the Content panel. The Content panel holds the * content for a single tabbed panel. For our default style, this container * provides some padding, so that the content is not pushed up against the * widget borders. * * The name of the class ("TabbedPanelsContent") used in this selector is * not necessary to make the widget function. You can use any class name you * want to style the Content container. */ .TabbedPanelsContent { padding: 28px 17px; } .TabbedPanelsContent.TabbedPanelsContentVisible .tier1 { height:108px; border-bottom:solid 1px #999; margin-bottom:21px; } .TabbedPanelsContent.TabbedPanelsContentVisible .tier1 .left { width:434px; height:108px; float:left; } .TabbedPanelsContent.TabbedPanelsContentVisible .tier1 .right { width:247px; height:103px; padding-top:5px; float:left; } .TabbedPanelsContent.TabbedPanelsContentVisible .tier2 {} .TabbedPanelsContent.TabbedPanelsContentVisible .tier2 .left { width:300px; float:left; } .TabbedPanelsContent.TabbedPanelsContentVisible .tier2 .center { font-weight:bolder; font-size:20px; text-align:right; width:40px; float:left; padding-top:60px; } .TabbedPanelsContent.TabbedPanelsContentVisible .tier2 .right { width:310px; float:right; } .TabbedPanelsContent.TabbedPanelsContentVisible h3 { font-size: 15px; line-height: 1em; color: #333; margin-bottom: 13px; } .TabbedPanelsContent.TabbedPanelsContentVisible ul { list-style-image:url(design/bullet-01.jpg); margin-left: 12px; } /* This selector is an example of how to change the appearnce of the currently * active container panel. The class "TabbedPanelsContentVisible" is * programatically added and removed from the content element as the panel * is activated/deactivated. */ .TabbedPanelsContentVisible { } /* Vertical Tabbed Panels * * The following rules override some of the default rules above so that the * TabbedPanels widget renders with its tab buttons along the left side of * the currently active content panel. * * With the rules defined below, the only change that will have to be made * to switch a horizontal tabbed panels widget to a vertical tabbed panels * widget, is to use the "VTabbedPanels" class on the top-level widget * container element, instead of "TabbedPanels". */ /* This selector floats the TabGroup so that the tab buttons it contains * render to the left of the active content panel. A border is drawn around * the group container to make it look like a list container. */ .VTabbedPanels .TabbedPanelsTabGroup { float: left; width: 10em; height: 20em; background-color: #EEE; position: relative; border-top: solid 1px #999; border-right: solid 1px #999; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTab { float: none; margin: 0px; border-top: none; border-left: none; border-right: none; } /* This selector disables the float property that is placed on each tab button * by the default TabbedPanelsTab selector rule above. It also draws a bottom * border for the tab. The tab button will get its left and right border from * the TabGroup, and its top border from the TabGroup or tab button above it. */ .VTabbedPanels .TabbedPanelsTabSelected { background-color: #EEE; border-bottom: solid 1px #999; } /* This selector floats the content panels for the widget so that they * render to the right of the tabbed buttons. */ .VTabbedPanels .TabbedPanelsContentGroup { clear: none; float: left; padding: 0px; width: 30em; height: 20em; } /* BEGIN FOOTER STYLES*/