/* home page */
/* CSS Document */

#HomeLeft {float:left; width: 610px;}
#HomeRight {float: left; width: 300px;}

#Community {width: 625px;}
#LowestRates {width: 625px;}
#MortgageDiscussion {width: 625px;}
#UsefulMortgageLinks {width: 625px; margin-bottom: 10px;}
#QuestionBox {width: 300px; padding-bottom: 10px;}
#PreferredLenders {width: 300px;}

.GrayGradientBar {font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 625px; margin-bottom:15px;}
.GrayGradientBarLeft {background: url(/images/home/gradient-bar-left.jpg) no-repeat; height: 34px; width: 7px;}
.GrayGradientBarStretch {background: url(/images/home/gradient-bar-stretch.jpg) repeat-x; height: 34px; width: 611px;}
.GrayGradientBarRight {background: url(/images/home/gradient-bar-right.jpg) no-repeat; height: 34px; width: 7px;}

.GrayGradientBar2 {font-family: Arial, Helvetica, sans-serif; font-size: 13px; width: 300px; margin-bottom:10px;}
.GrayGradientBarLeft {background: url(/images/home/gradient-bar-left.jpg) no-repeat; height: 34px; width: 7px;}
.GrayGradientBarStretch2 {background: url(/images/home/gradient-bar-stretch.jpg) repeat-x; height: 34px; width: 286px;}
.GrayGradientBarRight {background: url(/images/home/gradient-bar-right.jpg) no-repeat; height: 34px; width: 7px;}

.BarTitle {color: #656565; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 10px 0 0 4px;; margin:0}
.ViewMoreLink {color: #397b9d; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 9px;}
.ViewMoreLink a:link {color: #397b9d; text-decoration: none;}
.ViewMoreLink a:visited {color: #397b9d; text-decoration: none;}
.ViewMoreLink a:active {color: #397b9d; text-decoration: none;}
.ViewMoreLink a:hover {color: #397b9d; text-decoration: underline;}

.CommunityImages {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 0px 30px 7px; width: 625px;}
.LowestRates {font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0 15px 20px 7px; width: 595px;}
.MortgageDiscussion {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 625px;}
.DiscussionPreview {padding-bottom: 15px;}
.DiscussionTitle {color: #3e82a2; font-weight: bold; padding: 0 15px 5px 7px;}
#content .articles {width:610px; padding:0 15px 10px; 7px;}

.DiscussionTitle a:link {color: #3e82a2; font-weight: bold; text-decoration: none;}
.DiscussionTitle a:visisted {color: #3e82a2; font-weight: bold; text-decoration: none;}
.DiscussionTitle a:active {color: #3e82a2; font-weight: bold; text-decoration: none;}
.DiscussionTitle a:hover {color: #3e82a2; font-weight: bold; text-decoration: underline;}

.DiscussionDate {color: #3e82a2; font-size: 11px; padding: 0px 15px 5px 15px;}
.DiscussionDescription {color: #434343; padding: 0px 15px 5px 7px;}
.DiscussionButton {text-align: right;}
.DiscussionPreviewDivider {background: url(/images/home/mortgage-discussion-divider.jpg) no-repeat; height: 1px; width: 625px; margin: 0 0 10px;}

.UsefulMortgageLinks {color: #3e82a2; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 0 15px 10px 7px; width: 595px; line-height: 1.5em;}
.UsefulMortgageLinks p {font-size:12px; color:#222; margin:0 0 14px 0;}
.UsefulMortgageLinks ul {float:left; width:33%; margin:0; padding:0;}
.UsefulMortgageLinks li {list-style:none;}
.UsefulMortgageLinks a:link {color: #3e82a2; text-decoration: none;}
.UsefulMortgageLinks a:visisted {color: #3e82a2; text-decoration: none;}
.UsefulMortgageLinks a:active {color: #3e82a2; text-decoration: none;}
.UsefulMortgageLinks a:hover {color: #3e82a2; text-decoration: underline;}

.LenderResult {width: 300px; padding: 5px 0px 5px 0px;}
.LenderResultTable {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3e82a2; width: 300px;}
.LenderResultDivider {background: url(/images/home/lenders-dividers.jpg) no-repeat; height: 1px; width: 300px; margin:5px 0;}
.LenderResultTable a:link {color: #3e82a2; text-decoration: none;}
.LenderResultTable a:visisted {color: #3e82a2; text-decoration: none;}
.LenderResultTable a:active {color: #3e82a2; text-decoration: none;}
.LenderResultTable a:hover {color: #3e82a2; text-decoration: underline;}

.QuestionBox {width: 300px; padding: 10px 0px 10px 0px;}
.Questions {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3e82a2; width: 300px;}
.QuestionBoxDivider {background: url(/images/home/lenders-dividers.jpg) no-repeat; height: 1px; width: 300px;}
.Questions a:link {color: #3e82a2; text-decoration: none;}
.Questions a:visited {color: #3e82a2; text-decoration: none;}
.Questions a:active {color: #3e82a2; text-decoration: none;}
.Questions a:hover {color: #3e82a2; text-decoration: underline;}
.Questions a.answer:link,.Questions a.answer:visited,.Questions a.answer:active,.Questions a.answer:hover { color: #FD6600}
.QuestionBoxRecentActive {width: 300px;}
.QuestionBoxAskActive {width: 300px;}

.LogoHolder { height:48px; width: 48px; overflow: hidden; border: 1px solid #dfdfdf; vertical-align: center;}
.LogoHolder a { height: 48px; width: 48px;  display: block;}
#AskBox {display: none; }


/*Rate Box*/
#SearchRatesBox {font-family: Arial, Helvetica, sans-serif; font-size: 12px; width: 200px;}
.SearchTabsRefinance {height: 37px; width: 200px;}
.SearchTabsPurchase {height: 37px; width: 200px;}
#PurchaseRates { display: none;}
.TabRefinanceActive {float: left; height: 37px; width: 106px;}
.TabRefinance {float: left; height: 37px; width: 106px;}
.TabPurchaseActive {float: left; height: 37px; width: 94px;}
.TabPurchase {float: left; height: 37px; width: 94px;}

.RatesContainer {background-color: #f1faff; border-left: 1px solid #b1daee; border-right: 1px solid #b1daee; border-bottom: 1px solid #b1daee; font-weight: bold; height: 119px; width: 198px;}
.RatesDate {color: #5391ad; text-align: center; padding: 5px 0px 5px 0px;}
.RatesDivider {background: url(images/rates-divider.jpg) no-repeat; height: 1px; width: 179px;}
.RateDisplay {font-size: 11px; height: 15px; padding: 8px 13px 8px 13px; width: 172px;}
.RateTitle {color: #5391ad; float: left; text-align: left; width: 100px;}
.RatePoints {color: #4d4d4d; float: left; text-align: right; width: 72px;}

.RatesSearch {border-left: 1px solid #b1daee; border-right: 1px solid #b1daee; height: 112px; width: 198px;}

.RatesContainerBottom {background: url(/images/front-rates/search-rates-bottom.jpg) no-repeat; height: 4px; width: 200px;}

.RatesSearchHeading {color: #5492ae; font-weight: bold; padding: 20px 0px 5px 0px; text-align: center;}
.RatesInputZip {text-align: center;}
.ZipCodeBox {border: 1px solid #4d4d4d; font-size: 11px; font-family: Arial, Helvetica, sans-serif; height: 20px; text-align: center; width: 173px; padding-top: 5px;}
.SearchButton {height: 25px; width: 178px; padding-top: 10px; text-align: right;}
#content { padding: 0px; }
#side-right { padding: 0px; }