/* {margin:0; padding:0; font-size: 100%;}*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
img {border: none;}
body#ckPage {
background: #fff url(../img/layout/png_layout/bodyBG.png) top left repeat-x;
width: 100%;
height: auto;
}
body#ckHome {
background: #fff url(../img/layout/homepageBG.png) top left repeat-x;
width: 100%;
height: auto;
}
body {
background: transparent;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color: #525050;
}
a:link, a:visited {color: #008cee; text-decoration: none;}
a:hover {text-decoration: underline; color: #00aeff;}
a:active {color: #008cee; text-decoration: none;}
.fl {float: left;}
.fr {float: right;}
.clear {clear: both;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align: center;}
.tj {text-align: justify;}
.bold {font-weight: 700;}
.p15_0 {padding: 15px 0;}
.p10_0 {padding: 10px 0;}
.pb10 {padding-bottom: 10px;}
.uppercase {text-transform: uppercase;}
.lightgray {background-color: #f7f7f7;}
.darkergray {background-color: #ececec;}
strong {font-weight: 700;}
em {font-style: italic;}
textarea {min-width: 300px;}
p.graysmall {
color: #999;
font-size: 11px;
padding-top:0;
line-height: 13px;
}
p {font-size: 12px; padding: 5px 10px; padding-left: 0; line-height: 16px;}
ul {font-size: 12px; line-height: 16px;}
p.px11 {font-size: 11px;}
.replace {
position: relative;
margin: 0px;
padding: 0px;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.replace span {
display: block;
position: absolute;
top: 0px;
left: 0px;
z-index: 1; /* for Opera 5 and 6 */
}
#container {
height: auto;
width: 984px;
text-align: center;
margin: 0 auto;
}
#adBlockContainer {
width: 984px;
text-align: center;
margin: 0 auto;
}
#adBlock {
height: 90px;
width: 746px;
margin: 0 auto;
margin-bottom: 12px;
background: url(../img/layout/adTag.gif) no-repeat top right;
}
div.sideAd {
height: 262px;
width: 300px;
background: url(../img/layout/adTagH.gif) no-repeat bottom right;
}
#adBlock div.sideAd {
height: auto;
width: auto;
background: none;
}
#leftColumn div.sideAd {
width: 190px;
height: 260px;
background: none;
}
#header {
height: 38px;
font-size: 12px;
line-height: 38px;
color: #525050;
margin-bottom: 11px;
margin-top: 18px;
}
select {
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
}
#content {text-align: left;}
.separator {padding-left:5px; padding-right:2px; color: #9f9f9f;}
.separatorRight {padding-left:2px; padding-right:5px; color: #9f9f9f;}
.ccContainer .separator {padding-left:5px; padding-right:2px; color: #9f9f9f;}
img#logo {margin-left: 27px;}
#header ul {list-style-type: none; margin-right: 30px; padding-top: 15px;}
#header ul li {display: inline;}
/*#frameTop {
background: #fff url(../img/layout/contentTop.png) top left no-repeat;
width: 982px;
height: 639px;
height: auto;
}*/
#frameTop {
background: transparent url(../img/layout/png_layout/contentTop.png) top left no-repeat;
width: 984px;
height: 939px;
height: auto;
}
#contentBottom {
background: transparent url(../img/layout/contentBottom.gif) bottom left no-repeat;
width: 984px;
height: 102px;
}
html { min-height: 100%; }
/* MAIN NAVIGATION - VERY TRICKY */
#mainNav {
list-style-type: none;
background: transparent url(../img/layout/nav/navBG.gif) bottom left repeat-x;
height: 37px;
width: 960px;
margin-top: -3px;
}
#mainNav li{
list-style-type: none;
float: left;
margin: 0;
background-image: none;
padding: 0;
}
#mainNav a {
display: block;
width: 90px;
color: transparent;
text-indent: -9999px;
position: relative;
}
/*** MY CREDIT TAB ***/
#mainNav li#myCreditLI,
#mainNav li a#myCredit, #mainNav li a#myCredit span {
background: transparent url(../img/layout/nav/myCredit.gif) top left no-repeat;
width: 91px;
height: 37px;
cursor: pointer;
z-index: 50;
}
#mainNav li#myCreditLI,
#mainNav li a#myCredit:hover, #mainNav li a#myCredit:hover span {
background: transparent url(../img/layout/nav/myCredit.gif) 0 -37px no-repeat;
width: 91px;
height: 37px;
cursor: pointer;
z-index: 50;
}
#mainNav li#myCreditLILeft,
#mainNav li a#myCreditLeft, #mainNav li a#myCreditLeft span {
background: transparent url(../img/layout/nav/myCredit.gif) top left no-repeat;
width: 85px;
height: 37px;
cursor: pointer;
z-index: 50;
}
#mainNav li#myCreditLILeft,
#mainNav li a#myCreditLeft:hover, #mainNav li a#myCreditLeft:hover span {
background: transparent url(../img/layout/nav/myCredit.gif) 0 -37px no-repeat;
width: 85px;
height: 37px;
cursor: pointer;
z-index: 50;
}
#mainNav li#myCreditLI a.activeUp, #mainNav li#myCreditLI a.activeUp span{
background: transparent url(../img/layout/nav/overSprite.png) top left no-repeat;
width: 97px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF MY CREDIT TAB ***/
/*** MY SAVINGS TAB ***/
#mainNav li#savingsLI,
#mainNav li a#savings, #mainNav li a#savings span {
background: transparent url(../img/layout/nav/mySavings.gif) top left no-repeat;
width: 97px;
height: 37px;
cursor: pointer;
}
#mainNav li#savingsLI,
#mainNav li a#savings:hover, #mainNav li a#savings:hover span {
background: transparent url(../img/layout/nav/mySavings.gif) 0 -37px no-repeat;
width: 97px;
height: 37px;
cursor: pointer;
}
#mainNav li#savingsLILeft,
#mainNav li a#savingsLeft, #mainNav li a#savingsLeft span {
background: transparent url(../img/layout/nav/mySavings.gif) top left no-repeat;
width: 92px;
height: 37px;
cursor: pointer;
}
#mainNav li#savingsLILeft,
#mainNav li a#savingsLeft:hover, #mainNav li a#savingsLeft:hover span {
background: transparent url(../img/layout/nav/mySavings.gif) 0 -37px no-repeat;
width: 92px;
height: 37px;
cursor: pointer;
}
#mainNav li#savingsLI a.activeUp, #mainNav li#savingsLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -97px 0 no-repeat;
width: 108px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF MY SAVINGS TAB ***/
/*** CREDIT CARDS TAB ***/
#mainNav li#creditCardsLI,
#mainNav li a#creditCards, #mainNav li a#creditCards span {
background: transparent url(../img/layout/nav/creditCards.gif) top left no-repeat;
width: 109px;
height: 37px;
cursor: pointer;
}
#mainNav li#creditCardsLI,
#mainNav li a#creditCards:hover, #mainNav li a#creditCards:hover span {
background: transparent url(../img/layout/nav/creditCards.gif) 0 -37px no-repeat;
width: 109px;
height: 37px;
cursor: pointer;
}
#mainNav li#creditCardsLIRight,
#mainNav li a#creditCardsRight, #mainNav li a#creditCardsRight span {
background: transparent url(../img/layout/nav/creditCards.gif) top left no-repeat;
width: 109px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#creditCardsLIRight,
#mainNav li a#creditCardsRight:hover, #mainNav li a#creditCardsRight:hover span {
background: transparent url(../img/layout/nav/creditCards.gif) 0 -37px no-repeat;
width: 109px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#creditCardsLILeft,
#mainNav li a#creditCardsLeft, #mainNav li a#creditCardsLeft span {
background: transparent url(../img/layout/nav/creditCards.gif) top left no-repeat;
width: 104px;
height: 37px;
cursor: pointer;
z-index: 50;
}
#mainNav li#creditCardsLILeft,
#mainNav li a#creditCardsLeft:hover, #mainNav li a#creditCardsLeft:hover span {
background: transparent url(../img/layout/nav/creditCards.gif) 0 -37px no-repeat;
width: 104px;
height: 37px;
cursor: pointer;
z-index: 50;
}
#mainNav li#creditCardsLI a.activeUp, #mainNav li#creditCardsLI a.activeUp span{
background: transparent url(../img/layout/nav/overSprite.png) -205px 0 no-repeat;
width: 119px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF CREDIT CARDS TAB ***/
/*** COMPARE RATES TAB ***/
#mainNav li#ratesLI,
#mainNav li a#rates, #mainNav li a#rates span {
background: transparent url(../img/layout/nav/compareRates.gif) top left no-repeat;
width: 120px;
height: 37px;
cursor: pointer;
}
#mainNav li#ratesLI,
#mainNav li a#rates:hover, #mainNav li a#rates:hover span {
background: transparent url(../img/layout/nav/compareRates.gif) 0 -37px no-repeat;
width: 120px;
height: 37px;
cursor: pointer;
}
#mainNav li#ratesLIRight,
#mainNav li a#ratesRight, #mainNav li a#ratesRight span {
background: transparent url(../img/layout/nav/compareRates.gif) top left no-repeat;
width: 120px;
height: 37px;
cursor: pointer;
padding-left: 5px;
}
#mainNav li#ratesLIRight,
#mainNav li a#ratesRight:hover, #mainNav li a#ratesRight:hover span {
background: transparent url(../img/layout/nav/compareRates.gif) 0 -37px no-repeat;
width: 120px;
height: 37px;
cursor: pointer;
padding-left: 5px;
}
#mainNav li#ratesLILeft,
#mainNav li a#ratesLeft, #mainNav li a#ratesLeft span {
background: transparent url(../img/layout/nav/compareRates.gif) top left no-repeat;
width: 115px;
height: 37px;
cursor: pointer;
}
#mainNav li#ratesLILeft,
#mainNav li a#ratesLeft:hover, #mainNav li a#ratesLeft:hover span {
background: transparent url(../img/layout/nav/compareRates.gif) 0 -37px no-repeat;
width: 115px;
height: 37px;
cursor: pointer;
}
#mainNav li#ratesLI a.activeUp, #mainNav li#ratesLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -324px 0 no-repeat;
width: 130px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF COMPARE RATES TAB ***/
/*** EOF TOOLS TAB ***/
#mainNav li#toolsLI,
#mainNav li a#tools, #mainNav li a#tools span {
background: transparent url(../img/layout/nav/tools.gif) top left no-repeat;
width: 155px;
height: 37px;
cursor: pointer;
}
#mainNav li#toolsLI,
#mainNav li a#tools:hover, #mainNav li a#tools:hover span {
background: transparent url(../img/layout/nav/tools.gif) 0 -37px no-repeat;
width: 155px;
height: 37px;
cursor: pointer;
}
#mainNav li#toolsLIRight,
#mainNav li a#toolsLIRight, #mainNav li a#toolsLIRight span {
background: transparent url(../img/layout/nav/tools.gif) 0 -37px no-repeat;
width: 155px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#toolsLIRight,
#mainNav li a#toolsLIRight:hover, #mainNav li a#toolsLIRight:hover span {
background: transparent url(../img/layout/nav/tools.gif) 0 -37px no-repeat;
width: 155px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#toolsLILeft,
#mainNav li a#toolsLILeft, #mainNav li a#toolsLILeft span {
background: transparent url(../img/layout/nav/tools.gif) 0 -37px no-repeat;
width: 150px;
height: 37px;
cursor: pointer;
}
#mainNav li#toolsLILeft,
#mainNav li a#toolsLILeft:hover, #mainNav li a#toolsLILeft:hover span {
background: transparent url(../img/layout/nav/tools.gif) 0 -37px no-repeat;
width: 150px;
height: 37px;
cursor: pointer;
}
#mainNav li#toolsLI a.activeUp, #mainNav li#toolsLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -454px 0 no-repeat;
width: 165px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF TOOLS TAB ***/
/*** CREDIT ADVICE TAB ***/
#mainNav li#adviceLI,
#mainNav li a#advice, #mainNav li a#advice span {
background: transparent url(../img/layout/nav/creditAdvice.gif) top left no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
}
#mainNav li#adviceLI,
#mainNav li a#advice:hover, #mainNav li a#advice:hover span {
background: transparent url(../img/layout/nav/creditAdvice.gif) 0 -37px no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
}
#mainNav li#adviceLIRight,
#mainNav li a#adviceRight, #mainNav li a#adviceRight span {
background: transparent url(../img/layout/nav/creditAdvice.gif) top left no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#adviceLIRight,
#mainNav li a#adviceRight:hover, #mainNav li a#adviceRight:hover span {
background: transparent url(../img/layout/nav/creditAdvice.gif) 0 -37px no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#adviceLILeft,
#mainNav li a#adviceLeft, #mainNav li a#adviceLeft span {
background: transparent url(../img/layout/nav/creditAdvice.gif) top left no-repeat;
width: 106px;
height: 37px;
cursor: pointer;
}
#mainNav li#adviceLILeft,
#mainNav li a#adviceLeft:hover, #mainNav li a#adviceLeft:hover span {
background: transparent url(../img/layout/nav/creditAdvice.gif) 0 -37px no-repeat;
width: 106px;
height: 37px;
cursor: pointer;
}
#mainNav li#adviceLI a.activeUp, #mainNav li#adviceLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -619px 0 no-repeat;
width: 121px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF CREDIT ADVICE TAB ***/
/*** CREDIT ADVICE TAB ***/
#mainNav li#newsLI,
#mainNav li a#news, #mainNav li a#news span {
background: transparent url(../img/layout/nav/news.gif) top left no-repeat;
width: 60px;
height: 37px;
cursor: pointer;
}
#mainNav li#newsLI,
#mainNav li a#news:hover, #mainNav li a#news:hover span {
background: transparent url(../img/layout/nav/news.gif) 0 -37px no-repeat;
width: 60px;
height: 37px;
cursor: pointer;
}
#mainNav li#newsLIRight,
#mainNav li a#newsRight, #mainNav li a#newsRight span {
background: transparent url(../img/layout/nav/news.gif) top left no-repeat;
width: 60px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#newsLIRight,
#mainNav li a#newsRight:hover, #mainNav li a#newsRight:hover span {
background: transparent url(../img/layout/nav/news.gif) 0 -37px no-repeat;
width: 60px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#newsLILeft,
#mainNav li a#newsLeft, #mainNav li a#newsLeft span {
background: transparent url(../img/layout/nav/news.gif) top left no-repeat;
width: 55px;
height: 37px;
cursor: pointer;
}
#mainNav li#newsLILeft,
#mainNav li a#newsLeft:hover, #mainNav li a#newsLeft:hover span {
background: transparent url(../img/layout/nav/news.gif) 0 -37px no-repeat;
width: 55px;
height: 37px;
cursor: pointer;
}
#mainNav li#newsLI a.activeUp, #mainNav li#newsLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -849px 0 no-repeat;
width: 70px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF CREDIT ADVICE TAB ***/
/*** MY ACCOUNT TAB ***/
#mainNav li#myAccntLI,
#mainNav li a#myAccnt, #mainNav li a#myAccnt span {
background: transparent url(../img/layout/nav/myAccount.gif) top left no-repeat;
width: 100px;
height: 37px;
cursor: pointer;
}
#mainNav li#myAccntLI,
#mainNav li a#myAccnt:hover, #mainNav li a#myAccnt:hover span {
background: transparent url(../img/layout/nav/myAccount.gif) 0 -37px no-repeat;
width: 100px;
height: 37px;
cursor: pointer;
}
#mainNav li#myAccntLIRight,
#mainNav li a#adviceRight, #mainNav li a#adviceRight span {
background: transparent url(../img/layout/nav/myAccount.gif) 0 -37px no-repeat;
width: 100px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#myAccntLIRight,
#mainNav li a#myAccntRight:hover, #mainNav li a#myAccntRight:hover span {
background: transparent url(../img/layout/nav/myAccount.gif) 0 -37px no-repeat;
width: 100px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#myAccntLI a.activeUp, #mainNav li#myAccntLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -740px 0 no-repeat;
width: 109px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF MY ACCOUNT TAB ***/
/*** BLOG TAB ***/
#mainNav li#blogLI,
#mainNav li a#blog, #mainNav li a#blog span {
background: transparent url(../img/layout/nav/blog.gif) top left no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
}
#mainNav li#blogLI,
#mainNav li a#blog:hover, #mainNav li a#blog:hover span {
background: transparent url(../img/layout/nav/blog.gif) 0 -37px no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
}
#mainNav li#blogLIRight,
#mainNav li a#blogRight, #mainNav li a#blogRight span {
background: transparent url(../img/layout/nav/blog.gif) top left no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
}
#mainNav li#blogLIRight,
#mainNav li a#blogRight:hover, #mainNav li a#blogRight:hover span {
background: transparent url(../img/layout/nav/blog.gif) 0 -37px no-repeat;
width: 111px;
height: 37px;
cursor: pointer;
padding-left:5px;
}
#mainNav li#blogLILeft,
#mainNav li a#blogLeft, #mainNav li a#blogLeft span {
background: transparent url(../img/layout/nav/blog.gif) top left no-repeat;
width: 106px;
height: 37px;
cursor: pointer;
}
#mainNav li#blogLILeft,
#mainNav li a#blogLeft:hover, #mainNav li a#blogLeft:hover span {
background: transparent url(../img/layout/nav/blog.gif) 0 -37px no-repeat;
width: 106px;
height: 37px;
cursor: pointer;
}
#mainNav li#blogLI a.activeUp, #mainNav li#blogLI a.activeUp span {
background: transparent url(../img/layout/nav/overSprite.png) -619px 0 no-repeat;
width: 121px;
height: 37px;
cursor: default;
z-index: 900;
}
/*** EOF BLOG TAB ***/
#contentBlock {margin-left: 12px; margin-right: 10px; padding-top: 8px; margin-bottom: 0; height: auto;}
#subNav {
background: url(../img/nav/subnavBG.gif) top left no-repeat;
width: 948px;
height: 45px;
list-style-type: none;
margin-top: 5px;
font-family: "Helvetica Neue";
line-height: 48px;
text-transform: uppercase;
font-size:1.04em;
}
#contentWrapper {
background: #fff url(../img/layout/contentBG.png) 0 35px no-repeat;
width: 948px;
margin-left: 6px;
min-height: 500px;
height: auto!important;
height: 500px;
}
#subNav li {display: block; margin-left: 15px; margin-right: 4px; float: left; margin-top: -5px; position: relative; top: -1px;}
#subNav li.activeLI {
background: url(../img/layout/nav/subnavArrow.gif) 50% 40px no-repeat;
}
#subNav li a {}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#subNav li {display: block; margin-left: 15px; margin-right: 4px; float: left; margin-top: 0; position: relative; top: 13px;}
#subNav li.activeLI {
height: 30px;
background: url(../img/layout/nav/subnavArrow.gif) 50% 22px no-repeat;
}
} /* for WebKit based browsers only - such as Safari and Google Chrome */
#subNav a.active {
color: #4d4d4d;
}
#subNav li a:hover {color: #00aeff; text-decoration: none;}
#leftColumn {width: 190px; margin-top: 20px!important; margin-left: 15px;font-size: 11px; float: left;}
#topWide {margin-top: 15px!important; margin-left: 15px; width: 928px;}
#leftColumnWide {width: 600px; margin-top: 15px!important; margin-left: 15px;font-size: 11px; float: left;}
#leftColumnWide h1, #topWide h1, #amexFrame h1 {font-size: 29px; color: #494949; padding-top: 6px;}
/*#leftColumnWide p {font-size: 12px; padding: 5px 10px; padding-left: 0; line-height: 16px;}*/
#leftColumnWide h2, #rightColumnNarrow h2,
#topWide h2, h5.mysavingsSubheader, #amexLeft h2 {color: #ec7f09; font-size:13px; text-transform: uppercase; font-weight: bold; padding:10px 0;}
#leftColumnWide h2 span {color: #898989;}
#leftColumnWide h2.subHeader {padding-bottom: 20px;}
#topWide p {font-size: 12px; padding-right: 15px; padding-top: 10px; padding-bottom: 15px; line-height: 15px;}
#rightColumnNarrow {width: 310px; border-left: 2px solid #eee; float: left; margin-top: 15px!important; padding-left: 15px;}
#rightColumnNarrowNB {width: 310px; border-left: none; float: left; margin-top: 15px!important; padding-left: 15px; border-left: 2px solid #fff;}
#rightColumnNarrowNB h1 {font-size: 29px;}
#rightColumnNarrow h2 {padding-bottom: 10px;}
h2.sideColumnHeader {color: #ec7f09;text-transform: uppercase;font-size: 13px;}
.leftColumnBox {padding: 8px; margin-top: 10px; color: #454545;}
.leftColumnBox .leftColumnHeader {padding: 3px 5px;}
.leftColumnBox .leftColumnHeader h6 {width: 155px; font-family: Arial, Helvetica, sans-serif;}
.leftColumnBox p {padding-top: 0;}
.leftColumnBox .leftColumnHeader img {margin-top: 1px;}
.leftColumnBox .leftColumnHeader h6 span {font-weight: 400;}
.ccInputs {padding: 10px 0; padding-top: 3px;}
.depositsLC .ccInputs, #autoinsuranceForm .ccInputs {padding: 10px 0; padding-top: 3px; padding-left: 5px;}
#autoinsuranceForm .ccInputs {padding-left: 13px;}
.ccInputs input.txt {
width: 50px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/inputBG.png) top left repeat-x;
padding: 2px;
}
.ccInputs input.percent {width: 35px;}
input.chkbox {background-color: transparent; margin: 2px 0;}
label.chkbox {position: relative; top: -4px; left: 2px;}
.ccRadioInputs span {position: relative; top: -4px; left: 2px;}
#mainColumn {width: 725px; float: left; margin-left: 15px;}
h1.header {font-family: "Helvetica Neue"; font-size: 29px; color: #494949; margin-top: 20px; margin-bottom: 20px; margin-left: 5px;}
.ccContainer {
margin-bottom: 10px;
}
#featuredCC .ccContainer,
#featuredAI .ccContainer {
margin-bottom: 0;
}
.featuredCC .ccContainer{
margin-bottom: 0;
}
.ccInfo {
background: #fff url(../img/layout/creditCards/ccBG.png) top left no-repeat;
width: 683px;
height: 170px;
padding-left: 25px;
padding-top: 25px;
}
#featuredCC,
#featuredAI {
background: #f4faff;
padding-top: 10px;
float: left;
margin-bottom: 10px;
}
.featuredCC {
background: #f4faff;
padding-top: 10px;
float: left;
margin-bottom: 10px;
}
h5#featuredCCHeader,
h5#featuredAIHeader {
font-size: 13px;
color: #494949;
text-transform: uppercase;
margin-left: 10px;
}
h5.featuredCCHeader{
font-size: 13px;
color: #494949;
text-transform: uppercase;
margin-left: 10px;
}
#featuredCC .ccInfo,
#featuredAI .ccInfo {
background: #f4faff url(../img/layout/creditCards/featuredccBG.png) top left no-repeat;
width: 683px;
height: 170px;
padding-left: 25px;
padding-top: 25px;
}
.featuredCC .ccInfo{
background: #f4faff url(../img/layout/creditCards/featuredccBG.png) top left no-repeat;
width: 683px;
height: 170px;
padding-left: 25px;
padding-top: 25px;
}
.ccContainer h2 {margin-bottom: 10px;}
.ccContainer h2 a {
font-family: "Helvetica Neue";
font-size: 22px;
font-weight: 400;
}
.ccContainer h2 a:hover {
text-decoration: none;
color: #00aeff;
}
.ccContainer h2 a sup {
font-family: "Helvetica Neue";
font-size: 12px;
font-weight: 400;
position: relative;
top: -10px;
}
/*.ccBottom {
background: #fff url(../img/layout/creditCards/ccBottom.png) 0 0 no-repeat;
width: 708px;
height: 42px;
margin-top: -30px;
font-size: 11px;
}*/
.ccMiddle {
background: #fff url(../img/layout/creditCards/savingsBG_wide.png) 0 0 no-repeat;
width: 708px;
/*height: 25px;
height: 270px;*/
height: auto;
margin-top: -23px;
font-size: 11px!important;
}
#featuredCC .ccMiddle {
background: #f4faff url(../img/layout/creditCards/featuredsavingsBG_wide.png) 0 0 no-repeat;
width: 708px;
/*height: 25px;
height: 270px;*/
height: auto;
margin-top: -23px;
font-size: 11px!important;
}
.featuredCC .ccMiddle {
background: #f4faff url(../img/layout/creditCards/featuredsavingsBG_wide.png) 0 0 no-repeat;
width: 708px;
/*height: 25px;
height: 270px;*/
height: auto;
margin-top: -23px;
font-size: 11px!important;
}
.ccBottom {
background: #fff url(../img/layout/creditCards/savingsOpenBottom.png) 0 0 no-repeat;
width: 708px;
height: 39px;
font-size: 11px;
margin-top: -10px;
}
#featuredCC .ccBottom {
background: #f4faff url(../img/layout/creditCards/featuredsavingsOpenBottom.png) 0 0 no-repeat;
width: 708px;
height: 39px;
font-size: 11px;
margin-top: -10px;
}
.featuredCC .ccBottom {
background: #f4faff url(../img/layout/creditCards/featuredsavingsOpenBottom.png) 0 0 no-repeat;
width: 708px;
height: 39px;
font-size: 11px;
margin-top: -10px;
}
.ccBottomHidden {
background: #fff url(../img/layout/creditCards/ccBottom.png) 0 0 no-repeat;
width: 708px;
height: 42px;
margin-top: -23px;
font-size: 11px;
}
.ccBottomNoSlider {
background: #fff url(../img/layout/creditCards/ccBottomNoSlider.gif) 0 0 no-repeat;
width: 708px;
height: 22px;
margin-top: -23px;
font-size: 11px;
}
.featuredBottomNoSlider {
background: #e4f3fe url(../img/layout/creditCards/featuredBottomNoSlider.png) 0 0 no-repeat;
width: 708px;
height: 22px;
margin-top: -23px;
font-size: 11px;
}
#featuredCC .ccBottomHidden {
background: #f4faff url(../img/layout/creditCards/featuredccBottom.png) 0 0 no-repeat;
width: 708px;
height: 42px;
margin-top: -23px;
font-size: 11px;
}
.featuredCC .ccBottomHidden {
background: #f4faff url(../img/layout/creditCards/featuredccBottom.png) 0 0 no-repeat;
width: 708px;
height: 42px;
margin-top: -23px;
font-size: 11px;
}
.voting {
background: url(../img/layout/voting/blueVotingBG.png) 0 0 no-repeat;
width: 57px;
height: 97px;
}
.ccImage, .providerImage {
background: #fff url(../img/layout/creditCards/ccShadow.png) top left no-repeat;
width: 148px;
height: 98px;
margin-left: 7px;
}
.providerImage {margin-left:0;}
.votingBadge {
background: #fff url(../img/layout/creditCards/overallScoreBG.png) 0 0 no-repeat;
width: 47px;
height: 62px;
margin-top: 2px;
}
.ccInfo .voting, .ccTabData .voting{
background: url(../img/layout/voting/blueVotingBG.png) 0 0 no-repeat;
width: 57px;
height: 97px;
}
.ccInfo .votingBadge, .ccTabData .votingBadge{
background: #fff url(../img/layout/voting/overallScoreBlue.png) 0 0 no-repeat;
width: 47px;
height: 62px;
margin-left: 2px;
margin-top: 1px;
}
.ccInfo .votingImg, .ccTabData .votingImg {
margin-top: 0px;
}
.rating {color: #fff; font-size: 28px; padding-top: 26px; padding-bottom: 9px; padding-left: 2px;}
.ccInfo .rating {color: #fff; font-size: 28px; padding-top: 26px; padding-bottom: 9px; padding-left: 9px;}
.ccTabData .rating {color: #fff; font-size: 28px; padding-top: 26px; padding-bottom: 9px; padding-left: 2px;}
.rateInfo {width: 300px; float: left; margin-left: 10px; font-size: 11px; position: relative;}
.rateInfo p,.savingsInfo p {font-size: 11px;}
.rateInfo p.small,.savingsInfo p.small {padding:0;}
.rateInfo p.modifier,.savingsInfo p.modifier {padding:0;}
.rateInfo p.rate,.savingsInfo p.savings, .savingsInfo p.negative {font-size: 20px;padding:0; padding-top: 3px;}
.savingsInfo a:hover {text-decoration: none!important;}
.mortgageRate {width: 450px; float: left; margin-left: 10px; font-size: 11px; position: relative;}
.savingsInfo {font-size: 11px; margin-left: 530px; width: 140px;}
.rateInfo p, .savingsInfo p,
.mortgageLoans p {padding-bottom: 0; font-size: 11px; padding:0;}
.rateInfo p.small,
.mortgageLoans p.small {color: #000;}
.mortgageLoans p.rate {font-size: 22px; padding-top: 3px;}
.mortgageLoans {position: relative;}
table.mortgageSavingsTable {
margin-right: 30px;
width: 610px;
}
table.mortgageSavingsTable th.cell1 p {padding-left: 10px;}
table.mortgageSavingsTable td.cell4, table.mortgageSavingsTable th.cell4 {padding-right: 5px;}
.rateInfo h4.plus {
font-size: 17px;
background: url(../img/layout/creditCards/plus.png) 0 0 no-repeat;
position: absolute;
top: 80px;
left: 50px;
padding-left: 20px;
}
.balanceTransfer, .introAPR, .regularAPR {float: left; width: 90px; font-size: 11px;}
.balanceTransfer {width: 110px;}
.rate {
font-size: 24px;
color: #494949;
}
.savings {
font-size: 24px;
color: #007fd8;
}
.negative {
font-size: 24px;
color: #BA0106;
}
p.modifier {padding-bottom: 0px;}
.mortgageLoans p.modifier {padding-bottom: 0px;}
.savingsInfo img {margin-top: 8px; margin-left: 5px;}
.ccBottom a.ccInfoExpander, .ccBottomHidden a.ccInfoExpander {color: #008cee;line-height: 32px; margin-left: 60px;}
.commentsInfo {margin-left: 90px; line-height: 32px; color: #9e9e9e; padding-top: 0;}
.commentsInfo img {position: relative; top: 3px; margin-right: 5px;}
.savingsContent {
margin-left: 50px;
width: 646px;
padding-top: 5px;
padding-bottom: 20px;
}
div.mortgageProvider {text-align: center;}
div.mortgageProvider img {margin-top: 15px; margin-left: -5px;}
p.savingsNote {padding: 10px 0; font-size: 10px; color: #b0b0b0; padding-left: 10px}
th.cell1, td.cell1 {width: 120px; vertical-align: top; border-bottom: 2px solid #f7f7f7;}
th.cell1 {padding-left: 0;}
th.cell2, td.cell2 {width: 210px; border-top: 2px solid #ececec}
td.cell2 p, td.cell3 p, td.cell4 p, td.cell5 p {padding: 2px 0;}
td.cell2 p {padding-left: 15px}
th.cell3, th.cell4, th.cell5, td.cell3, td.cell4, td.cell5 {width: 90px; border-top: 2px solid #ececec}
td.cell1, td.cell2, td.cell3, td.cell4, td.cell5 {padding: 10px 0;}
th.cell3 p, th.cell4 p, th.cell5 p {padding-top: 3px; padding-right: 0;}
th.cell5 p, td.cell5 p {padding-right: 10px;}
th.cell1 p, td.cell1 p {padding-left: 10px;}
th.cell1 p {padding-left: 8px;}
p.charge {color: #b50000;}
p.saving {color: #209c01;}
.tdGray {background-color: #ececec;}
.tdGray td {padding-bottom: 3px;}
.savingsContent table td p, .savingsContent table th p{font-size: 11px;}
.savingsContent table td {padding-top: 3px;}
.savingsContent table th {vertical-align: bottom;}
th.noborder, td.noborder {border: none;}
.ccContainer .separator {padding:0 5px;}
#ccSearchHeader {font-size: 11px; color: #454545; width: 700px; height: 25px; line-height: 25px; margin-bottom: 5px; margin-top: -15px;}
#ccSearchHeader p {width: 220px; padding-top: 2px; padding-left: 5px;}
#paginatorHeader {font-size: 11px!important; padding-bottom: 8px; padding-left: 5px; position: relative; top: -2px;}
form#ccSort {float: right; margin-right: 10px;}
form#ccSort select, form#ccSort label {font-size: 11px;}
form#ccSort select#savingsLength {margin-right: 15px;}
.leftColumnBoxccFilter {
padding: 5px 0;
padding-bottom: 0;
margin-bottom: 5px;
}
h6.filterHeader {
/*background: #F7F7F7 url(../img/layout/arrowRight.gif) 0 2px no-repeat;
padding-left: 15px;
margin-left: 10px;*/
padding-bottom: 7px;
font-size: 12px;
}
h6.filterHeader a {
background: #F7F7F7 url(../img/layout/arrowRight.gif) 0 2px no-repeat;
color: #504E4F;
padding-left: 20px;
margin-left: 10px;
font-size: 12px;
}
h6.filterHeader a.expanded {
background: #F7F7F7 url(../img/layout/arrowDown.gif) 0 5px no-repeat;
color: #504E4F;
padding-left: 20px;
margin-left: 10px;
font-size: 12px;
}
.cardFilters {
background: #FFF;
padding-top: 5px;
padding-bottom: 15px;
padding-left: 10px;
}
.rateBlock {width: 300px; margin-bottom: 20px;}
.ratePicture {
background: #fff url(../img/layout/compareRates/imgBG.png) top left no-repeat;
width: 266px;
height: 155px;
}
h2.subHeader {padding: 10px 0; padding-top: 15px;}
.rateBlock h3 {font-size: 22px; padding: 5px 0; padding-bottom: 0;}
.rateBlock h3 a:hover {text-decoration: none; color: #00aeff;}
.rateBlock p {width: 260px; font-size: 11px!important; padding-top: 0;}
.ratePicture img {border: 2px solid transparent;}
.ratePicture a:hover img {border: 2px solid #008cee;}
.addtBlock {width: 580px; margin-bottom: 15px;}
.addtBlock h3 {font-size: 17px;}
.addtBlock h3 a:hover {text-decoration: none;}
.addtBlock p {font-size: 11px!important; padding-top: 0!important;}
.smlImageBG {
background: #fff url(../img/layout/smlImgBG.png) top left no-repeat;
width: 104px;
height: 74px;
margin-right: 5px;
}
.margin20 {margin-bottom: 20px;}
#rightColumnNarrow .smlImageBG {
margin-right: 0px;
}
.sideBarNews {width: 300px; margin-bottom: 0px;}
.sideBarNews .smlImageBG {margin-right: 5px!important;}
.sideBarNews p {font-size: 12px; line-height: 12px; padding: 0;}
a.newsBlockLink {float: left; margin: 10px 0 20px 0; font-style: italic;}
.sideBarNews .smallText, .sideBarNews .commentsCount {color: #9e9e9e; font-size: 11px!important; display: block; padding-top: 3px!important;}
.commentsCount span {position: relative; left: 5px; top: -3px;}
table#ccData {
width: 175px;
margin-bottom: 10px;
}
table#ccData td {
padding: 4px 3px;
}
table#ccData td.ccTitle {
padding-left: 3px;
}
table#ccData tr.odd {
background-color: #ececec;
}
table#ccData td.bold {
padding-right: 3px;
}
/* FOOTER */
#footer {
font-size: 11px;
color: #a4a3a3;
margin-top: 25px;
margin-left: 20px;
background: #fff;
padding-bottom: 50px;
float: left;
}
#footer .footerNav {width: 150px; float: left;}
.footerNav h6 {padding-bottom: 5px;}
.footerNav ul li {padding: 2px 0;font-size: 11px;}
.footerNav a:link, .footerNav a:visited {color: #a4a3a3;}
.footerNav a:hover {text-decoration: underline;}
.footerNav a:active {color: #a4a3a3;}
#footerImgLinks {margin-top: 28px;}
#footerImgLinks td {
vertical-align: middle;
padding: 5px 10px;;
}
/* CREDIT REPORT CARD */
#crcSummary {
background: #fff url(../img/layout/crc/summaryBG.png) top left no-repeat;
width: 929px;
height: 243px;
margin-top: 10px;
margin-left: -5px;
}
#crcSummary p {
padding-top: 20px;
}
#overallRating {
background: transparent url(../img/layout/crc/overallBadge.png) top left no-repeat;
width: 76px;
height: 88px;
margin-top: 20px;
float: left;
margin-left: 20px;
}
#overallRatingNA {
background: transparent url(../img/layout/crc/crcBadgeNA.png) top left no-repeat;
width: 63px;
height: 62px;
float: left;
}
#overallRatingCRC {
background: transparent url(../img/layout/crc/crcBadge.png) top left no-repeat;
width: 63px;
height: 62px;
float: left;
}
#overallRating p.rating {
font-size: 40px;
margin-top: 34px;
margin-left: 5px;
}
#overallRatingNA p.rating,
#overallRatingCRC p.rating {
font-size: 33px;
margin-top: 0!important;
padding-top: 22px;
margin-left: 3px;
}
#overallRatingNA p.rating,
#overallRatingCRC p.rating {
font-size: 28px;
padding-top: 24px;
}
#overallRatingCRC p.rating {
font-size: 33px;
padding-top: 22px;
margin-left: 0;
}
#leftColumnWide #overallRating {
margin-top: 0;
margin-left: 0;
margin-right: 5px;
}
.crRating p.rating {
font-size: 34px!important;
margin-top: 22px;
margin-left: 3px;
padding-top: 0;
}
.crRatingNA p.rating {
font-size: 26px!important;
margin-top: 24px;
margin-left: 3px;
padding-top: 0;
}
#overallThermometer {
background: transparent url(../img/layout/crc/thermograph_v2.png) 0 0 no-repeat;
width: 789px;
height: 83px;
float: left;
margin-top: 22px;
margin-left: 20px;
}
p#gradeDesc {padding:0 20px; padding-top: 25px!important;}
div.creditReportItem {margin-top: 15px; float: left; padding-bottom: 15px; border-bottom: 2px solid #eee; margin-bottom: 10px;}
div.crcItemHeader {
float: left;
width: 515px;
background: #fff url(../img/layout/crc/headerDots.png) 0 15px repeat-x;
position: relative;
}
.reportPage div.crcItemHeader {
margin: 5px 0;
}
.subCrcItemHeaders {margin-left: 40px;}
.subCrcItemHeaders div.crcItemHeader {width: 475px;}
.crRating {
background: transparent url(../img/layout/crc/crcBadge.png) top left no-repeat;
width: 64px;
height: 62px;
float: left;
margin-right: 5px;
}
.crRatingNA {
background: transparent url(../img/layout/crc/crcBadgeNA.png) top left no-repeat;
width: 64px;
height: 62px;
float: left;
margin-right: 5px;
}
div.crcItemHeader h4 {
float: left;
background: #fff;
font-family: "Helvetica Neue";
font-size: 22px;
font-weight: 400;
color: #494949;
padding-right: 5px;
}
div.crcItemHeader h4 span {
position: absolute;
right: 0;
background: #fff;
padding-left: 5px;
}
div.crcItemHeader h4 a:hover {
text-decoration: none;
color: #00aeff;
}
.creditReportItem p.crcItemDesc {margin-left: 68px; width: 440px;}
#reportDesc {margin-top: 15px;}
#reportDesc p.reportIntro {margin-left: 80px; margin-right: 20px; padding-top: 0;}
#reportDesc p.rating {margin-top: 34px;}
#reportDesc input#hhIncome{
margin-top: 5px;
margin-left: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 80px;
}
p.incomeUpdated {
background-color: #f0ffeb;
color: #259202;
text-align: center;
padding: 10px;
margin-top: 10px;
font-weight: bold;
margin-left: 80px;
margin-right: 40px;
}
a#editIncome {
background: transparent url(../img/buttons/saveIncome.png) top left no-repeat;
width: 61px;
height: 34px;
text-indent: -9999px;
display: block;
margin-right:85px;
margin-top: -3px;
float: right;
}
#reportDesc a#editIncome {
background: transparent url(../img/buttons/saveIncome.png) top left no-repeat;
width: 61px;
height: 34px;
text-indent: -9999px;
display: block;
margin-right:115px;
margin-top:0;
float: right;
}
p.jumpTop {margin-bottom: 20px;}
p.note {font-size: 11px!important; color: #9f9f9f; margin-left: 80px; }
span.highWeight {color:#fa3a00; text-transform: uppercase;}
span.mediumWeight {color:#ffa800; text-transform: uppercase;}
span.lowWeight {color:#009900; text-transform: uppercase;}
#reportItemPercentile, #reportItemDistribution, #reportItemTracking, #reportItemTracking {margin-top: 30px;}
#reportItemOverview h2.subHeader, #reportItemPercentile h2.subHeader, #reportItemDistribution h2.subHeader,
#reportItemTracking h2.subHeader, #reportItemTracking h2.subHeader {padding:0;}
#reportItemOverview h2.subHeader {padding-bottom: 10px;}
#leftColumnWide .creditcardReport h2.subHeader {padding-bottom: 15px!important; padding-top: 0!important;}
#totalPercentile, .comparePercentageWB {
background: transparent url(../img/layout/crc/percentileSlider.png) top left no-repeat;
width: 412px;
height: 66px;
margin-left: 27px;
float: left;
margin-right: 15px;
}
#totalPercentileReversed {
background: transparent url(../img/layout/crc/percentileSliderReversed.png) top left no-repeat;
width: 412px;
height: 66px;
margin-left: 27px;
float: left;
margin-right: 15px;
}
#reportItemPercentile {margin-top: 10px;}
#reportItemPercentile h5, h5.comparePercentage {font-size: 40px; color: #4c4b4b; margin-top: 15px;}
#reportItemDistribution img,
#reportItemTracking img, #reportItemTracking img {margin-left: 20px; margin-top: 20px;}
ul.creditReportNav {
font-size: 12px;
font-weight: normal!important;
margin: 10px 0;
padding-bottom: 5px;
}
ul.creditReportNavBtm {margin-top: 20px;}
ul.creditReportNav li {
display: inline;
}
ul.creditReportNav li span.separator {
padding-right: 5px;
}
#sidebarQA {margin-bottom: 20px;}
#sidebarQA p {font-size: 12px; padding: 5px 0;}
div.qaBubble {width: 311px; margin: 5px 0; margin-left: -3px;}
div.qaBubbleTop {
background: transparent url(../img/layout/sidebar/qaBubbleTop.png) top left no-repeat;
width: 311px;
height: auto;
padding: 10px;
padding-bottom:0;
}
div.qaBubbleBottom {
background: transparent url(../img/layout/sidebar/qaBubbleBottom.png) top left no-repeat;
width: 311px;
height: 26px;
font-size: 12px;
}
div.qaBubbleBottom p {
margin-left: 35px;
margin-top: 2px;
float: left;
}
div.qaBubbleBottom p span {
color: #a9a9a9;
padding-left: 10px;
}
div.qaBubbleTop p {
margin-left: 15px;
line-height: 14px;
}
div.userQuote {
background: #fff url(../img/layout/quotes.png) top left no-repeat;
width: 210px;
float: left;
margin-left: 5px;
}
div.userQuote p {
padding-bottom: 0!important;
}
div.userQuote p.posted span {
color: #a9a9a9;
font-size: 11px;
padding-bottom: 5px;
}
div.userQuote p.posted {
padding-bottom: 10px!important;
}
p.qaAnswer {line-height: 15px;}
div.profilePic {
background: #fff url(../img/layout/profilePicBG.png) top left no-repeat;
width:40px;
height:40px;
float: left;
}
div.profilePic img {
margin-top: 3px;
margin-left: 4px;
}
#sidebarQA img.btn {margin-top: 10px;}
#newsBlock {margin-top: 20px;}
#newsBlock h2 {padding-top: 0px;}
#newsBlock p {padding-top: 0;}
#newsBlock p span.smallText {padding-top: 0;}
#newsBlock p span.commentsCount {padding-top: 0;}
/* NEWS PAGES */
#featuredArticles {margin-top: 10px; margin-left: -8px; margin-bottom: 30px;}
.newsPage h2.subHeader {padding-bottom:10px!important;}
.featuredBlock {
background: #fff url(../img/layout/news/featShadow.png) top left repeat-x;
width: 196px;
height: 253px;
float: left;
margin-right: 5px;
}
.featuredBlock img {margin-left: 9px; margin-top: 6px;}
.featuredInfo {
background: #fff url(../img/layout/news/featBG.png) top left repeat-x;
width: 178px;
height: 123px;
margin-left: 9px;
position: relative;
}
.featuredInfo h3 {
color: #fff;
font-size: 26px;
padding: 10px;
}
.featuredInfo a {color: #fff;}
.featuredInfo a:hover {text-decoration: none;}
.featuredInfo p.commentShare {font-size: 11px!important; position: absolute; left: 2px; bottom: 5px;}
.featuredInfo span.separator{color: #f9d282}
.articleListing, .offerListing {float: left; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-top: 10px; margin-bottom: 8px;}
.articleVoting {
background: url(../img/layout/voting/greenVotingBG.png) top left no-repeat;
width: 56px;
height: 90px;
float: left;
}
.articleVoting .votingBadge {
background: url(../img/layout/voting/voteGreen.png) 0 0 no-repeat;
width: 47px;
height: 55px;
margin-top: 1px;
margin-left: 2px;
}
.articleVoting p.rating {
color: #fff;
font-size: 29px!important;
padding-top: 19px!important;
padding-bottom: 8px!important;
padding-left: 8px!important;
}
.articleVoting .votingBadge .yes,
.articleVoting .votingBadge .yesActive,
.articleVoting .votingBadge .yesInactive {margin-right: 0px;}
.articleSummary {
float: left;
width: 420px;
margin-left: 5px;
}
.articleSummary h3 {font-size: 22px;}
.articleSummary h3 a:hover {text-decoration: none;}
.articleSummary p {font-size: 11px!important; margin-top: -8px}
.articleSummary p.commentsInfo {margin-left:0; margin-top: -8px}
.articleSummary p.commentsInfo span.commentsLinks {position: relative; top: -2px; left: 2px;}
/* EOF NEWS PAGES */
/* OFFERS LISTING */
.offerListing {float: left; border-bottom: 2px solid #eee; padding-bottom: 10px; margin-top: 10px; margin-right: 10px;}
.offerListing .voting {
background: transparent url(../img/layout/voting/blueVotingBG.png) top left no-repeat;
width: 57px;
height: 97px;
float: left;
}
.offerListing .votingBadge {
background: url(../img/layout/voting/overallScoreBlue.png) 0 0 no-repeat;
width: 47px;
height: 62px;
margin-top: 1px;
margin-left: 2px;
}
.offerListing p.rating {
color: #fff;
font-size: 29px!important;
padding-top: 26px!important;
padding-bottom: 8px!important;
padding-left: 8px!important;
}
.offerSummary {
float: left;
width: 410px;
margin-left: 5px;
}
.offerSummary h3 {font-size: 22px;}
.offerSummary h3 a:hover {text-decoration: none;}
.offerSummary p {font-size: 11px!important; margin-top: -8px}
.offerSummary p.commentsInfo {margin-left:0; margin-top: -8px}
.offerSummary p.commentsInfo span.commentsLinks {position: relative; top: -2px; left: 2px;}
.offerSummary p.commentsInfo a.detailsLink,
.offerSummary p.commentsInfo span.detailsLink {position: relative; top: -2px; left: 2px;}
div#offersSorting {position: relative;padding-bottom: 0px;}
div#offersSorting #offerSort {position: absolute; top: 5px; right: 20px}
div#offersSorting #offerSort label {padding-right: 10px;}
div#offersSorting #offerSort select {font-size: 11px; width: 200px;}
#offerPagination {margin-top: 20px; float: left;}
/* ARTICLE */
.votingArticle {
width: 76px;
height: auto;
margin-right: 10px;
}
.votingBadgeArticle {
background: #fff url(../img/layout/article/votingBadge.png) top left no-repeat;
width: 76px;
height: 83px;
}
.votingBadgeArticle p.rating {
font-size: 40px!important;
padding-top: 24px!important;
padding-left: 4px!important;
}
.voteButtons {
background: #fff url(../img/layout/article/votingBG.png) top left no-repeat;
width: 76px;
height: 44px;
}
.voteButtons .no {margin-left: 1px;}
.articlePic {
background: #fff url(../img/layout/article/mainImageBG.png) top left no-repeat;
width: 443px;
height: 300px;
margin-top: 20px;
}
.picContainer {position: relative; margin-bottom: 15px;}
.socialBookmarks {width: 120px; margin-top: 20px;float: left; position: absolute; top:-20px; right: 15px;}
.socialBookmarks p span{position: relative; top: -3px; font-size: 11px;}
.socialBookmarks h2 {color: #858585!important; margin-bottom: 10px;}
.articleContent {font-size: 12px; line-height: 16px; margin-right: 25px;}
.articleContent ul {font-size: 12px!important; margin-left: 50px; line-height: 15px; margin-top: 10px; margin-right: 50px}
.articleContent ul li {padding-bottom: 10px; list-style-type: disc;}
.divider {border-top: 2px solid #eeeeee; padding: 10px 0;}
#comments h2 {width: 72px; float: left;}
#comments h2#commentHeader {width: auto; float: left!important; margin-top: 15px;}
textarea#cBody, .replyCopy textarea {width: 556px; height: 150px; background: #fffff4 url(../img/layout/article/textareaBG.png) 0 0 no-repeat; border: 1px solid #d3d3d3; margin-top: 5px; margin-left: 11px;}
.replyCopy textarea {margin-left:0; height: 90px;}
.replyCopy label {font-weight: 700; font-size: 12px;}
label#lbl-cBody {font-weight: 700;}
#recommendBar {
background: #fff url(../img/layout/comments/votingBackground.png) top left no-repeat;
width: 321px;
height: 42px;
margin: 10px 0;
float: left;
margin-left: 0;
}
/*a.actionClear2 {position: relative; top: -25px; left: 15px; font-size: 12px;}*/
/* EOF ARTICLE */
/* COMMENTS */
.commentTalkBubble {
width: 590px;
margin-top: 10px;
}
.commentTalkBubbleWide_top {
background: #fff url(../img/layout/comments/wideCommentTop.png) 0 0 no-repeat;
width: 590px;
min-height: 60px;
height: auto!important;
height: 60px;
position: relative;
}
.commentTalkBubbleWide_bottom {
background: #fff url(../img/layout/comments/wideCommentBottom.png) 0 0 no-repeat;
width: 590px;
height: 27px;
position: relative;
}
/*.responseBubble {margin-left: 65px; margin-top: 0;}*/
.responseBubble {text-align: right; float: right; margin-right: 10px;}
.commentResponseTop {
background: #fff url(../img/layout/comments/smallCommentTop.png) 0 0 no-repeat;
width: 525px;
min-height: 60px;
height: auto!important;
height: 60px;
text-align: left;
position: relative;
}
.commentResponseBottom {
background: #fff url(../img/layout/comments/smallCommentBottom.png) 0 0 no-repeat;
width: 525px;
height: 27px;
position: relative;
text-align: left;
}
.moderatorResponseTop {
background: #fff url(../img/layout/comments/modCommentTop.png) 0 0 no-repeat;
width: 525px;
min-height: 60px;
height: auto!important;
height: 60px;
text-align: left;
}
.moderatorResponseBottom {
background: #fff url(../img/layout/comments/modCommentBottom.png) 0 0 no-repeat;
width: 525px;
height: 27px;
position: relative;
text-align: left;
}
div.commentProfilePic {
background:url(../img/layout/profilePicBG.png) no-repeat top left;
width:40px;
height:40px;
float: left;
position:relative;
margin-top: 10px;
margin-left: 10px;
margin-right: 5px;
text-align: center;
}
div.moderatorProfilePic {
background:url(../img/layout/moderatorPicBG.png) no-repeat top left;
width:40px;
height:40px;
float: left;
position:relative;
margin-top: 10px;
margin-left: 10px;
margin-right: 5px;
text-align: center;
}
div.commentProfilePic img.profilePic, div.moderatorProfilePic img.profilePic {margin-left: 0px; margin-top: 4px;}
div.commentProfilePic .commentVote, div.moderatorProfilePic .commentVote {position: relative; top: -5px;}
.quote {
/*background:url(../img/layout/quotes.gif) 0px 0px no-repeat;
width: 13px;*/
height: 22px;
float: left;
}
.commentCopyBlock, .responseCopyBlock {
padding-top: 15px;
margin-left: 55px;
padding-bottom: 10px;
}
.commentCopyBlock p {
width: 430px;
margin-left: 20px;
padding-top: 0;
word-wrap: break-word;
}
.responseCopyBlock p {
width: 380px;
margin-left: 20px;
padding-top: 0;
word-wrap: break-word;
}
p.commentTimeStamp {margin-left: 40px; width: 300px; float: left;}
.commentResponseBottom p.commentTimeStamp {margin-left: 40px; width: 250px; float: left;}
.moderatorResponseBottom p.commentTimeStamp {margin-left: 40px; width: 250px; float: left;}
span.commentDate {font-size: 11px!important; color:#a9a9a9;}
/*span.actionLinks {position: absolute; top: 5px; right: 10px;}*/
span.actionLinks {position: absolute; bottom: 3px; right: 17px;}
a.replyToComment {background: url(../img/layout/comments/reply.gif) no-repeat top left; padding-left: 15px; font-size: 10px; margin-left: 10px;}
a.cancelReply {background: url(../img/layout/comments/cancelReply.gif) no-repeat top left; padding-left: 15px; font-size: 10px; margin-left: 10px;}
a.flagComment img {padding-left: 5px;}
.replyCopy {width: auto; margin-top: 20px; margin-left: 10px;}
a.replyCopyAlert {float: left; font-size: 12px!important; position: relative; top: 10px; left: 20px;}
.replyInfoloaderdiv {float: left; position: relative; top: 20px; left: 5px;}
/* EOF COMMENTS */
/* COMPARE RATES */
#compareRates {
/*background: #fff url(../img/layout/rates/tableBG.png) bottom left no-repeat;
width: 584px;
min-height: 311px;
height: auto!important;
height: 311px;*/
}
h3#searchResultFrom, h3#searchResultCt {float: left; display: inline; font-size: 22px; color: #494949;}
h3#searchResultCt {color: #a4a4a4; padding-left: 15px; float: left;}
table.compareTable {margin-left: 20px; margin-top: 20px; width: 535px;}
table.compareTable td.stepTD {
background: #a3a3a3;
color: #fff;
font-weight: 700;
font-size: 12px;
padding: 15px 8px;
border-bottom: 2px solid #fff;
}
table.compareTable td.titleTD {
background: #f5f5f5;
color: #454545;
font-weight: 700;
font-size: 12px;
padding: 15px 10px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
}
table.compareTable td.titleTD span,
table.compareTable td.stepTD span {
position: relative;
top: -3px;
}
table.compareTable td.inputTD {
background: #f5f5f5;
color: #454545;
font-weight: 700;
font-size: 12px;
padding: 0 15px;
border-bottom: 2px solid #fff;
border-right: 2px solid #fff;
width: 250px;
}
div.radioTD {
padding-bottom: 10px;
padding-left: 8px;
}
table.compareTable td.productType {padding-top: 10px;}
table.compareTable td.inputTD select {margin-left: 11px;}
table.compareTable input.radioInput {
border: none!important;
width: auto!important;
background: none!important;
}
span.radioInputSpan {
position: relative;
top: -3px;
font-weight: 400;
}
img.depositsRates, img.homeequityRates {margin-bottom: 20px;}
/* EOF COMPARE RATES */
/* SIMULATOR */
#simulator {
background: #fff;
width: 920px;
margin-top: 10px;
padding: 0;
float: left;
}
#simLeft {width: 575px; font-size: 11px; float: left; background: #f7f7f7; padding: 10px;}
#simLeft h2 {color: #4c4b4b; padding: 10px 0; padding-left: 5px;}
#simRight {background: #f7f7f7; width: 305px; float: left;font-size: 12px; padding: 10px 5px;}
#simRight h2 {color: #4c4b4b; padding: 10px 0; padding-left: 5px; padding-top: 0; text-align: left;}
#scores {
background: #f7f7f7 url(../img/layout/simulator/scoreBG.png) 0 0 no-repeat;
width: 289px;
height: 113px;
}
.simBoxContainer {position: relative; margin:0 5px;}
.simBoxToggle {
background: #f7f7f7 url(../img/layout/simulator/modifierBG.png) 0 0 no-repeat;
width: 32px;
height: 56px;
float: left;
position: absolute;
top:0;
left:0;
margin-left: 1px;
}
.simBoxToggle img {margin-left: 6px; margin-top: 7px; cursor: pointer;}
.simBoxExpanded, .simCollapsed {
width: 537px;
float: left;
margin-left: 33px;
}
.simCollapsed {
background: #f7f7f7 url(../img/layout/simulator/simCollapsed.png) 0 0 no-repeat;
width: 539px;
height: 56px;
}
.simBoxTop {
background: #f7f7f7 url(../img/layout/simulator/sectionTop.png) 0 0 no-repeat;
width: 537px;
height: 7px;
}
.simBoxMiddle {
background: #f7f7f7 url(../img/layout/simulator/sectionMiddle.png) 0 0 repeat-y;
width: 544px;
height: auto;
margin-left:-5px;
}
.simBoxBottom {
background: #f7f7f7 url(../img/layout/simulator/sectionBottom.png) 0 0 no-repeat;
width: 544px;
height: 9px;
margin-left: -5px;
}
.simBoxContent {
margin-left: 25px;
padding-top: 13px;
padding-bottom: 20px;
padding-right: 15px;
/*background: #fff url(../img/layout/simulator/sectionBG.png) bottom left repeat-x;*/
}
.simBoxMiddle h3, .simCollapsed h3 {font-size: 22px!important; text-transform: none!important; padding-left: 0!important; padding-top: 0!important; font-weight: 400!important;}
.simCollapsed h3 {padding-top: 20px!important; margin-left: 20px;}
.simCollapsed h3 a:hover{text-decoration: none;}
.hidden {display: none;}
p.simClick {font-weight: 700; padding-top: 0!important; padding-bottom: 10px!important;}
.simSlider {
position:relative;
background: #fff url(../img/layout/simulator/sliderBG.png) 0 0 no-repeat;
width: 380px;
height: 80px;
margin-left: 15px;
}
.simSliderReverted {
position:relative;
background: #fff url(../img/layout/simulator/sliderBGReverted.png) 0 0 no-repeat;
width: 380px;
height: 80px;
margin-left: 15px;
}
.sliderShadow {
/*position:absolute;*/
background: #fff url(../img/layout/simulator/shadow.png) top left no-repeat;
width: 8px;
height: 37px;
/*top: 0px;
right: 0px;*/
z-index: 355;
float: right;
}
.simSliderHandle {position: absolute;top: -5px; cursor:W-resize; z-index: 350;}
.simSliderValues {position: absolute; top: 50px; left: 5px; font-size: 13px; color: #919191;}
.simSliderAmount {position: absolute; left: 430px; font-size: 40px; top: -5px; font-weight: 700; color: #4c4b4b;}
.simSliderAmountDebt {font-size: 20px; font-weight: 700; color: #4c4b4b; float: left; width: 80px}
p.simDesc2 {font-size: 11px!important; margin-left: 15px; padding-left: 30px; width: 430px;}
p.simDesc {padding-bottom: 5px;padding-top: 5px; }
p.badNews {
color: #d70000;
background: #fff url(../img/layout/comments/thumbDown.png) 0 10px no-repeat;
}
p.goodNews {
color: #009900;
background: #fff url(../img/layout/comments/thumbUp.png) 0 10px no-repeat;
}
#scoreArea {text-align: center;}
h5.simScore {font-size: 65px; width: 110px; float: left; margin-top: 40px; margin-left: 20px;}
h5.simScoreSimulated {margin-left: 30px; color: #D5D5D5;}
h5.simScoreUp {color: #26940d}
h5.simScoreDown {color: #ac0203}
.btn_simScore {margin: 10px 0;}
.simulatorNote {font-size: 11px; text-align: left; padding: 10px 20px;; color: #898989; line-height: 13px; padding-bottom: 30px;}
.debtSlider {
position:relative;
background: #fff url(../img/layout/simulator/DebtSliderBG.png) 0 0 no-repeat;
width: 420px;
height: 80px;
margin-left: 15px;
}
.payoff {color: #8da61b;}
.takedebt {color: #c64424;}
.debtOptions {
width: 200px;
margin-top: 2px;
margin-bottom: 5px;
float: left;
text-align: center;
font-weight: 700;
color: #989898;;
}
p.simActions {text-align: right; padding-bottom: 0!important; padding-right: 20px!important;}
h2#simCCHeader {width: 420px; float: left;}
.simExpandCollapse {}
.simBoxOptions {padding-left: 13px;}
.simBoxOptions input.reg-input,
.simBoxOptions input#loanamt {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 100px;
height: 16px;
}
.simRadio {margin-left: 0px;}
.simRadio span {position: relative; top: -4px!important;}
input.noBorder {margin-left:0;}
/* EOF SIMULATOR */
/* LOGON PAGES */
.formContainer {
width: 452px;
margin-left: -8px;
margin-top: 3px;
margin-bottom: 10px;
}
.formContainerTop {
background: #fff url(../img/layout/login/loginBoxTop.png) 0 0 no-repeat;
width: 452px;
height: 11px;
}
.formContainerContent {
background: #fff url(../img/layout/login/loginBox.png) bottom left no-repeat;
width: 452px;
height: auto;
}
.formContainerContent form, .signupContainerContent form {
padding-top: 20px;
padding-left: 30px;
padding-bottom: 30px;
}
.formContainerContent form label, .signupContainerContent form label,
form#logonForm label, form#sendfriendForm label, form#resetPwForm label {
font-size: 12px;
font-weight: 700;
padding-bottom: 5px;
}
.formContainerContent form input.short-input,
.signupContainerContent form input.short-input,
form#logonForm input.short-input, form#sendfriendForm input.short-input,
form#resetPwForm input.short-input, #compareRates input {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 270px;
}
img#snameImg {
position: absolute;
top: 20px;
left: 280px;
}
div#advice-sname-ajax {
margin-top: 2px;
}
span#snameAvailable {
color: #09a701;
}
form#resetPwForm input.short-input {width: 270px;}
form#resetPwForm {margin-top: 15px;}
.formContainerContent form#resetPwForm {margin-top: 0;}
input.phone3, input.phone4 {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
}
.formElement select {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
}
span.checkboxLabel {
font-size: 11px;
position: relative;
top: -3px;
}
.formContainerContent form input.chkbox {margin-left: 0;}
input#getPassword {
position: relative;
top: -41px;
left: 285px;
float: left;
}
#loginLeft {margin-top: 5px; float: left; width: 460px;}
#loginLeft .promptContainer {padding-top: 10px;}
#loginRight {float: left; width: 430px; margin-top: 9px; margin-left: 20px;}
#loginRight h1 {font-size: 22px!important; width: 220px;}
img.signupBtn {position: relative; top: -25px; left: 310px;}
img.loginBtn {position: relative; top: -25px; left: 230px;}
#ckOverview {background-color: #f7fbfe; margin-top: -22px; padding: 15px 20px; padding-bottom: 0}
#ckOverview p {padding: 0; padding-bottom: 15px;}
#ckFfeatures {padding-bottom: 30px;}
#ckFfeatures img {margin-right: 10px; margin-bottom: 20px;}
#ckFfeatures p {font-size: 11px;}
/* EOF LOGON PAGES */
#signupLeft {
margin-top: 5px;
float: left;
width: 590px;
}
#signupLeft h2 {padding-bottom: 0;}
#signupRight {
float: left;
width: 300px;
margin-top: 9px;
margin-left: 20px;
text-align: left;
}
#signupRight h1 {font-size: 22px!important; padding-top: 5px;}
.signupContainer {
width: 576px;
margin-left: -8px;
margin-top: -27px;
margin-bottom: 10px;
}
.signupContainerTop {
background: #fff url(../img/layout/signup/signupBoxTop.png) 0 0 no-repeat;
width: 576px;
height: 17px;
}
.signupContainerContent {
background: #fff url(../img/layout/signup/signupBox.png) bottom left no-repeat;
width: 576px;
height: auto;
}
.xsmallgrey {
color: #a1a0a0;
font-size: 11px;
width: 190px;
position: relative;
left: 295px;
top: -22px;
}
form#registerForm .xsmallgrey,
form#creditscore .xsmallgrey{
color: #a1a0a0;
font-size: 11px;
width: 190px;
position: relative;
top: -22px;
}
form#registerForm .xsmallgrey {
left: 300px;
}
form#creditscore input#loczip,
form#creditscore input#locapt {width: 60px;}
#helper-shareto {
color: #a1a0a0;
font-size: 11px;
width: 270px;
position: relative;
left:0px;
top: 0px;
}
#sendfriendForm textarea#share {
width: 270px;
height: 150px;
background: #fffff4 url(../img/layout/article/textareaBG.png) 0 0 no-repeat;
border: 1px solid #d3d3d3;
margin-top: 5px;
}
p.shareWFriend {
padding:0!important;
margin:0!important;
font-size: 12px!important;
padding: 5px 0!important;
}
/*.validation-advice {
color: #F20D12;
position: relative;
left: 0px;
top: 0px;
margin-bottom: 10px;
}*/
.validation-advice {
font-size: 11px;
}
.formElement {
height:65px;
position: relative;
}
#resetPwForm .formElement {
height:55px;
position: relative;
}
.validation-advice, #registerForm span.formerror,
#resetPwForm .validation-advice, #resetPwForm #advice-email {
color: #F20D12;
position: absolute;
left: 0px;
top: 42px;
margin-bottom: 10px;
width: 270px;
}
#registerForm span.formerror {
position: absolute;
left: 0px;
top: -20px;;
font-size: 11px;
}
#trustee {margin: 10px 0;}
#commPrefs {font-size: 11px; padding-top: 15px; width: 550px;}
span.prefChkbx {background-color: #a3a3a3; padding: 12px 4px; float: left; }
input.cbR {margin:0;}
div.chkBoxLabel {
background-color: #f5f5f5;
width: 475px;
padding: 10px;
padding-top: 12px;
float: left;
}
#monthlyOptions {margin-left: 55px; margin-top: -11px;}
#monthlyOptions input {margin-bottom: 5px;}
#monthlyOptions span {position: relative; top: -3px;}
#loginInfo {margin-top: -20px;}
.sidebarInfo {background-color: #f7fbfe; padding: 10px 15px; font-size: 12px; margin-bottom: 30px; margin-top: 12px;}
.sidebarInfo p {padding:0!important;padding-bottom: 10px!important;}
ul.signup1-benfts li {padding: 4px 0;}
p#requiredFields {position: relative; top: -25px; left: 440px; font-size: 11px; color: #a1a0a0;}
p#requiredFieldsStep3 {position: relative; top: -25px; left: 330px; font-size: 11px; color: #a1a0a0;}
p.optionalFormItem {
font-weight: bold;
padding-top: 0!important;
padding-bottom: 10px!important;
color: #9c9c9c;
}
#loginInfo p {padding:0;}
/* SURVEY WIDGET */
#surveyBox {
width: 290px;
height: auto;
font-size: 12px;
padding: 0 10px;
margin: 15px 0;
margin-top: 0;
margin-right: 10px;
background: #fff url(../img/layout/widgets/surveyBG.png) bottom right no-repeat;
}
#surveyBox h2 {padding-top: 0;}
#surveyBox span#question {
font-size: 12px;
font-weight: 700;
}
#surveyOptions {
margin: 0 0 10px 0;
}
#surveyOptions ul {
margin: 0;
padding: 0;
margin-top: 5px;
padding-bottom: 15px;
padding-left: 10px;
}
#surveyOptions li {
list-style-type: none;
margin: 5px 0 5px 0;
font-weight: normal;
float: left;
height: auto;
}
#surveyOptions li input {
float: left;
margin-top: 3px;
}
#surveyOptions li span {
display: block;
float: left;
width: 230px;
}
#surveyOptions input {
margin-top: -4px;
border: none;
background: none;
margin-right: 5px;
}
#surveyResults {
width: 265px;
margin-left: 20px;
margin-bottom: 10px;
/*background: #fff url(../img/layout/widgets/surveyBG.png) bottom right no-repeat;*/
}
#surveyResults ul {padding-bottom:0;}
#surveyResults ul li{
list-style-type: none;
margin-left: 5px;
padding: 2px 0;
}
#surveyResults ul li p.surveyAnswer {
font-size: 12px;
font-weight: 400;
margin-top: 1px;
padding-top: 0;
padding-bottom: 0;
margin-bottom:0;
width: 200px;
}
#surveyResults ul li p.surveyResult {
font-weight: bold;
margin: 0;
padding: 0;
width: 250px;
clear: both;
height: 20px;
}
#surveyResults ul li span.surveyResultBar {
display: block;
background: url(../img/layout/widgets/surveyResultBarBg.png) top left repeat-x;
height: 9px;
width: 1px;
margin-right: 5px;
margin-top: 3px;
float: left;
font-weight: bold;
}
#surveyResults ul li span.surveyResultBar strong {
font-weight: 700;
float: left;
}
#surveyResults ul li p.surveyResult strong {
font-size: 11px;
height: 14px;
line-height: 14px;
margin-top: -5px;
}
#surveyOptions li input {
float: left;
margin-top: 3px;
}
#surveyOptions li span {
display: block;
float: left;
width: 230px;
}
a.viewMap {float: left;}
span#surveyVotesCounter {
font-size: 11px;
float: left;
margin-top: 5px;
margin-left: 0;
width: 130px;
}
#all_done {
font-size: 12px;
background-color:#DFFFE3;
border: 1px solid #6FDF7C;
margin-bottom: 5px;
padding: 4px 0;
text-align: center;
}
#nextSurvey {
margin-top: 0;
}
span#scoreExpl {
font-weight: bold;
font-size: 12px;
padding-bottom: 5px;
display: block;
}
/* EOF SURVEY WIDGET */
#sideNewsBlock {margin-top: 15px;}
p.savingsIntro {font-size: 12px; line-height: 16px; margin-left: 5px;}
h1.mysavingsHeader {margin-bottom: 10px;}
h5.mysavingsSubheader {padding: 15px 0; margin-left: 5px; padding-bottom: 0;}
.loanTerms, .interestRate, .monthlyPayment {float: left; width: 115px;}
.loanTerms {width: 120px;}
.providerInfo {width: 350px; float: left; margin-left: 10px; font-size: 11px; position: relative; }
.providerInfo {width: 500px; float: left; margin-left: 10px; font-size: 11px; position: relative; }
.providerInfo p, .savingsInfo p {padding-bottom: 0;}
.providerInfo p.small {color: #9e9e9e;}
.autoSS p.small {color:#454545; font-size: 11px!important; padding:0;}
.autoSS p.modifier {color: #9e9e9e; font-size: 11px!important; padding:0;}
.autoSS p.rate {padding:0; padding-top: 3px!important;}
.autoSS p.header {padding:0; font-size: 11px!important; }
.autoSS p.savings {padding:0; padding-top: 3px!important;}
#autoContent .providerInfo p {font-size: 11px; padding: 0;}
#autoContent .providerInfo p.rate {font-size: 22px;}
#autoContent .totalSavingsInfo p.savings {font-size: 22px;}
h4.dollar {
font-size: 17px;
background: url(../img/layout/creditCards/dollar.png) 0 0 no-repeat;
position: absolute;
top: 80px;
left: 50px;
padding-left: 20px;
padding-top: 2px;
}
h4.percent {
font-size: 17px;
background: url(../img/layout/creditCards/percent.png) 0 0 no-repeat;
position: absolute;
top: 80px;
left: 50px;
padding-left: 20px;
}
.mortgageLoans h4.dollar {
font-size: 17px;
background: url(../img/layout/creditCards/dollar.png) 0 0 no-repeat;
position: absolute;
top: 65px;
left: 200px;
padding-left: 20px;
padding-top: 2px;
}
.mortgageLoans h4.percent {
font-size: 17px;
background: url(../img/layout/creditCards/percent.png) 0 0 no-repeat;
position: absolute;
top: 65px;
left: 200px;
padding-left: 20px;
}
.mySavingsPage h2 {font-size: 29px;}
.mySavingsPage h3.mortgageSavings {
background: url(../img/layout/mysavings/mortgageIcon.png) top left no-repeat;
height: 30px;
padding-left: 45px!important;
padding-top: 15px;
margin-left: 15px;
margin-right: 10px;
display: inline;
float: left;
font-size: 23px;
}
.mySavingsPage h3.autoloanSavings {
background: url(../img/layout/mysavings/carIcon.png) top left no-repeat;
height: 31px;
padding-left: 50px!important;
padding-top: 5px;
margin-left: 15px;
display: inline;
float: left;
font-size: 23px;
margin-right: 10px;
}
.mySavingsPage h3.ccSavings {
background: url(../img/layout/mysavings/ccIcon.png) top left no-repeat;
height: 30px;
padding-left: 50px!important;
padding-top: 5px;
margin-left: 15px;
display: inline;
float: left;
font-size: 23px;
margin-right: 10px;
}
.mySavingsPage h3.studentloanSavings {
background: url(../img/layout/mysavings/studentIcon.png) top left no-repeat;
height: 30px;
padding-left: 50px!important;
padding-top: 10px;
margin-left: 15px;
display: inline;
float: left;
font-size: 23px;
margin-right: 10px;
}
.mySavingsPage h3.depositsSavings {
background: url(../img/layout/mysavings/depositsIcon.png) 0 0 no-repeat;
height: 34px;
padding-left: 50px!important;
padding-top: 10px;
margin-left: 15px;
display: inline;
float: left;
font-size: 23px;
margin-right: 10px;
}
.mySavingsPage h3.autoInsuranceSavings {
background: url(../img/layout/mysavings/autoInsIcon.png) 0 0 no-repeat;
height: 34px;
padding-left: 40px!important;
padding-top: 10px;
margin-left: 15px;
display: inline;
float: left;
font-size: 23px;
margin-right: 10px;
}
.mySavingsPage p.savings, .mySavingsPage p.rate {padding-bottom: 0;}
.removeOffer {line-height: 32px; color: #9e9e9e; padding-top: 5px; text-align: right; margin-right: 30px;}
.removeOffer img {margin-top: 4px; margin-right: 5px;}
p.lenderRating {text-align: left; margin-left: 5px; padding-top: 10px;}
.savingsHeaders {position: relative; margin-top: 15px;}
p.savingsOptionsLink {font-size: 12px;position: absolute; top: 10px; right: 5px;}
p.loginSavings {font-size: 11px; color: #9e9e9e;padding-left: 5px;}
.comparePage h2 {margin-top: 25px; padding-bottom: 0px!important;}
.subSection {
width: 260px;
float: left;
margin-top: 5px;
}
.subSection2 {margin-left: 40px;}
.subSection h3 {font-size: 24px;}
a.subSectionLink {
margin-left: 15px;
}
#promptContainer {padding:15px;}
#regStep2 {margin: 0px 30px;}
#emailBlock {
background-color: #f5f5f5;
padding: 15px;
font-size: 12px;
margin-bottom: 30px;
float: left;
}
img.promptIcon {padding-right: 15px;}
.promptContent {position: relative;}
.promptContent p#promptMessage {position: absolute; top: 5px; left: 70px;}
ul#tips {margin-left: 30px;}
ul#tips li {list-style-type: disc; padding-bottom: 10px;}
/* My Credit Pages */
h1#creditOverviewHeader {width: 620px; float: left;}
h2#topSavings{margin-top: 5px; width: 130px; float: left;}
.headers {width: 620px; float: left; position: relative;}
.headers p {width: 300px; float: left; padding:0; margin-top: 3px; padding-bottom:0px!important;}
#scoreInfoHP {width: 300px; float: left; position: relative; top: -10px}
#scoreInfo {width: 300px; float: left; position: relative;}
#scoreInfo h2 {font-size: 13px; color: #494949; padding-bottom: 10px}
#scoreInfo h5 {font-size: 48px;}
#scoreInfoHP h2 {font-size: 13px; color: #494949; padding-bottom: 10px}
#scoreInfoHP h5 {font-size: 48px;}
#scoreFlash {margin-bottom: 40px;}
div#creditRating {position: absolute; top: 15px; left: 85px;}
div#creditRatingMC {position: absolute; top: 25px; left: 85px;}
div#creditRating p, div#alerts p, div#creditRatingMC p {font-size: 11px;}
div#alerts {position: absolute; top: -2px; right: 0;}
div#alerts p {padding:0;}
.red {color: #d50005;}
.green {color: #209c01;}
a#updateScoreSml {position: absolute; top: 30px; right: 0px;}
#rotatingOffers {
width: 930px;
height: 75px;
background: url(../img/layout/mycredit/savingsDescBlockTop.png) bottom left no-repeat;
margin-left: -10px;
float: left;
margin-top: -10px;
}
#rotatingOffers div {
display: inline;
float:left;
}
/*#rotatingOffers div div {
display:block;
float:left;
background: url(../img/layout/mycredit/tab.png) top left no-repeat;
height:88px;
z-index: 299;
}
#rotatingOffers div div:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/tab.png) 0 -88px no-repeat;
height:88px;
cursor: pointer;
}*/
#rotatingOffers div.inactive {
display:block;
float:left;
background: url(../img/layout/mycredit/tab.png) top left no-repeat;
height:75px;
width: 184px;
z-index: 299;
}
#rotatingOffers div.inactive:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/tab.png) 0 -75px no-repeat;
height:75px;
width: 184px;
cursor: pointer;
}
#allSavingsTab {
width: 182px;
}
#rotatingOffers div.activeR {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveRight.png) top left no-repeat;
height:75px;
width: 182px;
z-index: 299;
}
#rotatingOffers div.activeR:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveRight.png) 0 -75px no-repeat;
height:75px;
width: 182px;
cursor: pointer;
}
#rotatingOffers div.activeL {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveLeft.png) top left no-repeat;
height:75px;
width: 182px;
z-index: 299;
margin-left: -1px;
}
#rotatingOffers div.activeL:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveLeft.png) 0 -75px no-repeat;
height:75px;
width: 182px;
cursor: pointer;
}
#rotatingOffers .tabData {
position: relative;
}
#rotatingOffers .tabDataWrapper {
position: absolute;
top: 22px;
left: 10px;
width: 160px;
}
#rotatingOffers .tabDataWrapper img.tabIcon {
position: absolute;
top: -5px;
right: -15px;
}
#rotatingOffers #shadowRight {
background: url(../img/layout/mycredit/shadowRight.png) 0 0 no-repeat;
width:9px;
height: 75px;
float: left;
margin-left: -2px;
}
#rotatingOffers #shadowLeft {
background: url(../img/layout/mycredit/shadowLeft.png) 0 0 no-repeat;
width:9px;
height: 75px;
float: left;
margin-left: -9px;
}
#tabsContainer {
margin-left: 9px;
margin-top: -2px;
width: 926px;
height: 75px;
}
/*div#mortgageTab div.active,
div#autoTab div.active,
div#depositsTab div.active,
div#autoinsuranceTab div.active,
div#ccTab div.active {
background: url(../img/layout/mycredit/tabActiveMiddle.png) no-repeat;
width:183px;
height:88px;
margin-left: -6px;
z-index: 300;
}*/
div.active {
background: url(../img/layout/mycredit/tabActiveMiddle.png) no-repeat;
width:182px;
height:75px;
z-index: 300;
}
div.activeFirst {
background: url(../img/layout/mycredit/tabActiveLeft.png) no-repeat;
width:190px;
height:75px;
margin-left: -8px;
z-index: 300;
}
div.activeFirst .tabDataWrapper {margin-left: 8px}
p.curValue {
color: #bfddff;
font-size: 11px!important;
}
.active p.curValue, .activeFirst p.curValue {
color: #525050;
font-size: 11px!important;
}
#rotatingOffers div.inactive h5, #rotatingOffers div.activeL h5,
#rotatingOffers div.activeR h5 {
text-decoration: none;
color:#fff;
}
#rotatingOffers img {margin-right: 7px; margin-top: 20px; margin-left: 15px; cursor: pointer;}
/* NORMAL SAVINGS TAB */
/*#rotatingOffers #depositsTabSavings img {margin-right: 7px; margin-top: 20px; margin-left: 7px; cursor: pointer;}
#rotatingOffers #depositsTab .active img {margin-right: 7px; margin-top: 20px; margin-left: 22px; cursor: pointer;}*/
/* WTDIRECT FEATURED */
/*#rotatingOffers #depositsTabSavings img {margin-right: 7px; margin-top: 2px; margin-left: 22px;}
#rotatingOffers #depositsTab .active img {margin-right: 7px; margin-top: 2px; margin-left: 15px;}*/
/*#rotatingOffers img.loaderImg {margin-top: -30px; margin-right: 40px;}*/
#rotatingOffers img.loaderImg {position: absolute; top: -23px; right: -10px;}
#rotatingOffers span.loaderImg {
background: url(../img/layout/mycredit/ajax-loader.gif) no-repeat;
display: block;
position: absolute;
top: -3px;
right: -5px;
height: 16px;
width: 16px;
}
#rotatingOffers .active span.loaderImg,
#rotatingOffers .activeFirst span.loaderImg {
background: url(../img/layout/mycredit/ajax-loader-blue.gif) no-repeat;
position: absolute;
display: block;
top: -3px;
right: -5px;
height: 16px;
width: 16px;
}
#rotatingOffers h5 {text-transform: uppercase; padding-top: 0px; font-size: 13px;}
#rotatingOffers p {font-size: 12px; padding:0;}
p.savingsAmount {
color: #fffc59;
font-weight: 700;
}
.active p.savingsAmount, .activeFirst p.savingsAmount {
color: #008cee;
}
#rotatingOffers .active img, #rotatingOffers .activeFirst img {margin-left: 15px;}
#rotatingOffers .active img.loaderImg, #rotatingOffers .activeFirst img.loaderImg {margin-left: 0;}
#rotatingOffers span.loader {
width: 160px;
display: block;
/*padding-left: 45px;*/
float: left;
color: #bfddff;
font-size: 11px!important;
}
#rotatingOffers .active span.loader,
#rotatingOffers .activeFirst span.loader {
color: #525050;
}
p#seeAllTotal {
color: #fffc59;
font-size: 11px;
position: absolute;
top: 28px;
right: -5px;
}
p#seeAllTotal:hover {
text-decoration: underline;
}
/*#rotatingOffers .active p.savingsAmount, #rotatingOffers .activeFirst p.savingsAmount {color: #525050;}
#rotatingOffers p.savingsAmount:hover {text-decoration: underline;}
#allSavingsTab h5, #allSavingsTab p {margin-left: 15px;}
#allSavingsTab p.savingsAmount {margin-left: 10px;}
div#mortgageTab p.savingsAmount {margin-left: 40px;}
#rotatingOffers div#mortgageTab .active p.savingsAmount {margin-left: 35px;}
div#ccTab p.savingsAmount {margin-left: 48px;}
div#autoTab p.savingsAmount {margin-left: 47px;}
div#studentTab p.savingsAmount {margin-left: 33px;}
div#autoinsuranceTab p.savingsAmount {margin-left: 47px;}
div#depositsTab p.savingsAmount {margin-left: 42px;}*/
/*#rotatingOffers div#rightArrow img {margin:0; margin-top: 11px; margin-left: -27px;}*/
#rotatingOffers #allSavingsTab div#rightArrow {
background: url(../img/layout/mycredit/rightArrowBoth.png) 0 0 no-repeat;
margin:0;
width: 27px;
height: 77px;
margin-top: 10px;
color: #525050;
float: right;
}
#rotatingOffers #allSavingsTab:hover div#rightArrow {
background: url(../img/layout/mycredit/rightArrowBoth.png) 0 -77px no-repeat;
}
/*#autoTabSavings, #autoinsuranceTabSavings,
#ccTabSavings, #mortgageTabSavings, #depositsTabSavings {
width: 170px;
}*/
#rotatingOffers #allSavingsTab {
width: 183px;
}
div#savingsOffers {
margin-left: -9px;
width: 927px;
}
div.savingsOffersContent {
background: url(../img/layout/mycredit/savingsDescBlock.png) bottom left no-repeat;
height: auto;
width: 929px;
float: left;
padding-bottom: 10px;
padding-top: 5px;
margin-top: -2px;
}
.savingsOffersContent .savingsInfoMC {
background: url(../img/layout/mycredit/verticalLine.gif) right 0 no-repeat;
width: 590px;
padding-left: 12px;
padding-top: 0;
float: left;
margin-left: 7px;
margin-right: 20px;
}
.savingsInfoMC .providerImage {
/*background: url(../img/layout/mycredit/offerImgBg.png) top left no-repeat;
width: 149px;
height: 99px;
margin-left: 0;
margin-top: 10px;*/
background: url(../img/layout/mycredit/ccImageBg.png) top left no-repeat;
width: 120px;
height: 79px;
margin-left: 0;
margin-top: 10px;
}
.savingsInfoMC .providerImage img {
margin:0;
margin-top: -10px;
margin-left: -5px;
}
.savingsInfoMC .ccIssuer img {
margin:0;
margin-top: 0px;
margin-left: -5px;
}
div#savingsOffers .savingsOffersContent h2 {
padding-top: 15px;
padding-left: 20px;
font-size: 10px;
}
.savingsInfoMC h3 {
font-size: 22px;
}
div#savingsOffers .savingsOffersContent h2.mcLoadingMessage {
color: #999!important;
padding: 15px!important;
/*padding-top: 15px!important;*/
padding-left: 270px!important;
height: 30px;
padding-top: 30px!important;
line-height: 30px;
width: 627px;
background: #fff;
margin-left: 9px;
font-size: 12px;
}
p.offerDetailsLink {
font-size: 11px!important;
padding: 0!important;
padding-top: 5px!important;
}
#additionalSavingsOffers p.offerDetailsLink {
font-size: 11px!important;
padding: 0!important;
padding-left: 3px!important;
}
.savingsInfoMC h3 a:hover {
text-decoration: none;
}
.savingsInfoMC table tr td {
padding: 0 10px;
}
div#savingsOffers .savingsInfoMC p.small {
font-size: 11px;
padding:0;
padding-top: 10px;
}
td.small {
font-size: 11px;
text-align: center;
color: #9e9e9e;
}
div#savingsOffers .savingsInfoMC p.modifier {
font-size: 11px;
padding:0;
padding-top: 0;
}
td.modifier {
font-size: 11px;
text-align: center;
}
div#savingsOffers .savingsInfoMC p.rate {
padding:0;
padding-top: 0;
font-size: 20px;
}
p.rateRange {
padding: 0!important;
font-size: 16px!important;
width: 118px;
padding-top: 10px!important;
}
p.rateGrayedOut {
padding:0!important;
font-size: 16px!important;
color: #afafaf!important;
position: relative;
top: -6px;
}
.savingsInfoMC p.rateGrayedOut {
padding:0!important;
font-size: 16px!important;
color: #afafaf!important;
position: relative;
top: 2px;
}
div#savingsOffers .savingsInfoMC td.savingsLinks {vertical-align: middle; float: none; text-align: center}
div#savingsOffers .balanceTransfer,
div#savingsOffers .introAPR,
div#savingsOffers .regularAPR {
width: 105px;
text-align: center;
}
div#savingsOffers .balanceTransfer {width: 110px;}
div#savingsOffers .totalSavingsInfo {
width: 120px;
float: left;
}
div#savingsOffers td.totalSavingsInfo {
float: none;
}
div#savingsOffers .totalSavingsInfo p {
padding:0;
}
div#savingsOffers .totalSavingsInfo p.header {
padding-top: 10px;
font-size: 11px;
}
div#savingsOffers .totalSavingsInfo p.savings {
font-size: 20px;
padding-top: 0;
}
div#savingsOffers .totalSavingsInfo p.negative {
font-size: 20px;
padding-top: 0;
}
div#savingsOffers .balanceTransfer p.small,
div#savingsOffers .introAPR p.small,
div#savingsOffers .regularAPR p.small {
color: #454545;
}
p.modifier {color: #9e9e9e;}
div#savingsOffers .balanceTransfer p.modifier,
div#savingsOffers .introAPR p.modifier,
div#savingsOffers .regularAPR p.modifier,
div#savingsOffers .totalSavingsInfo p.modifier{
color: #a0a0a0;
padding-bottom: 5px;
font-size: 9px;
}
div#savingsOffers .totalSavingsInfo p.modifier{
font-size: 12px;
color: #525050;
}
div#savingsOffers .providerInfo {width: 460px; float: left; margin-left: 0px; font-size: 11px; height: 110px}
div#additionalSavingsOffers h2 {padding-left: 0!important;}
div#additionalSavingsOffers {width: 265px; float: left; margin-top: -35px; margin-left: 0px;}
div#additionalSavingsOffers h3 a:hover {text-decoration: none;}
.providerImageSml {
/*background: url(../img/layout/mycredit/offerImgBgSml.png) top left no-repeat;
width: 88px;
height: 60px;
margin-left: 0;
margin-top: 10px;*/
background: url(../img/layout/mycredit/ccAdditionalBG.png) top left no-repeat;
width: 68px;
height: 45px;
margin-left: 0;
margin-top: 10px;
}
div#additionalSavingsOffers .providerImageSml {margin-right: 5px; margin-top: 5px;}
div#additionalSavingsOffers .mortgageImageSml img {padding: 10px}
div#additionalSavingsOffers .ccIssuerSml img {margin-left: 3px;}
div.additionalOffer h3 {
font-size: 16px;
padding-top: 10px;
}
/* .addtlSavingsAmnt {position: relative;} */
div.additionalOffer span {
/*position: absolute;
top: 5px;
left: 0;*/
float: left;
font-size: 11px;
}
div.additionalOffer p.savingsAddtl, div.additionalOffer p.negativeAddtl {
width: 70px;
float: left;
position: relative;
top: -11px;
left: 5px;
padding-bottom: 0;
}
div.autoloanOffers p.savingsAddtl, div.autoloanOffers p.negativeAddtl {
width: 70px;
float: left;
position: relative;
top: -2px;
left: 5px;
padding-bottom: 0;
}
p.negativeAddtl {
color: #BA0106;
}
.addtlSavingsAmnt p.savings {
padding-bottom: 0!important;
}
div.savingsOffer p.savings {
width: 70px;
float: left;
position: relative;
top: 3px;
left: 10px;
font-size: 20px!important;
padding-bottom: 0;
}
p.seeAllSavings {
background: url(../img/layout/mycredit/arrow.png) left top no-repeat;
float: left;
padding-top: 3px!important;
margin-top: 10px!important;
padding-bottom: 8px!important;
padding-left: 26px;
color: #525050;
}
p.seeAllSavings span.separator {
color: #e3e3e3;
}
.savingsLinks {padding: 10px 0; float: left;}
.feature {margin-left: 10px;}
.feature h2 {margin-bottom: 15px;}
.feature h3 {font-size: 24px;}
.feature img {margin-right: 20px; margin-top: -10px}
.feature p {width: 250px;}
.addtLinks {padding-top: 20px; margin-left: 10px}
.featuredCopy {float: left; width: 250px; margin-left: 10px; margin-top: -10px;}
/* SCORE PAGE STYLES */
.headersScore {width: 590px; float: left; position: relative;}
#savingsBlock {
background: url(../img/layout/score/savingsBlock.png) top left repeat-y;
width: 310px;
height: auto;
float: left;
padding: 10px 5px;
padding-bottom: 0;
margin-right: 15px;
}
#savingsBlock h3 {font-size: 17px;}
#savingsBlock h3 a:hover {text-decoration: none;}
#savingsBlock p {padding:0; font-size: 11px; padding-top: 5px;}
#savingsBlock p span {margin-top: 5px; float: left; margin-left: 60px;}
#savingsBlock p img {margin-left: 5px; margin-top: 5px;}
a#totalSavingsLink {
background: url(../img/layout/mycredit/savingsButton.png) top left no-repeat;
height: 31px;
width: 99px;
line-height: 23px;
text-align: center;
display: block;
color: #fff;
float: left;
margin-left: 5px;
}
#scoreBlock {
margin-top: 10px;
margin-left: -9px;
}
.scoreBlockTop {
background: url(../img/layout/score/scoreBlockTop.png) top left no-repeat;
height: 11px;
width: 929px;
float: left;
}
.scoreBlockContent {
background: url(../img/layout/score/scoreBlock.png) bottom left no-repeat;
height: auto;
width: 929px;
float: left;
padding-bottom: 20px;
}
div.scoreHeaders {
background: #f7f7f7;
margin-left: 8px;
margin-right: 16px;
}
#scoreBlock div.scoreHeaders h2 {
color: #4c4b4b;
padding: 15px 10px;
padding-bottom: 5px;
}
h2#scoreHistoryHeader {
width: 580px;
float: left;
}
#flashScoreBlock {
width: 580px;
float: left;
margin-left: 15px;
margin-top: 20px;
}
#currentScoreBlock {
width: 300px;
float: left;
margin-left: 10px;
margin-top: 20px;
}
#currentScoreBlock #scoreInfo h5 {
font-size: 65px;
width: 100px;
float: left;
}
#currentScoreBlock .scoreInformation {
background-color: #f7f7f7;
padding: 10px;
width: 160px;
float: left;
margin-left: 15px;
}
#currentScoreBlock .scoreInformation {
background-color: #f7f7f7;
padding: 10px;
position: absolute;
top: 0px;
right: 0px;
}
#currentScoreBlock .scoreInformation p {
font-size: 11px;
padding:0;
}
#currentScoreBlock form {
font-size: 11px;
margin-top: 10px;
}
#currentScoreBlock form span {
position: relative;
top: -3px;
}
.scorePage h2 {margin-top: 20px;}
#lenderViewGraph {
background: transparent url(../img/layout/score/lendersViewBG.png) top left no-repeat;
width: 412px;
height: 66px;
margin-left: 27px;
float: left;
margin-right: 15px;
}
.sidebarBlock p {
font-size: 12px;
padding-top: 10px;
line-height: 16px;
}
.sidebarBlock {
width: 300px;
margin-bottom: 20px;
}
ul#alerts {
font-size: 11px;
line-height: 13px;
}
ul#alerts li {
background: transparent url(../img/layout/score/listDot.gif) 10px 12px no-repeat;
}
ul#alerts li.odd {
background-color: #f7f7f7;
padding: 8px 20px;
}
ul#alerts li.even {
background-color: #ededed;
padding: 8px 20px;
}
ul#alerts li span{
color: #989797;
}
div.sidebarHeaders {
position: relative;
}
div.sidebarHeaders div#alerts,
div.sidebarHeaders div#truecredit {position: absolute; top: -2px; right: 10px;}
div.sidebarHeaders div#truecredit {top: -8px;}
a#getItNow {
background: transparent url(../img/buttons/getItNow.png) top left no-repeat;
width: 122px;
height: 39px;
text-indent: -9999px;
display: block;
margin-top: 5px;
}
a#getItNow:hover {
background: transparent url(../img/buttons/getItNow.png) 0 -39px no-repeat;
width: 122px;
height: 39px;
text-indent: -9999px;
display: block;
}
a#updateScoreMain {
background: transparent url(../img/buttons/updateScore.png) top left no-repeat;
width: 259px;
height: 53px;
text-indent: -9999px;
display: block;
margin-bottom: 10px;
margin-left: 20px;
}
a#updateScoreMain:hover {
background: transparent url(../img/buttons/updateScore.png) 0 -53px no-repeat;
width: 259px;
height: 53px;
text-indent: -9999px;
display: block;
margin-bottom: 10px;
margin-left: 20px;
}
a.applyNow {
background: transparent url(../img/buttons/applyNow.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
}
a.applyNow:hover {
background: transparent url(../img/buttons/applyNow.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
}
.savingsInfo a.applyNow {
margin-left: 13px;
}
.savingsInfo a.applyNow:hover {
margin-left: 13px;
}
a#modalClose {
background: transparent url(../img/buttons/close.png) top left no-repeat;
width: 96px;
height: 40px;
text-indent: -9999px;
display: block;
}
a#modalClose:hover {
background-position: 0 -40px;
}
a#modalSignUp {
background: transparent url(../img/buttons/signUp.png) top left no-repeat;
width: 122px;
height: 40px;
text-indent: -9999px;
display: block;
margin-top: 10px;
}
a#modalSignUp:hover {
background-position: 0 -40px;
}
a#shareBtn {
background: transparent url(../img/buttons/share.png) top left no-repeat;
width: 134px;
height: 53px;
text-indent: -9999px;
display: block;
margin-top: 10px;
}
a#shareBtn:hover {
background: transparent url(../img/buttons/share.png) 0 -53px no-repeat;
width: 134px;
height: 53px;
text-indent: -9999px;
display: block;
margin-top: 10px;
}
input.valError {
border: 1px solid #EF0E12;
}
/* POPUP CONTAINER STYLES */
#popupMask{
margin: 0;
position:absolute;
z-index:950;
top:0;
left:0;
opacity:.2;
filter:alpha(opacity=20);
background-color:transparent!important;
background-color:#333;
background-image:url(../img/maskBG.png) !important;*/
/*For browsers Moz, Opera, etc.*/background-image:none; background-repeat:repeat; display:none;
}
#popupContainer{position:absolute;z-index:951;top:0;margin:0 auto!important;display:none;padding:0;overflow: hidden;}
#popupContainer .logonModal{width:830px}
#popupContainer .modalContainer{width:860px;}
#popupFrame{height:100%; z-index:952; width:100%}
#popupControls{float:right; cursor:pointer}
#sendfriendForm{margin-top:0}
.logonModal #mainCol h1{margin-top:5px}
/*--------------------
notification modal
---------------------*/
#popUpNotification {margin: 15px;}
.modalOutside {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity:.2;
filter:alpha(opacity=20);
background-color:#333;
background-image:url(../img/maskBG.png) !important;
/*For browsers Moz, Opera, etc.*/
background-image:none;
background-repeat:repeat;
z-index: -100;
}
/****************************
* Modal Dialogs
*/
#modalContainer { width: 860px; position: relative; background-image: none; font-family: Arial, Helvetica, sans-serif }
#modalContainer h1 { color: #373535; font-size: 1.2em; padding: 0; margin: 0; }
#modalContainer h2 { color: #ec7f09; font-size: 0.75em; padding: 0 0 15px 0; margin: 0; text-transform: uppercase; }
#modalContainer h3 { color: #000; font-size: 0.75em; padding: 0 0 15px 0; margin: 0; }
#modalContainerTop { background: url(../img/layout/modal/modalTopNew.png) top center no-repeat; height: 75px; display: block; }
#modalContainerMain { background: url(../img/layout/modal/modalBottomNew.png) bottom center no-repeat; }
#modalContainerMain a.xClose { position: absolute; top: 75px; right: 0px; }
#modalContent { padding: 13px 90px 80px 95px; font: normal 12px Arial, Helvetica, sans-serif; }
#modalContent h1 { font-size: 29px; color: #494949; }
#modalContent p { padding: 10px 0; }
#modalContainer .checkbox {font-size: 0.7em;font-weight: bold;}
.notificationDate { font-size: 0.7em; color: #949494; float: right; }
.modalPagination { font-weight: bold; color: #b8b8b8; font-size: 0.75em; padding: 26px 0 0 25px; }
.modalPagination a { padding-right: 15px; }
.modalPagination span { padding-right: 15px; }
.modalPagination span a { padding-right: 0px; }
#confirmModalLeft {width: 360px; float: left;}
#confirmModalRight {
width: 310px;
background: url(../img/layout/modal/authModalBg.gif) top left no-repeat;
height: 174px;
margin-top: -22px;
float: left;
}
/*
.modalTop {height: 75px;background: url(../img/layout/modal/modalTop.png) no-repeat;}
.modalTop a {display: block;width: 30px;height: 30px;float: right;text-decoration: none;}
.modalMiddle {background: url(../img/layout/modal/modalCenter.png) repeat-y; height: auto;}
.modalBottom input{border: none;background: transparent;}
.modalMiddle p {padding-bottom: 15px;}
.modalGeneralMsg {padding: 0 0 10px 0;}
.modalBottom {height: 138px;background: url(../img/layout/modal/modalBottom.png) no-repeat left bottom;position: relative;width: 860px;}
.modalBottom .close {position: absolute; left: 349px; top: 17px;}
.modalBottom .loginBtn {position: absolute;left: 16px;top: 13px;}
.modalBottom .createNewAcct {position: absolute;left: 237px;top: 13px;}
*/
table#editCCProfile {
width: 670px;
font-size: 11px;
}
table#editCCProfile th {
background-color: #ececec;
padding: 3px 5px;
}
table#editCCProfile th.rightBorder,
table#editCCProfile td.rightBorder {
border-right: 5px solid #fff;
width: 65px;
}
table#editCCProfile td.rightBorder {
text-align: center;
padding: 10px 0;
width: 75px;
}
table#editCCProfile tr.even td {
background-color: #f8f8f8;
}
table#existingCC td {vertical-align: middle;}
span#existingCCWrapper {
display: block;
width: 670px;
height: 210px;
overflow: auto;
margin: 5px 0;
border-bottom: 1px solid #ececec;
}
table#existingCC td.ccInfoCell {width: 600px; padding: 5px;}
table#existingCC td.ccInfoCell img {margin-right: 10px; margin-top: 5px;}
table#existingCC td.ccInfoCell span {padding-right: 15px;}
table#existingCC td.ccInfoCell span.specifics {
background-color: #fffe9a;
padding: 2px;
}
table#existingCC td.ccInfoCell span.specifics img {
margin-right:3px;
padding-right:0;
}
tr.totalCalc td {
background-color: #ececec;
}
img.infoIcon {
position:relative;
top: 1px;
left: 3px;
}
tr.totalCalc td.titleTD {width: 110px; padding: 2px 0;}
div.modalBottomLinks {
padding-top: 15px;
}
a#modalSaveClose {
background: transparent url(../img/buttons/saveClose.png) top left no-repeat;
width: 132px;
height: 40px;
text-indent: -9999px;
display: block;
margin-top: 15px;
}
a#modalSaveClose:hover {
background: transparent url(../img/buttons/saveClose.png) 0 -40px no-repeat;
width: 132px;
height: 40px;
text-indent: -9999px;
display: block;
margin-top: 15px;
}
a#continue {
background: transparent url(../img/buttons/continueSml.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 80px;
}
a#continue:hover {
background: transparent url(../img/buttons/continueSml.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 80px;
}
a#cancelLink {
position: relative;
left: 142px;
top: -30px;
font-weight: 700;
font-size: 11px;
}
a#agreeCancelLink {
position: relative;
left: 262px;
top: -35px;
font-weight: 700;
font-size: 11px;
}
a.xClose {margin-right: 80px;}
#editCreditCard {
width: 530px;
margin-left: 150px;
}
#editCreditCard p.ccEditHeader {
background-color: #ececec;
color: #525050;
font-weight: 700;
padding:0;
padding: 3px;
margin-top: 5px;
font-size: 11px;
}
div.editCCSlider {
background: transparent url(../img/layout/modal/sliderBG.png) 0px center no-repeat;
width: 328px;
height: 22px;
float: left;
margin-top: 10px;
}
div.editCCSlider img {
cursor: w-resize;
}
input#ccName {
width: 350px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
font-size: 11px;
}
input#apr, input#spend, input#payment, input#monPayoff,
input#mortgageRate, input#tandiMonthly, input#tandiAnnual,
input#pmiMonthly, input#pmiAnnual {
width: 50px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
font-size: 11px;
}
p#aprDisplay, p#spendDisplay, p#paymentDisplay,
p#mortgageRateDisplay,p#tandiMonthlyDisplay,
p#tandiAnnualDisplay, p#pmiMonthlyDisplay, p#pmiAnnualDisplay {
width: 70px;
float: left;
margin-left: 5px;
}
p#spendDisplay, p#paymentDisplay {margin-right: 12px;}
p#aprDisplay {margin-left: 15px; margin-right: 3px;}
p#tandiMonthlyDisplay, p#tandiAnnualDisplay, p#pmiMonthlyDisplay, p#pmiAnnualDisplay {width: 160px; margin-left: 20px;}
span.rewards {padding-right: 10px}
span.rewards span {
position: relative;
top: -3px;
}
.promptContainer {
margin: 0 30px;
}
.promptContent p {position: relative; top: 5px; font-weight: 700; margin-left: 65px;}
.alert {
background: #fff1ef;
padding: 10px;
}
.information {
background: #f7fbfe;
padding: 10px;
}
.success {
background: #f0ffeb;
padding: 10px;
}
.alert p {color: #dd4232;}
.success p {color: #259202;}
.information p {color: #525050;}
img.promptIcon {float: left;}
input#logon, a#logon {
background: url(../img/buttons/login_v2.png) top left no-repeat;
width:96px;
height:39px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
a#logon, a#logon:hover {margin-left:80px;}
input#logon:hover, a#logon:hover {
background: url(../img/buttons/login_v2.png) 0 -39px no-repeat;
width:96px;
height:39px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
input#modalLogon,
input#Logon, a#modalLogon {
background: url(../img/buttons/loginBig.png) top left no-repeat;
width: 133px;
height: 53px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
#logonModal input#modalLogon,
#logonModal input#Logon,
#logonModal a#modalLogon {
float: left;
}
input#modalLogon:hover,
input#Logon:hover,
a#modalLogon:hover {
background: url(../img/buttons/loginBig.png) 0 -53px no-repeat;
width:133px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
#logonModal input#modalLogon {
margin-right: 15px;
}
#logonModal a.forgotPassword {
padding-top: 18px;
float: left;
font-weight: bold;
}
a#modalLogon {display: block;}
input#Logon, input#Logon:hover {margin-left: 0;}
input#continueBtnBig, input.continueBtnBig {
background: url(../img/buttons/continue.png) top left no-repeat;
width:175px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
input#continueBtnBig:hover, input.continueBtnBig:hover {
background: url(../img/buttons/continue.png) 0 -53px no-repeat;
width:175px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
input#simulateScoreBtn {
background: url(../img/buttons/simulateScore.png) top left no-repeat;
width:223px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
input#simulateScoreBtn:hover {
background: url(../img/buttons/simulateScore.png) 0 -40px no-repeat;
width:223px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
}
input#agreeBtn {
background: url(../img/buttons/agree.png) 0 0 no-repeat;
width:100px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
.modalBottom input#agreeBtn {margin-left: 80px;}
input#agreeContinueBtn {
background: url(../img/buttons/agreeContinue.png) 0 0 no-repeat;
width:240px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
input#agreeContinueBtn:hover {
background: url(../img/buttons/agreeContinue.png) 0 -53px no-repeat;
width:240px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
div#savingsResults .providerInfo {width: 500px; float: left; margin-left: 10px; font-size: 11px; position: relative;}
div#savingsResults .totalSavingsInfo {
width: 120px;
float: left;
}
div#savingsResults .balanceTransfer,
div#savingsResults .introAPR,
div#savingsResults .regularAPR {
width: 125px;
}
.totalSavingsInfo img {margin-top: 5px!important;}
div#savingsResults .totalSavingsInfo a.totalSavingsImgLink img {
margin-top: 10px;
float: left;
}
.lenderRating {
margin-left: 10px;
line-height: 32px;
color: #525050;
padding-top: 5px;
position: absolute;
top: 60px;
left: 0px;
}
table.autoSavings {width: 610px;}
table.autoSavings td.cell1,
table.autoSavings th.cell1 {
width: 150px;
}
table.autoSavings th.cell1 {
padding-left: 3px;
}
table.autoSavings td.cell2,
table.autoSavings th.cell2 {
width: 100px;
}
table.autoSavings td.cell3,
table.autoSavings th.cell3 {
width: 200px;
}
table.autoSavings th.cell3,
table.autoSavings th.cell2 {padding-bottom: 5px;}
table.autoSavings th.cell3 p,
table.autoSavings th.cell2 p {padding: 0;}
table.autoSavings .cell3 {padding-right: 5px;}
table.autoSavings td {padding-bottom: 0;}
.additionalNotes {
font-size: 10px;
margin-top: 15px;
}
.additionalNotes p {
padding-bottom: 5px;
}
.additionalNotes p.savingsNote {
padding: 0;
}
#keepInTouch {margin-bottom: 15px;}
#keepInTouch h1 {
padding: 5px 0;
font-size: 18px!important;
padding-top: 5px!important;
}
#keepInTouch h1 a:link {
color:#007fd8;
}
#keepInTouch h1 a:hover {
color:#01aeff;
text-decoration: none;
}
h1#fbLink {
background: url(../img/layout/sidebar/facebook.png) 0 3px no-repeat;
padding-left: 25px!important;
padding-bottom: 10px!important;
}
h1#twitterLink {
background: url(../img/layout/sidebar/twitter.png) 0 3px no-repeat;
padding-left: 25px!important;
padding-bottom: 5px!important;
}
#twitterQuote {
width: 304px;
height: auto;
}
#twitterQuoteBody {
background: url(../img/layout/widgets/twitterBody.png) 0 0 no-repeat;
width: 304px;
height: auto;
}
#twitterQuoteBottom {
background: url(../img/layout/widgets/twitterBottom.png) 0 0 no-repeat;
width: 304px;
height: 58px;
}
#twitterQuoteBody p {
padding: 15px 25px;
}
a#resend_email_link {
position: relative;
left: 350px;
top: -30px;
}
a#change_email_link {
position:relative;
top: 15px;
left: 300px;
}
form#updateEmail {
padding:0;
}
form#changeEmail {
padding-top:0px;
}
form#validateForm {
margin: 0 10px;
padding-right: 20px;
}
form#changeEmail #infoloaderdiv {
position: relative;
top: -15px;
left: 410px;
}
form#validateForm label {
line-height: 14px;
}
.validationQuestions {
margin: 10px 20px;
font-size: 11px;
}
span.radioLabel {
position:relative;
top: -3px;
color: #000;
}
a.yes {
background: transparent url(../img/layout/voting/yesSmall.png) top left no-repeat;
width: 24px;
height: 24px;
text-indent: -9999px;
display: block;
float: left;
}
a.yes:hover {
background: transparent url(../img/layout/voting/yesSmall.png) 0 -24px no-repeat;
width: 24px;
height: 24px;
text-indent: -9999px;
display: block;
float: left;
}
a.yesActive {
background: transparent url(../img/layout/voting/yesSmall.png) 0 -48px no-repeat;
width: 24px;
height: 24px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
}
a.yesInactive {
background: transparent url(../img/layout/voting/yesSmall.png) 0 -72px no-repeat;
width: 24px;
height: 24px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
}
a.no {
background: transparent url(../img/layout/voting/noSmall.png) top left no-repeat;
width: 22px;
height: 24px;
text-indent: -9999px;
display: block;
float: left;
margin-left: 1px;
}
a.no:hover {
background: transparent url(../img/layout/voting/noSmall.png) 0 -24px no-repeat;
width: 22px;
height: 24px;
text-indent: -9999px;
display: block;
float: left;
margin-left: 1px;
}
a.noActive {
background: transparent url(../img/layout/voting/noSmall.png) 0 -48px no-repeat;
width: 22px;
height: 24px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
margin-left: 1px;
}
a.noInactive {
background: transparent url(../img/layout/voting/noSmall.png) 0 -72px no-repeat;
width: 22px;
height: 24px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
margin-left: 1px;
}
a.yesOffer {
background: transparent url(../img/layout/voting/yesLarge.png) top left no-repeat;
width: 35px;
height: 35px;
text-indent: -9999px;
display: block;
}
a.yesOffer:hover {
background: transparent url(../img/layout/voting/yesLarge.png) 0 -35px no-repeat;
width: 35px;
height: 35px;
text-indent: -9999px;
display: block;
}
a.yesOfferActive {
background: transparent url(../img/layout/voting/yesLarge.png) 0 -70px no-repeat;
width: 35px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
}
a.yesOfferInactive {
background: transparent url(../img/layout/voting/yesLarge.png) 0 -105px no-repeat;
width: 35px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
}
a.yesOffer, a.yesOfferActive, a.yesOfferInactive {margin-right: 1px;margin-top: 1px;}
a.noOffer, a.noOfferActive, a.noOfferInactive {margin-top: 1px;}
a.noOffer {
background: transparent url(../img/layout/voting/noLarge.png) top left no-repeat;
width: 33px;
height: 35px;
text-indent: -9999px;
display: block;
}
a.noOffer:hover {
background: transparent url(../img/layout/voting/noLarge.png) 0 -35px no-repeat;
width: 33px;
height: 35px;
text-indent: -9999px;
display: block;
}
a.noOfferActive {
background: transparent url(../img/layout/voting/noLarge.png) 0 -70px no-repeat;
width: 33px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
}
a.noOfferInactive {
background: transparent url(../img/layout/voting/noLarge.png) 0 -105px no-repeat;
width: 33px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
}
a.yesWide {
background: transparent url(../img/layout/voting/wideYes.png) top left no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
float: left;
}
a.yesWide:hover {
background: transparent url(../img/layout/voting/wideYes.png) 0 -35px no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
float: left;
}
a.yesWideActive {
background: transparent url(../img/layout/voting/wideYes.png) 0 -70px no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
}
a.yesWideInactive {
background: transparent url(../img/layout/voting/wideYes.png) 0 -105px no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
}
a.noWide {
background: transparent url(../img/layout/voting/wideNo.png) top left no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
float: left;
margin-left: 2px;
}
a.noWide:hover {
background: transparent url(../img/layout/voting/wideNo.png) 0 -35px no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
float: left;
margin-left: 2px;
}
a.noWideActive {
background: transparent url(../img/layout/voting/wideNo.png) 0 -70px no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
margin-left: 2px;
}
a.noWideInactive {
background: transparent url(../img/layout/voting/wideNo.png) 0 -105px no-repeat;
width: 155px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: default;
float: left;
margin-left: 2px;
}
.totalSavingsInfo p {
padding-right: 5px!important;
}
/* KARMA OFFERS */
.votingOffer {
width: 77px;
height: auto;
margin-right: 10px;
}
.votingBadgeOffer {
background: #fff url(../img/layout/offers/votingBadge.png) top left no-repeat;
width: 77px;
height: 99px;
}
.votingBadgeOffer p.rating {
font-size: 40px!important;
padding-top: 37px!important;
padding-left: 4px!important;
}
.voteButtonsOffer {
background: #fff url(../img/layout/article/votingBG.png) top left no-repeat;
width: 76px;
height: 44px;
}
.voteButtons .no {margin-left: 1px;}
#takeOfferBlock {
background: #fff url(../img/layout/offers/takeOfferBG.png) top left no-repeat;
float: right;
width: 225px;
height: 342px;
margin-right: 10px;
position: relative;
margin-top: 0px;
}
#takeOfferContent img {margin-left: 40px; margin-top: 30px;}
ul#offerFeatures {
font-size: 12px;
margin-left: 30px;
list-style-type: disc;
}
ul#offerFeatures li {
line-height: 20px;
}
a#takeOfferBtn {
background: transparent url(../img/buttons/takeOffer.png) top left no-repeat;
width: 175px;
height: 53px;
text-indent: -9999px;
display: block;
margin-top: 20px;
margin-left: 25px;
cursor: pointer;
}
a#takeOfferBtn:hover {
background: transparent url(../img/buttons/takeOffer.png) 0 -53px no-repeat;
width: 175px;
height: 53px;
text-indent: -9999px;
display: block;
margin-top: 20px;
margin-left: 25px;
cursor: pointer;
}
img#offerExpired {
margin-top: 20px;
margin-left: 25px;
width: 175px;
height: 53px;
}
.shareLinks {
position: absolute;
top: 245px;
left: 30px;
}
.shareLinks p {font-size: 11px; padding-bottom: 3px;}
.shareLinks p span {
position: relative;
top: -2px;
}
#approvalData {margin-top: 5px; margin-bottom: 10px;}
#offerScore {margin-bottom: 30px;}
#approvalData h5, #votingScore h5, #takeScore h5 {
font-size: 42px;
width: 80px;
float: left;
}
#averageScore h5, #votingScore h5, #takeScore h5 {color:#4c4b4b;}
#votingScore h5 sup, #takeScore h5 sup {font-size: 30px; position: relative; top: -9px}
#averageScore span {color:#4ea337;}
#averageScore p, #lowestScore p {
width: 150px;
padding-top: 0;
margin-left: 80px;
font-size: 11px;
line-height: 13px;
}
#lowestScore h5 {color:#a5a5a5;}
#lowestScore span {color:#c62706;}
#votingScore p, #takeScore p {
margin-left: 80px;
font-size: 11px;
padding-top: 0;
position: relative;
top: -5px;
line-height: 13px;
}
#takeScore p {top: 0;}
#takeScore h5{
position: relative;
top: 5px;
}
#relatedOffers {margin-bottom: 25px;}
#relatedOffers ul {
font-size: 12px;
margin-left: 30px;
list-style-type: disc;
}
#relatedOffers ul li {
line-height: 20px;
}
#definitions {
margin: 20px;
}
#definitions dt {
font-weight: 700;
}
#definitions dd {
padding-bottom: 10px;
}
form#logonForm {
width: 320px;
float: left;
}
div#newMember {
background: #F7FBFE;
float:left;
margin-left:15px;
margin-top:-27px;
padding:17px;
width:290px;
}
div#newMember h1 {font-size: 22px;}
div#newMember p { padding: 0; }
input#hhIncome {
font-weight: bold;
width: 70px;
color: #525050;;
}
/* WIDGETS */
div.widgetBlock {margin: 15px 0;}
div.widgetBody {
background: transparent url(../img/layout/widgets/widgetBG.png) top left no-repeat;
width: 270px;
height: 288px;
padding: 15px;
}
div.widgetBody h3 {
color: #007fd8;
font-size:18px;
}
div.widgetBody img.center {
text-align: center;
margin: 10px 20px;
}
div.widgetBody p {
line-height: 110%;
padding-bottom: 5px;
}
.homeWrapper {height: auto; background: #fff; padding-top: 100px; width: 960px; float: left; margin-top: -100px; margin-left: -6px;}
#homeContent {
background: transparent url(../img/layout/homepage/homepageBG.jpg) top left no-repeat;
width: 948px;
height: 645px;
position: relative;
margin-top: 5px;
}
#homeIntro {
width: 510px;
margin-left: 400px;
padding-top: 30px;
color: #fff;
text-align: left;
}
#homeIntro h1 {
background: transparent url(../img/layout/homepage/headline.png) top left no-repeat;
width: 499px;
height: 37px;
text-indent: -9999px;
}
#homeIntro p {
margin: 10px 0;
margin-top: 7px;
}
#homeIntro a {
color: #fff;
}
#homeIntro ul {
list-style-type: none;
margin-top: 16px;
margin-left: 20px;
}
#homeIntro li#homeOne {
background: transparent url(../img/layout/homepage/list1.png) top left no-repeat;
width: 266px;
height: 25px;
}
#homeIntro li#homeTwo {
background: transparent url(../img/layout/homepage/list2.png) top left no-repeat;
width: 267px;
height: 25px;
}
#homeIntro li#homeThree {
background: transparent url(../img/layout/homepage/list3.png) top left no-repeat;
width: 244px;
height: 25px;
}
#homeIntro li {
text-indent: -9999px;
height: 25px;
}
a#getStartedBtn {
background: transparent url(../img/buttons/getStarted.png) top left no-repeat;
width: 239px;
height: 53px;
border: none;
display: block;
text-indent: -9999px;
margin-left: 140px;
cursor: pointer;
}
a#getStartedBtn:hover {
background: transparent url(../img/buttons/getStarted.png) 0 -53px no-repeat;
width: 239px;
height: 53px;
border: none;
text-indent: -9999px;
display: block;
margin-left: 140px;
cursor: pointer;
}
p#moreNews {
position: absolute;
right: 25px;
top: 308px;
}
div#freeScoreNote {
text-align: left;
margin: 45px;
margin-top: 15px;
margin-right: 55px;
margin-bottom: 0;
}
div#freeScoreNote p {
padding: 5px 0;
}
div#bucketsContainer {
margin: 0 20px;
margin-top: 90px;
text-align: left;
}
div#bucketsContainer h2 {
text-indent: -9999px;
padding-bottom: 0px;
}
div#bucketsContainer p {
}
h2#subOne {
background: transparent url(../img/layout/homepage/subheader1.png) top left no-repeat;
width: 232px;
height: 25px;
}
h2#subTwo {
background: transparent url(../img/layout/homepage/subheader2.png) top left no-repeat;
width: 215px;
height: 25px;
}
h2#subThree {
background: transparent url(../img/layout/homepage/subheader3.png) top left no-repeat;
width: 173px;
height: 25px;
}
div.bucket {
width: 255px;
float: left;
padding: 20px 25px;
padding-top: 0;
}
div.bucketLast {
padding-right: 0;
width: 265px;
}
img.bucketImg {
margin: 5px 0;
margin-top: 0;
}
img#hpFreeScore {margin-top: -10px; margin-left: 4px;}
p.bucketLink {
padding-top: 0px;
}
#socialStuff {
background-color: #f9f9f9;
margin: 15px;
padding: 30px 33px;
text-align: left;
padding-bottom: 22px;
}
h2#memberSay {
background: transparent url(../img/layout/homepage/membersSay.png) top left no-repeat;
width: 225px;
height: 25px;
text-indent: -9999px;
}
h2#stayConnected {
background: transparent url(../img/layout/homepage/stayConnected.png) top left no-repeat;
width: 137px;
height: 25px;
text-indent: -9999px;
padding-bottom: 12px;
}
div#opinions {
width: 570px;
float: left;
}
.memberQuote {
width: 270px;
float: left;
}
.memberQuote p {
font-size: 14px;
line-height: 20px;
padding: 15px 35px;
padding-left: 5px;
}
.memberQuote2 {margin-left: 4px;}
span.hpUserName {font-size: 12px!important;}
div#socLinks {
width: 0px;
float: left;
}
a#hpFacebook {
background: transparent url(../img/layout/homepage/hpFacebook.png) top left no-repeat;
width: 197px;
height: 16px;
text-indent: -9999px;
display: block;
margin-bottom: 5px;
}
a#hpTwitter {
background: transparent url(../img/layout/homepage/hpTwitter.png) top left no-repeat;
width: 245px;
height: 16px;
text-indent: -9999px;
display: block;
}
div#socLinks p {
padding: 5px 0;
}
#myAccount {
background: transparent url(../img/layout/myaccount/myAccountTop.png) 0 0 no-repeat;
width: 948px;
margin-top: 5px;
}
#myAccount h1 {
font-size: 29px;
color: #494949;
text-align: left;
padding: 20px 15px;
}
#myAccountNav {
width: 200px;
float: left;
text-align: left;
margin-left: 17px;
}
#myAccountNav ul {
font-weight: 700;
border: 1px solid #eee;
padding: 10px 15px;
}
#myAccountNav ul li {
padding: 4px 0;
}
#myAccountNav ul li.selected a,
#myAccountNav ul li.aboutMenu_selected a {
color: #000;
text-decoration: none;
}
#myAccountInfo {
text-align: left;
width: 670px;
float: left;
margin-left: 20px;
height: auto;
min-height: 500px;
height: auto !important;
height: 500px;
}
#myAccountInfo h5 {
color: #ec7f09;
font-size:13px;
text-transform: uppercase;
font-family: "Helvetica Neue";
font-weight: bold;
padding:0;
padding-bottom: 10px;
}
#myAccountInfo table {border-collapse: collapse; width: 670px;}
#myAccountInfo table td, #myAccountInfo table th {
background-color: #f5f5f5;
padding: 15px 3px;
padding-left: 15px;
border: 2px solid #fff;
vertical-align: middle;
}
#myAccountInfo table td.inputField {padding: 5px 3px; padding-left: 15px;}
#myAccountInfo table td.multiline {line-height: 18px;}
#myAccountInfo table th {font-weight: 700;}
#myAccountInfo table td a {font-weight: bold;}
#myAccountInfo table tr:hover {background-color: #e0efff;}
#myAccountInfo input.short-input {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 220px;
}
#myAccountInfo #inviteFriends input.short-input {
width: 150px;
}
#myAccountInfo select {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
}
#myAccountInfo table#accountAlerts td {
padding:5px 3px;;
vertical-align: middle;
}
#myAccountInfo table#accountAlerts td.checkboxTD {
background-color: #a3a3a3;
width: 22px;
padding: 10px 1px;
}
#myAccountInfo table#accountAlerts td.alertTD {
padding-left: 10px;
}
#myAccountInfo .promptContainer {
margin: 20px;
margin-top: 0;
}
#myAccountInfo #locapt, #myAccountInfo #loczip {width: 60px;}
#myAccountInfo #locstate {width: 65px;}
div#helper-email, div#helper-newpw,
div#helper-fname,div#helper-mname,
div#helper-lname, div#helper-locaddr1,
div#helper-locapt, div#helper-secq {
color: #a1a0a0;
font-size: 11px;
width: auto;
position: relative;
left:0px;
top: 0px;
}
#creditscore div#helper-locaddr1 {
position: relative;
left:290px;
top: -22px;
}
#myAccountInfo div.formElement {height: auto; padding-bottom: 5px;}
#threeRow div.formElement {
}
div.feStreet {width: 170px; margin-right: 10px;}
div.feStreet input.short-input {width: 160px;}
div.feState {width: 90px; margin-right: 10px;}
div.feState select {width: 80px; padding: 1px 0;}
div.feIncome input.short-input {width: 152px;}
div.feIncome label span {font-weight: 400;}
div#helper-locapt {position: relative; left: 80px!important; top: -18px!important;}
div#helper-ssn {position: relative; left: 180px!important; top: -22px!important; width: 300px!important;}
div#helper-income2 {position: relative; left: 180px!important; top: -22px!important; width: 300px!important;}
#myAccount .validation-advice {
position: absolute;
left: 290px;
top: 10px;
}
#myAccount div#advice-password,
#myAccount div#advice-secqans {
font-size: 11px;
position: absolute;
left: 230px;
}
#myAccountInfo td.inviteInput {width: 140px; vertical-align: middle; padding-top:0!important;}
#myAccountInfo td.inviteInput input.short-input {width: 120px!important;}
#myAccountInfo td.inviteInput2 {width: 180px; vertical-align: middle; padding-top:0!important;}
#myAccountInfo td.inviteInput2 input.short-input {width: 160px!important;}
a#myAcctUpdate, input#myAcctUpdate {
background: transparent url(../img/buttons/update.png) top left no-repeat;
width: 99px;
height: 41px;
border: none;
display: block;
text-indent: -9999px;
margin-top: 10px;
cursor: pointer;
}
#myAccountInfo #pwForm #advice-newpw {
position: absolute;
left: 230px;
top: 10px;
font-size: 11px;
}
a#myAcctUpdate:hover, input#myAcctUpdate:hover {
background: transparent url(../img/buttons/update.png) 0 -41px no-repeat;
width: 99px;
height: 41px;
border: none;
text-indent: -9999px;
display: block;
margin-top: 10px;
cursor: pointer;
}
#myAccountInfo ul#complaints { list-style: disc; padding: 10px 0; }
a.formBottomTrigger {
color: #008cee;
position: relative;
top: -38px;
left: 10px;
cursor: pointer;
}
textarea#inviteText {width: 556px; height: 150px; background: #fffff4 url(../img/layout/article/textareaBG.png) 0 0 no-repeat; border: 1px solid #d3d3d3; margin-top: 5px;}
#aboutUs p {
padding: 10px 0;
line-height: 16px;
}
#aboutUs img {margin: 15px;}
.newsBlock {text-align: left; margin-bottom: 10px;}
.newsBlock .mainColRight {
float:left;
background: transparent url(../img/layout/about_us/logosBG.png) 0 0 no-repeat;
width: 175px;
height: 115px;
text-align: center;
line-height: 115px;
}
.newsBlock .mainColLeft {
float: right;
width: 490px;
text-align: left;
}
#aboutUs .newsBlockPR {
margin-bottom: 10px;
}
#aboutUs .mainColLeft h1,
#aboutUs .newsBlockPR h1{
font-size: 22px;
padding:0;
margin: 0;
padding: 10px 0;
padding-bottom: 0;
}
#aboutUs .mainColLeft h1 a:hover,
#aboutUs .newsBlockPR h1 a:hover{
text-decoration: none;
}
#aboutUs .mainColLeft p {
padding:0;
margin: 0;
}
#aboutUs .newsBlockPR p {
padding-top: 0;
}
#aboutUs .mainColLeft p.xsmallgrey,
#aboutUs .newsBlockPR p.xsmallgrey {
position: static;
padding:0;
margin: 0;
width: auto;
}
#aboutUs p.prBack {padding: 20px 0!important; padding-top: 18px!important;}
#aboutUs ul, #aboutUs ol {
margin-left: 40px;
}
#aboutUs li, #aboutUs li {
line-height: 120%;
padding: 3px 0;
}
#aboutUs h3 {
font-size: 22px;
}
#faqsNav h5 {padding-bottom: 10px;}
#faqsNav ul {
margin-bottom: 20px!important;
margin-left: 30px;
list-style-type: disc;
}
#faqList h5 {padding-top: 20px; padding-bottom: 0;}
div.question {font-weight: 700; margin-top: 0; font-size: 12px;}
#faqList div.question {margin-top: 24px;}
.monthlyPayment, .aprInfo {width: 110px; float: left;}
select#termYears {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 250px;
}
p.whereUScore {
color: #9e9e9e;
font-size: 11px!important;
padding-top: 15px!important;
width: 120px;
float: left;
text-align: center;
}
table.karmaOfferDetails, div.karmaOfferDetails {width: 290px;font-size: 0.7em;margin: 0 0 20px 0;}
table.karmaOfferDetails td {padding: 4px 0;vertical-align: middle;}
table.karmaOfferDetails td.blueTD {background-color: #f7fbfe;}
table.karmaOfferDetails td.centeredTD {text-align: left;}
div.karmaOfferDetails {float: left;}
.homeAffCalc #Calc1{margin-top:0}
.Calc1_loan h3, .Calc1_interest h3, .Calc1_years h3{width:140px!important}
.Calc1_years .loanBtn{margin-top:0!important}
#Calc1Left{margin-left:20px; float:left; width:550px;}
#Calc1Left input{width:100px; height:18px}
#Calc1Left p{margin-left:0}
.loanCalc .bodyTextShort{width:520px; font-size:.7em;}
.loanCalc #Calc1Right{margin-top:-5px}
#Calc1 h1{margin-left:-5px; padding-bottom: 10px;}
.simpleLoan .loanBtn{margin-top:10px!important}
#Calc2 h1, #Calc3 h1{margin-left:0px!important;}
#Calc1Left h3{float:left; width:170px; font-size:.7em; margin:2px 0 0 10px}
/*#Calc1Left span {font-size: 12px; position: relative; top: -3px;}*/
#Calc1Left span.example {color: #818181;}
#Calc1Right{float:right; margin:5px 15px 0 0; }
#Calc2, #calcTableBody, #Calc3 {width: 890px;}
#Calc2 {margin-top: 30px;}
#Calc1Left {margin-left:0}
table.loanCalcTable {border-collapse: collapse; float: left;}
table.loanCalcTable th, table.loanCalcTableResult th {text-align: center; font-size: 11px; font-weight: bold; color: #6a6a6a; background-color:#f8f8f8; padding: 5px 0; border: 3px solid #eee;border-collapse: collapse;}
table.loanCalcTable td, table.loanCalcTableResult td {text-align: center; font-size: 20px; font-weight: bold; color: #afafaf; padding: 10px 0; border: 3px solid #eee;}
table.loanCalcTableResult {width: 210px; float: left; border: 3px solid #eee; border-collapse: collapse; margin-left: 10px; }
table.loanCalcTableResult th {background: url(../img/calculators/resultHeaderBg.gif) top left repeat-x; color: #fff;}
table.loanCalcTableResult td {color: #000;}
table.loanCalcTableResult input {border: none; background-color: #fff;}
table.loanCalcUpdates {border: 3px solid #fff; border-collapse: collapse; margin-left: 20px; float: left;}
table.loanCalcUpdates td {text-align: center; border: 3px solid #fff;padding:0;}
table.loanCalcUpdates td img {margin-bottom: -4px;}
table.variations td {font-size: 12px;color: #000; font-weight: 400;}
table.variations th.selected {background: url(../img/calculators/headerBg.gif) top left repeat-x; border-left: none; color: #fff;}
img#interestBtn, img#rateBtn, img#yearsBtn, img#balanceBtn, img#debtRatesBtn, img#paymentsBtn {cursor: pointer;}
td#payVal, td#monthlyPayments, td#payoffTimeSummary {font-size: 11px; font-weight: 400; padding: 9px 0; line-height: 1.24em;}
tr.loanCalcUpdates {border: 3px solid #fff; border-collapse: collapse; margin-left: 20px; float: left;}
tr.loanCalcUpdates td {text-align: center; border: 3px solid #fff;padding:0;}
tr.loanCalcUpdates td img {margin-bottom: -4px;}
table.loanCalcTable td.sortTD, table.loanCalcTableResult td.sortTD {border: 3px solid #fff; border-bottom: none; padding:0}
table.debtcalc td {font-size: 17px; line-height: .885em;}
.compareField input#fullAmort {padding:0; width: auto; height: auto; margin-left: 18px; border: none; background-color: transparent;}
.compareField .cbNote {font-size: 10px; color: #7b7b7b; padding-left: 15px;}
#fullAmortizationSchedule {background: url(../img/calculators/amortizationBG.png) top right no-repeat;width: 890px;height: auto;overflow: hidden;padding-bottom: 20px;margin-top: 15px;}
#fullAmortizationSchedule .scrollable {height: 305px; overflow: auto; width:885px;}
#fullAmortizationSchedule .scrollable table{background: url(../img/calculators/tbodyBG.png) bottom left repeat-x;}
#fullAmortizationSchedule .scrollable table td {background-image: none;}
#loanAmortizationChart, #loanAmortizationChartStatic {width: 400px; margin-left: 30px; float: left;}
#principalPaymentChart, #principalPaymentChartStatic {width: 400px; margin-left: 40px; float: left;}
#loanAmortizationChart p, #principalPaymentChart p,
#loanAmortizationChartStatic p, #principalPaymentChartStatic p {color: #656565; font-size: 11px; margin: 10px 70px; text-align: left;}
div.addtlInfo {margin: 20px 0; float: left;}
div.addtlInfo h4 {font-size: 12px; font-weight: 700; margin-left: 30px}
div.addtlInfo p {margin-left: 40px; padding: 5px; color: #656565;}
div.infoText {width: 190px; float: left;}
#debtChart {float: left; margin-left: 10px; }
#CalcGraphsInactive {margin-left: 15px;}
div.paidAmount {font-weight: 700; margin: 10px 0; font-size: 90%}
div.paidAmount span.debtLabel {display: block; width: 70px; float: left;}
div.aboutContent {min-height:600px; height:auto !important; height:600px;}
div.submitQActions {position:relative}
div.submitQActions a.actionSubmit {position: absolute; top: 0px; left: 0px;}
div.submitQActions #questioninfoloaderdiv, div.submitQActions #infoloaderdiv {position: absolute; top: 5px; left: 155px;}
/*div.submitQActions .actionClear2 {position: absolute; top: 0px; left: 155px;}*/
/* HOME AFFORDABILITY CALC */
.homeAffCalc .loanBtn{margin: 10px 0 0 10px;}
.HomeAffTable{width:890px; margin:20px auto; background-color:#feffeb; padding:5px 5px 5px 5px}
.HomeAffTable a img{margin:20px 5px 5px}
.homeAff, .homeAffMath{text-align:center; float:left; display:block}
.homeAff p{font-weight:bold; width:100px; height:40px; margin-left:0}
.homeAff h1{margin-left:0!important; font-size:1.4em}
.homeAffMath{width:40px; text-align:center; font-weight:700; margin-top:17px}
.Calc1_term{font-size:.7em; margin-top:5px}
.Calc1_term h3{font-size:1em!important}
.Calc1_term input{width:auto!important; margin-left:10px}
.ratesBtn{border:none; height:30px; width:85px; margin:20px 0 0 -30px; position:absolute}
.default{margin:0}
.calcCat{height:21px; margin: 10px; border-bottom: 1px solid #d1d1d1; margin-top: 0;}
.calcTabs li{float:left; display:inline; margin-left:-4px; position: relative; top: -2px;}
.calcTabs a{background:url(../img/graytab-left.gif) no-repeat 0 0; float:left; padding-left:7px; text-decoration:none; margin-left:3px}
.calcTabs{padding:0; margin:1px 0 0 1px; font-size:.7em}
.calcTabs ul{list-style-type:none; padding:0;}
.calcTabs a span{color:#fff; font-weight:bold; display:block; background:url(../img/graytab.gif) right 0; padding:6px 10px 5px 4px; text-decoration:none}
.calcTabs a:hover span{color:#fff; text-decoration:underline}
/*Selected Tab style*/
.calcTabs li.selected a{background-position:0 -26px; border-bottom:none}
.calcTabs li.selected a span{background-position:100% -26px; color:#505050;}
/*onMouseover style*/
.calcTabs li.selected a:hover span{color:#505050; text-decoration:underline}
.calcTabs li.selected a:hover{border-bottom:none; color:#505050}
.calcTabs a:hover span, .calcTabs a:hover{color:#fff; text-decoration:underline}
a#loanCalculate {
background: transparent url(../img/buttons/calculate.png) top left no-repeat;
width: 115px;
height: 40px;
text-indent: -9999px;
display: block;
margin-left: 15px;
margin-top: 15px;
}
a#loanCalculate:hover {
background: transparent url(../img/buttons/calculate.png) 0 -40px no-repeat;
width: 115px;
height: 40px;
text-indent: -9999px;
display: block;
}
.ratePage .even, .ratePage .odd {padding:0;margin:0;width: auto;}
#rateCompareModule{font-family:arial, sans-serif; width:900px; margin:0 auto}
.rateCompareHeader{height:25px; background: url(../img/rateHeader-bg.gif) no-repeat; margin-left:-1px}
.rateCompareHeader p{float:left; width:270px; margin:6px 0 0 8px; font-weight:bold}
#rateCompareLeft,#rateCompareRight {float:left;width:49.5%;margin-top:5px;}
.rateCompareSearch{width:410px; margin:0 0 20px 20px; padding-left:5px}
.rateCompareSearch input,.rateCompareSearch select{border:1px solid #97959A;background:#ffffcf;width:110px;margin: 0 10px 5px 0;font-size:.8em;}
.rateCompareSearch img{margin-top:10px}
#rateCompareCheckboxes{padding-right:2px; width:425px; float:left}
#rateCompareCheckboxes input{margin:5px 0 0 0; padding:0}
#rateCompareCheckboxes p{margin:-12px 5px 0 80px; color:#0066ff; width:160px; text-decoration:none; font-size:.6em}
.checkLeft, .checkMid{float:left; font-size:.7em}
.checkLeft{margin-left:25px; width:130px;}
.HEcheckLeft {font-size:.7em;margin: 5px 0 0 20px;}
.HEcheckLeft img{clear: both;margin-top: 15px;}
.HEcheckLeft input,.checkLeft input {background-color: transparent; border: none;}
.checkRight{float:right; margin-right:25px; font-size:.7em}
.checkLeft img{margin-top:20px; float:left}
#rateCompareRight h1, .heCompareRight h1 {font-size:.75em;font-weight:bold;background:url(../img/rateCompare_h1_bg.gif);padding-left:5px;border:1px solid #5793D5;height:21px;color:#fff;margin-left:0;}
#rateCompareModule h3{font-size:.75em; font-weight:bold; color:#666; width:125px}
.searchResults{margin:10px 0 10px 25px}
.searchResults span{font-weight:bold}
#rateCompareLeft h1, .heCompareLeft h1{margin-left:5px}
.mortgageStep1fields {float: left;width: 120px;}
/*RATE COMPARISON / COMPARISON DETAIL SECTION */
.mainContent-top-wide .rateTitle{margin:6px 0 0 15px}
.orangearrow{padding-right:2px}
.cc .orangearrow{padding-right:2px;float:left; /*margin-top:3px*/}
.rateTitle{width:170px; float:left; font-weight:bold; margin:10px 0 0 30px;}
.rateTitle a{color:#fff; text-decoration:underline}
.rateExpander{margin:10px 10px 10px 15px; float:left; width:170px; font-weight:bold}
.rateHeader{padding-top:0}
.rateHeader .headerValue {font-weight:bold;float:left;text-align:center; /*background: url(../img/bg_rateResultsBar.gif) repeat-x;*/height: 20px;line-height: 20px; background: #f5f5f5;}
.rateHeader .active {background: url(../img/bg_rateResultsBarSort.gif) top left repeat-x;height: 20px;}
.rateHeader .headerValue a {color:#454545; text-decoration:none;}
.rateColumnValue{float:left; text-align:center; padding:10px 5px}
.mainContent-top-wide-cc .rateHeader .headerValue {height: 20px;line-height: 20px;}
.mainContent-top-wide-cc .rateHeader .headerValue .orangearrow {margin-top: 10px;}
.rateHeader .colValue0Mortgage,
.rateHeader .colValue0Homeequity,
.rateHeader .colValue0Deposits {margin-left:8px;}
/*mortgage page column values */
.rateHeader img {position: relative;top: -1px;}
.brm_link {cursor: pointer;}
/*.brm_stars {display:inline;}*/
.brm_phonelink {position: relative;width: 100px;}
.brm_displaytext img {vertical-align:middle;}
#rateSearchResults .brm_lendernamehref {text-decoration: none;}
.rateDetail span{ text-align:center}
.rateDetail{float:left; width:86.5%}
.rateDetail img{display:inline}
.rateReviews{margin-left:785px; width:10%; border-left:1px dashed #eee;}
.rateReviewLarge{background:url(../img/round-gray-box.gif) no-repeat center; width:141px; height:194px; margin:0 0 10px 15px}
.rateReviewLarge p{text-align:center; margin-bottom:0}
.rateReviewSmall {padding: 0;margin: 0;height: 35px;}
.rateReviewSmall a{display: block;padding: 10px 0 0 0;position: relative;left: 15px;}
.rateReviewSmall p{padding: 0;margin: -6px 0 0 0;}
.rateReviewSmall img {position: relative;left: -7px;}
.rateCompareSearch, .checkboxLeft{float:left}
.sortArrows{background:url(../img/orange-arrows.gif) no-repeat; margin:4px; position:absolute; width:8px; height:8px}
.sortArrowsDown{background:url(../img/orange-arrows-down.gif) no-repeat; margin:4px; position:absolute; width:8px; height:8px}
#noResults{display:block; line-height:2em; margin:0 auto; width:220px}
#noResults div{height:15px}
#noResults img{padding-left:20px}
#noResults p{padding-left:10px; display:inline}
.rateDetailExpanded{width:80%}
.commentBar{background-color:#FAFAFA; float:right; margin-right:20px; width:85%; padding:0 10px}
.commentBar p a{float:right}
.commentBar span{float:left; font-size:.8em; color:#999}
.commentBar span b{color:#000}
.commentPager{float:right; margin-bottom:10px}
.commentPager p{color:#999}
.lbl-loan{float:left; padding:5px 0 0 0}
#locstate, #loancat{width:110px;}
.feState #locstate {width: 80px;}
#loanamt{width:108px; height:18px;}
.refineSearch{margin-left:65px; color:#666}
/*-----------------------
new rate compare page
------------------------*/
#compareMain {position: relative;padding: 0 10px;}
#compareMain h2 {padding: 0;margin: 0 0 10px 0;}
.compareRatesLeft {width: 550px;float: left;margin-right: 25px}
.compareRatesLeft .clear {font-size: 0;height: 2px;}
.radio input, .checkbox input {border: none;background-color: transparent;}
.compareRatesLeft input, .compareRatesLeft select {margin-top: 0;font-size: 1.1em;}
.compareFieldName,.compareField {background-color: #f7fbfe;padding: 8px;width: 365px;float: left;font-size: 0.75em;display: table-cell;vertical-align: middle;}
.compareField select {margin-left: 15px;}
.compareField {height: auto; display: block;}
input#rdField {width: 10px; border: none; background-color:#f7fbfe; }
#productInfoLoader {display: none;position: absolute;margin-left: 5px;}
#searchProgressDiv {display:none;float:right;margin: 14px 30px 0px 0px;}
.mortgageOptions {font-size: .7em;}
#titleAndSliderArea {margin: 10px 15px;}
.compareSlidersArea {background-color: #fff;padding: 10px 0px 15px 0px; margin-top: 10px; text-align: left;}
.rcArrow {float: left;margin: 8px 0 0 77px;}
#rateSearchResults {margin-bottom: 10px;}
#rateSearchResults li {padding: 5px 0;}
#rateResultsBar {height: 20px;background:#f5f5f5;}
#searchResults {padding: 0 20px;}
.bankrateLogo {float: right;}
/*Rate Comparison Detail Section */
#LoanDetailChart{width:560px; display:block; margin-left:20px; padding-bottom:20px}
#heading{margin:5px 5px 0 5px; background-color:#fafafa; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; height:21px}
#heading span{margin-top:-2px}
#compareRates input {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 100px;
}
/*QA SEARCH BOX */
.grayBox {
background: #f7f7f7;
padding: 10px;
width: 560px;
float: left;
}
.grayBox #searchResults {
float: left;
padding-left: 5px;
padding-right: 5px;
}
.grayBox #searchResults ul li {
background: #fff;
padding: 5px 10px;;
margin: 2px 0;
}
.grayBox .submitQ {
padding-left: 5px;
padding-right: 5px;
float: left;
}
.grayBox #infoloaderdiv {
position: relative;
top: 12px;
}
#qaSearchBox {
background: #fffff4 url(../img/layout/qa/qaBoxBG.png) top left no-repeat;
width:560px;
height:129px;
}
#qaSearchBox form {
padding: 12px;
}
#qaSearchBox form textarea#search {
width: 530px;
background: #fffff4;
border: 1px solid #d7d7d7;
height: 60px;
font-size: 11px;
}
input#searchQAbtn {
background: url(../img/buttons/submit.png) top left no-repeat;
width:99px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
margin-top: 5px;
}
input#searchQAbtn:hover {
background: url(../img/buttons/submit.png) 0 -40px no-repeat;
width:99px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
margin-top: 5px;
}
p#searchNote {
float: left;
font-size: 11px;
color: #929292;
padding-top: 15px;
padding-left: 0px;
}
#QAList {padding-top: 15px;}
#QAList .commentTalkBubbleWide_top p.question {
background: url(../img/layout/qa/q.png) 15px 10px no-repeat;
padding: 15px;
padding-left: 55px;
}
#QAList .commentTalkBubbleWide_bottom {height: auto;}
#QAList div.answer {
background: url(../img/layout/qa/a.png) 0 10px no-repeat;
margin-left: 40px;
width: 540px;
}
#QAList div.answer p {
padding: 10px;
padding-top: 7px;
padding-left: 20px;
}
#QAList div.answer p.extraLinks {
font-size: 11px;
padding-top: 0;
color: #9e9e9e;
}
ul.qaList {margin: 10px 0; font-size: 12px; margin-bottom: 5px; margin-left: 0px; float: left; margin-right: 10px; font-weight: bold;}
.grayBox #searchResults ul.qaList {margin-right: 0; margin-bottom: 20px;}
.qaContainer ul.qaList {margin-left: 0px;}
ul.qaList li {padding: 7px 3px; padding-right: 25px; line-height: 15px;}
ul.qaList li strong {display: block; width: auto; float: left; margin-left: 5px;}
ul.qaList li span.qaQuestion {display: block; margin-left: 25px;}
ul.qaList li.blueBg {background: #f7fbfe;}
#qBlock {
background: url(../img/layout/qa/qBig.png) top left no-repeat;
width: 590px;
padding-top: 30px;
}
#qBlock p {font-size: 11px;}
#aBlock {
background: url(../img/layout/qa/aBig.png) top left no-repeat;
width: 580px;
padding-top: 30px;
font-size: 12px;
line-height: 120%;
margin-top: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #eeeeee;
}
#qaSubnav {
margin-top: 15px;
position: relative;
padding-bottom: 15px;
}
#qaAnswer .socialBookmarks {
width: 120px;
float: right;
position: static;
margin-top: 0;
font-size: 11px;
border-left: 2px solid #eee;
margin-left: 10px;
padding: 0 10px;
}
#qaAnswer .socialBookmarks h2 {
color: #858585!important;
margin-bottom: 0px;
padding-top: 0;
padding-bottom: 5px;
}
span#qaBack {
position: absolute;
left: 0;
}
span#qaCatLink {
position: absolute;
right: 0;
}
span#commentCount {
float: left;
padding-top: 10px;
}
h2#commentsHeader {
width: 75px;
float:left;
color: #ec7f09;
font-size:13px;
text-transform: uppercase;
}
a.submitBig {
background: transparent url(../img/buttons/submitBig.png) top left no-repeat;
width: 139px;
height: 53px;
text-indent: -9999px;
display: block;
margin-top: 10px;
float: left;
}
a.submitBig:hover {
background: transparent url(../img/buttons/submitBig.png) 0 -53px no-repeat;
width: 139px;
height: 53px;
text-indent: -9999px;
display: block;
margin-top: 10px;
float: left;
}
#infoloaderdiv {float: left; width: 30px;}
a.actionClear2 {float: left; margin-top: 20px; margin-left: 40px;}
.commentsTextarea label {font-size: 12px; padding-bottom: 15px;}
.commentsTextarea textarea#cBody {margin-left: 0px!important; margin-top: 5px!important;}
/* Overnight Averages Widget */
#bestRatesModule {width: 311px; position: relative; font-size: 12px; margin-top: 0px;}
#bestRatesModule h2 {padding-top: 0;}
#bestRatesModule .widgetGradient {
background: transparent url(../img/layout/widgets/widgetBG.png) top left no-repeat;
width: 300px;
height: auto;
float: left;
}
#bestRatesModule a.acctNavActive {padding-top: 10px; float: left;}
/*#bestRatesModule h2 {width: 130px;}*/
#bankrateLink {
background: #f7f7f7;
border-top: 2px solid #fff;
padding: 0 5px;
}
#bankrateLink p {
color: #8f8f8f;
font-size: 11px;
}
#bankrateLink a {
color: #4c4b4b;
}
img#sourceBankrate {margin-top: 4px;}
#ONANav a {
width: 88px;
height: 32px;
display: block;
float: left;
background: #fff url(../img/layout/sidebar/widgets/tabInactiveBG.png) top left repeat-x;
color: #fff;
margin-right: 2px;
padding: 5px;
padding-bottom: 2px;
font-size: 11px!important;
}
#ONANav a.selected {
background: #edecec;
color: #4c4b4b;
}
#ONANav a.selected:hover {
text-decoration: none;
}
#ONANav a#tabThreeNOA {margin-right: 0; width: 90px;}
ul#ratesWidget {width: 300px; float: left; line-height: 14px;}
ul#ratesWidget li {padding: 3px 0; float: left; font-weight: 700;}
ul#ratesWidget li.blueBg {background-color: #f7fbfe;}
ul#ratesWidget li#heading {
font-size: 11px!important;
color: #8f8f8f;
height: 36px;
font-weight: bold;
padding:0;
border: none;
margin:0;
background: transparent;
}
ul#ratesWidget span.avgs {display: block; width: 140px; float: left; margin-left: 10px;}
ul#ratesWidget span.today {display: block; width: 60px; float: left;}
ul#ratesWidget span.updown {display: block; width: 37px; float: left;}
ul#ratesWidget span.lastWeek {display: block; width: 53px; float: left;}
ul#ratesWidget li#heading span.avgs {display: block; width: 140px; float: left; margin-top: 12px;}
ul#ratesWidget li#heading span.today {display: block; width: 60px; float: left;margin-top: 6px; text-align: center; margin-left: -12px;}
ul#ratesWidget li#heading span.updown {display: block; width: 37px; float: left;margin-top: 12px; margin-left: 12px;}
ul#ratesWidget li#heading span.lastWeek {display: block; width: 50px; float: left;margin-top: 6px; text-align: center; margin-left: -10px; }
/* EOF Overnight Averages Widget */
#sideBoxTab_navCC a {
width: 88px;
height: 31px;
display: block;
float: left;
background: #fff url(../img/layout/sidebar/widgets/tabInactiveBG.png) top left repeat-x;
color: #fff;
margin-right: 2px;
padding: 6px 3px 2px 8px;
font-weight: 700;
font-size: 11px!important;
}
#sideBoxTab_navCC a.selected {
background: #edecec;
color: #4c4b4b;
}
#sideBoxTab_navCC a.selected:hover {
text-decoration: none;
}
#recommendedCCwidget .widgetGradient {
background: #f7f7f7 url(../img/layout/widgets/widgetBG.png) top left no-repeat;
width: 301px;
height: auto;
float: left;
padding-bottom: 10px;
display: none;
}
#recommendedCCwidget .selected { display: block; }
#recommendedCCwidget p {padding-bottom: 10px; font-size: 11px; line-height: 13px;}
#recommendedCCwidget h2 {padding-top: 0;padding-bottom: 0;}
.ccRec {margin: 10px; margin-top: 15px;}
.ccRec h3 {
font-size: 18px;
}
.ccRec h3 a:hover {
text-decoration: none;
}
.ccRec .providerImage {
background: url(../img/layout/mycredit/offerImgBg.png) top left no-repeat;
width: 149px;
height: 99px;
margin-bottom: 10px;
margin-top: 10px;
float: left;
}
.providerImage {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 149px;
height: 99px;
}
.providerImage * {
vertical-align: middle;
}
/*\*//*/
.providerImage {
display: block;
}
.providerImage span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
#ccRecommendedSavings {
width: 110px;
text-align: center;
float: left;
margin-top: 15px;
}
#ccRecommendedSavings p {
font-weight: 700;
font-size: 11px;
}
#ccRecommendedSavings h4 {
font-size: 20px;
color: #007fd8;
}
.ccRec a.applyNow {
background: transparent url(../img/buttons/applyNow.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left:0;
float: left;
cursor: pointer;
}
.ccRec a.applyNow:hover {
background: transparent url(../img/buttons/applyNow.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left:0;
float: left;
cursor: pointer;
}
#recCardSummary ul {
margin-left: 20px;
font-size: 11px;
list-style-type: disc;
}
#recCardSummary ul li {
padding: 3px 0;
}
#recommendedCCwidget a.acctNavActive {padding-top: 10px; float: left;}
input.updateScore {
background: #fff url(../img/buttons/updateScore.png) top left no-repeat;
width: 259px;
height: 53px;
text-indent: -9999px;
display: block;
border: none;
cursor: pointer;
}
input.updateScore:hover {
background: #fff url(../img/buttons/updateScore.png) 0 -53px no-repeat;
width: 259px;
height: 53px;
text-indent: -9999px;
display: block;
border: none;
cursor: pointer;
}
input.updateScoreWorking {
background: #fff url(../img/buttons/updatingScore.png) top left no-repeat;
width: 259px;
height: 53px;
text-indent: -9999px;
display: block;
border: none;
cursor: default;
}
table#totalDebtTable {width: 190px;}
table#totalDebtTable th {padding: 3px 0; border-bottom: 1px solid #d8d8d8; color: #858585; font-size: 11px; font-weight: 700;}
table#totalDebtTable td {padding: 3px 0; font-size: 12px;}
table#totalDebtTable td.debtName {color: #0072fe;}
table#totalDebtTable tr.noSavings {display: none;}
table#totalDebtTable td.debtAmount {color: #000; font-weight: 400; text-align: right;}
table#totalDebtTable td.debtPerc {color: #000; font-weight: 700; text-align: right;}
table#totalDebtTable .trFooter td {padding: 3px 0; padding-top: 5px; border-top: 1px solid #d8d8d8;}
td.debtSavingsValue {padding-left: 0px; vertical-align: middle;}
td.debtSavingsTitle {vertical-align: middle;}
table#totalDebtTable tr td span {
display: block;
float: left;
width: 16px;
height: 16px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
margin-right:5px;
margin-top:-2px;
}
.toUpper {text-transform: uppercase;}
.savingsLoader {
background: transparent url(../img/layout/mysavings/loadingBG.png) top left no-repeat;
width:713px;
height:216px;
text-align: center;
position: relative;
}
.savingsLoader h5 {
font-size: 13px;
color: #868686;
text-transform: uppercase;
padding-top: 85px;
}
.savingsLoader img {
position: absolute;
top: 78px;
left: 90px;
}
p.graysmall {
color: #999;
font-size: 11px!important;
padding-top:0;
}
h3.ccTabDataHeader {
font-size: 29px;
color: #494949;
padding: 10px 0;
padding-top: 20px;
}
h3.ccTabDataHeader span {
font-size: 29px;
color: #a6a6a6;
}
ul#ccNavTabs {
/*background: transparent url(../img/layout/creditCards/ccTabs.png) top left no-repeat;*/
width: 633px;
height: 54px;
list-style-type: none;
margin-left: -6px;
}
ul#ccNavTabs li {
display: block;
float: left;
}
ul#ccNavTabs li a {
display: block;
float: left;
width: 130px;
}
#ccNavTabs li#excellentCredit,
#ccNavTabs li a#ccSplashNav_excellent, #ccNavTabs li a#ccSplashNav_excellent span {
background: transparent url(../img/layout/creditCards/ccTabs.png) -416px 0 no-repeat;
width: 171px;
height: 53px;
cursor: pointer;
z-index: 299;
}
#ccNavTabs li#excellentCredit a.selected, #ccNavTabs li#excellentCredit a.selected span {
background: transparent url(../img/layout/creditCards/ccTabsOver.png) -456px 0 no-repeat;
width: 177px;
height: 53px;
cursor: pointer;
z-index: 300;
}
#ccNavTabs li#poorCredit,
#ccNavTabs li a#ccSplashNav_poor, #ccNavTabs li a#ccSplashNav_poor span {
background: transparent url(../img/layout/creditCards/ccTabs.png) 0 -106px no-repeat;
width: 144px;
height: 53px;
cursor: pointer;
z-index: 299;
}
#ccNavTabs li#poorCredit a.selected, #ccNavTabs li#poorCredit a.selected span {
background: transparent url(../img/layout/creditCards/ccTabsOver.png) 0 0 no-repeat;
width: 154px;
height: 53px;
cursor: pointer;
z-index: 300;
}
#ccNavTabs li#fairCredit,
#ccNavTabs li a#ccSplashNav_fair, #ccNavTabs li a#ccSplashNav_fair span {
background: transparent url(../img/layout/creditCards/ccTabs.png) -144px -159px no-repeat;
width: 133px;
height: 53px;
cursor: pointer;
z-index: 299;
}
#ccNavTabs li#fairCredit a.selected, #ccNavTabs li#fairCredit a.selected span {
background: transparent url(../img/layout/creditCards/ccTabsOver.png) -154px 0 no-repeat;
width: 148px;
height: 53px;
cursor: pointer;
z-index: 300;
}
#ccNavTabs li#goodCredit,
#ccNavTabs li a#ccSplashNav_good, #ccNavTabs li a#ccSplashNav_good span {
background: transparent url(../img/layout/creditCards/ccTabs.png) -277px 0 no-repeat;
width: 139px;
height: 53px;
cursor: pointer;
z-index: 299;
}
#ccNavTabs li#goodCredit a.selected, #ccNavTabs li#goodCredit a.selected span {
background: transparent url(../img/layout/creditCards/ccTabsOver.png) -300px 0 no-repeat;
width: 158px;
height: 53px;
cursor: pointer;
z-index: 300;
}
ul#contentTabs {
width: 588px;
list-style-type: none;
height: 53px;
margin-left: -6px;
}
ul#contentTabs li {
display: block;
float: left;
}
ul#contentTabs li a {
display: block;
float: left;
width: 130px;
}
#contentTabs li#affordabilityli,
#contentTabs li a#affordabilityCalcLink, #contentTabs li a#affordabilityCalcLink span {
background: transparent url(../img/layout/tools/homeAff.png) 0 -106px no-repeat;
width: 170px;
height: 53px;
cursor: pointer;
}
#contentTabs li#affordabilityli a.debtSelected, #contentTabs li#affordabilityli a.debtSelected span {
background: transparent url(../img/layout/tools/homeAff.png) 0 -53px no-repeat;
width: 170px;
height: 53px;
cursor: pointer;
}
#contentTabs li#affordabilityli a.selected, #contentTabs li#affordabilityli a.selected span {
background: transparent url(../img/layout/tools/homeAff.png) 0 0 no-repeat;
width: 170px;
height: 53px;
cursor: default;
}
#contentTabs li#loanli,
#contentTabs li a#loanCalcLink, #contentTabs li a#loanCalcLink span {
background: transparent url(../img/layout/tools/loan.png) 0 -106px no-repeat;
width: 165px;
height: 53px;
cursor: pointer;
}
#contentTabs li#loanli a.amortSelected, #contentTabs li#loanli a.amortSelected span {
background: transparent url(../img/layout/tools/loan.png) 0 -53px no-repeat;
width: 165px;
height: 53px;
cursor: pointer;
}
#contentTabs li#loanli a.selected, #contentTabs li#loanli a.selected span {
background: transparent url(../img/layout/tools/loan.png) 0 0 no-repeat;
width: 165px;
height: 53px;
cursor: default;
}
#contentTabs li#debtli,
#contentTabs li a#debtCalcLink, #contentTabs li a#debtCalcLink span {
background: transparent url(../img/layout/tools/debt.png) 0 0 no-repeat;
width: 133px;
height: 53px;
cursor: pointer;
}
#contentTabs li#debtli a.loanSelected, #contentTabs li#debtli a.loanSelected span {
background: transparent url(../img/layout/tools/debt.png) 0 -106px no-repeat;
width: 133px;
height: 53px;
cursor: pointer;
}
#contentTabs li#debtli a.affSelected, #contentTabs li#debtli a.affSelected span {
background: transparent url(../img/layout/tools/debt.png) 0 0 no-repeat;
width: 133px;
height: 53px;
cursor: pointer;
}
#contentTabs li#debtli a.selected, #contentTabs li#debtli a.selected span {
background: transparent url(../img/layout/tools/debt.png) 0 -53px no-repeat;
width: 133px;
height: 53px;
cursor: default;
}
#contentTabs li#amortizationli,
#contentTabs li a#amortizationCalcLink, #contentTabs li a#amortizationCalcLink span {
background: transparent url(../img/layout/tools/amortization.png) 0 0 no-repeat;
width: 120px;
height: 53px;
cursor: pointer;
}
#contentTabs li#amortizationli a.selected, #contentTabs li#amortizationli a.selected span {
background: transparent url(../img/layout/tools/amortization.png) 0 -53px no-repeat;
width: 120px;
height: 53px;
cursor: default;
}
#ccRecommendedContent {margin-right: 15px;}
p.footnote {font-size: 9px!important; line-height: 11px; color:#a1a0a0;}
li#credit {display: none!important;}
.ccTabData {padding-right: 20px;}
.ccTabData .rating, #ccRecommendedContent .rating {
color: #fff;
font-size: 28px;
padding-top: 26px;
padding-bottom: 9px;
padding-left: 8px;
}
.ccTabData h1.ccTabTitle, #ccRecommendedContent h1 {font-size: 22px!important; padding-bottom: 10px;}
.ccTabData h1.ccTabTitle {}
#ccRecommendedContent h1 {padding-bottom: 0; padding-top: 10px;}
#ccRecommendedContent h1.ccTabTitle {padding-bottom: 10px;}
.ccTabData h1.ccTabTitle a:hover, #ccRecommendedContent h1 a:hover {
text-decoration: none;
color: #00aeff;
}
.cc-detail_left {
float: left;
width: 150px;
}
.cc-detail_left a.applyNow {
float: left;
margin-left: 0;
}
.cc-detail_left a.applyNow:hover {
float: left;
margin-left: 0;
}
.cc-detail_left .ccImage {
background: transparent url(../img/layout/creditCards/ccShadow2.png) top left no-repeat;
width: 120px;
height: 75px;
margin-left: 7px;
}
.ccTabData .voting,
#ccRecommendedContent .voting {
background: transparent url(../img/layout/creditCards/voteBGNew.png) top left no-repeat;
width: 55px;
height: 98px;
}
.ccTabData ul li,
#ccRecommendedContent ul li {
list-style-type: disc;
font-size: 11px;
}
.ccTabData p, #ccRecommendedContent p {
font-size: 11px;
}
.cc-info {margin-left: 210px;}
.cc-info ul {margin-left: 25px;}
.cc-info-extra {
margin-left: 60px;
}
.cc-info-extra-2 {
background: transparent url(../img/layout/creditCards/proConBg.png) bottom left repeat-x;
margin-left: 60px;
width: auto;
height: auto;
padding: 10px;
margin-top: 10px;
}
.cc-info-extra-2 ul {
margin-left: 20px;
width: 170px;
}
.ccProsCons {
width: 200px;
float: left;
}
.ccScoreApproval {
width: 260px;
float: left;
}
p.pro, p.con, span.green, span.red {
text-transform: uppercase;
font-weight: 700;
}
p.pro, span.green {
color: #49aa33;
}
p.con, span.red {
color: #da4627;
}
p.guideline {font-size: 12px!important; padding-top: 0!important; padding-bottom: 10px!important;}
div.ccScoreApproval h6{padding: 5px 0;}
div.ccScoreApproval p {width: 150px; float: left;}
div.ccScoreApprovalNum {margin-right: 15px;}
div.ccScoreApprovalNum h2.apprAvrg,
div.ccScoreApprovalNum h2.apprMin {font-size: 42px!important; padding-top: 5px!important;}
div.ccScoreApprovalNum h2.apprAvrg {color: #4c4b4b!important; padding-bottom:0!important;}
div.ccScoreApprovalNum h2.apprMin {color: #a5a5a5!important;}
div.ccSplash_divider {height: 2px; width: auto; background: #eee; margin: 15px 0;}
/* AMEX PAGE */
#amexFrame {
background: transparent url(../img/layout/amex/amexBG.jpg) 0 0 no-repeat;
width: 948px;
height: auto;
text-align: left;
float: left;
margin-top: -10px;
}
#amexFrame h1 {padding-top: 20px;}
#amexLeft {width: 610px; float: left; margin-left: 20px; margin-top: 10px}
#amexLeft p.amexIntro {width: 560px}
#amexLeft h5, #amexContentRight h5 {font-size:13px; text-transform: uppercase; font-weight: bold; padding:10px 0;}
#amexContentRight h5 {color: #ec7f09;;}
h5.amexSubHeader {width: 150px; float: left;color: #ec7f09; }
p#jumpLinks {font-size: 11px; float: right; margin-right: 50px; padding-top: 7px;}
#amexContent {
background: transparent url(../img/layout/amex/cardsBG.png) 0 0 no-repeat;
width: 593px;
height: auto;
margin-left: -8px;
}
#amexContentBottom {
background: transparent url(../img/layout/amex/cardsBGBottom.png) 0 0 no-repeat;
width: 593px;
height: 37px;
margin-left: -8px;
}
#allAmexCards {padding: 20px;}
#amexLeft h5.cardHeader {
background: transparent url(../img/layout/amex/headerBG.png) 0 0 repeat-x;
width: auto;
height: 28px;
color: #fff;
padding-left: 10px;
padding-top: 9px;
}
.amexCCWrapper {margin: 0 10px; margin-bottom: 0; padding-bottom: 10px;}
.amexLeft {width: 130px; text-align: center; float: left;}
.amexRight h3 {font-size: 22px; padding-bottom: 10px;}
.amexRight h3 a:hover {text-decoration: none;}
.amexRight {width: 370px; float: left; margin-left: 25px;}
.amexRight ul {
font-size: 11px;
list-style-type: disc;
padding-left: 30px;
padding-bottom: 15px;
}
.amexRight li {
padding-bottom: 5px;
}
.amexRight table {font-size: 10px; margin-left: 20px;}
.amexRight table th {
background: url(../img/layout/amex/tableHeaderBG.png) repeat-x top left;
height: 26px;
vertical-align: center;
padding: 0 8px;
border-left: 2px solid #fff;
text-align: center;
}
.amexRight table td {text-align: center; padding: 3px}
div.ccImgContainer {
background: transparent url(../img/layout/amex/ccBG.png) 0 0 no-repeat;
width: 147px;
height: 98px;
}
.amexLeft a.applyNow {
margin-left: 5px;
margin-top: 10px;
}
.amexLeft a.applyNow:hover {
margin-left: 5px;
}
#amexContentRight {width: 290px; float: left; margin-top: 260px; margin-left: 15px;}
#amexContentRight ul {
font-size: 11px;
list-style-type: disc;
padding: 10px 30px;
padding-right: 0;
}
#amexContentRight ul li {padding: 3px 0;}
#amexContentRight p.note {font-size: 11px; padding-top: 10px; padding-bottom: 30px;}
#savingsWidget {margin-bottom: 10px; width: 300px;}
#savingsWidget p {font-size: 11px; line-height: 13px;}
#savingsWidget h2 {padding-bottom: 0!important;padding-top: 0;}
#savingsWidget h3 {font-size: 24px;}
#savingsWidget h3 a:hover {text-decoration: none;}
#savingsWidget table {margin-left: 50px; width: 250px;}
td.moSavings {font-size: 11px;}
td.totalSavings {font-weight: 700; font-size: 11px; vertical-align: top; margin-top: -5px;}
#savingsWidget table td p.rate {font-size: 20px; color: #007fd8;padding-right:0;}
#savingsWidget table td p.negative {font-size: 20px; color: #BA0106;padding-right:0;}
h3.mortgageSavings {
background: url(../img/layout/mysavings/mortgageIcon.png) top left no-repeat;
height: 30px;
padding-left: 50px;
padding-top: 10px;
}
p#ccSavingsWidget, p#mortgageSavingsWidget,
p#autoSavingsWidget, p#depositsSavingsWidget {padding:0;}
h3.autoloanSavings {
background: url(../img/layout/mysavings/carIcon.png) top left no-repeat;
height: 31px;
padding-left: 50px;
padding-top: 5px;
}
h3.ccSavings {
background: url(../img/layout/mysavings/ccIcon.png) top left no-repeat;
height: 30px;
padding-left: 50px;
padding-top: 5px;
}
h3.depositsSavings {
background: url("../img/layout/mysavings/depositsIcon.png") 0 -3px no-repeat;
height: 37px;
padding-left: 50px;
padding-top: 5px;
margin-bottom: -8px;
}
td.seeDetails {vertical-align: top; padding-top: 8px; padding-right: 25px;}
#savingsWidget div.ccSplash_divider {height: 2px; width: auto; background: #eee; margin: 5px 0; margin-bottom: 10px;}
.mortgageOptions {font-size: .7em;}
.compareSlidersArea {background-color: #fff; padding: 10px 10px 15px 10px;margin-top: 10px;}
.rcArrow {float: left;margin: 8px 0 0 77px;}
.bankrateLogo {float: right;}
/*------------------------
NEW RATE COMPARE SLIDERS
--------------------------*/
.rcSlider {position: relative; width: 245px; background: url(../img/layout/compareRates/bg_rcSlider.png) no-repeat; float: left; margin-top: 40px; margin-right: 50px;}
.rcSliderHandle1, .rcSliderHandle2 {float: left;position: absolute;top: -15px;display: inline;width: 15px;font-size: 0.7em;color: #434343;}
.rcSliderHandle2 {left: 50px;}
.rcSliderHandle1 img, .rcSliderHandle2 img {display: block; margin-top: -37px}
.rcSliderValues1 {
background: url(../img/layout/compareRates/sliderValuesBg.png) no-repeat;
width:59px;
height:30px;
position: relative;
left: -19px;
top: -30px;
text-align: center;
font-weight: bold;
padding-top: 5px;
font-size: 11px;
}
.rcSliderValues1 span {font-weight: bold; padding-top: 10px; font-size: 11px;}
.rcSliderHandleMiddle {position: absolute;top: -17px;background: url(../img/layout/compareRates/bg_rcSliderHandleMiddle.gif) repeat-x;height: 4px;width: 50px;font-size: 0;}
.rcSliderHandleMiddleOuter {position: relative;left: 10px;}
.columnSortHelp {color: #727272;padding-left: 10px;margin-bottom: 3px;}
.columnSortHelp {width: 750px;display:block;float:left;}
.termsModal a {text-decoration: underline; width: 120px; float: left; text-align: right;}
.rcSliderValues2 {clear: both; padding: 0 5px; padding-top: 17px;text-align: center; padding-bottom: 5px; }
.rcSliderValues2 p {display: inline;font-size:11px;}
.rcSliderValues2 p.fl, .rcSliderValues2 p.fr {padding-top: 0;}
.rcSliderValues2 p.fr {padding-right: 0;}
.rcSliderValues2 sup a {font-size: 0.6em;}
#sliders {margin-top: 10px;}
tr#rateHeader th.headerValue {
font-weight: 700;
color:#454545;
padding: 7px 10px;
text-align: center;
}
tr#rateHeader th.headerValue a {
color:#454545;
}
#rateSearchResults td {
text-align: center;
border-bottom: 2px solid #eee;
vertical-align: middle;
}
#rateSearchResults td span {
padding: 2px 10px;
margin: 1px 0;
display: block;
}
#rateSearchResults td.brm_InstitutionName,
tr#rateHeader th.brm_InstitutionName {
font-weight: 700;
text-align: left;
}
#rateSearchResults td.brm_EstimatedMonthlyPayment,
tr#rateHeader th.brm_EstimatedMonthlyPayment {
padding: 2px;
}
#rateSearchResults td.brm_Rate span,
#rateSearchResults td.brm_EstimatedMonthlyPayment span,
#rateSearchResults td.brm_APY span
{background: #eaf4ff; padding: 14px; font-weight: 700;}
#rateSearchResults td.brm_APY span {padding: 13px 14px; margin: 2px 0;}
#rateSearchResults td.contactBank {position: relative;}
label.brm_link {
background: url(../img/buttons/contactBank.png) top left no-repeat;
width: 115px;
height: 35px;
text-indent: -9999px;
display: block;
border: none;
cursor: pointer;
}
label.brm_link:hover {
background: url(../img/buttons/contactBank.png) 0 -35px no-repeat;
width: 115px;
height: 35px;
}
a#srchRateBtn {
background: transparent url(../img/buttons/calculateRates.png) top left no-repeat;
width: 165px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
}
a#srchRateBtn:hover {
background: transparent url(../img/buttons/calculateRates.png) 0 -41px no-repeat;
width: 165px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
}
a#srchRateBtnInactive {
background: transparent url(../img/buttons/calculateRates.png) top left no-repeat;
width: 165px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
}
img#srchRateBtn {
margin-left: 30px;
cursor: pointer;
margin-top: 10px;
}
/* PAGINATION */
#pagination {margin-top: 15px;}
#myAccountInfo ul#pagination {margin-left: 0;}
#pagination li{
border:0;
margin:0;
padding:0;
font-size:11px;
list-style:none;
margin-right:5px;
float: left;
}
#pagination li.skip {
padding:4px 6px;
}
#pagination a{
/*border:solid 1px #9aafe5;*/
border: none;
}
#pagination .previous-off,
#pagination .next-off {
border:none;
color:#949494;
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
background: transparent;
}
#pagination .active{
background:#959595;
color:#FFF;
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination a:link,
#pagination a:visited {
color:#008cee;
background: #f1f1f1;
display:block;
float:left;
padding:4px 6px;
text-decoration:none;
font-weight:bold;
}
#pagination .next a,
#pagination .previous a {
font-weight:bold;
border: none;
background: transparent;
}
#pagination a:hover{
/*border:solid 1px #0e509e;*/
background:#959595;
color:#FFF;
}
#epNav {margin-top: 10px;}
#epNav ul {
list-style-type: disc;
width: 185px;
float: left;
margin-bottom: 20px;
}
#epNav ul li {
margin-left: 20px;
list-style-type: disc;
padding: 5px 0;
}
p.karmaInfo {font-size: 11px; text-align: left; padding-left: 20px; padding-right: 20px; color: #b0b0b0;}
h1#foundCardsHeader {margin-top: 24px;}
span.tooltipRight {
background: url(../img/layout/tooltip/tooltipRight.png) no-repeat;
height: 93px;
width: 181px;
position: absolute;
top: -90px;
left: 20px;
color: #fff;
}
span.tooltipRight2 {
background: url(../img/layout/tooltip/tooltipRight.png) no-repeat;
height: 93px;
width: 181px;
position: absolute;
top: -90px;
left: -132px;
color: #fff;
}
span.tooltipLeft {
background: url(../img/layout/tooltip/tooltipLeft.png) no-repeat;
height: 93px;
width: 181px;
position: absolute;
top: -90px;
left: -34px;
color: #fff;
}
span.tooltipWrapper {
/* margin: 20px;
margin-top: 15px;
margin-right: 10px;*/
}
span.tooltipWrapper h6 {
font-size: 11px;
font-weight: 700;
padding-bottom: 5px;
}
span.tooltipWrapper span {
display: block;
font-size: 9px!important;
line-height: 12px;
padding: 10px 15px;
}
.faqsNav ul {
list-style-type: disc;
margin-top: 10px;
margin-bottom: 5px;
}
a.articleAddCommentAlert {background: url(../img/comments/checkbox_unchecked.png) no-repeat; padding: 2px 0 2px 20px; margin-top: 10px; float: left;}
a.articleDeleteCommentAlert {background: url(../img/comments/checkbox_checked.png) no-repeat; padding: 2px 0 2px 20px; margin-top: 10px; float: left;}
a.alertChecked {background: url(../img/comments/checkbox_checked.png) no-repeat; font-size:0.7em;margin: 0 0 0 0px;padding: 2px 0 2px 25px; margin-top: 10px; float: left;}
a.alertNotChecked {background: url(../img/comments/checkbox_unchecked.png) no-repeat; font-size:0.7em;margin: 0 0 0 0px;padding: 2px 0 2px 25px; margin-top: 10px; float: left;}
a.actionClear2 {float: left; margin-top: 20px; margin-left: 40px; font-size: 12px;}
p#alertExplanation {float: left; margin-top: -5px; margin-left: 60px; font-size: 11px; color: #a1a0a0;}
.submitQActions #infoloaderdiv {margin-top: 23px;}
#myAccount .promptContainer, #modalContent .promptContainer {margin-left:0;}
#emailForm #advice-email, #emailForm .validation-advice {
position: absolute;
left: 230px;
font-size: 11px;
}
ul.trends, ol.trends {
font-size: 12px;
margin-left: 30px;
list-style-type: disc;
line-height: 16px;
}
ul.trends li, ol.trends li{
padding-bottom: 3px;
}
#otherItems h1 a:hover {text-decoration: none;}
table.karmaOfferDetails {font-size: 12px; width: 330px!important; float: left;}
table.karmaOfferDetails td {padding-left: 3px;}
.cc-featureList {width: 560px; float: left;}
.cc-featureList h5 {
font-family: Arial, Helvetica, sans-serif!important;
padding-bottom: 15px;
}
.cc-featureList ul {
list-style-type: disc;
margin-left: 20px;
}
.cc-featureList ul li {
padding: 5px 0;
}
.subText p {font-size: 11px;}
.subText img.commentIcon {position: relative; top: 3px;}
.offerDetails {padding-top: 15px;}
p.eleven {font-size: 11px;}
#howitworks {
background: url(../img/layout/howitworks/bg.png) no-repeat;
width: 948px;
min-height: 873px;
height: auto!important;
height: 873px;
margin-top: 5px;
}
#howitworks img.hiwImage {
margin-right: 10px;
}
#howitworks div.clear {height: 25px;}
#hiwBucket {margin-top: 15px;}
#hiwBucket h2 {
width: 230px;
float: left;
}
#hiwBucket p {
width: 260px;
float: left;
}
#howitworks h3 {font-size: 24px; margin-top: 10px;}
#howitworks ul {
list-style-type: disc;
margin-left: 30px;
}
#howitworks ul li {
padding: 3px 0;
}
p.sidebarQuote {
font-size: 14px;
line-height: 20px;
width: 250px;
padding-left: 15px;
padding-bottom: 0;
}
p.quoteName {
font-size: 11px;
padding-bottom: 20px;
padding-left: 15px;
font-weight: 700;
padding-top: 0;
}
#getReadySidebar {margin-left: 10px;}
#getReadySidebar h3 {padding-bottom: 10px;}
#testimonialsSidebar {margin-top: 50px;margin-left: 10px;}
#testimonialsSidebar h3 {padding-bottom: 10px;}
a#signUpFree {
background: transparent url(../img/buttons/signupFree.png) top left no-repeat;
width: 164px;
height: 40px;
text-indent: -9999px;
display: block;
cursor: pointer;
margin-top: 20px;
margin-left: -5px;
}
a#signUpFree:hover {
background: transparent url(../img/buttons/signupFree.png) 0 -40px no-repeat;
width: 164px;
height: 40px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#getStartedFree {
background: transparent url(../img/buttons/getStartedFree.png) top left no-repeat;
width: 276px;
height: 53px;
text-indent: -9999px;
display: block;
cursor: pointer;
margin-top: 30px;
float: left;
;
}
a#getStartedFree:hover {
background: transparent url(../img/buttons/getStartedFree.png) 0 -53px no-repeat;
width: 276px;
height: 53px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#oowGetScore {
background: transparent url(../img/buttons/oowGetScore.png) top left no-repeat;
width: 317px;
height: 53px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#oowGetScore:hover {
background: transparent url(../img/buttons/oowGetScore.png) 0 -53px no-repeat;
width: 317px;
height: 53px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
p#hiwLogin {
float: left;
margin-top: 40px;
margin-left: 15px;
}
#promptNM .promptContainer {margin-left: 0;}
#modalScrolling {
height: 300px;
overflow: auto;
}
#flashApp {width: 560px}
a.learnMore {
background: transparent url(../img/buttons/learnMore.png) top left no-repeat;
width: 134px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left:0;
float: left;
cursor: pointer;
}
a.learnMore:hover {
background: transparent url(../img/buttons/learnMore.png) 0 -41px no-repeat;
width: 134px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left:0;
float: left;
cursor: pointer;
}
.additionalDeposits .additionalOffer p {
padding-top: 0!important;
font-size: 11px!important;
}
#depositsMC .balanceTransfer,
#depositsMC .introAPR,
#depositsMC .regularAPR {width: 105px!important;}
div#comments .validation-advice,
.artcl-cmmnts-box .validation-advice {position: relative; top: 0px;}
#depositsMC {position: relative;}
img#depositsPlus {
position: absolute;
top: 90px;
left: 215px;
}
h4#addtlCapOneInfo {
position: absolute;
top: 110px;
left: 195px;
font-size: 17px;
}
#capOneAdditional img#depositsPlus {
position: absolute;
top: 60px;
left: 205px;
}
#capOneAdditional h4#addtlCapOneInfo {
position: absolute;
top: 80px;
left: 182px;
font-size: 17px;
}
#twitterHome {margin-top: 40px; float: left; margin-left: 10px;}
#twitterHome h3 {font-size: 24px; padding-bottom: 15px;}
#twitterHome h1#fbLink, #twitterHome h1#twitterLink {
font-size: 17px;
width: 270px;
float: left;
}
#rotatingOffers h5 a {text-decoration: none; color:#007fd8;}
#sendfriendForm .validation-advice {
position: relative;
top: -35px;;
left: 285px;
font-size: 11px;
}
p.savings a:hover {text-decoration: none;}
#calculatorsNav {
background: transparent url(../img/layout/tools/calcTabs.png) -5px 0 no-repeat;
width: 588px;
height: 53px;
position: relative;
}
#calcMenu a {
position: absolute;
height: 53px;
width: 88px;
top: 31px;
text-decoration: none;
}
#calcMenu a i { visibility: hidden; }
a#affordabilityCalcLink {
background: transparent url(../img/layout/tools/calcTabs.png) 0 150px no-repeat;
height: 53px;
width: 161px;
}
.ccBlock p.rate, .ccBlock p.savings, .ccBlock p.negative {padding-top: 5px;}
.ccBlock a.applyNow {margin-top: 2px;}
.recommendedCCLinks {padding: 10px 0; padding-left: 60px;}
.recommendedCCLinks img {position: relative; top: 3px;}
div#openingText p {font-size: 12px!important;}
h2#recommendedCCHeader {margin-top: 20px; padding-top: 0; float: left;}
.wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 142px;
height: 89px;
}
#mortgageContent .wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 120px;
height: 79px;
}
#depositsMC .wraptocenter,
#featuredAISavingsTab .wraptocenter,
#aiSavingsTab .wraptocenter,
#oAutoLoanTab .wraptocenter{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 120px;
height: 79px;
}
.wraptocenter * {
vertical-align: middle;
}
/*\*//*/
.wraptocentere {
display: block;
}
.wraptocenter span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
div.mortgageProvider img {margin-left:0;margin-top:0;}
/*#searchResults .providerImage .wraptocenter img {margin-top: -10px!important;}*/
#searchResults {padding-left:0!important;}
/* Tighten up the credit report card page */
#topWide.creditcardReport h2.bold { padding: 0; }
#topWide.creditcardReport p { padding-top: 5px; }
.creditcardReport #newsBlock { margin: 0; }
#leftColumnWide.creditcardReport { margin-top: 10px; }
#leftColumnWide.creditcardReport h2.subHeader { padding-bottom: 5px; }
a#hpGetCRC {
background: transparent url(../img/buttons/getYourReportCard.png) top left no-repeat;
width: 200px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#hpGetCRC:hover {
background: transparent url(../img/buttons/getYourReportCard.png) 0 -41px no-repeat;
width: 200px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#hpCS {
background: transparent url(../img/buttons/simulateScoreHP.png) top left no-repeat;
width: 192px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
margin-left: 10px;
}
a#hpCS:hover {
background: transparent url(../img/buttons/simulateScoreHP.png) 0 -41px no-repeat;
width: 192px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#seeUrSavings {
background: transparent url(../img/buttons/seeYourSavings.png) top left no-repeat;
width: 215px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
margin-left: 15px;
}
a#seeUrSavings:hover {
background: transparent url(../img/buttons/seeYourSavings.png) 0 -41px no-repeat;
width: 215px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
#newsBlock { margin-top: 0; }
#rightColumnNarrow {margin-top: 28px;}
.simBoxOptions span {position: relative; top: -3px;}
td#payoffAlways {
padding: 5px;
padding-top: 0;
font-size: 12px;
}
td#payoffAlways strong {
position: relative;
top: -2px;
}
p.bodyTextShort { padding-top: 0px!important;}
span.articleComment {position: relative; top: -3px; left: 5px;}
#simulator .validation-advice {position: relative; top: -18px; left: 130px;}
#ccPromotedBlock {margin-top: 15px;}
/*#ccPromotedContent {position: relative;}
#ccPromotedContent p.savingsOptionsLink {top: 0;}*/
/*#ccPromotedContent {position: static;}*/
#ccPromotedContent p.savingsOptionsLink {
position: relative;
float: right;
top: 25px;
}
form#creditscore span.formerror {
color: #F20D12;
position: absolute;
left: 0px;
top: 42px;
margin-bottom: 10px;
width: 270px;
font-size: 11px;
}
.offerDetails h2 {width: 300px; float: left;}
#updateScoreButton {margin-left: 20px;}
#fbConnect h2 {padding-top: 0;}
#fbCheck {margin-top: 8px;}
div#scoreFlash {margin-left: 15px; width: 565px;}
#takeOfferBg img {margin-left: 25px;}
#scoreGrade {padding-top: 10px;}
#scoreGrade img {padding-left: 35px;}
p.savingsHeaderGray {
font-size: 11px!important;
font-weight: 700;
background-color: #ececec;
padding:0!important;
padding: 3px!important;
margin-right: 20px;
margin-bottom: 5px;
}
#autoinsuranceContent form {
font-size:11px;
}
#autoinsuranceContent form label {
font-weight: 700;
padding: 5px 0;
}
#autoinsuranceContent form select {
font-size:11px;
margin-top: 5px;
}
#autoinsuranceContent form input {
width: 50px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
}
#autoInsuranceAboutYou {
width: 280px;
float: left;
margin-top: 10px;
margin-bottom: 15px;
}
#autoInsuranceEstimated {
background: #ececec url(../img/layout/autoinsurance/estimatedSavingsBG.png) bottom left no-repeat;
width: 273px;
min-height: 65px;
height: auto!important;
height: 65px;
float: left;
margin-top: 10px;
margin-bottom: 15px;
}
#autoInsuranceEstimated {
background: #ececec url(../img/layout/autoinsurance/mySavingBg.png) bottom left repeat-x;
border: 1px solid #ececec;
min-height: 65px;
height: auto!important;
height: 65px;
min-width: 303px;
width: auto!important;
width: 303px;
float: left;
margin-top: 10px;
margin-bottom: 15px;
}
#autoInsuranceEstimated p.savingsHeaderGray {margin-right:0;}
select#cboYears {width: 110px;background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;}
select#cboModel {width: 160px;background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;}
select#cboMake {width: 130px;background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;}
select#autoYear {width: 70px;background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;}
select#gender {width: 105px;background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;}
select#maritalStatus {width: 135px;background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;}
#autoinsuranceContent table td {padding-right: 0;}
h5#autoinsuranceSA {
font-size: 32px;
color: #b4b4b4;
margin-left: 5px;
width: auto;
float: left;
margin-top: 5px;
}
span#savingsTerm,
span.savingsTerm {
float: left;
width: 40px;
color: #b4b4b4;
display: block;
padding-left: 5px;
}
span#savingsTerm {margin-top: 5px;}
#autoinsuranceContent .balanceTransfer,
#autoinsuranceContent .introAPR {width: 150px!important;}
#autoinsuranceContent .balanceTransfer p.rate {color: #878787!important;}
#autoinsuranceContent p.negative {font-size: 20px;}
input.txt {
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
}
.autoInsuranceSavings h5, .autoLoanSavings h5, .mortgageSavings h5 {color: #ec7f09; font-size:13px; text-transform: uppercase;font-family: "Helvetica Neue"; font-weight: bold;}
.autoLoanSavings h5 {padding-bottom: 10px;}
.autoInsuranceInfo, .mortgageInfo {width: 380px; float: left;}
.autoInsuranceInfo ul, .mortgageInfo ul {
font-size: 11px;
margin-left: 30px;
list-style-type: disc;
}
.autoInsuranceContent .ccImage {margin-left: 0;}
.autoInsuranceContent .savingsInfo {
width: 150px;
float: left;
margin-left:0;
}
p#editYourPolicy {
position: absolute;
top: 70px;
left: 100px;
font-size: 11px;
}
.aiMySavings {
position: relative;
}
.aiMySavings p#editYourPolicy {
position: absolute;
top: 70px;
left: 190px;
font-size: 11px;
}
.mySavingsPage p#editYourPolicy {
position: absolute;
top: 70px;
left: 250px;
font-size: 11px;
}
#aiInfo {margin-left: 5px;}
#aiInfo h1 {margin-left: 0;}
#estimatedSavings {
background: #ececec url(../img/layout/autoinsurance/mySavingBg.png) bottom left repeat-x;
border: 1px solid #ececec;
height: auto;
width: 690px;
}
#estimatedSavings table {
width: 100%;
}
#estimatedSavings table th {
background-color: #ececec;
font-size: 11px;
font-weight: 700;
color: #525050;
padding: 5px 2px;
}
#estimatedSavings td {
vertical-align: middle;
padding-top: 5px;
}
#estimatedSavings h5 {
color: #b4b4b4;
}
h5#autoinsuranceCR {
width: auto;
display: inline;
font-size: 32px;
color: #b4b4b4;
float: left;
margin-right: 5px;
}
h5#autoinsuranceBR {
width: auto;
display: inline;
font-size: 32px;
color: #4c4b4b;
float: left;
margin-right: 5px;
}
h5#autoinsuranceES {
width: auto;
display: inline;
font-size: 32px;
float: left;
margin-right: 5px;
}
#estimatedSavings h5.aiPositive {
color: #007fd8;
}
#estimatedSavings h5.aiNegative {
color: #BA0106;;
}
#autoInsuranceEstimated h5.aiPositive {
color: #007fd8;
}
#autoInsuranceEstimated h5.aiNegative {
color: #BA0106;;
}
a.compareRates {
background: transparent url(../img/buttons/compareRates.png) top left no-repeat;
width: 160px;
height: 40px;
text-indent: -9999px;
display: block;
float: right;
}
a.compareRates:hover {
background: transparent url(../img/buttons/compareRates.png) 0 -40px no-repeat;
width: 160px;
height: 40px;
text-indent: -9999px;
display: block;
}
#estimatedSavings table {border-collapse: collapse;}
#estimatedSavings th,
#estimatedSavings td {border: none;}
#estimatedSavings th.first,
#estimatedSavings td.first {padding-left: 15px;}
#autoinsuranceContent .balanceTransfer p.rate {color: #878787!important;}
#autoinsuranceForm select {font-size: 11px;}
div.advicePage #QAList h2.subHeader {
float: left;
margin-top: 10px;
}
div.advicePage #AList h2.subHeader {
margin-top: 20px;
margin-bottom: -10px;
}
div.advicePage #AList a.moreLink {
padding: 20px 0 0 0px;
float: left;
}
div.advicePage a.moreLink {
font-style: italic;
}
div.advicePage #QAList a.moreLink {
padding: 20px 0 0 20px;
float: left;
}
div.advicePage #QAList .commentTalkBubble{
clear: both;
}
div.lrgImageBG {
background: #fff url('../img/layout/lrgImgBG.png') left top no-repeat;
height: 160px;
width: 276px;
margin-top: -10px;
padding: 6px 0 0 6px;
}
div.advicePage #featuredArticle .articleListing {
border: 0;
}
div.advicePage #featuredArticle .articleSummary {
width: 300px;
}
div.advicePage #featuredArticle .articleSummary h3 {
line-height: 1.3em;
}
div.advicePage #featuredArticle .articleSummary p {
padding: 10px 0 0 0;
}
.myDeposits a.applyNow {
background: transparent url(../img/buttons/applyNow.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
margin-left:5px;
}
.myDeposits a.applyNow:hover {
background: transparent url(../img/buttons/applyNow.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
margin-left:5px;
}
div.autoInsuranceGlossary p {font-size: 11px; padding: 10px 5px; line-height: 13px;}
div.autoInsuranceGlossary h6 {padding: 3px;}
h5#selectAIproviders {
padding: 30px 0;
padding-bottom: 20px;
}
.providerInfo .autoInsuranceInfo {
width: 300px;
float: left;
padding-top: 10px;
}
a.getaquote {
background: transparent url(../img/buttons/getAQuote.png) top left no-repeat;
width: 134px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
float: left;
}
a.getaquote:hover {
background: transparent url(../img/buttons/getAQuote.png) 0 -41px no-repeat;
width: 134px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
float: left;
}
.providerInfo a.getaquote {margin-top: 40px;}
.autoInsuranceContent a.getaquote {margin-top: -10px;}
.savingsLinks a.getaquote {margin-top: -60px;}
.autoInsuranceContent .savingsLinks a.getaquote {margin-top: -10px;}
#autoinsuranceBlock .savingsLinks a.getaquote {margin-top: -10px;}
#autoinsBlock a.getaquote {margin-top: 5px;}
.mortgageAdContent a.getaquote {margin-top: -60px;}
div#crcAlertsContainer {margin-bottom: 20px;}
table#crcAlerts {
border: none;
border-collapse: collapse;
width: 480px;
margin-left: 20px;
}
table#crcAlerts th {
font-size: 11px;
font-weight: 700;
padding: 5px;
}
table#crcAlerts td {
padding: 5px;
}
td.scoreImpactDescription {
vertical-align: middle;
}
td.scoreImpactImage {
vertical-align: top;
}
td.scoreImpactDescription h3{
font-size: 22px;
margin-left: -5px;
}
td.scoreImpactDescription h3 span {
color: #c7c7c7;
}
td.scoreImpactDescription h3 a:hover {
text-decoration: none;
}
td.scoreImpactDescription p{
padding: 0;
}
table#crcAlerts td.scoreImpactDetails {
vertical-align: middle;
padding-left: 0;
font-size: 12px;
}
a#signUpDark {
background: transparent url(../img/buttons/signUpDark.png) top left no-repeat;
width: 126px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a#signUpDark:hover {
background: transparent url(../img/buttons/signUpDark.png) 0 -35px no-repeat;
width: 126px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a.signupBtn {position: relative; top: -30px; left: 310px;}
input#getPassword {
position: relative;
top: -41px;
left: 285px;
float: left;
background: transparent url(../img/buttons/getPasswordDark.png) top left no-repeat;
width: 115px;
height: 36px;
text-indent: -9999px;
display: block;
cursor: pointer;
border: none;
}
input#getPassword:hover {
position: relative;
top: -41px;
left: 285px;
float: left;
background: transparent url(../img/buttons/getPasswordDark.png) 0 -36px no-repeat;
width: 115px;
height: 36px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
a.loginBtnDark {
background: transparent url(../img/buttons/loginDark.png) top left no-repeat;
width: 72px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: pointer;
position: relative;
top: -25px;
left: 230px;
}
a.loginBtnDark:hover {
background: transparent url(../img/buttons/loginDark.png) 0 -35px no-repeat;
width: 72px;
height: 35px;
text-indent: -9999px;
display: block;
cursor: pointer;
}
#depositsMC p.seeAllSavings {margin-top: 10px!important; width: auto;}
p#sSavingsAccts {
position: absolute;
top: 150px;
left: 25px;
margin-bottom: 20px;
}
a#submitSurvey {
background: url(../img/buttons/submit.png) top left no-repeat;
width:99px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
margin-left: -05px;
}
a#submitSurvey:hover {
background: url(../img/buttons/submit.png) 0 -40px no-repeat;
width:99px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
}
a#surveySeeResults {
position: relative;
top: 10px;
left: 10px;
}
a.updateDetailsInactive {
background: url(../img/buttons/updateDetails.gif) 0 0 no-repeat;
width:165px;
height:41px;
text-indent: -9999px;
cursor: default;
border: none;
display: block;
}
a.updateDetails {
background: url(../img/buttons/updateDetails.gif) 0 -41px no-repeat;
width:165px;
height:41px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
a.updateDetails:hover {
background: url(../img/buttons/updateDetails.gif) 0 -83px no-repeat;
width:165px;
height:41px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
div#reportNValue {
float: left;
width: 580px;
/*background: #fff url(../img/layout/crc/headerDots.png) 0 25px repeat-x;*/
position: relative;
margin-bottom: 10px;
}
div#reportNValue h1 {background: #fff; display: inline;padding-right: 5px;}
#reportNValue span {
position: absolute;
top: 5px;
right: 0;
background: #fff;
padding-left: 5px;
}
a.refreshResults {
background: url(../img/buttons/refreshResults.png) 0 0 no-repeat;
width:165px;
height:41px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
a.refreshResults:hover {
background: url(../img/buttons/refreshResults.png) 0 -41px no-repeat;
width:165px;
height:41px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
a.refreshResultsInactive {
background: url(../img/buttons/refreshResults.png) 0 -82px no-repeat;
width:165px;
height:41px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
p#disclaimer {
clear: both;
color: #B0B0B0;
font-size: 10px;
padding: 10px 0 10px 10px;
}
div.featuredOffer {
background:none repeat scroll 0 0 #F4FAFF;
float:left;
margin-bottom:10px;
padding-top:10px;
}
div.featuredOffer .ccContainer {
margin-bottom:0;
}
h5.featuredOfferHeader {
color:#494949;
font-size:13px;
margin-left:10px;
text-transform:uppercase;
}
div.featuredOffer .ccBottomHidden {
background:url("../img/layout/creditCards/featuredccBottom.png") no-repeat scroll 0 0 #F4FAFF;
font-size:11px;
height:42px;
margin-top:-23px;
width:708px;
}
div.featuredOffer .ccInfo {
background:url("../img/layout/creditCards/featuredccBG.png") no-repeat scroll left top #F4FAFF;
height:170px;
padding-left:25px;
padding-top:25px;
width:683px;
}
#capOneFeaturedSavings {
position: relative;
}
#capOneFeaturedSavings img#depositsPlus {
top: 140px;
left: 232px;
}
#capOneFeaturedSavings h4#addtlCapOneInfo {
top:160px;
left:211px;
}
#capOneFeaturedSavings a.learnMore {
background:url("../img/buttons/learnMore.png") no-repeat scroll left top transparent;
cursor:pointer;
display:block;
float:left;
height:41px;
margin-left:0;
text-indent:-9999px;
width:134px;
}
#capOneFeaturedSavings .totalSavingsInfo {
float:left;
margin-left:57px;
width:140px;
}
#capOneFeaturedSavings .savingsLinks {
padding-left: 57px;
}
.alertingBlock {
position: relative;
left: 40px;
top: 20px;
}
a.actionClear2 {float: left; margin-top: 0px; margin-left:0px;}
p#alertExplanation {float: left; margin-top: -5px; margin-left: 0px; font-size: 11px; color: #a1a0a0;}
.lowerPayment {margin-left: -5px; margin-top: -5px;}
p#ccSavingsWidget, p#mortgageSavingsWidget,
p#autoSavingsWidget, p#depositsSavingsWidget {padding-right: 25px!important;}
.totalSavingsInfo a.compareRates {margin-top: 5px; position: relative; left: 20px}
#leftColumnWide h1, #topWide h1, #amexFrame h1 {font-size: 29px; color: #494949; padding-top: 6px;}
div.savingsOffersContentWT {
background: url(../img/layout/mycredit/savingsDescBlock.png) bottom left no-repeat;
height: auto;
width: 927px;
float: left;
padding-bottom: 14px;
margin-top: -3px;
}
#wtDirectAmount {
background: url("../img/wtdirect/wtDirect600Cash.png") no-repeat right top;
width:906px;
height:229px;
margin-left: 11px;
float: left;
margin-top: 5px;
position: relative;
}
#wtDirectPercentage {
background: url("../img/wtdirect/wtDirect126.png") no-repeat right top;
width:906px;
height:229px;
margin-left: 11px;
float: left;
margin-top: 5px;
position: relative;
}
a#wtLearnMore {
position: absolute;
top: 165px;
left: 20px;
}
a#wtOpenAccount {
position: absolute;
top: 145px;
left: 20px;
}
.autoloanOffers p.savings {
padding-top: 10px!important;
margin-left: -10px;
}
.autoloanOffers p.alApply {
position: relative;
top: -15px;
left: 75px;
}
#copyright {margin-top: 30px;}
.crcSpacer {height: 30px;}
/* CHASE SPONSORSHIP PAGE */
#chaseFrame {
background: transparent url(../img/layout/chase/chaseBG.jpg) 0 0 no-repeat;
width: 948px;
height: auto;
text-align: left;
float: left;
margin-top: -10px;
}
#chaseFrame h1 {font-size: 29px; color: #494949; padding-top: 6px;}
#chaseFrame h1 {padding-top: 10px;}
#chaseLeft {width: 610px; float: left; margin-left: 20px; margin-top: 10px}
#chaseLeft p.amexIntro {width: 560px}
#chaseLeft h5, #chaseContentRight h5 {font-size:13px; text-transform: uppercase; font-weight: bold; padding:10px 0;}
#chaseContentRight h5 {color: #ec7f09;}
h5.chaseSubHeader {width: 150px; float: left;color: #ec7f09; }
p#jumpLinks {font-size: 11px; float: right; margin-right: 50px; padding-top: 7px;}
#chaseContent {
background: transparent url(../img/layout/amex/cardsBG.png) 0 0 no-repeat;
width: 593px;
height: auto;
margin-left: -8px;
}
#chaseContentBottom {
background: transparent url(../img/layout/amex/cardsBGBottom.png) 0 0 no-repeat;
width: 593px;
height: 37px;
margin-left: -8px;
}
#allchaseCards {padding: 20px;}
#chaseLeft h5.cardHeader {
background: transparent url(../img/layout/chase/headerBG.png) 0 0 repeat-x;
width: auto;
height: 28px;
color: #fff;
padding-left: 10px;
padding-top: 9px;
}
.chaseCCWrapper {margin: 0 10px; margin-bottom: 0; padding-bottom: 10px; margin-right: 0;}
.chaseLeft {width: 130px; text-align: center; float: left;}
.chaseRight h3 {font-size: 22px; padding-bottom: 2px;}
.chaseRight h3 a:hover {text-decoration: none;}
.chaseRight h4 {font-size: 17px; padding-bottom: 10px;}
.chaseRight {width: 380px!important; float: left; margin-left: 25px;}
.chaseRight h3 sup {font-size: 12px; position: relative; top: -9px;}
.chaseRight h4 sup {font-size: 10px; position: relative; top: -9px;}
.chaseRight li sup {font-size: 9px; position: relative; top: -5px;}
.chaseRight .cc-featureList {width: 370px!important;}
.chaseRight ul {
font-size: 11px;
list-style-type: disc;
padding-left: 20px;
padding-bottom: 15px;
}
.chaseRight li {
padding-bottom: 5px;
line-height: 13px;
}
.chaseRight table {font-size: 10px; margin-left: 0px;}
.chaseRight table th {
background: #eaf4fa;
height: 34px;
vertical-align: center;
padding: 0 8px;
padding-top: 6px;
border-left: 2px solid #fff;
text-align: center;
color: #525050;
}
.chaseRight table td {text-align: center; padding: 3px}
div.ccImgContainer {
background: transparent url(../img/layout/amex/ccBG.png) 0 0 no-repeat;
width: 147px;
height: 98px;
}
.chaseLeft a.applyNow {
margin-left: 10px;
margin-top: 10px;
}
.chaseLeft p.learnMoreP {padding-top: 0; padding-right: 0;}
#chaseContentRight {width: 300px; float: left; margin-top: 220px; margin-left: 0px;}
#chaseContentRight ul {
font-size: 11px;
list-style-type: disc;
padding: 10px 30px;
padding-right: 0;
}
#chaseContentRight ul li {padding: 3px 0;}
#chaseContentRight p.note {font-size: 11px; padding-top: 10px; padding-bottom: 30px;}
#featuredChaseCard {background: #eaf4fa; margin-top: -19px; padding-top: 19px; margin-bottom: 20px;}
#featuredChaseCard .chaseRight table th {
background: #d7e7f1;
border-left: 2px solid #eaf4fa;
}
/* EOF CHASE SPONSORSHIP PAGE */
input.phone4 {width: 45px;}
input.phone3 {width: 35px;}
#depositsMC a.applyNow {
margin-left: 0;
}
/*#depositsMC p.seeAllSavings {
margin-left: -150px;
}*/
div#savingsOffers .savingsInfoMC .regularAPR {
width: 118px;
}
div#savingsOffers .savingsInfoMC .regularAPR p.rateRange {
width: 118px;
padding-top: 2px!important;
}
#prInfo {
margin-top: 30px;
margin-left: 20px;
}
#prInfo h5 {
text-transform: uppercase;
color: #EC7F09;
padding-bottom: 5px;
}
/* CCs Listing */
/*.autoInsuranceContent .ccImage,
.myDeposits .ccImage {
background: #fff url(../img/layout/creditCards/ccShadow.png) top left no-repeat;
width: 148px;
height: 98px;
}
.ccInfoNarrow {
background: #fff url(../img/layout/creditCards/ccBGnarrow.png) top left no-repeat;
width: 693px;
height: 143px;
padding-left: 20px!important;
padding-top: 25px;
}
.ccInfoNarrow .ccImage {
background:transparent url(../img/layout/creditCards/ccShadowSmall.png) top left no-repeat;
width: 120px;
height: 80px;
margin-left:0;
}
.ccInfoNarrow .ccContainer .rateInfo {width: 400px; float: left; margin-left: 0; font-size: 11px; position: relative;} */
/* CAPITAL ONE SPONSORSHIP PAGE */
#caponeFrame {
background: transparent url(../img/layout/capitalOne/coBG.jpg) 0 0 no-repeat;
width: 948px;
height: auto;
text-align: left;
float: left;
margin-top: -10px;
}
#caponeFrame h1 {font-size: 29px; color: #494949; padding-top: 6px;}
#caponeFrame h1 {padding-top: 10px;}
#caponeLeft {width: 610px; float: left; margin-left: 20px; margin-top: 10px}
#caponeLeft p.caponeIntro {width: 360px; margin-bottom: 20px}
#caponeLeft h5, #caponeContentRight h5 {font-size:13px; text-transform: uppercase; font-weight: bold; padding:10px 0;}
#caponeContentRight h5 {color: #024270;}
h5.caponeSubHeader {width: 150px; float: left;color: #024270; }
p#jumpLinks {font-size: 11px; float: right; margin-right: 50px; padding-top: 7px;}
#caponeContent {
background: transparent url(../img/layout/amex/cardsBG.png) 0 0 no-repeat;
width: 593px;
height: auto;
margin-left: -8px;
}
#caponeContentBottom {
background: transparent url(../img/layout/amex/cardsBGBottom.png) 0 0 no-repeat;
width: 593px;
height: 37px;
margin-left: -8px;
}
#allcaponeCards {padding: 20px;}
#caponeLeft h5.cardHeader {
background: transparent url(../img/layout/capitalOne/headerBG.png) 0 0 repeat-x;
width: auto;
height: 28px;
color: #fff;
padding-left: 10px;
padding-top: 9px;
}
.caponeCCWrapper {margin: 0 10px; margin-bottom: 0; padding-bottom: 10px; margin-right: 0;}
.caponeLeft {width: 130px; text-align: center; float: left;}
.caponeRight h3 {font-size: 22px; padding-bottom: 2px;}
.caponeRight h3 a:hover {text-decoration: none;}
.caponeRight h4 {font-size: 17px; padding-bottom: 10px;}
.caponeRight {width: 380px!important; float: left; margin-left: 25px;}
.caponeRight h3 sup {font-size: 12px; position: relative; top: -9px;}
.caponeRight h4 sup {font-size: 10px; position: relative; top: -9px;}
.caponeRight li sup {font-size: 9px; position: relative; top: -5px;}
.caponeRight .cc-featureList {width: 370px!important;}
.caponeRight ul {
font-size: 11px;
list-style-type: disc;
padding-left: 20px;
padding-bottom: 15px;
}
.caponeRight li {
padding-bottom: 5px;
line-height: 13px;
}
.caponeRight table {font-size: 10px; margin-left: 0px;}
.caponeRight table th {
background: #eaf4fa;
height: 34px;
vertical-align: center;
padding: 0 8px;
padding-top: 6px;
border-left: 2px solid #fff;
text-align: center;
color: #525050;
}
.caponeRight table td {text-align: center; padding: 3px}
div.ccImgContainer {
background: transparent url(../img/layout/amex/ccBG.png) 0 0 no-repeat;
width: 147px;
height: 98px;
}
.caponeLeft a.applyNow {
margin-left: 10px;
margin-top: 10px;
}
.caponeLeft p.learnMoreP {padding-top: 0; padding-right: 0;}
#caponeContentRight {width: 300px; float: left; margin-top: 220px; margin-left: 0px;}
#caponeContentRight ul {
font-size: 11px;
list-style-type: disc;
padding: 10px 30px;
padding-right: 0;
}
#caponeContentRight ul li {padding: 3px 0;}
#caponeContentRight p.note {font-size: 11px; padding-top: 10px; padding-bottom: 30px;}
#featuredCapOneCard {background: #eaf4fa; margin-top: -19px; padding-top: 19px; margin-bottom: 20px;}
#featuredCapOneCard .caponeRight table th {
background: #d7e7f1;
border-left: 2px solid #eaf4fa;
}
/* EOF CAPITAL ONE SPONSORSHIP PAGE */
/* ANONUMOUS PAGES */
#mainColumn {width: 725px; float: left; margin-left: 15px;}
.leftColumnBox {margin-top: 0;}
#leftColumn .ccInputs {
padding-left:0;
}
#leftColumn form h2 {
padding-bottom: 15px;
}
input#totalMileage {
width: 100px;
}
input#ziCode {
width: 60px;
}
p.secondHeader {
padding-top: 10px;
}
a#updateDetails {
margin: 10px auto;
text-align: center;
}
p.loginRegister {
padding: 0;
padding-top: 0px;
background: transparent url(../img/layout/mysavings/loginBG.png) 0 0 repeat-x;
width: 190px;
font-size: 11px;
height: 47px;
margin-bottom: 3px;
}
a.addItem {
background: transparent url(../img/layout/mysavings/addItem.gif) 0 3px no-repeat;
padding-left: 15px;
font-size: 11px;
margin-left: 5px;
}
table.savedData {
width: 174px;
margin-bottom: 10px;
}
table.savedData td {
padding: 4px!important;
padding-top: 3px!important;
vertical-align: middle;
}
table.savedData td.ccTitle {
padding-left: 4px;
}
table.savedData tr.odd {
background-color: #ececec;
}
table.savedData td.bold {
padding-right: 3px;
}
table#editAIProfile {
width: 670px;
font-size: 11px;
}
table#editAIProfile th {
background-color: #ececec;
padding: 3px 5px;
}
table#editAIProfile th.leftBorder,
table#editAIProfile td.leftBorder {
border-left: 5px solid #fff;
width: 75px;
}
table#editAIProfile td.leftBorder {
text-align: center;
padding: 10px 0;
width: 90px;
}
table#editAIProfile tr.even td {
background-color: #f8f8f8;
}
table#existingAIPolicy td {vertical-align: middle;}
span#existingAIWrapper {
display: block;
width: 670px;
max-height: 220px;
height: auto!important;
height: 220px;
overflow: auto;
margin: 5px 0;
}
table#existingAIPolicy td.aiInfoCell {width: 670px; padding: 5px; padding-bottom: 10px; padding-left: 10px;}
table#existingAIPolicy td.aiInfoCell img {margin-right: 10px; margin-top: 5px;}
table#existingAIPolicy td.aiInfoCell span {padding-right: 15px;}
table#existingAIPolicy td.aiInfoCell span.specifics {
background-color: #fffe9a;
padding: 2px;
}
table#existingAIPolicy td.aiInfoCell span.specifics img {
margin-right:3px;
padding-right:0;
}
tr.totalCalc td {
background-color: #ececec;
}
img.infoIcon {
position:relative;
top: 1px;
left: 3px;
}
td.aiInfoCell ul {
font-size: 11px;
}
td.aiInfoCell ul li {
display: block;
float: left;
list-style-type: none;
}
ul.existingPolicy {
padding-bottom: 10px;
float: left;
}
td.aiInfoCell li.year,
td.aiInfoCell li.model,
td.aiInfoCell li.mileage {
max-width: 85px;
width: auto!important;
width: 85px;
padding-right: 15px;
}
td.aiInfoCell li.make {
max-width: 125px;
width: auto!important;
width: 125px;
padding-right: 15px;
}
td.aiInfoCell li.iPayment {
max-width: 125px;
width: auto!important;
width: 125px;
padding-right: 15px;
}
td.aiInfoCell li.loanDebt{
max-width: 95px;
width: auto!important;
width: 95px;
padding-right: 15px;
}
td.aiInfoCell li.remainingTerm,
td.aiInfoCell li.payment {
max-width: 145px;
width: auto!important;
width: 145px;
padding-right: 15px;
}
td.aiInfoCell li.intRate {
max-width: 105px;
width: auto!important;
width: 105px;
padding-right: 15px;
}
td.aiInfoCell li.year {
max-width: 55px;
width: auto!important;
width: 55px;
padding-right: 15px;
}
td.aiInfoCell li.model {
max-width: 205px;
width: auto!important;
width: 205px;
padding-right: 15px;
}
p.aiSubheader, ul.existingLoan {
color: #959595;
}
table#existingAIPolicy p {
padding: 0;
font-size: 11px;
}
div.firstAIColumn,
div.secondAIColumn,
div.thirdAIColumn {
width: 200px;
font-size: 11px;
float: left;
}
div.secondAIColumn {
margin-left: 25px;
width: 205px;
}
div.thirdAIColumn {
margin-left: 25px;
}
div.firstAIColumn select,
div.secondAIColumn select,
div.thirdAIColumn select{
font-size: 11px;
}
div.firstAIColumn .leftColumnHeader,
div.secondAIColumn .leftColumnHeader,
div.thirdAIColumn .leftColumnHeader {padding: 3px 5px;}
p.modalNote {
color: #959595;
margin-top: 10px;
font-size: 11px;
}
table#aiOptions {
width: 200px;
line-height: 15px;
}
table#aiOptions td {
padding: 10px 3px;
vertical-align: middle;
}
table#aiOptions td.radio {
vertical-align: top;
}
table#aiOptions td.aiValues {
font-weight: 700;
text-align: right;
}
a#modalUpdate {
background: transparent url(../img/buttons/update.png) top left no-repeat;
width: 99px;
height: 41px;
border: none;
display: block;
text-indent: -9999px;
margin-top: 10px;
cursor: pointer;
}
a#modalUpdate:hover {
background: transparent url(../img/buttons/update.png) 0 -41px no-repeat;
width: 99px;
height: 41px;
border: none;
text-indent: -9999px;
display: block;
margin-top: 10px;
cursor: pointer;
}
form#editMortgage input,
form#editMortgage select,
form#autoLoanForm input,
form#autoLoanForm select,
form#ccForm input,
form#ccForm select {
font-size: 11px;
}
form#editMortgage select#termYears {
width: 150px;
}
#leftColumn .ccInputs {font-size: 11px;}
.tabbedPageNav {
background: url(../img/layout/autoinsurance/tabsBG.png) bottom left repeat-x;
height: 75px;
width: 690px;
margin-bottom: 20px;
margin-top: 10px;
float: left;
}
.tabbedPageNav #shadowRight {
background: url(../img/layout/mycredit/shadowRight.png) 0 0 no-repeat;
width:9px;
height: 75px;
float: left;
}
.tabbedPageNav #shadowLeft {
background: url(../img/layout/mycredit/shadowLeft.png) 0 0 no-repeat;
width:9px;
height: 75px;
float: left;
margin-left: -9px;
}
.tabbedPageNav div.inactive {
display:block;
float:left;
background: url(../img/layout/mycredit/tab.png) top left no-repeat;
height:75px;
width: 184px;
z-index: 299;
}
.tabbedPageNav div.inactive:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/tab.png) 0 -75px no-repeat;
height:75px;
width: 184px;
cursor: pointer;
}
.tabbedPageNav div.activeR {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveRight.png) top left no-repeat;
height:75px;
width: 182px;
z-index: 299;
}
.tabbedPageNav div.activeR:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveRight.png) 0 -75px no-repeat;
height:75px;
width: 182px;
cursor: pointer;
}
.tabbedPageNav div.activeL {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveLeft.png) top left no-repeat;
height:75px;
width: 182px;
z-index: 299;
}
.tabbedPageNav div.activeL:hover {
display:block;
float:left;
background: url(../img/layout/mycredit/inactiveLeft.png) 0 -75px no-repeat;
height:75px;
width: 182px;
cursor: pointer;
}
.tabbedPageNav div.active {
background: url(../img/layout/mycredit/tabActiveMiddle.png) no-repeat;
width:183px;
height:75px;
z-index: 300;
float: left;
}
.tabbedPageNav div.activeFirst {
background: url(../img/layout/mycredit/tabActiveLeft.png) no-repeat;
width:190px;
margin-left: -6px;
z-index: 300;
float: left;
}
.tabbedPageNav div.activeLast {
background: url(../img/layout/mycredit/activeLast.png) no-repeat;
width:183px;
height:75px;
z-index: 300;
float: left;
}
.tdWrapper {
padding-top: 25px;
padding-left: 20px;
width: 150px;
}
.tdWrapper h5 {
padding-bottom: 0;
}
.tabbedPageNav div.active .tdWrapper {
padding-left: 18px;
}
div.inactive .tdWrapper h5,
div.activeL .tdWrapper h5,
div.activeR .tdWrapper h5 {
font-size: 13px;
color: #FFF;
padding-left: 0;
}
div.active .tdWrapper h5,
div.activeFirst .tdWrapper h5,
div.activeLast .tdWrapper h5 {
color: #525050;
}
.tdWrapper p {
padding: 0;
font-size: 11px;
}
p.addMoreItems {
line-height: 40px;
padding-left: 15px;
}
p.addMoreItems a {
text-decoration: none;
color: #fff;
}
/*.tabbedPageNav p.savingsAmount {
coloer: #000;
}*/
.tabbedPageNav .active p.savingsAmount, .tabbedPageNav .activeFirst p.savingsAmount,
.tabbedPageNav .activeLast p.savingsAmount {
color: #525050;
}
.tabbedPageNav .active p.savingsAmount:hover, .tabbedPageNav .activeFirst p.savingsAmount:hover,
.tabbedPageNav .activeLast p.savingsAmount:hover {
text-decoration: none;
cursor: default;
}
.tabbedPageNav .activeLast p.curValue {
color: #525050;
}
p.moreDetailsOffer {
padding-top: 4px;
padding-bottom: 15px;
}
p.savingsIntroPara {
padding-bottom: 20px;
margin-top: -10px;
}
p.aboutYou {
padding-top: 20px;
}
div.autoInsuranceGlossary {
padding-top: 20px;
}
td.additemTD {
border-bottom: 1px solid #ececec;
padding-bottom: 10px;
padding-top: 5px;
}
div.firstAIColumn input.txt,
div.secondAIColumn input.txt {font-size: 11px;}
select#autos {
font-size: 11px;
float: right;
margin-right: 30px;
margin-top: -25px;
}
.depositsLC h2.sideColumnHeader {
padding-bottom: 15px;
}
span.commentVoteUp {
float: right;
margin-right: 17px;
margin-top: 15px;
}
b.voteUpCount {
position: relative;
top: -2px;
left: -2px;
color: #bdbdbd;
}
span.commentFlag {
position: absolute;
right: 10px;
top: 10px;
cursor: pointer;
}
div.commentSorting {
float: right;
font-size: 11px;
margin-right: 20px;
}
div.commentSorting select {
font-size: 11px;
color: #8f8f8f;
background-color: #fffff4;
margin-left: 5px;
}
div.profilePage div.commentSorting {
margin-top: 5px;
}
span#commentCount {
color: #a9a9a9;
}
img.memberImage {
position: relative;
top: 3px;
}
div.profilePicContainer {
background: #fff url(../img/layout/profile/profileImgContainer.png) top left no-repeat;
height: 120px;
width: 105px;
float: left;
font-size: 11px;
}
div.profilePicContainer img.largeProfilePic {
margin-left: 1px;
}
div.profilePicContainer a.editPicture {
margin-top: 7px;
float: left;
margin-left: 25px;
}
div.profilePage h1 {
padding-top: 0;
}
div.profilePage p.commentTimeStamp {
font-size: 11px;
}
div.profilePage h2#commentsHeader {
width: 60px;
}
div#mostPopularComment h2#popularCommentHeader {
width: auto;
float:left;
color: #ec7f09;
font-size:13px;
text-transform: uppercase;
}
div#memberInfo {
float: left;
margin-left: 20px;
margin-top: -5px;
}
div#memberInfo p {
font-size: 11px;
padding: 0;
padding-top: 5px;
}
img.commentUpVoteAction {
cursor: pointer;
}
p#flagIt {
font-size: 11px;
margin-left: 15px;
}
p#flagIt img {
cursor: pointer;
}
p#flagIt a {
color: #a9a9a9;
text-decoration: none;
margin-left: 5px;
}
p#flagIt a:hover {
text-decoration: underline;
color: #00AEFF;
}
h4.postTitle {
font-size: 22px;
margin-top: 20px;
}
h4.postTitle a:hover {
text-decoration: none;
}
div.profilePage div.commentTalkBubble {
margin-top: 0;
}
#profileEditImageUploader label {
float: left;
}
#profileEditImageUploader input.imageUpload {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 300px;
}
#profileEditImageUploader p.note {
margin-left: 0;
padding-top: 0;
width: 350px;
}
a.cancelUpload {
font-size: 11px;
font-weight: bold;
}
a.cancelUploadConfirm {
position: relative;
left: 10px;
top: 25px;
font-size: 11px;
font-weight: bold;
}
#flagProfileImageModal textarea {
width: 556px;
height: 100px;
background: #fffff4 url(../img/layout/article/textareaBG.png) 0 0 no-repeat;
border: 1px solid #d3d3d3;
margin-top: 5px;
}
#flagProfileImageModal form {
margin-top: 20px;
}
input#submitFlag {
background: url(../img/buttons/submit.png) top left no-repeat;
width:99px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
margin-top: 5px;
}
input#submitFlag:hover {
background: url(../img/buttons/submit.png) 0 -40px no-repeat;
width:99px;
height:40px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
margin-top: 5px;
}
input#acceptImage {
background: url(../img/buttons/acceptBtn.png) top left no-repeat;
width:141px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
float: left;
margin-top: 5px;
}
input#acceptImage:hover {
background: url(../img/buttons/acceptBtn.png) 0 -53px no-repeat;
}
#mostPopularComment {
padding: 15px 0;
padding-bottom: 25px;
}
div#advice-flagReason {
position: relative;
top:2px;
}
/* NEW Q&A SECTION */
div#questionHeaderBlock,
div#responseHeaderBlock,
div#bestResponseHeaderBlock {
margin-top: 10px;
}
div#bestResponseHeaderBlock {
margin-top: 20px;
}
div#questionHeaderBlock img.questionIcon,
div#responseHeaderBlock img.responseIcon,
div#submitQArea img.questionIcon,
div#bestResponseHeaderBlock img.bestResponseIcon {
float: left;
margin-right: 10px;
}
div#questionHeaderBlock h2#questionHeader,
div#responseHeaderBlock h2#responseHeader,
div#submitQArea h2#questionHeader,
div#bestResponseHeaderBlock h2#bestResponseHeader{
color: #494949;
font-size: 20px;
padding: 5px 0;
padding-top: 7px;
float: left;
display: block;
width: 520px;
}
div#questionHeaderBlock p,
div#responseHeaderBlock p,
div#bestResponseHeaderBlock p {
font-size: 11px;
color: #989898;
}
div#questionHeaderBlock p.breadcrumbnav,
div#responseHeaderBlock p,
div#bestResponseHeaderBlock p {
float: left;
padding-top: 0;
margin-top: -5px;
}
div#questionHeaderBlock p.shareIt {
display: none; /* Just till it works */
float: right;
padding: 0;
margin-top: -15px;
margin-right: 20px;
}
div#questionHeaderBlock p.shareIt img {
position: relative;
top: 7px;
}
div#questionHeaderBlock p.breadcrumbnav a {
font-weight: 700;
}
div#questionBlockMiddle {
background: #f3f3f3;
width: 580px;
height: auto;
padding-bottom: 10px;
margin: 10px 0;
padding-left: 4px;
}
div#questionContainer {
height: auto;
float: left;
position: relative;
top: -5px;
left: -8px;
}
div#questionTop {
background: url(../img/layout/qa/questionBubbleTop.gif) top left no-repeat;
width: 500px;
min-height: 105px;
height: auto !important;
height: 105px;
margin-top: 20px;
}
div#questionBottom {
background: url(../img/layout/qa/questionBubbleBottom.gif) top left no-repeat;
width: 500px;
height: 10px;
}
div#userProfileBG {
background: url(../img/layout/qa/qProfileImgBG.png) -1px 1px no-repeat;
width: 73px;
height: 73px;
position: relative;
top: 15px;
left: 10px;
float: left;
}
div#questionTop h6 {
margin-left: 40px;
margin-top: 10px;
float: left;
width: 350px;
font-size: 18px;
font-weight: 700;
line-height: 23px;
}
div#questionTop p {
margin-left: 40px;
margin-right: 10px;
}
div#questionTop p.questionInfo {
font-size: 11px;
color: #a9a9a9;
margin-right: 5px;
}
div#questionTop p.questionInfo a.flagQuestion {
float: right;
}
div#questionTop p.questionInfo a.flagQuestion a {
color: #a9a9a9;
}
div#questionTop p.questionInfo a.flagQuestion:hover {
color: #008cee;
cursor: pointer;
text-decoration: none;
}
div#questionTop p.questionInfo span.flagQuestion img {
padding-right: 5px;
cursor: pointer;
text-decoration: none;
}
a.flagQuestion span {padding-left: 5px;}
div#responseHeaderBlock div.commentSorting {
float: right;
font-size: 11px;
margin-right: 20px;
margin-top: -20px;
}
div.questionVoting {
float: right;
margin-right: 15px;
margin-top: 10px;
color: #bdbdbd;
width: 80px;
text-align: right;
}
div.questionVoting em {
font-style: normal;
font-size: 9px;
float: right;
}
div.questionVoting b.voteUpCount {
font-size: 17px;
font-weight: 700;
position: relative;
top: -5px;
}
div.questionVoting .simpleVoteBlock img {
/*float: right;*/
margin-top: 5px;
}
div.questionVoting img {
margin-top: 5px;
margin-left: 5px;
}
div#submitQuestion {
background-color: #f3f3f3;
padding: 10px;
padding-left: 15px;
margin-right: 10px;
margin-bottom: 30px;
}
div#submitQuestion p {
padding: 0;
}
div#submitQuestion p.bold {
padding-bottom: 5px;
}
input#submitSmall {
background: url(../img/buttons/saveSmallBtn.gif) 0 0 no-repeat;
width:75px;
height:35px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
float: right;
margin-top: -26px;
}
input#submitSmall:hover {
background: url(../img/buttons/saveSmallBtn.gif) 0 -35px no-repeat;
width:75px;
height:35px;
}
#submitQuestion input.short-input {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 190px;
}
p#qCounter {
float: right;
color: #878787;
font-size: 11px;
margin-right: 80px;
}
#submitQuestion #advice-sidebarQuestionIntro {
font-size: 11px;
position: static;
float: left;
width: 190px;
}
div#recentQuestions,
div#topContributors,
div#relatedQuestions {
margin-bottom: 20px;
float: left;
}
div#relatedQuestions {
margin-top: 10px;
}
p.questionList {
/*background: url(../img/layout/quotes.gif) 0 2px no-repeat;*/
padding-left: 15px;
padding-bottom: 5px;
}
p.questionList span.commentVoteUp {
float: none;
margin:0;
padding-left: 10px;
position: relative;
top: 2px;
}
div#recentQuestions div.commentProfilePic,
div#relatedQuestions div.commentProfilePic {
margin-top: 0;
}
div#recentQuestions p.qStats,
div#relatedQuestions p.qStats {
font-size: 11px;
line-height: 13px;
padding-top: 0;
padding-bottom: 20px;
}
div#recentQuestions p.qStats span,
div#relatedQuestions p.qStats span {
color: #a9a9a9;
}
div#recentQuestions p.qStats span strong a,
div#relatedQuestions p.qStats span strong a {
color: #a9a9a9;
}
div#recentQuestions p.qStats span strong a:hover,
div#relatedQuestions p.qStats span strong a:hover {
color: #008cee;
}
p.qStats span.responseCount{
color: #525050!important;
}
.wideLeft {width: 600px; font-size: 11px; float: left;}
.negative20TopMargin {margin-top: -30px;}
.wideRight {width: 310px; float: left;}
.wideRight h2 {padding: 0!important;}
p.sinceDate {
color: #989898;
font-size: 11px!important;
padding-top: 0!important;
padding-bottom: 10px;
}
.borderLeftColumn {
border-left: 2px solid #eee;
padding-left: 15px;
}
.wideRight p.questionList {
padding-bottom: 5px!important;
padding-top: 5px!important;
}
.categoryRow {
float: left;
margin-bottom: 20px;
}
.categoryColumn {
width: 195px;
float: left;
}
.categoryColumn h6 {
font-size: 12px;
font-weight: 700;
}
.categoryColumn ul {
margin-left: 15px;
margin-top: 10px;
}
.categoryColumn ul li {
padding-bottom: 3px;
}
ul.catListing {
width: 195px;
float: left;
}
ul.catListing li {
padding-bottom: 5px;
}
p#suggestCategory {
color: #989898;
font-size: 11px;
padding-top: 20px;
float: left;
}
span.contributeCount {
float: left;
font-weight: 700;
position: relative;
top: 15px;
}
div#topContributors {width: 280px;}
div#topContributors .commentProfilePic{
margin-top: 0;
margin-left: 5px;
}
div#topContributors p {
font-size: 11px;
line-height: 12px;
padding-top: 5px;
}
div#topContributors p span {
color: #989898;
}
div#topContributors b {
font-weight: 400;
padding: 0 5px;
}
div#topContributors p span img {
position: relative;
top: 3px;
padding-right: 3px;
}
.wideLeft .commentSorting {
float: left;
}
div#topContributors td.count {
font-size: 11px;
}
div#topContributors span.stars {
color: #a9a9a9;
font-weight: 700;
position: relative;
left: 3px;
}
div#topContributors img.mostStars {
position: relative;
top: 1px;
}
/*div#topContributors p.bold {
padding:0;
margin-top: -5px;
}*/
div.ieFormBlock {margin-top: -12px;}
div.topUsers {
width: 290px;
float: left;
}
#topWide div.topUsers h2 {
padding: 0;
}
#topWide div.topUsers h2.starsHeader {
padding-top: 20px;
}
#topWide div.topUsers p.sortTerm {
color: #989898;
font-size: 11px;
padding-top: 0;
padding-bottom: 10px;
}
div.topUsers table {
width: 260px;
}
div.topUsers tr.even {
background-color: #f9f9f9;
}
div.topUsers td {
vertical-align: middle;
padding: 3px 5px;
text-align: left;
}
div.topUsers td.count {
width: 5px;
padding-right: 0;
}
div.topUsers td.userImage {
width: 40px;
padding-right: 0;
}
div.topUsers td.userInfo {
font-size: 11px;
color: #525050;
line-height: 14px;
}
div.topUsers td h5 {
font-size: 14px;
padding-top: 3px;
}
img.headerStar {
position: relative;
top: 1px;
left: 2px;
}
span.commentProfilePic {
background:url(../img/layout/profilePicBG.png) no-repeat top left;
width:40px;
height:40px;
display: block;
float: left;
position:relative;
text-align: center;
}
div.questionSidebar span.simpleVoteBlock {
position: relative;
left: 10px;
top: 2px;
}
span.commentProfilePic img.profilePic {margin-left: 0px; margin-top: 4px;}
#submitQBlock {
margin-top: 10px;
}
div#submitQAreaTop {
background:url(../img/layout/qa/submitQBgTop.png) no-repeat bottom left;
width: 611px;
height: 14px;
margin-left: -8px;
float: left;
}
div#submitQArea {
background:url(../img/layout/qa/submitQBg.png) no-repeat bottom left;
width: 611px;
margin-left: -8px;
float: left;
}
.qa div#submitQArea {
height: 220px;
}
/*
ul#submitQNav li {
display: inline;
}*/
ul#submitQNav {
width: 611px;
}
#needHelp, #shareAdvice {
cursor: hand;
cursor: pointer;
}
#needHelp {
background:url(../img/layout/qa/subnav/needHelp.png) no-repeat top left;
width: 305px;
height: 74px;
display: block;
float: left;
text-indent: -9999px;
margin-left: -8px;
}
#needHelp:hover {
background:url(../img/layout/qa/subnav/needHelp.png) no-repeat 0 -74px;
cursor: pointer;
}
.needHelpActive #needHelp,
.needHelpActive #needHelp:hover { /* Cancel out the hover when it is active */
background: url(../img/layout/qa/subnav/needHelpActive.png) no-repeat top left;
cursor: default;
}
#shareAdvice {
background:url(../img/layout/qa/subnav/shareAdvice.png) no-repeat top left;
width: 305px;
height: 74px;
display: block;
text-indent: -9999px;
margin-left: 297px;
}
#shareAdvice:hover {
background:url(../img/layout/qa/subnav/shareAdvice.png) no-repeat 0 -74px;
cursor: pointer;
}
.shareAdviceActive #shareAdvice,
.shareAdviceActive #shareAdvice:hover { /* Cancel out the hover when it is active */
background: url(../img/layout/qa/subnav/shareAdviceActive.png) no-repeat top left;
cursor: default;
}
#shareAdviceArea {
float: left;
padding: 30px;
padding-right: 10px;
padding-top: 20px;
}
#shareAdviceArea ul {
float: left;
padding: 10px 0;
font-weight: 700;
width: 160px;
margin-right: 30px;
margin-bottom: 35px;
}
#shareAdviceArea ul li {
padding-bottom: 6px;
}
#needHelpArea {margin-left: 10px;}
#needHelpArea p {
margin-left: -10px;
}
form#submitQA, form#askCompleteForm {
margin-left: 30px;
padding-top: 20px;
}
form#askCompleteForm {
margin-left: 30px;
padding-top: 15px;
}
form#submitQA div#userProfileBG,
form#askCompleteForm div#userProfileBG {
margin-left: -17px;
margin-top: -5px;
}
form#askCompleteForm div#userProfileBG {
margin-left: -9px;
}
form#submitQA p {padding-left: 2px;}
form#askCompleteForm p {
padding-top: 8px;
}
form#submitQA div#advice-questionIntro {
position: static;
font-size: 11px;
margin-bottom: 0;
height: 11px;
}
form#askCompleteForm p.catLabel {
padding:0;
padding-bottom: 3px;
}
div#qFormContainer {
float: left;
margin-left: 20px;
margin-top: 15px;
font-size: 12px;
width: 460px;
padding-bottom: 40px;
}
div#qFormContainer label {
font-weight: 700;
}
#qFormContainer input.short-input,
#askCompleteForm input.short-input {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 455px;
}
#qFormContainer span.qCounter {
float: right;
font-size: 11px;
color: #858585;
font-weight: 400;
}
input#submitQA {
background: transparent url(../img/buttons/continueBtn.png) top left no-repeat;
width: 175px;
height: 53px;
border: none;
margin-top: 19px;
float: left;
cursor: pointer;
}
input#submitQA:hover {
background: transparent url(../img/buttons/continueBtn.png) 0 -53px no-repeat;
width: 175px;
height: 53px;
cursor: pointer;
}
#qFormContainer ul {
width: 250px;
font-size: 11px;
color: #858585;
list-style-type: disc;
margin-left: 30px;
margin-top: 15px;
float: left;
}
#qFormContainer ul li {
padding-bottom: 4px;
}
textarea#questionBody {
margin-top: 5px;
border: 1px solid #d7d7d7;
background: #fffff4 url(../img/layout/login/inputBG.png) top left repeat-x;
padding: 2px;
width: 455px;
height: 100px;
}
#askCompleteForm input.short-input,
textarea#questionBody, form#askCompleteForm select {
margin-bottom: 15px;
}
form#askCompleteForm select {
font-size: 11px;
}
span.inputOptional, span.radioLabel {
font-weight:400;
color: #858585;
}
span.radioLabel {
position: relative;
top: -2px;
left: 5px;
height: 24px;
}
div.communicationChecks {
padding-bottom: 5px;
float: left;
}
input#communitySubmit {
background: transparent url(../img/buttons/communitySubmit.png) top left no-repeat;
width: 322px;
height: 53px;
border: none;
margin-top: 15px;
cursor: pointer;
}
input#communitySubmit:hover {
background: transparent url(../img/buttons/communitySubmit.png) 0 -53px no-repeat;
width: 322px;
height: 53px;
cursor: pointer;
}
span.facebookLabel {
background:url(../img/layout/qa/facebookSmall.png) no-repeat 0 3px;
padding-left: 20px;
padding-top: 3px;
width: 350px;
}
div#submitQArea h2#questionHeader {
padding-top: 15px;
}
div.questionEven, div.questionOdd {
float: left;
padding: 5px;
width: 100%;
padding-bottom: 10px;
position: relative;
}
div.questionEven {
background-color: #f9f9f9;
}
div.questionEven p, div.questionOdd p {
float: left;
padding-bottom:0;
}
.qa div#QAList {
width: 570px;
}
div#QAList .commentProfilePic{
margin-top:0;
margin-left: 0;
}
div#QAList span.commentVoteUp {
margin:0;
position: absolute;
top: 5px;
right: 5px;
}
div#QAList ul#pagination {
padding-top: 15px;
float: left;
}
div.questionEven p.questionList,
div.questionOdd p.questionList {
width: 470px;
}
#SidebarQAList {
margin-bottom: 30px;
float: left;
}
#SidebarQAList div.questionEven p.questionList,
#SidebarQAList div.questionOdd p.questionList {
width: 270px;
}
p.questionStats {
font-size: 11px;
color: #a9a9a9;
padding:0;
padding-left: 15px;
}
p.questionStats span.responseCount {
color: #525050;
}
p.questionStats a.bold {
color: #a9a9a9;
}
p.questionStats a.bold:hover {
color: #008cee;
}
div#SidebarQAList div.commentProfilePic {
margin-top: 0;
}
div#SidebarQAList p.qStats {
font-size: 11px;
line-height: 13px;
padding-top: 0;
padding-bottom: 20px;
}
div#SidebarQAList p.qStats span {
color: #a9a9a9;
}
div#SidebarQAList p.qStats span strong a {
color: #a9a9a9;
}
div#SidebarQAList p.qStats span strong a:hover {
color: #008cee;
}
div#SidebarQAList .simpleVoteBlock {
position: relative;
top: 2px;
left: 10px;
}
.bestComment {
float: right;
margin-top: 8px;
margin-right: 100px;
color: #ccc;
cursor: pointer;
cursor: hand;
}
.bestComment:hover {
color: #008cee;
text-decoration: underline;
}
/*div.qaInputContainer {
position: relative;
}*/
#qFormContainer #advice-questionTitle {
position: static;
float: left;
margin-top: -10px;
}
#qFormContainer #advice-questionCategory {
position: static;
margin-top: -10px;
}
div#QAList .questionOdd,
div#QAList .questionEven {
position: relative;
}
#myAccountNav ul.accountDeactiveation {
margin-top: 20px;
}
div.cancellation {
background-color: #F5F5F5;
padding: 10px 20px;
margin-bottom: 40px;
}
div.reasonsToStay {
background: transparent url(../img/layout/myaccount/cancelAccountBG.png) 0 0 repeat-y;
width: 625px;
height:auto;
padding: 10px 20px;
float: left;
}
p.cancellationNote {
font-size: 11px;
}
div.reasonsToStay ul {
width: 400px;
float: left;
}
div.reasonsToStay li {
padding-bottom: 3px;
}
div.reasonsToStay li strong {
padding-right: 5px;
}
input#myAcctDeactivate {
background: transparent url(../img/buttons/confirmCancellation.png) top left no-repeat;
width: 223px;
height: 41px;
border: none;
display: block;
text-indent: -9999px;
cursor: pointer;
float: left;
margin-top: 45px;
}
input#myAcctDeactivate:hover {
background: transparent url(../img/buttons/confirmCancellation.png) 0 -41px no-repeat;
width: 223px;
height: 41px;
}
#rightColumnNarrowNB #rightColumnNarrow {
margin-left: -15px;
}
#myAccount #rightColumnNarrow {
margin-top: 25px!important;
}
div#tutorialBar {
height: 110px;
background: #66a1e1 url(../img/layout/tutorial/tutorialBG.png) 0 0 repeat-x;
margin-top: -10px;
position: relative;
text-align: left;
}
.myCredit div#tutorialBar {
margin-left: -20px;
margin-top: -25px;
margin-bottom: 20px;
}
/*div.tutorialScore {
margin-left: -10px;
margin-top: -30px;
margin-bottom: 20px;
}*/
h1#tutorialBarType {
color: #c5eaff;
font-size: 25px;
position: absolute;
top: 20px;
left: 15px;
}
h1#tutorialBarTitle {
color: #fff;
font-size: 25px;
position: absolute;
top: 20px;
left: 100px;
}
p#tutorialBarText {
color: #c5eaff;
position: absolute;
top: 40px;
left: 102px;
width: 490px;
}
div#tutorialBar span {
display: block;
height:13px;
width:19px;
background: transparent url(../img/layout/tutorial/arrow.png) 0 0 no-repeat;
position: absolute;
}
a#tutorialLogin {
background: url(../img/buttons/previewSignUp.png) top left no-repeat;
width:139px;
height:53px;
text-indent: -9999px;
cursor: pointer;
border: none;
position: absolute;
top: 28px;
right: 150px;
}
a#tutorialLogin:hover {
background: url(../img/buttons/previewSignUp.png) 0 -53px no-repeat;
}
div#newUser {
position: absolute;
top: 35px;
right: 30px;
color: #fff;
}
div#newUser p {
padding: 0;
}
div#newUser a {
color: #f7f41e;
font-weight: 900;
}
div#nextLink {
position: absolute;
top: 35px;
right: 40px;
color: #fff;
}
div#nextLink a#tutorialLink {
background: url(../img/layout/tutorial/nextLink.png) top left no-repeat;
width:96px;
height:39px;
text-indent: -9999px;
cursor: pointer;
border: none;
display: block;
}
div#nextLink a#tutorialLink:hover {
background: url(../img/layout/tutorial/nextLink.png) 0 -39px no-repeat;
}
div#tutorialFBSpan a{
color: #fff;
}
span#PreviewScore,
span#tutorialScore {
top: 0;
left: 121px;
}
span#PreviewCompare,
span#tutorialCompare {
top: 0;
left: 325px;
}
span#PreviewSimulator,
span#tutorialSimulator {
top: 0;
left: 441px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
span#PreviewSimulator,
span#tutorialSimulator {
top: 0;
left: 421px;
}
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
span#PreviewCompare,
span#tutorialCompare {
top: 0;
left: 305px;
}
}
span#PreviewReport,
span#tutorialReport {
top: 0;
left: 221px;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
span#PreviewReport,
span#tutorialReport {
top: 0;
left: 208px;
}
} /* for WebKit based browsers only - such as Safari and Google Chrome */
span#tutorialDashboard {
top: 0;
left: 31px;
}
div.tutorialScore p#tutorialBarText,
div.tutorialSimulator p#tutorialBarText,
div.tutorialReport p#tutorialBarText {
width: 620px;
}
h1#nationalAveragesH {width: 800px;}
h1 span#nationalAveragesSH {
font-size: 19px!important;
color: #888!important;
position: relative;
top:-3px;
left: 20px;
}
/*span#anonStar {
font-size: 24px;
position: relative;
top: -65px;
left: 100px;
}*/
span#anonStar {
font-size: 24px;
position: absolute;
top: 0px;
left: 100px;
}
a#tutorialCancel {
position: absolute;
bottom: 10px;
right: 5px;
color: #c5eaff;
font-size: 9px;
}
div#tutorialFBSpan {
background-color: #5c9ade;
text-align: center;
padding: 10px;
padding-top: 0;
position: absolute;
top: -10px;
left: -250px;
}
#maintenanceWarning {
background: transparent url(../img/layout/ie6_warning/bg.png) 0 0 repeat-x;
height: 40px;
border-bottom: 2px solid #fff;
}
#maintenanceWarning div {margin: 0 auto; text-align: center; width: 984px;}
#maintenanceWarning p {
color: #fff;
text-align: left;
line-height: 40px;
padding-left: 10px;
}
#maintenanceWarning p span {position: relative; left: 5px; text-align:center;}
#maintenanceWarning a{
color: #fff;
margin-left: 100px;
opacity: 0.5;
}
#savingsOffers #autoinsuranceContent .providerInfo ul,
#savingsOffers #mortgageContent .savingsInfoMC ul {
text-align: left!important;
margin-top: 20px;
margin-left: 40px;
list-style-type: disc;
float: left;
}
#savingsOffers #autoinsuranceContent .providerInfo p.returnedP,
#savingsOffers #mortgageContent .savingsInfoMC p.returnedP {
text-align: left!important;
margin-top: 20px;
margin-left: 20px;
float: left;
font-size:11px;
}
#savingsOffers #autoinsuranceContent .providerInfo li,
#savingsOffers #mortgageContent .savingsInfoMC li {
padding-bottom: 3px;
}
p#aiAllSaving {
margin-left: 0px;
margin-top: 0;
}
p#mortageAllSavingsSub {
margin-top: 20px!important;
}
.mortgageAdContent .mortgageInfo p.returnedP {
margin-left: 20px;
font-size:11px;
}
.ccImageVertical {
background: url(../img/layout/creditCards/verticalArtBG.png) top left no-repeat;
width: 58px;
height: 98px;
margin: 0 45px;
}
div.ccImgContainerVertical {
background: url(../img/layout/creditCards/verticalArtBG.png) top left no-repeat;
width: 58px;
height: 98px;
margin: 0 45px;
}
.errorPage #topWide {
margin-top: 4px!important;
}
.errorPage #topWide h1 {
padding-top: 0px!important;
padding-bottom: 10px!important;
}
.errorPage #topWide h1 img {
padding-top: 30px;
padding-left: 10px;
}
.errorPage #topWide p {
padding-left: 10px;
}
img.maintenanceImage {
margin-top: -40px;
}
#duration {
background: url(../img/layout/error_pages/ckMaintenanceTimes.png) top left no-repeat;
width:448px;
height:101px;
font-size: 28px;
font-weight: 700;
line-height: 101px;
text-align: center;
}
#deactivationWarning {
background: transparent url(../img/layout/ie6_warning/bg.png) 0 0 repeat-x;
height: 40px;
border-bottom: 2px solid #fff;
}
#deactivationWarning div {margin: 0 auto; text-align: center; width: 984px;}
#deactivationWarning div img { padding-top: 5px; padding-left: 20px;}
#deactivationWarning p {
padding: 0!important;
color: #fff;
line-height: 40px;
text-align: left;
}
#deactivationWarning p span {position: relative; top: 0px;; left: 5px;}
#deactivationWarning #deactivationBarClose {position: relative; right: 30px; top: 8px; float: right}
span#qArrow {
background: url(../img/layout/qa/qArrow.gif) 0 0 no-repeat;
display: block;
height:23px;
width:31px;
float: left;
margin-top: 5px;
margin-left: 17px;
}
p.qanote {font-size: 11px!important; line-height: 13px; color:#a1a0a0; padding-top: 20px}
/* NEW SAVINGS OVERVIEW */
.savingsBlockTop {
background: transparent url(../img/layout/mysavings/savingsBlockTop.png) 0 0 no-repeat;
width: 924px;
height: 8px;
margin-top: 10px;
}
.savingsBlockBody {
background: transparent url(../img/layout/mysavings/savingsBlock.png) bottom left no-repeat;
width: 894px;
height: auto;
padding: 10px 15px;
padding-top: 8px;
margin-bottom: 20px;
padding-bottom: 20px;
}
.savingsBlockBody p,
.savingsBlockBody p.modifier {
padding:0!important;
margin:0!important;
font-size: 11px!important;
}
.savingsHeaders {
margin-top: 0;
color: #525050;
font-size: 11px;
font-weight: 700;
}
.topOptions, .ccBT, .ccIntroAPR,
.ccRegularAPRs, .ccRewards, .mLoanType,
.mIntRate, .mPayment, .aDetails, .bestOptions,
.thinMinimum, .thinFee, .thinAPR, .buildingCredit {
border-right: 2px solid #fff;
float: left;
text-align: center;
padding: 0px 5px;
border-bottom: 2px solid #fff;
height: 59px;
padding-top: 10px;
}
.aDetails {
padding-top: 5px;
height: 64px;
}
#autoinsuranceBlock .aDetails, #mortgageContent .mrtSubprime .aDetails{
height: 89px;
}
.savingsHeaders .topOptions, .savingsHeaders .ccBT,
.savingsHeaders .ccIntroAPR, .savingsHeaders .ccRegularAPRs,
.savingsHeaders .ccRewards, .savingsHeaders .mLoanType,
.savingsHeaders .mIntRate, .savingsHeaders .mPayment,
#autoinsuranceBlock .savingsHeaders .aDetails, #mortgageContent .savingsHeaders .aDetails,
.savingsHeaders .bestOptions, .savingsHeaders .thinMinimum,
.savingsHeaders .thinFee, .savingsHeaders .thinAPR, .savingsHeaders .buildingCredit {
background-color: #ececec;
padding: 3px 5px;
padding-bottom: 4px;
height: auto;
border-bottom: 2px solid #fff;
}
.topOptions {
width: 266px;
text-align: left;
padding-top: 10px;
height: 59px;
}
.topOptions a {
font-weight: 700;
}
.ccBT {
width: 100px;
}
.ccIntroAPR {
width: 84px;
text-align: center;
}
.ccRegularAPRs {
width: 104px;
text-align: center;
}
.ccRewards {
width: 69px;
text-align: center;
}
.annualSavings {
width: 200px;
float: left;
}
.mLoanType {
width: 115px;
float: left;
}
.mIntRate {
width: 115px;
float: left;
}
.mPayment {
width: 139px;
float: left;
}
.aDetails {
width: 394px;
float: left;
text-align: left;
}
.bestOptions {
width: 280px;
text-align: left;
}
.thinMinimum {
width: 138px;
}
.thinFee, .thinAPR {
width: 112px;
}
.buildingCredit {
width: 158px;
}
.savingsHeaders .aDetails {text-align: center;}
.annualSavings {
background: #fff url(../img/layout/mysavings/savingsGradient.png) top left repeat-y;
height:auto;
color: #fff;
text-align: left;
height: 69px;
position: relative;
width: 211px;
border-bottom: 2px solid #fff;
}
.buildingCredit {
background: #fff url(../img/layout/mysavings/savingsGradient.png) top left repeat-y;
width: 194px;
height: 59px;
position: relative;
border-bottom: 2px solid #fff;
border-right: 0;
}
#autoinsuranceBlock .annualSavings, .mrtSubprime .annualSavings{
height: 93px;
width: 210px;
}
#autoinsuranceBlock .topOptions, .mrtSubprime .topOptions {
height: 84px;
}
#autoinsuranceBlock .savingsHeaders .topOptions,
#mortgageContent .savingsHeaders .topOptions {
height: 11px;
}
.savingsHeaders .annualSavings, .savingsHeaders .buildingCredit {
background: transparent url(../img/layout/mysavings/savingsHeadersBG.png) top left repeat-x;
height:12px;
color: #fff;
padding: 3px 5px;
text-align: center;
border-bottom: 2px solid #fff;
width: 201px;
}
.savingsHeaders .buildingCredit {
width: 194px;
border-right: 0;
}
#autoinsuranceBlock .savingsHeaders .annualSavings,
#mortgageContent .savingsHeaders .annualSavings {
height: 12px;
width: 200px;
}
.savingsBlockBody .ccImage {
background: url(../img/layout/mycredit/ccAdditionalBG.png) top left no-repeat;
width: 68px;
height: 45px;
margin-left: 0;
}
.savingsBlockBody p.modifier {
font: bold 9px Verdana, sans-serif!important;
color: #a0a0a0;
padding: 5px 0!important;
}
.savingsBlockBody p.rate {
font-size: 13px!important;
}
p.rateGrayedOutSO {
color: #b6b6b6;
font-size: 13px;
margin-top: -15px!important;
}
.savingsInfoBlock {
margin-top: 15px;
margin-left: 10px;
text-align: center;
width: 70px;
float: left;
}
#autoinsuranceBlock .savingsInfoBlock,
.mrtSubprime .savingsInfoBlock {
margin-top: 30px;
}
.savingsBlockBody p.negative,
.savingsBlockBody p.savings {
font-size: 20px!important;
}
.savingsBlockBody p.saveHeader {
font-size: 11px;
font-weight: 700;
color: #525050;
padding-bottom: 5px;
}
.savingsBlockBody p.freeHeader {
font-size: 11px;
font-weight: 700;
color: #525050;
padding-top: 10px!important;
}
.savingsBlockBody a.applyNow {
background: transparent url(../img/buttons/applyNow.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
position: absolute;
top: 15px;
right: 0px;
}
.savingsBlockBody a.applyNow:hover {
background: transparent url(../img/buttons/applyNow.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
}
#autoinsuranceBlock .savingsBlockBody a.getaquote,
.savingsBlockBody .mrtSubprime a.getaquote {
background: transparent url(../img/buttons/getAQuote.png) top left no-repeat;
width: 134px;
height: 41px;
text-indent: -9999px;
display: block;
cursor: pointer;
float: left;
position: absolute;
top: 30px;
right: 0px;
}
#autoinsuranceBlock .savingsBlockBody a.getaquote:hover,
.savingsBlockBody .mrtSubprime a.getaquote:hover {
background: transparent url(../img/buttons/getAQuote.png) 0 -41px no-repeat;
width: 134px;
height: 41px;
}
.aDetails ul{
text-align: left!important;
margin-left: 15px;
list-style-type: disc;
float: left;
font-size: 11px;
}
.aDetails p.returnedP {
text-align: left!important;
margin-left: 5px;
float: left;
font-size: 11px;
}
.aDetails li {
padding-bottom: 3px;
}
div.ccMoreToggle {
width: 38px;
height: auto;
}
div.ccMoreToggle a {
background: transparent url(../img/layout/mysavings/openArrow.gif) top left no-repeat;
width: 17px;
height: 17px;
text-indent: -9999px!important;
border: none;
cursor: pointer;
float: left;
margin-top: 15px;
}
div.ccMoreToggle a.sliderLinkActive{
background: transparent url(../img/layout/mysavings/closeArrow.gif) top left no-repeat;
}
.savingsBlockBody .ccMiddle {
background: none;
background-color: #fafafa;
margin-top: 0;
width: 100%;
font-size: 11px!important;
margin-bottom: 10px;
}
.savingsBlockBody .savingsContent {
margin-left: 10px;
}
.savingsBlockBody .savingsContent table {
font-size: 11px!important;
width: 670px;
}
table.savingsExplained {
}
.savingsBlockBody .wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 68px;
height: 45px;
}
.savingsBlockBody .wraptocenter * {
vertical-align: middle;
}
/*\*//*/
.savingsBlockBody .wraptocenter {
display: block;
}
.savingsBlockBody .wraptocenter span {
display: inline-block;
height: 100%;
width: 1px;
}
/**/
.savingsHeaders p.seeAllSavings {
margin-top: 5px!important;
font-weight: 400;
margin-left: 10px;
}
table.savingsExplained th.cell1, table.savingsExplained td.cell1 {width: 120px; vertical-align: top; border-bottom: 2px solid #f7f7f7;}
table.savingsExplained th.cell1 {padding-left: 0!important;}
table.savingsExplained th.cell2, table.savingsExplained td.cell2 {width: 205px; border-top: 2px solid #ececec;}
table.savingsExplained td.cell2 p, table.savingsExplained td.cell3 p, table.savingsExplained td.cell4 p, table.savingsExplained td.cell5 p {padding: 2px 0!important;}
table.savingsExplained td.cell2 p {padding-left: 15px!important}
table.savingsExplained th.cell3, table.savingsExplained th.cell4, table.savingsExplained th.cell5, table.savingsExplained td.cell3, table.savingsExplained td.cell4,
table.savingsExplained td.cell5 {width: 90px; border-top: 2px solid #ececec; text-align: center!important;}
table.savingsExplained td.cell1, table.savingsExplained td.cell2, table.savingsExplained td.cell3, table.savingsExplained td.cell4, table.savingsExplained td.cell5 {padding: 10px 0!important;}
table.savingsExplained th.cell3 p, table.savingsExplained th.cell4 p, table.savingsExplained th.cell5 p {padding-top: 3px!important; padding-right: 0!important;}
table.savingsExplained th.cell5 p, table.savingsExplained td.cell5 p {padding-right: 10px!important;}
table.savingsExplained th.cell1 p, table.savingsExplained td.cell1 p {padding-left: 10px!important;}
table.savingsExplained th.cell1 p {padding-left: 8px!important;}
.tdGray {background-color: #ececec;}
table.savingsExplained .tdGray td {padding-bottom: 3px!important;}
.savingsContent table td p, .savingsContent table th p {font-size: 11px;}
.savingsContent table td {padding-top: 3px;}
.savingsContent table th {vertical-align: bottom;}
table.savingsExplained th.noborder, table.savingsExplained td.noborder {border: none;}
.savingsBlockBody div.odd {
background: #fafafa;
float: left;
}
.savingsBlockBody div.even {
background: #fff;
float: left;
}
.savingsBlockBody .savingsLoader {
background-image: none;
}
.savingsBlockBody p.offerDetailsLink a {
font-weight: 400;
margin-left: 5px;
}
.centerOuter {
display: table;
height: 40px;
#position: relative;
overflow: hidden;
}
.centerMiddle {
#position: absolute;
#top: 50%;
display: table-cell;
vertical-align: middle;
}
.centerInner {
#position: relative;
#top: -50%
}
.provInfo {
position: relative;
}
.provInfo p.offerDetailsLink {
position: absolute;
top: 40px;
width: 75px;
}
.topOptions h5.featuredHeader {
color: #ec7f09;
font-size: 10px;
text-transform: uppercase;
}
p.noRewards {
margin-top: 8px!important;
}
#QAList span.simpleVoteBlock {float: right}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#QAList span.simpleVoteBlock {float: right}
} /* for WebKit based browsers only - such as Safari and Google Chrome */
.trends #advice-cBody {
position: relative;
top: 0px;
}
.savingsBlockBody #mortgageContent .wraptocenter {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 68px;
height: 45px;
}
.savingsBlockBody #depositsMC .wraptocenter,
.savingsBlockBody #featuredAISavingsTab .wraptocenter,
.savingsBlockBody #aiSavingsTab .wraptocenter{
display: table-cell;
text-align: center;
vertical-align: middle;
width: 68px;
height: 45px;
}
div.savOvHeader {
height: 40px;
width: 800px;
margin-left: 10px;
}
div.savOvHeader h3 {
font-size: 23px;
margin-left: 45px;
float: left;
display: inline;
position: relative;
top: 12px;
padding-right: 15px;
}
div.coCC {
background: #fff url(../img/layout/mysavings/icons/cc.png) top left no-repeat;
}
div.coMortgage {
background: #fff url(../img/layout/mysavings/icons/mortgage.png) top left no-repeat;
}
div.coAutoLoan {
background: #fff url(../img/layout/mysavings/icons/autoLoan.png) top left no-repeat;
}
div.coBanking {
background: #fff url(../img/layout/mysavings/icons/banking.png) top left no-repeat;
}
div.coAutoIns {
background: #fff url(../img/layout/mysavings/icons/autoInsurance.png) top left no-repeat;
}
.inlineMortgageAd {
position: relative;
}
.inlineMortgageAd a.getaquote {
position: absolute;
top: 80px;
left: 10px;
}
.thinfile {text-align: left; padding: 0 10px;}
.thinfile h1 {padding-left: 0!important;}
.thinfile h5 {color: #ec7f09; font-size:13px; text-transform: uppercase; font-weight: bold; padding:10px 0;}
.thinfileCheck {
clear: both;
background: #fff url(../img/layout/thinfile/bg.png) 25px 0 no-repeat;
height: 39px;
line-height: 39px;
margin-bottom: 10px;
}
.thinfileCheck .checked {
background: #fff url(../img/layout/thinfile/checked.png) top left no-repeat;
height: 39px;
width: 23px;
}
.thinfileCheck .unchecked {
background: #fff url(../img/layout/thinfile/unchecked.png) top left no-repeat;
height: 39px;
width: 23px;
}
#thinfileUpdates {
float: left;
}
.thinfileCheck p {
padding: 0;
padding-top: 10px;
padding-left: 40px;
}
.thinfile .savingsBlockTop,
.thinfile .savingsBlockBody {
margin-left: -8px;
}
.thinfile .savingsBlockBody {
margin-bottom: 0;
}
.savingsBlockBody .buildingCredit a.applyNow {
background: transparent url(../img/buttons/applyNow.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
margin-left: 10px;
cursor: pointer;
position: absolute;
top: 15px;
right: 40px;
}
.savingsBlockBody .buildingCredit a.applyNow:hover {
background: transparent url(../img/buttons/applyNow.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
}
.thinMinimum p.rateGrayedOutSO {
margin-top: 7px!important;
}
.withoutLimit {
margin-top: 10px;
border-top: 2px solid #e9e9e9;
padding-top: 20px;
margin-bottom: 10px;
width: 480px;
float: left;
}
.withoutLimit .crcItemHeader h4 {
color: #989797;
}
#invitationForm td.inviteInput input.short-input{
margin-top: 15px;
}
#invitationForm td.inviteInput .validation-advice {
position: relative;
left:0;
top: 0;
width: 150px;
font-size: 10px;
}
p#bankingSeeAllSavings {
margin-top: -10px!important;
}
img.maLogo {
position: absolute;
left: 210px;
bottom: 15px;
}
img.maLogoSavings {
float: right;
margin-right: 30px;
margin-top: 15px;
}
div.similarQ {
background: #fff url(../img/layout/qa/questionIcon.png) top left no-repeat;
height: 48px;
padding-top: 5px;
}
h5.similarQHeader {
font-size: 23px;
padding-left: 55px;
padding-top: 3px;
}
div.similarQ p {
padding-left: 55px;
padding-top: 0;
font-size: 11px;
color: #a9a9a9;
margin-top: -5px;
}
a#continueQ {
background: transparent url(../img/buttons/continueSml.png) top left no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
position: relative;
top: -25px;
left: 390px;
}
a#continueQ:hover {
background: transparent url(../img/buttons/continueSml.png) 0 -41px no-repeat;
width: 123px;
height: 41px;
text-indent: -9999px;
display: block;
}
p.similarQContinue {
padding-top: 25px;
}
img.pwrdMI {
position: absolute;
right: 10px;
bottom: 3px;
}
#needHelpArea a#editPicture,
#submitQArea a#editPicture {
position: relative;
top: 5px;
padding-left: 10px;
}