/* new homepage styles */

#homeWrapper { width:954px; padding:50px 0 0 0; margin:0; }
.leftHome { float:left; width:556px; padding:0; margin:0; }
.rightHome {
	float:right;
	padding:0;
	margin:0;
}

#homeBanner { width:554px; height:213px; margin:0 1px 18px 0; padding:0; background:url('images/mortgage-home-new.jpg') no-repeat; }
#todaysRates { }

#homeWrapper h2 { font-family:Verdana; font-size:20px; color:#787a7a; line-height:20px; }
#homeWrapper h4 { font-size:11px; font-weight:bold; padding:18px 0 6px 10px; }

#rateType1, #rateType { float:right; margin-bottom:10px; }
#homeWrapper p.disclaimer { margin: 0 20px 10px 0; }
#homeWrapper a { background-color:transparent; color:#39adda; }
#homeWrapper a:hover { color:#39adda; text-decoration:underline; }
#homeWrapper .ratesTabs a:hover, #homeWrapper .botHomeRates a:hover { text-decoration:none; }
.homeVideos a.rightArrowBtn { font-weight:bold;}
#homeWrapper a.rightArrowBtn, #homeWrapper a.rightColumnArrowBtn{ background-position: right 4px; font-weight:bold;}
#homeNavBanner a { color:#fff; }
#homeNavBanner a:hover { color:#fff; text-decoration:none; }
#homeNavBanner ul ul li a { background-color:#39adda; }
#homeNavBanner ul ul li a:hover { background-color:#75c6e5; }

/* nav banner*/

#homeNavBanner { margin:0; padding:82px 0 0 17px; width:185px; }

ul.jd_menu_vertical { margin: 0px; padding: 0px; list-style-type: none; }
ul.jd_menu_vertical ul { display:none; background:#58c3e4; position:absolute; display:none; list-style-type:none;
    margin: 0px; padding: 0px; z-index: 10000; width:320px; }

ul.jd_menu_vertical li { background-image:url(images/bannerHomeNav.png); float: none; width:185px; height:38px; display:block;
    background-repeat:no-repeat; padding:0; margin:0 0 1px 0; line-height:38px; font-size:14px; color:#fff; font-weight:bold; font-family:Arial; }

ul.jd_menu_vertical li a:hover, ul.jd_menu_vertical li a { line-height:38px; padding-left:12px; background:none; color:#fff; }
ul.jd_menu_vertical ul li { background-image:none; padding:0; margin:0; }
ul.jd_menu_vertical ul li a { height:38px; width:308px; line-height:38px; display:block; color:#fff; padding-left:12px; font-size:12px; font-weight:normal; }
ul.jd_menu_vertical ul li a:hover { background:#75c6e5; text-decoration:none; }

ul.jd_menu li.jdm_active { background:#58c3e4 url(images/bannerHomeNavOn.jpg) no-repeat; }

/* tabs */
div.tabArea {
	display:block;
	margin:0 0 0 0;
	padding:0 0 3px 0;
	background:#f7f7f7 url(images/tabsBgHome.gif) repeat-x;
}
div.tabArea ul.ratesTabs { margin:0; padding:0; height:26px; display:block; }
ul.ratesTabs li { font-weight:bold; float:left; display:block; height:26px; line-height:26px; margin:0; padding:1px 8px 0; border-bottom:solid 1px #ebebeb; }
ul.ratesTabs li a { font-weight:bold; line-height:26px; }
ul.ratesTabs li.active { background:#f7f7f7; border-bottom:0; border-top:solid 1px #ebebeb; border-left:solid 1px #ebebeb; border-right:solid 1px #ebebeb; padding:0 8px; }
ul.ratesTabs li.none { border-left:0; text-align:right; }
.ratesUpdate { font-size:9px; }

.todaysRates div.tabArea ul.ratesTabs { width:378px; }

/* videos section */
ul.homeVideos { padding-top:18px; }
ul.homeVideos li { padding:10px; height:80px; border-top:solid 1px #ebebeb; display:block; }
ul.homeVideos li a { border:0; font-weight:bold; }
ul.homeVideos li img { float:left; padding:0 10px 10px 0; }

ul.calcList { padding:0; }
ul.calcList li { line-height:50px; padding:0; font-family:Verdana, sans-serif; height:50px; border-top:solid 1px #ebebeb; display:block; clear:both; font-size:11px; }
ul.calcList li img { padding:0; display:block; float:left; }
ul.calcList li a { border:0; display:block; margin:15px 0 0 45px; }

ul.calcList li:hover { background:#f7f7f7; }

/* layout
----------------------*/ 

.leftFloat { float:left; padding:0; margin:0; width:276px; }
.rightFloat {
	float:right;
	padding:0;
	margin:0;
	width:370px;
}
.rightFloat p, .leftFloat p { padding-bottom:8px; }
.leftFloat .rightArrowBtn,
.rightFloat .rightArrowBtn,
ul.homeVideos .rightArrowBtn { float:none; font-size:11px; line-height:17px; }


.homeOffers { background:#f7f7f7; display:block; margin:18px 0 0 0; padding:8px; height:60px; border-top:solid 1px #ebebeb; }
.homeOffers p { line-height:17px; padding-bottom:8px; }
.homeOffers a.rightArrowBtn { font-size:11px; clear:both; font-weight:bold;}

div.orangeBorderedBox{ background:top left no-repeat url('images/specialoffer.gif'); background-position:10px 20px;  }
.borderBottomCreame {  border-bottom:solid 1px #ebebeb; }

.valueImg { padding:12px 0; margin:0; }


/* leftcol
----------------------*/ 

#callout{ position:relative;  }
#callout a.startHere1{ width:83px; height:18px; background:url(body/images/startHere1.jpg) top center no-repeat; position:absolute; top:192px; left:14px; text-indent:-9999px; outline:0;  }
#callout a.startHere1:hover{ background-position:0 -18px;  }
#callout a.startHere2{ width:83px; height:18px; background:url(body/images/startHere2.jpg) top center no-repeat; position:absolute; top:192px; left:14px; text-indent:-9999px; outline:0;  }
#callout a.startHere2:hover{ background-position:0 -18px;  }
#callout a.startHere3{ width:83px; height:18px; background:url(body/images/startHere3.jpg) top center no-repeat; position:absolute; top:192px; left:14px; text-indent:-9999px; outline:0;  }
#callout a.startHere3:hover{ background-position:0 -18px;  }
#modal{ position:absolute; top:45px; left:100px; margin:0; z-index:10; display:none;  }
.modalTop{ height:13px; width:539px; background:top left no-repeat url(body/images/modalTop.png);  }
.modalBot{ background:bottom left no-repeat url(body/images/modalBot.png); width:509px; padding:0 15px;  }
.modalBot .outerOrangeBox{ margin:0; float:none;  }
#modal a.modalClose{ float:right; margin-top:5px;  }
#modal h1{ color:#F58226; font-size:2em; margin:0 0 2px 10px; float:none;  }
#modal h2{ font-size:3em;  }
#modal img{ border:0; display:block;  }
#modal ul{ margin:0;  }
#modal ul li{ width:112px; float:left; margin:0 12px 0 0; text-align:center; font-weight:bold;  }
#modal ul li.last{ margin:0;  }
#returning{ background:#ecf4f7; padding:0.8em 1.2em; margin:20px 20px 0 0; color:#004b8d; border:solid 1px #39add4;  }
#returning a{ text-decoration:underline; font-weight:bold;  }
#returning a:hover{ background:none; text-decoration:none;  }
/***left module globals***/ 

/* hide divs until clicked */ 

#homeRates2,#botHomeRates2,#botHomeRates3{ display:none; }
.homeRates p,.botHomeRates p{ margin-bottom:1.1em;  }
.botHomeRates p { border-top:1px solid #EBEBEB; padding:15px 0 0 5px; }
#homeWrapper .botHomeRates p a:hover { text-decoration:underline; }
div.homeRates h2,div.botHomeRates h2{ color:#9a9da2; margin-bottom:6px;  }
/* - end globals*/ 

/*** today's rates ***/ 

.rateWrap{ margin:14px 0 10px 0;  }
table#rboType input,table#rboTypeState input{ margin:0; position:relative; top:3px;  }
table#rboType label,table#rboTypeState label{ font-size:0.9em; margin-left:4px;  }
table#rateState{ margin:6px 0 8px 0;  }
table#rateState td.selState{ padding-left:10px;  }
.rateDisclosure{ float:left; width:162px; padding:10px 10px 7px 10px; margin-top:5px; background:#f7f7f7 top left repeat-x url('body/images/ratesRightBlueBg.gif');  }
.rateOutput{ float:right; width:295px; padding:0 10px 15px 10px; margin:0;  }
.rateOutput table{ width:100%; margin:0;  }
.rateOutput table td{ padding:6px 0;  }
.rateOutput table th.lender{ width:55%;  }
.rateOutput table a{ text-decoration:underline;  }
.rateOutput table .rate,
.rateOutput table .apr{ width:30%;  }
.assumptionTop{ background:top left no-repeat url(body/images/assumptionTop.png); width:415px; height:13px;  }
.assumptionBot{ background:bottom left no-repeat url(body/images/assumptionBot.png); width:385px; padding:0 15px;  }
.assumption .outerOrangeBox{ margin:0;  }
.assumption h2{ color:#669900;  }
.assumption h3{ font-weight:bold; margin:0.2em 0 0.2em 0;  }
.assumption .outerOrangeBox p{ margin:0 0 0 0;  }
.rateType{ background:#9a9da2; padding:10px 8px; margin:10px 0; color:#fff;  }
table.tblRateType td{ width:33%;  }
table.tblRateType input,table.tblRateType label{ float:left; margin:0 0.5em;  }
table.tblLocalRate td{ background:#fff; padding:8px;  }
#ratesCols{ margin:20px 0 10px 0;  }
#ratesLeft{ float:left; width:50%;  }
#ratesLeft table{ width:100%;  }
#ratesLeft table td,#ratesLeft table th{ padding:6px 8px;  }
#ratesLeft table .lender{ width:47%;  }
#ratesLeft table .rate,
#ratesLeft table .apr,
#ratesLeft table .points{  }
#ratesRight{ float:right; width:45%; display:block; padding:5px 10px 7px 10px;  }
#ratesRight p{ margin:0 !important;  }
#ratesRight table.findLocal{ margin:10px 0 12px 0; width:100%;  }
#ratesRight table td a.rightColumnArrowBtn{ font-size:1em;  }

/* rightcol
----------------------*/ 

#buildingBlocks p{ margin-top:0.3em;  }
div.applyNow a{ color:#fff;  }
div.applyNow a:hover{ color:#fff; background:none;  }
div.applyNow span.left a{ font-size:1.1em; color:#fff; float:left; margin-left:5px; padding-top:1px;  }
div.applyNow span.left a:hover{ text-decoration:underline;  }
div.applyNow span.right a{ padding:1px 10px 3px 28px; font-weight:bold; float:right; background:top left no-repeat url('body/images/applyNowButton.gif');  }
div.applyNow span.right a:hover{ background:top left no-repeat url('body/images/applyNowButton-roll.gif');  }
div.applyNow{ margin-left:-3px; clear:both; display:block; width:375px !important; min-height:20px; font-size:1.1em; display:block; float:right; background-color:#f58226;  }
h3#rightLoan{ margin-bottom:-15px;  }
div.homeGrayBox{ background:#f7f7f7; padding:10px; margin:20px 0 0 0; color:#004585;  }
div#homeWrapper div#rightColumn h1{ float:none; margin:-6px 0 -6px 0;  }
div#homeWrapper div#rightColumn p{ clear:both;  }
div#homeWrapper div#rightColumn ul{ margin-top:-5px;  }
div#homeWrapper div#rightColumn ul li{ margin-top:12px;  }
div#homeWrapper div#rightColumn ul li a{ display:block; width:368px; font-size:1.2em; padding:2px 2px 2px 5px; background:#f4f4f4 top right no-repeat url('images/blueArrow-OnGrey.gif'); background-position:right 5px;  }
div#homeWrapper div#rightColumn ul li a:hover{ background:#e4f6fd top right no-repeat url('images/blueArrow-OnGrey.gif'); background-position:right 5px;  }
div.clearLineHome{ clear:both; display:block; padding:1px 0 15px 0; color:#00adef;  }
div#ratesTab2{ display:none;  }
table.ratesHomepage{ font-size:1.1em;  }
table.ratesHomepage tr td{ vertical-align:top; padding:2px 0 5px 0;  }
table.ratesHomepage thead tr td{ vertical-align:middle; padding:5px 0 2px 0;  }
table.ratesHomepage tr td a{ font-weight:bold; text-decoration:none;  }
table.ratesHomepage tr td a:hover{ text-decoration:none;  }
table.ratesHomepage tr td.lender{ width:190px; padding-left:6px;  }
table.ratesHomepage tr td.rate{ width:78px;  }
table.ratesHomepage tr td.apr{ width:208px;  }
#UCHomePageRates1_PnlNationalEquityRates table.ratesHomepage tr td.lender, #UCHomePageRates1_PnlLocalEquityRates table.ratesHomepage tr td.lender { width:170px; }
#UCHomePageRates1_PnlNationalEquityRates table.ratesHomepage tr td.rate, #UCHomePageRates1_PnlLocalEquityRates table.ratesHomepage tr td.rate { width:106px; }
#UCHomePageRates1_PnlNationalEquityRates table.ratesHomepage tr td.apr, #UCHomePageRates1_PnlLocalEquityRates table.ratesHomepage tr td.apr { width:169px; }
#UCHomePageRates1_PnlNationalEquityRates table.ratesHomepage thead tr td.lender, #UCHomePageRates1_PnlLocalEquityRates table.ratesHomepage thead tr td.lender { width:190px; }
#UCHomePageRates1_PnlNationalEquityRates table.ratesHomepage thead tr td.rate, #UCHomePageRates1_PnlLocalEquityRates table.ratesHomepage thead tr td.rate { width:86px; }
#UCHomePageRates1_PnlNationalEquityRates table.ratesHomepage thead tr td.apr, #UCHomePageRates1_PnlLocalEquityRates table.ratesHomepage thead tr td.apr { width:158px; }
table.ratesHomepage thead tr td.lender { width:339px; }
table.ratesHomepage thead tr td.rate { width:127px; }
table#rateType1 tbody tr td input,table#rateType tbody tr td input{ position:relative; top:2px; margin: 0 0 0 7px;  }
iframe{ display:none;  }
.errorMessage{ color:Red;  }

/* home overlays */
.todaysRates h2 { padding-bottom:12px; }
#homeWrapper .todaysRates .greenOver { float:right; color:#690; text-decoration:none; border-bottom:1px dotted #690; }
.todaysRates div.tabArea { margin-top:4px; clear:both; }