html, body {
margin: 0;
padding: 0;
}
body {
font-family: Arial, Helvetica,"Trebuchet MS", georgia, times, "times new roman", serif;
/* font-family: Helvetica;*/
/* font-family: Arial, Helvetica, Verdana, Sans-serif; */
/* font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif; */
font-size: 12px;
line-height: 1.4;
/*word-spacing: 1px;*/
color: #666666;
color: #444;
background-color: #9baab9;
background-color: #a7b5c7;
background-color: #ced5e1;
background-color: rgb(128,139,153);
background-color: rgb(125,138,158);
/*
background-color: rgb(174,182,199);
*/
/*
background-color: rgb(180,188,200);
*/
background-color: #c0c4d0;
background-color: #d4dbe8;
background-color: white;
background-color: #BDD1EA;
background-color: #9badc9;
background-image: url(../images/background_blue4_main.gif);
background-position: top;
background-repeat: repeat-y;
background-color: #b0bed9;
background-color: #b1bed8;
/*
background-image: url(../images/stripelong.gif);
background-color: transparent;
background-repeat: repeat;
*/
}
h1,h2,h3 {
line-height: normal;
}
h1 {
font-size: 18px;
}
h2 {
font-size: 14px;
}
*{margin:0;padding:0}
/* LINKS */
a {
text-decoration: none;
outline: none;
color: inherit;
}
a img {border: none;}
a:link , a:visited { color: #555;}
a:hover { color:#000; }
li {
list-style-position: inside;
}
input[type="button"] {
cursor: pointer;
}
/* BUTTONS */
a.button {
font-size: 13px;
background-color: white;
padding: 0px 12px;
height: 22px;
line-height: 22px;
display: block;
float: left;
border: 1px solid #888;
}
.bigtext {
font-size: 1.5em;
}
.padding_std {
padding: 10px;
}
div.busy_overlay {
background: transparent url(../images/ajaxspinner.gif) no-repeat center 90px;
}
#top-page-container {
background-color: #ccc;
/* fix for resize window bug */
min-width: 1000px;
height: 190px;
background-image: url(../images/background_blue4_top.gif);
background-position: top;
background-repeat: no-repeat;
background-color: #b1bed8;
}
/* Main page container */
#page-container {
margin: auto;
margin-top: 0px;
background-color: #F0F0F0;
background-color: #F8F8F8;
background-color: #fbfbfb;
background-color: white;
/*
background-color: #f7f9fc;
*/
/*
border-right: 4px solid #9DAF77;
border-left: 4px solid #9DAF77;
*/
width: 1000px;
}
/* TOP NAVIGATION */
#top-nav {
/*
margin-left: auto;
margin-right: auto;
width: 1000px;
*/
float: right;
}
ul#top-nav-links {
margin-top: 13px;
margin-right: 12px;
float: left;
}
ul#top-nav-links li {
float: left;
display: block;
list-style-type: none;
margin-left: 2px;
}
ul#top-nav-links li a{
display: block;
padding-right: 15px;
height: 28px;
line-height: 29px;
font-size: 9pt;
font-weight: normal;
color: #777;
float: left;
}
ul#top-nav-links li a span {
padding-left: 15px;
display: block;
height: 28px;
float: left;
}
ul#top-nav-links li a:hover{
background: url(../images/buttons/top-nav-button.gif) right top no-repeat;
color: white;
cursor: pointer;
}
ul#top-nav-links li a:hover span {
background: url(../images/buttons/top-nav-button.gif) left top no-repeat;
color: white;
float: left;
}
#mini-bank-search {
float: left;
margin-top: 14px;
margin-right: 12px;
display: inline;
}
#mini-bank-search span.text {
float: left;
height: 31px;
line-height: 28px;
color: #666;
margin-right: 8px;
}
#mini-bank-search div.search_box {
background: url(../images/buttons/bank-search-button.gif) right top no-repeat;
padding-right: 15px;
height: 31px;
line-height: 29px;
float: left;
}
#mini-bank-search div.search_box span {
padding-left: 15px;
display: block;
height: 31px;
background: url(../images/buttons/bank-search-button.gif) left top no-repeat;
float: left;
color: white;
padding-top: 5px;
}
#mini-bank-search input.text {
border: 0;
/*font-family: "Trebuchet MS";*/
width: 240px;
float: left;
padding-top: 1px;
}
#mini-bank-search .defaultTextActive {
color: #888 !important;
}
/* Top header area (logo + banner) */
#header {
/*
margin: 10px 15px 0px 15px;
*/
margin-left: auto;
margin-right: auto;
width: 1000px;
/*
border-top: 1px solid #ccc;
*/
/*
margin-left: auto;
margin-right: auto;
width: 980px;
*/
padding: 0px;
height: 90px;
background-color: white;
/*
background-color: #cadba0;
background-image: url(../images/header_gradient_green2.gif);
background-repeat: repeat-x;
background-position: top left;
background-color: #c5d69c;
*/
/*
background-color: #b8c791;
*/
/*
background-color: #86916a;
*/
}
#logo {
/*background-color: #95AB63;*/
float: left;
width: 450px;
height: 70px;
display: inline;
margin-left: 10px;
margin-top: 12px;
/*
background-image: url(../images/bankingzen_logo.jpg)
*/
}
#logo img {
display: block;
}
#banner-ad {
/* float: right; */
width: 728px;
height: 90px;
/*
margin-right: 10px;
margin-top: 10px;
display: inline;
*/
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-bottom: 10px;
}
/* Top navigation area */
#navigation-main {
height: 45px;
clear: both;
padding: 0px;
padding-top: 8px;
/*
float: left;
*/
margin-left: 15px;
margin-right: 15px;
width: 970px;
background-color: white;
}
#product-selection {
float: left;
width: 660px;
padding-top: 0px;
margin-left: 0px;
}
/* NAV PRODUCTS */
ul#nav-products {
/*
margin-left: 12px;
*/
float: left;
}
ul#nav-products li {
display:block;
float:left;
list-style-type:none;
margin-right: 8px;
}
ul#nav-products li a {
float: left;
/*
min-width: 40px;
*/
font-weight: normal;
color: #555;
font-size: 15px;
text-align: center;
font-family: "Trebuchet MS", Arial;
height: 40px;
line-height: 40px;
display: block;
padding-right: 15px;
}
ul#nav-products li a span {
padding-left: 15px;
display: block;
height: 40px;
float: left;
}
/* Nav buttons with rounded corners */
ul#nav-products li.selected a{
color: white;
background: url(../images/buttons/prod-nav-button_selected.gif) right top no-repeat;
}
ul#nav-products li.selected a span{
background: url(../images/buttons/prod-nav-button_selected.gif) left top no-repeat;
}
ul#nav-products li a:hover{
color: white;
background: url(../images/buttons/prod-nav-button_hover.gif) right top no-repeat;
cursor: pointer;
}
ul#nav-products li a:hover span{
background: url(../images/buttons/prod-nav-button_hover.gif) left top no-repeat;
}
ul#nav-products a:focus {
-moz-outline-style: none;
}
/* MINI SEARCH BAR */
#search-bar {
/*background-color: #dddddd;*/
float: right;
width: 300px;
margin-top: 2px;
margin-right: 16px;
text-align: right;
}
#search-bar .textnote {
font-size: 14px;
}
#search-bar input {
border: 1px solid #ccc;
width: 200px;
padding: 6px;
color: #666;
font-size: 1.2em;
margin-left: 8px;
}
/* Hover effects */
#search-bar .defaultTextActive {
color: #888 !important;
}
/* SHOW USER'S LOCATION */
#user-location {
float: right;
width: 270px;
margin-top: 20px;
margin-right: 15px;
text-align: right;
}
#user-location .text {
color: #888;
}
#user-location a.location {
padding-left: 8px;
color: #222;
}
#user-location a:hover{
text-decoration: underline;
color: #6699ff;
}
#user-location .change {
margin-left: 6px;
font-size: 11px;
}
/* tooltip to change location */
/*
div#location_tooltip {
display: none;
background: transparent url(../images/tooltip/black.png) left top no-repeat;
width: 160px;
height: 60px;
padding: 25px;
color: white;
text-align: center;
}
*/
div.location_tooltip {
padding-bottom: 2px;
}
div.location_tooltip span.text {
display: block;
padding-bottom: 4px;
padding-left: 1px;
}
div.location_tooltip div.searchbox {
}
div.location_tooltip input[type="text"] {
float: left;
border: 1px solid #888;
border: 1px solid #666;
padding: 3px 5px;
width: 140px;
}
div.location_tooltip a.button {
background-color: #fdfdfd;
float: left;
padding: 0px 12px;
margin-left: 6px;
height: 22px;
line-height: 22px;
color: #222;
border: 1px solid #666
}
div.location_tooltip a.clear_location {
clear: both;
display: block;
width: 90px;
color: white;
margin-top: 4px;
padding: 2px 0px 0px 0px;
font-size: 11px;
}
div.location_tooltip a.clear_location:hover {
color: #aaccff;
}
#tab-space {
clear: both;
float: left;
width: 980px;
height: 5px;
background-color: #9daf77;
font-size: 0px;
line-height: 0px;
}
/* MAIN CONTENT BOX */
#content-main {
margin: 12px 15px 10px 15px;
clear: both;
margin: 12px 14px 10px 14px;
min-height: 600px;
}
/* DEFAULT LEFT CONTENT */
#content-left {
margin: 0px 0px 20px 0px;
float: left;
width: 654px;
}
/* DEFAULT RIGHT CONTENT (SIDEBAR) */
#content-right {
margin: 0px 0px 20px 0px;
float: right;
width: 304px;
}
/* Homepage white boxes */
.white-box {
background-color: white;
border: 1px solid #d8d8d8;
border: 1px solid #dbdbdb;
border: 1px solid #e0e0e0;
border: none;
/*
-moz-border-radius: 6px;
*/
}
/* MAIN SEARCH BOX */
#main-search {
float: left;
width: 653px;
background-color: #FDFDFD;
background-color: transparent;
display: inline;
/*
background-image: url(../images/mainsearch_gradient_top.png);
background-position: top left;
background-repeat: repeat-x;
border: 1px solid #eeeeee;
*/
/*
-moz-border-radius: 10px;
*/
}
#main-search .hd {
background: transparent url(../images/mainsearch_gradient_outer_tl.gif) no-repeat top left;
}
#main-search .hd .right {
height: 16px;
font-size: 1px;
background: transparent url(../images/mainsearch_gradient_outer_tr.gif) no-repeat top right;
}
#main-search .bd {
/*background: url(../images/mainsearch_gradient_outer_ml.gif) no-repeat top left;*/
background: url(../images/mainsearch_gradient_outer_ml.gif) repeat-y top left;
/*
background-color: #d5ecab; */
}
#main-search .bd .right {
background: url(../images/mainsearch_gradient_outer_mr.gif) repeat-y top right;
/* Shadow padding */
padding-right: 4px;
padding-left: 1px;
}
#main-search .inside {
/* More pixels padding on right because of shadow */
padding: 15px 7px 0px 7px;
}
#main-search .ft {
background: transparent url(../images/mainsearch_gradient_outer_bl.gif) no-repeat top left;
}
#main-search .ft .right {
margin-top: 0px;
height: 19px;
font-size: 1px;
background: transparent url(../images/mainsearch_gradient_outer_br.gif) no-repeat top right;
}
#main-search h1 {
margin: 15px 50px 20px 40px;
margin: 5px 40px 15px;
padding: 0px;
/* margin: 0px 30px; */
margin: 0px;
padding: 5px 40px 15px;
font-size: 22px;
font-weight: normal;
letter-spacing: -1px;
color: #333;
font-family: "Trebuchet MS";
}
/* CSS layout version of main search form */
/* Container for the main search dropdowns, buttons */
div.main_search_form_box {
height: 60px;
}
.field_box {
float: left;
margin: 0px 4px;
}
#main-search-nav {
margin-left: 38px;
float: left;
}
#main-search-nav a{
background-color: #f4f8ff;
background-color: #f4f4f4;
background-color: #fbfbfb;
background-color: white;
display: block;
padding-right: 28px;
height: 38px;
line-height:46px;
float: left;
font-size: 1.1em;
font-family: Georgia;
font-weight: normal;
background-color: transparent;
margin-right: -3px;
}
#main-search-nav a span {
padding-left: 23px;
display: block;
height: 38px;
float: left;
}
#main-search-nav a.inactive {
background: url(../images/buttons/main-search-tab-alt_right-inactive.png) right top no-repeat;
color: white;
}
#main-search-nav a.inactive span {
background: url(../images/buttons/main-search-tab-alt_left-inactive.png) left top no-repeat;
}
#main-search-nav a.selected {
color: #333;
background: url(../images/buttons/main-search-tab-alt_right.png) right top no-repeat !important;
}
#main-search-nav a.selected span{
background: url(../images/buttons/main-search-tab-alt_left.png) left top no-repeat !important;
}
#main-search-nav a:hover{
background: url(../images/buttons/main-search-tab-alt_right-hover.png) right top no-repeat ;
cursor: pointer;
}
#main-search-nav a:hover span {
background: url(../images/buttons/main-search-tab-alt_left-hover.png) left top no-repeat ;
}
#main-search-form {
margin-left: 0px;
clear: both;
float: left;
background-color: #fdfdfd;
background-color: transparent;
/*
background: url(../images/mainsearch_gradient_inner_mid.png) repeat-x 10px 0px;
*/
/*
-moz-border-radius: 8px;
*/
width: 100%;
margin-left: auto;
margin-right: auto;
}
#main-search-form #search_description {
margin-left: 10px;
margin-bottom: 10px;
font-size: 14px;
}
#main-search-form .bd_inner {
width: 100%;
float: left;
background: url(../images/mainsearch_gradient_inner_mid.gif) repeat top left;
}
#main-search-form .inner {
padding: 15px;
padding-bottom: 18px;
float: left;
}
#main-search-form .hd_inner {
background: url(../images/mainsearch_gradient_inner_tl.gif) no-repeat top left;
}
#main-search-form .hd_inner .right{
height: 10px;
font-size: 1px;
background: url(../images/mainsearch_gradient_inner_tr.gif) no-repeat top right;
}
#main-search-form .ft_inner {
background: url(../images/mainsearch_gradient_inner_bl.gif) no-repeat top left;
}
#main-search-form .ft_inner .right{
height: 10px;
font-size: 1px;
background: url(../images/mainsearch_gradient_inner_br.gif) no-repeat top right;
}
#main-search-form p.input_headers {
font-weight: bold;
padding-left: 8px;
padding-bottom: 5px;
font-size: 1.1em;
/*
font-family: Georgia;
font-size: 1em;
font-weight: normal;
*/
}
#main-search-form input.location{
width: 200px;
padding: 6px 6px;
border: 1px solid #ccc;
font-size: 1.2em;
color: #333;
}
#main-search-form input.location.defaultLocationTextActive {
}
/* PRODUCT TYPE DROPDOWN */
#main-search-form div.product_dropdown {
width: 150px;
font-size: 13px;
}
#main-search-form div.product_dropdown .dropdown_inner {
padding-left: 10px;
}
#main-search-form div.product_dropdown .jsdropdown_list{
width: 148px;
}
#main-search-form div.product_dropdown .elem .padding{
padding: 2px 9px;
}
#main-search-form div.product_dropdown.shortlist .elem .padding
{
padding: 4px 9px;
}
/* TERM DROPDOWN */
#main-search-form div.term_dropdown {
width: 100px;
font-size: 13px;
}
#main-search-form div.term_dropdown .dropdown_inner {
padding-left: 10px;
}
#main-search-form div.term_dropdown .jsdropdown_list{
width: 98px;
}
#main-search-form div.term_dropdown .elem .padding{
padding: 2px 9px;
}
/*
#main-search-form select.product{
width: 150px;
padding: 5px 2px 4px 5px;
padding: 0px 2px 0px 5px;
border: 1px solid #ccc;
color: #333;
}
#main-search-form select.term{
width: 90px;
padding: 5px 2px 4px 5px;
border: 1px solid #ccc;
color: #333;
}
*/
#main-search-form a.submit {
display: block;
width: 95px;
text-align: center;
height: 29px;
line-height: 29px;
border: 1px solid #aaa;
background-color: white;
font-size: 14px;
color: #333;
}
#main-search-form a.submit:hover{
background-color: #f2f2f2;
}
#main-search-form input.submit{
width: 100px;
padding: 0px;
height: 31px;
border: 1px solid #aaa;
background-color: #f8f8f8;
cursor: pointer;
background-color: white;
color: #333;
font-size: 10pt;
outline: none;
-moz-outline-style: none;
}
#main-search-form input.submit:hover {
background-color: #f2f2f2;
background-color: #aaa;
color: white;
}
/* BANK SEARCH FORM */
#bank-search{
margin-top: 12px;
float: left;
width: 652px;
/*
background: url(../images/results_gradient.png) repeat-x top left;
background: url(../images/mainsearch_gradient_top.png) repeat-x top left;
border: 1px solid #f0f0f0;
-moz-border-radius: 10px;
*/
background-color: transparent;
/*background-color: #e5eaf3;*/
/*-moz-border-radius: 10px;*/
}
#bank-search h2 {
font-size: 18px;
padding-top: 11px;
margin-left: 25px;
font-family: "Trebuchet MS", Georgia, times;
}
#bank-search .hd .right {
height: 40px;
}
#bank-search .inside {
padding: 20px;
padding-top: 18px;
padding-bottom: 17px;
margin: 8px;
background-color: #fdfdff;
/* -moz-border-radius: 7px;*/
}
#bank-search .bigtext {
font-size: 1.5em;
margin-right: 10px;
}
#bank-search div.header{
float: left;
font-size: 16px;
margin-right: 14px;
padding-top: 5px;
}
#bank-search-form {
padding-top: 10px;
float: left;
padding-bottom:10px;
margin-left: 14px;
}
#bank-search-form input#bank_name {
float: left;
width: 300px;
padding: 6px 6px;
border: 1px solid #bbb;
border: 1px solid #ddd;
border: 1px solid #bbb;
/*background-color: #fdfdfd;*/
font-size: 1.2em;
color: #333;
/*
-moz-border-radius: 6px;
*/
}
#bank-search-form input.submit {
float: left;
margin-left: 12px;
width: 100px;
padding: 0px;
height: 31px;
border: 1px solid #aaa;
background-color: #f8f8f8;
cursor: pointer;
color: #333;
font-size: 10pt;
outline: none;
-moz-outline-style: none;
}
#bank-search-form input.submit:hover {
background-color: #f2f2f2;
background-color: #aaa;
color: white;
}
#bank-search-form p.subtext {
padding-left: 120px;
padding-top: 8px;
}
#bank-search-form .defaultText {
}
#bank-search-form .defaultTextActive {
color: #888 !important;
}
/* NEWS BOX */
#news {
margin-top: 10px;
float: left;
height: 300px;
width: 628px;
padding: 10px;
}
/* Total width of each side should be 314px */
#news_left {
float: left;
width: 313px;
height: 100%;
border-right: 1px solid #dbdbdb;
}
#news_right {
float: right;
width: 314px;
height: 100%;
}
#news_right h2 {
font-size: 1.4em;
color: #444488;
text-align: center;
}
#boxes_left {
margin-top: 10px;
float: left;
width: 320px;
}
#box_left_1 {
float: left;
width: 318px;
height: 250px;
}
#box_left_2 {
margin-top: 10px;
float: left;
width: 318px;
height: 250px;
}
#boxes_right {
margin-top: 10px;
float: right;
width: 320px;
}
#box_right_1 {
float: left;
width: 318px;
height: 250px;
}
#box_right_2 {
margin-top: 10px;
float: left;
width: 318px;
height: 250px;
}
/* HOMEPAGE ARTICLES */
#homepage-articles {
margin-top: 12px;
}
#homepage-articles .inner {
padding: 6px 14px 0px 14px;
}
#homepage-articles h2 {
font-size: 17px;
font-weight: normal;
margin-bottom: 5px;
}
#homepage-articles div.post {
border-bottom: 1px dotted #ccc;
}
#homepage-articles div.post.last {
border-bottom: none;
}
#homepage-articles a.post_link{
font-size: 14px;
font-weight: normal;
color: #333;
padding: 7px 0px 7px 12px;
display: block;
/* position: relative;*/
}
#homepage-articles a.post_link:hover {
color: #6699ff;
color: #DB9040;
color: #466699;
background-color: #f4fbe5;
background-color: #F8FAFF;
cursor: pointer;
}
#homepage-articles a.post_link span.title {
/*float: left;*/
}
#homepage-articles a.post_link span.arrow {
text-align: right;
position: absolute;
right: 0px;
padding-left: 6px;
padding-right: 8px;
}
/* IE7 fix */
#homepage-articles a.post_link span.arrow:hover {
cursor: pointer;
}
/* LEFT SIDE */
#homepage-articles-left {
float: left;
width: 309px;
border-right: 1px solid #e8e8e8;
}
#homepage-articles-left .padding {
padding-right: 8px;
}
/* RIGHT SIDE */
#homepage-articles-right {
float: right;
width: 310px;
}
#homepage-articles-right .padding {
padding-left: 12px;
}
#homepage-articles-right div.post a{
font-size: 14px;
font-weight: normal;
color: #333;
padding: 5px 0px 5px 3px;
display: block;
}
#homepage-articles-right div.post a:hover{
color: #466699;
/*background-color: #F8FAFF;*/
}
/* RIGHT SIDEBAR CONTENT */
.box-header {
font-weight: normal;
font-size: 18px;
}
div.widget {
width: 304px;
float: left;
margin-top: -1px;
margin-bottom: 10px;
}
/* SUBSCRIBE WIDGET */
#subscribe {
width: 304px;
float: left;
margin-top: -1px;
margin-bottom: 10px;
}
#subscribe p.subscribe_desc {
font-weight: normal;
font-size: 12px;
/*margin-bottom: 8px;*/
padding-top: 4px;
padding-bottom: 8px;
}
#subscribe form {
}
#subscribe form span.description {
display: block;
float: left;
line-height: 22px;
height: 22px;
}
#subscribe form input[type="text"] {
border: 1px solid #aaa;
width: 130px;
margin-left: 6px;
padding: 2px;
color: #444;
float: left;
}
#subscribe form input[type="submit"] {
border: 1px solid #aaa;
background-color: #fdfdfd;
padding: 1px 2px;
color: #444;
margin-left: 5px;
}
#subscribe form a.button {
margin-left: 8px;
border: 1px solid #aaa;
height: 20px;
line-height: 20px;
padding: 0px 10px;
}
/* RESULT PAGE: Related products widget */
#result-links .inner {
padding-top: 10px;
padding-left: 12px;
}
#result-links ul.related_terms {
margin-bottom: 8px;
}
#result-links li.header {
color: black;
list-style-type: none;
list-style-position: outside;
padding-bottom: 1px;
}
#result-links li.link {
list-style-type: none;
list-style-position: outside;
margin-left: 15px;
padding: 1px 0px 2px 4px;
font-size: 12px;
color: black;
}
#result-links li.link a{
display: block;
}
#result-links li.link a:hover {
text-decoration: underline;
color:#6699FF;
}
/* BANK SEARCH WIDGET */
#bank-search-widget {
width: 304px;
float: left;
margin-top: -1px;
margin-bottom: 10px;
}
#bank-search-widget .inner {
padding-top: 15px;
padding-left: 15px;
padding-bottom: 11px;
}
#bank-search-widget input#bank_name {
border: 1px solid #aaa;
float: left;
width: 180px;
padding: 5px 4px;
color: #444;
}
#bank-search-widget a.button {
border: 1px solid #aaa;
background-color: #fdfdfd;
margin-left: 8px;
padding: 0px 20px;
height: 26px;
line-height: 26px;
}
/*
#bank-search-widget input.submit {
width: 60px;
border: 1px solid #aaa;
background-color: #fdfdfd;
cursor: pointer;
color: #444;
outline: none;
-moz-outline-style: none;
margin-left: 5px;
padding: 1px 2px;
}
*/
#bank-search-widget .defaultTextActive {
color: #888 !important;
}
#top-rates {
margin-bottom: 10px;
/*
padding: 10px 5px 5px 5px;
*/
float: left;
width: 303px;
margin-left: 1px;
background-position: top left;
background-repeat: repeat-x;
/*
background-image: url(../images/header_gradient_blue.png);
*/
/*
border: 1px solid #e4e4e4;
-moz-border-radius: 8px;
*/
}
#top-rates .hd {
background: transparent url(../images/toprates_gradient_outer_tl.gif) no-repeat top left;
}
#top-rates .hd .right {
background: transparent url(../images/toprates_gradient_outer_tr.gif) no-repeat top right;
padding-right: 4px;
padding-left: 1px;
}
#top-rates .bd {
background: transparent url(../images/toprates_gradient_outer_ml.gif) repeat-y top left;
}
#top-rates .bd .right {
background: transparent url(../images/toprates_gradient_outer_mr.gif) repeat-y top right;
padding-right: 4px;
padding-left: 1px;
}
#top-rates .inside {
padding: 0px 7px;
}
#top-rates .ft {
background: transparent url(../images/toprates_gradient_outer_bl.gif) no-repeat top left;
}
#top-rates .ft .right {
background: transparent url(../images/toprates_gradient_outer_br.gif) no-repeat top right;
font-size: 1px;
height: 19px;
}
#top-rates .hd_inner {
background: url(../images/toprates_gradient_inner_tl.gif) no-repeat top left;
}
#top-rates .hd_inner .right_inner{
height: 7px;
font-size: 1px;
background: url(../images/toprates_gradient_inner_tr.gif) no-repeat top right;
}
#top-rates .inner {
background-color: #fafff5;
background-color: white;
padding: 0px 5px;
}
#top-rates h2 {
padding: 10px 16px;
padding-bottom: 12px;
color: #333;
font-weight: normal;
font-size: 18px;
letter-spacing: 0px;
color: black;
font-family: "Trebuchet MS", Georgia, times;
}
#top_rates_nav {
margin-left: 18px;
float: left;
display: inline;
}
#top_rates_nav li {
display: block;
float: left;
list-style-type: none;
margin-right: 6px;
}
#top_rates_nav li a{
display: block;
font-family: "Trebuchet MS", Georgia, times;
height: 28px;
line-height: 30px;
text-align: center;
font-size: 14px;
padding-right: 14px;
float: left;
color: #666;
/*
background: url(../images/buttons/top-rates-tab_right-inactive.png) right top no-repeat;
*/
}
#top_rates_nav li a span{
height: 28px;
display: block;
padding-left: 14px;
float: left;
/*
background: url(../images/buttons/top-rates-tab_left-inactive.png) left top no-repeat;
*/
}
#top_rates_nav li a:hover{
color: white !important;
background: url(../images/buttons/top-rates-tab_right-hover.png) right top no-repeat !important;
cursor: pointer;
}
#top_rates_nav li a:hover span{
background: url(../images/buttons/top-rates-tab_left-hover.png) left top no-repeat !important;
}
#top_rates_nav li.selected a{
color: black !important;
background: url(../images/buttons/top-rates-tab_right-selected.png) right top no-repeat !important;
}
#top_rates_nav li.selected a span{
background: url(../images/buttons/top-rates-tab_left-selected.png) left top no-repeat !important;
}
#top_rates_nav li.inactive a{
color: white;
background: url(../images/buttons/top-rates-tab_right-inactive.png) right top no-repeat;
}
#top_rates_nav li.inactive a span{
background: url(../images/buttons/top-rates-tab_left-inactive.png) left top no-repeat;
}
div#top_rates_nav_space {
height: 4px;
background-color: #bcc3d6;
font-size: 0px;
clear: both;
}
div.top_rates_table_box {
padding: 0px 2px;
clear: both;
/*
position: relative;
*/
}
table.top_rates_table {
width: 100%;
border-collapse: collapse;
background-color: white;
}
/* Default header cell settings */
table.top_rates_table thead td{
background-color: #eaf8c0;
padding-top: 2px;
padding-bottom: 4px;
text-align: left;
font-weight: bold;
background-color: white;
}
/* Default body cell settings */
table.top_rates_table tbody td{
padding-top: 6px;
padding-bottom: 6px;
padding-left: 10px;
text-align: left;
border-top: 1px solid #eee;
}
/* Hover rows */
/*
table.top_rates_table tbody tr:hover td {
background-color: #f4fbe5;
}
*/
table.top_rates_table tbody td a {
display: block;
}
table.top_rates_table tbody td a:hover {
color: #222;
text-decoration: underline;
}
/* CD Table settings */
table.top_rates_table.cd thead td.term{
text-align: left;
padding-left: 12px;
width: 70px;
}
table.top_rates_table.cd tbody td.term{
padding-left: 12px;
text-align: left;
}
table.top_rates_table.cd thead td.bank_name{
text-align: left;
padding-left: 10px;
width: 100px;
}
table.top_rates_table.cd tbody td.bank_name{
text-align: left;
padding-left: 10px;
}
table.top_rates_table.cd thead td.apy{
text-align: left;
width: 40px;
}
/* Savings/checking table settings */
table.top_rates_table thead td.bank_name{
text-align: left;
padding-left: 5px;
width: 110px;
}
table.top_rates_table tbody td.bank_name{
text-align: left;
padding-left: 5px;
}
/* APY */
table.top_rates_table td.apy{
text-align: left;
padding-left: 6px;
}
/* MIN DEPOSIT */
table.top_rates_table thead td.min_deposit{
text-align: left;
padding-left: 10px;
width: 70px;
}
table.top_rates_table tbody td.min_deposit{
text-align: right;
padding-right: 14px;
}
/*
table.top_rates_table tbody tr.even td{
background-color: #fbfcfe;
background-color: transparent;
}
*/
#side-banner-ad {
margin-left: 1px;
margin-bottom: 10px;
float: left;
height: 250px;
}
#links {
float: left;
margin-top: 10px;
width: 302px;
/*
padding: 10px 5px 5px 5px;
*/
}
#links .inner {
padding: 0px;
}
/*
#links h2 {
background-image: url(../images/sidebar_gradient_green2.gif);
background-position: top left;
background-repeat: repeat-x;
background-color: #def0b0;
border-bottom: 1px solid #e8e8e8;
padding: 6px 15px;
color: #555;
font-size: 1.15em;
}
*/
#links ul li {
list-style-type: none;
/*background-image: url(../images/bullet_blue.gif);*/
/*
background: transparent url(../images/bullet_blue.gif) no-repeat scroll left ;
*/
border-top: 1px dotted #dfdfdf;
}
#links a.first-link{
border-top-style: none;
}
#links a {
display: block;
padding: 5px 5px 5px 10px;
font-size: 1em;
font-weight: normal;
border-top: 1px dotted #dfdfdf;
/*
color: #445599;
*/
}
#links a:hover {
color: black;
background-color: #f4fbe5;
/*background-color: #f3ffc6;*/
}
/* PAGE FOOTER */
#footer {
/*margin: 0px 10px 10px 10px;
*/
border-top: 1px solid #dfdfdf;
clear: both;
border: none;
text-align: center;
height: 200px;
padding: 30px 0px 30px 120px;
background-image: url(../images/footer_gradient.png);
background-position: top left;
background-repeat: repeat-x;
/*background-color: #eef3ff;*/
}
#footer .footer-box {
/* total width 190 */
float: left;
width: 180px;
text-align: left;
padding-left: 15px;
}
#footer .footer-box h3 {
/* font-family: Arial, Helvetica, Sans-serif; */
font-size: 12px;
color: #666;
padding-bottom: 8px;
}
#footer .footer-box ul {
padding-left: 0px;
}
#footer .footer-box ul li {
list-style-type: none;
line-height: 15pt;
list-style-position: outside;
}
#footer .footer-box ul li a {
color: #888;
}
#footer .footer-box ul li a:hover {
text-decoration: none;
color: black;
}
/* RESULTS */
#results {
float: left;
width: 654px;
margin-top: -1px;
/*
background-image: url(../images/results_gradient.png);
background-position: top left;
background-repeat: repeat-x;
*/
}
#results .inner {
padding: 12px;
/*position: relative;*/
padding-top: 8px;
}
#results h1 {
font-size: 15pt;
padding-top: 12px;
padding-left: 10px;
float: left;
font-family: "Trebuchet MS", Georgia, times;
width: 420px;
}
#results h1 .location {
}
#results h2 {
padding-left: 10px;
font-size: 16px;
font-family: "Trebuchet MS", Georgia, times;
}
#results #search_type_links {
float: right;
list-style-type: none;
}
#results #search_type_links li {
float: left;
margin: 0px;
display: block;
}
#search_type_links li a {
display: block;
float: left;
padding: 0px 16px;
height: 34px;
line-height: 34px;
background-color: #e4e7f1;
font-size: 13px;
color: #444;
}
#search_type_links li.selected a, #search_type_links li a:hover {
color: white;
}
#search_type_links li.all a {
background: url(../images/buttons/search-type-link_left.png) left top no-repeat;
background-color: transparent;
padding-left: 20px;
}
#search_type_links li.all a:hover { background: url(../images/buttons/search-type-link_left-hover.png) left top no-repeat;}
#search_type_links li.all.selected a {
background: url(../images/buttons/search-type-link_left-sel.png) left top no-repeat;
}
#search_type_links li.local a:hover { background-color: #C9D4f1; }
#search_type_links li.local.selected a { background-color: #a3abc3; }
#search_type_links li.online a {
background: url(../images/buttons/search-type-link_right.png) right top no-repeat;
background-color: transparent;
padding-right: 20px;
}
#search_type_links li.online a:hover { background: url(../images/buttons/search-type-link_right-hover.png) right top no-repeat; }
#search_type_links li.online.selected a {
background: url(../images/buttons/search-type-link_right-sel.png) right top no-repeat;
}
/* Tooltip that asks location when switching to all/local search types */
div.searchtype_loc_tooltip {
}
#result_table_holder {
clear: both;
/*position: relative;*/
}
/* RESULTS TABLE */
.result_table_box {
/*
clear: both;
*/
/* margin-top: 10px; */
border: none;
}
table.result_table {
width: 100%;
margin: 0px 0px 0px 0px;
border:1px solid #e5eff8;
border: 1px solid #ddd;
border-collapse: collapse;
background-color: #f8f8f8;
background-color: #f8faff;
background-color: #fefefe;
table-layout: fixed;
}
/* RESULTS TABLE: Column widths */
table.result_table td.product_name {
width: 140px;
}
table.result_table td.bank_name {
width: 150px;
}
table.result_table td.apy {
width: 80px;
}
table.result_table td.min_deposit {
width: 100px;
}
table.result_table td.max_deposit {
width: 100px;
}
table.result_table td.term {
width: 90px;
}
/* RESULTS TABLE: All cells */
table.result_table tr td{
cursor: default;
}
/* RESULTS TABLE: Header cells */
table.result_table thead td{
background-color: #d5e8a9;
background-color: #def0b0;
/*
border-left: 1px solid #f0f0f0;
*/
border-bottom: 1px solid #ddd;
text-align: center;
color: black;
font-weight: bold;
font-size: 1.1em;
}
table.result_table thead td.bank_name a {
text-align: left;
padding-left: 18px;
}
table.result_table thead td a, table.result_table thead td span {
display: block;
padding: 8px 3px 6px 3px;
color: #666;
}
table.result_table thead td.product_name a {
text-align: left;
padding-left: 22px;
}
table.result_table thead td a:hover {
background-color: #e3f7b5;
background-color: #eafbbe;
}
/* RESULTS TABLE: Body cells */
table.result_table tbody td {
text-align: center;
/*padding: 0px 6px; */
/*
border-left: 1px solid #e5eff8;
*/
border-bottom:1px solid #e5eff8;
border-bottom: 1px solid #ddd;
height: 40px;
}
table.result_table tbody tr.last td {
border-bottom: none;
}
/* RESULTS TABLE: Specific table body cells */
.result_table tbody td.product_name a {
text-align: left;
padding-left: 16px;
display: block;
color: #555577;
}
.result_table tbody td.product_name a:hover {
text-decoration: underline;
color: #db9040;
color: #595269;
}
.result_table tbody td.bank_name a{
font-weight: bold;
font-size: 1.0em;
color: #005599;
color: #466699;
display: block;
/* padding: 10px 0px 10px 18px; */
padding-left: 14px;
text-align: left;
}
.result_table tbody td.bank_name a:hover{
color: #444;
color: #333355;
color: #2a4056;
color: black;
color: #db9040;
text-decoration: underline;
/*
background-color: #edf4fa;
*/
}
.result_table tbody td.apy {
font-weight: bold;
/*
font-family: Arial, Helvetica, San-serif;
*/
font-size: 1.2em;
font-family: "Trebuchet MS";
font-family: Arial;
}
.result_table tbody td.min_deposit,
.result_table tbody td.max_deposit{
font-size: 1.0em;
font-family: Arial;
font-weight: bold;
}
.result_table tbody td.term {
font-weight: bold;
/*
font-size: 1.0em;
font-family: Arial;
*/
}
.result_table tbody td.info {
/*
font-size: 1.0em;
font-family: Arial;
*/
font-size: 11px;
font-variant: small-caps;
color: #888;
}
/* Crazy hover rows */
table.result_table tbody tr:hover td {
background-color: #f4fbe5;
}
/* Even cells (striping) */
table.result_table tr.even td { background-color: #f8faff; }
/* Results table page markers */
#result_nav_box {
float: right;
/*position: relative;*/
margin-top: 20px;
margin-bottom: 8px;
clear: both;
}
/* Spacer, when nav arrows/page numbers not present */
#result_table_spacer {
height: 35px;
}
/* Result page numbers */
#result_pages, #result_pages dl {
/*position: relative;*/
float: left;
height: 30px;
}
#result_pages dl dt {
float: left;
display: block;
}
#result_pages a {
float: left;
padding: 0px 14px;
height: 30px;
line-height: 29px;
background-color: #dee4f5;
background-color: #f1f3fb;
}
#result_pages dt a:hover, #result_pages dt.selected a:hover {
background-color: #bbbbee;
}
#result_pages dt.selected a{
background-color: #f6faff;
background-color: #c9d4f1;
/*
background: url(../images/result-page-button_selected.png) left top no-repeat;
*/
}
/* Rounded button effects */
#result_pages dt.first a{
background: url(../images/buttons/result-page-side-button_left.png) left top no-repeat;
padding-left: 20px;
background-color: transparent !important;
}
#result_pages dt.first.selected a{
background: url(../images/buttons/result-page-side-button_left-sel.png) left top no-repeat;
}
#result_pages dt.first a:hover{
background: url(../images/buttons/result-page-side-button_left-hover.png) left top no-repeat;
}
#result_pages dt.last a{
background: url(../images/buttons/result-page-side-button_right.png) right top no-repeat;
padding-right: 20px;
background-color: transparent !important;
}
#result_pages dt.last.selected a{
background: url(../images/buttons/result-page-side-button_right-sel.png) right top no-repeat;
}
#result_pages dt.last a:hover{
background: url(../images/buttons/result-page-side-button_right-hover.png) right top no-repeat;
}
/* RESULT ARROWS */
#result_page_arrows {
float: left;
height: 30px;
margin-left: 10px;
display: block;
}
#result_page_arrows a {
float: left;
padding: 0px 15px;
height: 30px;
line-height: 29px;
;
background-color: #f1f3fb;
}
#result_page_arrows a.result_prev {
background: url(../images/buttons/result-page-side-button_left.png) left top no-repeat;
background-color: transparent;
}
#result_page_arrows a.result_prev:hover {
background: url(../images/buttons/result-page-side-button_left-hover.png) left top no-repeat;
}
#result_page_arrows a.result_next {
background: url(../images/buttons/result-page-side-button_right.png) right top no-repeat;
background-color: transparent;
}
#result_page_arrows a.result_next:hover {
background: url(../images/buttons/result-page-side-button_right-hover.png) right top no-repeat;
}
/* RESULTS DEPOSIT AMOUNT SLIDER */
#deposit_slider_box {
float: left;
width: 600px;
padding-top: 10px;
padding-left: 25px;
}
#deposit_slider {
width: 358px;
clear: both;
float: left;
margin-top: 10px;
margin-bottom: 25px;
margin-bottom: 10px;
width: 358px;
display: inline;
}
#deposit_slider_box .text {
float: left;
font-size: 1.1em;
padding-top: 10px;
padding-left: 0px;
margin-right: 10px;
}
#deposit_slider_amount input{
float: left;
font-weight: bold;
font-size: 1.6em;
border: 1px solid #ddd;
padding: 3px 0px;
padding-right: 5px;
text-align: right;
width: 100px;
background-color: #fdfbe4;
}
/* GOOGLE MAPS BOX (RESULTS) */
#results_map {
float: left;
margin-top: 10px;
padding: 8px;
padding-bottom: 4px;
}
#results_map #map_canvas {
width: 632px;
height: 400px;
}
/* NEIGHBOR LINKS */
#neighbor_links {
float: left;
width: 654px;
margin-top: 10px;
}
#neighbor_links h2 {
/*font-family: "Trebuchet MS", Georgia;*/
font-size: 17px;
font-weight: normal;
margin-bottom: 2px;
color: #222;
}
#neighbor_links ul{
list-style-type: square;
margin-top: 5px;
float: left;
width: 200px;
}
#neighbor_links li {
font-size: 13px;
padding-bottom: 2px;
}
#neighbor_links li a:hover {
font-weight: bold;
}
#exp_table .even {
background-color: gray;
}
/* ARTICLES CATEGORY PAGE */
#article-category {
float: left;
}
#article-category .padding {
padding: 20px;
float: left;
}
#article-category a {
color: #7286c5;
}
#article-category a:hover{
color: #d5e8a9;
}
#article-category h1 {
margin-top: 5px;
margin-bottom: 10px;
padding-bottom: 15px;
border-bottom: 1px dotted #aaa;
}
#article-category .article-preview {
float: left;
padding-bottom: 15px;
margin-bottom: 15px;
width: 100%;
border-bottom: 1px dotted #aaa;
}
#article-category .article-preview h2{
font-weight: normal;
font-size: 1.6em;
color: #444488;
padding-bottom: 8px;
float: left;
/*
font-family: Arial, Helvetica;
font-weight: bold;
font-size: 1.5em;
*/
}
#article-category .article-preview h2 a{
color: #444488;
}
#article-category .article-preview h2 a:hover{
color: #d5e8a9;
}
#article-category .article-preview .post-info {
font-size: 0.9em;
color: #888;
margin-top: 4px;
margin-bottom: 5px;
float: right;
}
#article-category .article-preview .entry {
clear: both;
}
#article-category .last-article{
/*
border: 1px solid #ccc;
*/
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
#article-category .article-preview .read-link{
padding-top: 5px;
padding-bottom: 0px;
text-align: left;
float: left;
}
#article-category .article-preview .tags{
/*
border-top: 1px dotted #aaa;
*/
padding-top: 2px;
margin-top: 10px;
text-align: right;
float: right;
color: #888;
}
/* SINGLE ARTICLE PAGE */
#single-article .padding{
padding: 20px;
}
#single-article h2 {
font-size: 1.6em;
color: #444488;
}
#single-article .entry p {
padding-bottom: 10px;
}
#single-article .entry {
border-top: 1px dotted #aaa;
padding-top: 10px;
}
#single-article .post-info {
font-size: 0.9em;
text-align: left;
color: #888;
padding: 10px 0px 2px 0px;
/*
float: right;
*/
}
/* FLAT PAGES */
.flat-page {
}
.flat-page .padding {
padding: 15px;
}
.flat-page h1 {
margin-bottom: 10px;
}
div.floatclear {
clear: both;
font-size: 1px;
}
#test-box {
margin-left: -1px;
margin-top: 10px;
float: left;
width: 654px;
}
#test-box .inner {
height: 200px;
}
/* BANK LIST PAGE */
#bank-list {
width: 654px;
float: left;
margin-top: -1px;
}
#bank-list h1 {
font-family: "Trebuchet MS", Georgia, times;
}
#bank-list ul {
list-style-type: square;
margin-top: 12px;
float: left;
width: 50%;
}
#bank-list li {
padding-top: 5px;
font-size: 14px;
}
/* BANK NOT FOUND PAGE */
#bank-not-found {
width: 654px;
float: left;
margin-top: -1px;
}
#bank-not-found ul {
list-style-type: square;
margin-top: 15px;
}
#bank-not-found li {
padding-top: 5px;
font-size: 14px;
}
div.content-left-box {
width: 654px;
float: left;
}
/* ADMIN LOGIN SCREEN */
#login {
margin-bottom: 10px;
}
#login h2{
margin-bottom: 10px;
}
#login table td {
padding: 2px 5px;
}
/* STANDARD BOX (rounded corners) */
div.standard-box .hd {
background: transparent url(../images/standard_box_tl.gif) no-repeat top left;
}
div.standard-box .hd .right {
background: transparent url(../images/standard_box_tr.gif) no-repeat top right;
height: 12px;
font-size: 1px;
}
div.standard-box .bd {
background: transparent url(../images/standard_box_ml.gif) repeat-y top left;
}
div.standard-box .bd .right {
background: transparent url(../images/standard_box_mr.gif) repeat-y top right;
padding-right: 4px;
padding-left: 2px;
}
div.standard-box .inner {
padding: 0px 10px;
padding: 10px 20px;
}
div.standard-box .ft {
background: transparent url(../images/standard_box_bl.gif) no-repeat top left;
}
div.standard-box .ft .right {
background: transparent url(../images/standard_box_br.gif) no-repeat top right;
height: 13px;
font-size: 1px;
}
/* STANDARD BOX DARK(rounded corners) */
div.standard-box-dark .hd {
background: transparent url(../images/standard_box_dark_tl.gif) no-repeat top left;
}
div.standard-box-dark .hd .right {
background: transparent url(../images/standard_box_dark_tr.gif) no-repeat top right;
height: 12px;
font-size: 1px;
}
div.standard-box-dark .bd {
background: transparent url(../images/standard_box_dark_ml.gif) repeat-y top left;
}
div.standard-box-dark .bd .right {
background: transparent url(../images/standard_box_dark_mr.gif) repeat-y top right;
padding-right: 4px;
padding-left: 2px;
}
div.standard-box-dark .inner {
padding: 0px 10px;
padding: 10px 20px;
}
div.standard-box-dark .ft {
background: transparent url(../images/standard_box_dark_bl.gif) no-repeat top left;
}
div.standard-box-dark .ft .right {
background: transparent url(../images/standard_box_dark_br.gif) no-repeat top right;
height: 13px;
font-size: 1px;
}
/* STANDARD HEADER BOX (LIGHT)*/
div.header-box-light div.hd {
background: transparent url(../images/headerbox_light_tl.png) no-repeat top left;
}
div.header-box-light div.hd div.right {
background: transparent url(../images/headerbox_light_tr.png) no-repeat top right;
height: 33px;
font-size: 1px;
}
div.header-box-light h2, div.header-box-light h1 {
font-size: 15px;
padding-top: 10px;
margin-left: 15px;
color: #222;
font-weight: normal;
}
div.header-box-light div.bd {
background: transparent url(../images/headerbox_light_ml.png) repeat-y top left;
}
div.header-box-light div.bd div.right {
background: transparent url(../images/headerbox_light_mr.png) repeat-y top right;
padding-right: 4px;
padding-left: 2px;
}
div.header-box-light div.inner {
padding: 8px 10px;
border-top: 1px solid #dbdbdb;
}
div.header-box-light div.ft {
background: transparent url(../images/headerbox_light_bl.png) no-repeat top left;
}
div.header-box-light div.ft div.right {
background: transparent url(../images/headerbox_light_br.png) no-repeat top right;
height: 10px;
font-size: 1px;
}
/* STANDARD HEADER BOX (MEDIUM)*/
div.header-box-med div.hd {
background: transparent url(../images/headerbox_med_tl.png) no-repeat top left;
}
div.header-box-med div.hd div.right {
background: transparent url(../images/headerbox_med_tr.png) no-repeat top right;
height: 33px;
font-size: 1px;
}
div.header-box-med h2, div.header-box-med h1 {
font-size: 15px;
padding-top: 10px;
margin-left: 15px;
color: #222;
font-weight: normal;
}
div.header-box-med div.bd {
background: transparent url(../images/headerbox_med_ml.png) repeat-y top left;
}
div.header-box-med div.bd div.right {
background: transparent url(../images/headerbox_med_mr.png) repeat-y top right;
padding-right: 4px;
padding-left: 2px;
}
div.header-box-med div.inner {
padding: 8px 10px;
border-top: 1px solid #dbdbdb;
}
div.header-box-med div.ft {
background: transparent url(../images/headerbox_med_bl.png) no-repeat top left;
}
div.header-box-med div.ft div.right {
background: transparent url(../images/headerbox_med_br.png) no-repeat top right;
height: 10px;
font-size: 1px;
}
/* STANDARD HEADER BOX (DARK)*/
div.header-box-dark div.hd {
background: transparent url(../images/headerbox_dark_tl.png) no-repeat top left;
}
div.header-box-dark div.hd div.right {
background: transparent url(../images/headerbox_dark_tr.png) no-repeat top right;
height: 33px;
font-size: 1px;
}
div.header-box-dark h2, div.header-box-dark h1 {
font-size: 15px;
padding-top: 10px;
margin-left: 15px;
color: white;
font-weight: normal;
}
div.header-box-dark div.bd {
background: transparent url(../images/headerbox_dark_ml.png) repeat-y top left;
}
div.header-box-dark div.bd div.right {
background: transparent url(../images/headerbox_dark_mr.png) repeat-y top right;
padding-right: 4px;
padding-left: 2px;
}
div.header-box-dark .inner {
padding: 8px 10px;
}
div.header-box-dark div.ft {
background: transparent url(../images/headerbox_dark_bl.png) no-repeat top left;
}
div.header-box-dark div.ft div.right {
background: transparent url(../images/headerbox_dark_br.png) no-repeat top right;
height: 10px;
font-size: 1px;
}
/* STANDARD HEADER BOX (GREEN)*/
div.header-box-green .hd {
background: transparent url(../images/headerbox_green_tl.png) no-repeat top left;
}
div.header-box-green .hd .right {
background: transparent url(../images/headerbox_green_tr.png) no-repeat top right;
height: 33px;
font-size: 1px;
}
div.header-box-green h2 {
font-size: 16px;
padding-top: 7px;
margin-left: 15px;
color: #222;
font-weight: normal;
}
div.header-box-green .bd {
background: transparent url(../images/headerbox_green_ml.png) repeat-y top left;
}
div.header-box-green .bd .right {
background: transparent url(../images/headerbox_green_mr.png) repeat-y top right;
padding-right: 4px;
padding-left: 2px;
}
div.header-box-green .inner {
padding: 8px 10px;
border-top: 1px solid #dbdbdb;
}
div.header-box-green .ft {
background: transparent url(../images/headerbox_green_bl.png) no-repeat top left;
}
div.header-box-green .ft .right {
background: transparent url(../images/headerbox_green_br.png) no-repeat top right;
height: 10px;
font-size: 1px;
}
/* BREADCRUMBS BOX */
div.breadcrumbs {
}
div.breadcrumbs .hd {
background: transparent url(../images/rounded_box_lightgray_tl.png) no-repeat top left;
}
div.breadcrumbs .hd .right {
background: transparent url(../images/rounded_box_lightgray_tr.png) no-repeat top right;
height: 26px;
}
div.breadcrumbs .ft {
background: transparent url(../images/rounded_box_lightgray_bl.png) no-repeat top left;
}
div.breadcrumbs .ft .right {
background: transparent url(../images/rounded_box_lightgray_br.png) no-repeat top right;
height: 8px;
font-size: 1px;
}
div.breadcrumbs .inner {
padding: 5px 15px 0px 15px;
}
div.breadcrumbs .crumb {
font-size: 15px;
font-family: "Trebuchet MS", Verdana;
color: #222;
padding: 2px 5px 3px 5px;
display: block;
float: left;
}
div.breadcrumbs a:hover {
color: #6699f4;
}
div.breadcrumbs span.separator {
font-size: 16px;
display: block;
float: left;
padding-top: 2px;
}
/* Standard text */
.small-text p, .small-text ul {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
margin-bottom: 6px;
}
.small-text ul {
margin-left: 15px;
}
.small-text li {
list-style-position: outside;
margin-bottom: 2px;
padding-left: 6px;
}
img#ajax_spinner {
margin: auto;
margin-top: 40px;
display: block;
}
/* Busy overlay over result table */
div.result_table_busy_overlay {
background: transparent url(../images/wait30trans.gif) no-repeat center center;
background: transparent url(../images/ajaxspinner.gif) no-repeat center 120px;
}
#sitemap {
padding: 0px 20px 0px 20px;
}
#sitemap h1, #sitemap h2, #sitemap h3 {
font-family: "Trebuchet MS", Georgia, times;
}
#sitemap div#sitemap_content {
padding-top: 10px;
}
#sitemap div.prod_category_links {
width: 310px;
float: left;
}
#sitemap h2.prod_category {
margin-bottom: 8px;
font-size: 16px;
font-weight: normal;
text-decoration: underline;
}
#sitemap ul.links_set {
margin-bottom: 4px;
}
#sitemap li.subheader {
font-family: "Trebuchet MS", Georgia, times;
font-weight: bold;
font-size: 14px;
list-style-position:outside;
list-style-type:none;
margin-bottom: 2px;
}
#sitemap li.link {
}
/* JS DROPDOWN */
div.jsdropdown_wrapper {
position: relative;
margin: 0px 0px;
cursor: default;
width: 150px;
}
div.jsdropdown_main {
width: 100%;
/*border: 1px solid #aaa;*/
/*height: 31px;
line-height: 31px;*/
position: relative;
background: transparent url(../images/buttons/select_left.gif) no-repeat left top;
overflow: hidden;
}
div.jsdropdown_main .dropdown_inner {
display: block;
padding: 0px 31px 0px 10px;
background: transparent url(../images/buttons/select_right.gif) no-repeat right top;
color: #222;
height: 31px;
line-height: 31px;
}
div.jsdropdown_list {
width: 148px;
border: 1px solid #ccc;
border-top: none;
position: absolute;
z-index: 10;
left: 0px;
top: 31px;
/*padding: 2px 5px;*/
background-color: white;
}
div.jsdropdown_list .elem {
display: block;
/*padding: 4px 5px;*/
color: black;
text-decoration: none;
width: 100%;
cursor: default;
background-color: white;
}
div.jsdropdown_list .elem span.padding {
padding: 5px 9px;
display: block;
}
div.jsdropdown_list .elem.highlighted {
background-color: #6688cc;
color: white;p
}
/* PRODUCT UPDATES */
div.product_update_feed div.update_entry {
padding: 4px 0px;
border-bottom: 1px solid #ddd;
font-size: 13px;
}
div.product_update_feed div.update_entry.last {
border-bottom: none;
}
/* Rate changes */
div.product_update_feed div.product_name.rate{
padding-bottom: 2px;
}
div.product_update_feed div.product_name a{
color: #444;
display: block;
}
div.product_update_feed div.product_name a:hover{
text-decoration: underline;
color: #3871C8;
}
div.product_update_feed div.product_name span.deposit {
font-size: 12px;
line-height: 13px;
}
div.product_update_feed div.rate_change {
float: left;
}
div.product_update_feed div.rate_change span.rate{
font-weight: bold;
color: #445577;
font-size: 14px;
}
div.product_update_feed div.rate_change span.arrow{
font-size: 16px;
padding: 0px 4px;
}
/* Product status changes (new, retired) */
div.product_update_feed div.status_change{
padding: 2px 0px;
}
div.product_update_feed div.status_change div.status{
font-weight: bold;
}
div.product_update_feed div.status_change div.status.new{
color: #447744;
}
div.product_update_feed div.status_change div.status.retired{
color: #664444;
}
div.product_update_feed div.status_change div.product_name{
float: left;
width: 220px;
}
div.product_update_feed div.status_change span.rate{
font-weight: bold;
color: #445577;
font-size: 13px;
margin-left: 5px;
}
/* Right side float */
div.product_update_feed div.date {
margin-top: 5px;
font-size: 11px;
float: right;
}
/* RESULT PAGE PRODUCT UPDATE FEED (grouped by banks)*/
#product-update-feed-widget div.inner{
padding: 6px 10px 2px 10px;
}
#product-update-feed-widget div.location_header {
padding: 2px 0px 3px 0px;
color: #222;
}
#product-update-feed-widget div.location_header span.location {
font-weight: bold;
}
#product-update-feed-widget div.bank_update_group {
padding: 4px 0px 2px 0px;
border-bottom: 1px solid #ddd;
font-size: 13px;
margin-bottom: 4px;
}
#product-update-feed-widget div.bank_update_group.last {
border-bottom: none;
margin-bottom: 0px;
}
/* Header to contain bank name + date */
#product-update-feed-widget div.bank_update_header {
padding-bottom: 0px;
}
#product-update-feed-widget div.bank_update_header div.group_date{
float: right;
font-size: 12px;
padding-top: 0px;
color: #555;
}
#product-update-feed-widget a.bank {
font-size: 13px;
color: #466699;
display: block;
font-weight: bold;
text-decoration: underline;
float: left;
width: 200px;
}
#product-update-feed-widget a.bank:hover {
color: #db9040;
}
/* Container*/
#product-update-feed-widget div.prod_update_entries {
padding-left: 5px;
}
/* Each product entry (underneath bank group) */
#product-update-feed-widget div.prod_update_entry {
padding: 4px 0px 5px 0px;
border-bottom: 1px dotted #e4e4e4;
}
#product-update-feed-widget div.prod_update_entry.last {
border-bottom: none;
}
#product-update-feed-widget div.product_name {
float: left;
width: 155px;
padding-top: 2px;
}
/* Temporary hack for CD category */
#product-update-feed-widget div.product_updates.cd div.product_name {
padding-top: 3px;
}
#product-update-feed-widget div.product_name a {
display: block;
}
#product-update-feed-widget div.product_name a:hover {
text-decoration: underline;
color: #3871C8;
}
#product-update-feed-widget div.product_name span.deposit {
font-size: 12px;
line-height: 13px;
}
/* Box to contain both rate change and date */
#product-update-feed-widget div.rate_update_info {
float: right;
width: 115px;
}
#product-update-feed-widget div.rate_change {
float: right;
}
#product-update-feed-widget div.rate_change span.rate{
font-weight: bold;
color: #445577;
font-size: 14px;
}
#product-update-feed-widget div.rate_change span.arrow{
font-size: 16px;
padding: 0px 2px;
}
#product-update-feed-widget div.date {
margin-top: 2px;
font-size: 11px;
float: right;
margin-right: 4px;
color: #777;
}