/* Project Name: Citylight Financial Description: Version: 1 Author: */ /* ----------------------------------------------------------------------------- Globals ----------------------------------------------------------------------------- */ html { } body { margin: 0px; padding: 0px; color: #000; font: 12px Arial, sans-serif; } body#three-col {background: url(http://www.citylightfinancial.com/ee/themes/citylight/img/three-col-bg.gif) #D0E8FF center repeat-y; } * { margin:0; padding:0; } /* links */ a, a:visited { color: #333; text-decoration: none; } a:hover { color: #999; } a:focus { outline: none; } /* misc */ hr { display: none; } img { border: none; } ul, ol { list-style: none; margin: 0; padding: 0; } li { margin: 0; padding: 0; } /* headings */ p, h1, h2, h3, h4, h5, h6, li, td, dt, dd { font-size: 12px; font-weight: normal; } p { padding-top: 1.5ex; } /* ----------------------------------------------------------------------------- Main Layout ----------------------------------------------------------------------------- */ #page-wrap {;width: 960px; margin: 0 auto; } #content-wrap { margin-top: 35px; border-top: 20px #FFF solid; } /* Intro Section of Home Page*/ #content-wrap .intro { height: 320px; margin: -20px 0 0 6px; background: url(https://www.citylightfinancial.com/ee/themes/citylight/img/clf-homepage.gif) repeat-y;} #content-wrap .intro #intro-left { float:left; width: 620px; height:290px; background: url(https://www.citylightfinancial.com/ee/themes/citylight/img/intro-bg.jpg) no-repeat; padding: 1px 0 10px 0; margin: 0 0 0 0;} #content-wrap .intro #intro-left .intro-text { float:right; margin-left: 240px; margin: 90px 10px 0 0; width: 365px;} #content-wrap .intro #intro-right { float:left; width: 310px; height: 310px; margin: 10px 1px 0 12px; background: url(https://www.citylightfinancial.com/ee/themes/citylight/img/free-quote-form-bg-small.gif) no-repeat; } /* Intro Section of Home Page Quote Form*/ #content-wrap .intro #intro-right #form-free-quote-big {margin:50px 0 10px 5px; display: block; } #content-wrap .intro #intro-right #form-free-quote-big .width_320 { margin-left: 15px; width: 270px; height: 20px; background: #CCCCAF; border: 0px; padding: 3px; } #content-wrap .intro #intro-right #form-free-quote-big ul li { padding-top: 2px; } #content-wrap .intro #intro-right #form-free-quote-big li label.title { font-size:medium; color: #333; } #content-wrap .intro #form-free-quote-big li.powered-by { float:right; padding: 5px 15px 0 1px; color: #ccc; } #content-wrap .intro #form-free-quote-big li.powered-by a {color: #666; } #content-wrap .intro #form-free-quote-big li.powered-by a:hover {color: #444; font-weight: bold; } #content-wrap .intro #intro-right #form-free-quote-big #hdr-property-location { width: 253px; height: 26px; margin-top: 2px; margin-bottom: 5px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-quote-form-big.gif) 0 0 no-repeat; display: block; text-indent: -9999px; } #content-wrap .intro #intro-right #form-free-quote-big #hdr-property-type { width: 253px; height: 26px; margin-top: 5px; margin-bottom: 5px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-quote-form-big.gif) 0px -26px no-repeat; display: block; text-indent: -9999px; } #content-wrap .intro #intro-right #form-free-quote-big #hdr-loan-type { width: 253px; height: 26px; margin-top: 5px; margin-bottom: 5px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-quote-form-big.gif) 0px -78px no-repeat; display: block; text-indent: -9999px; } #content-wrap .intro #intro-right #form-free-quote-big #btn-goto-big { float: right; width: 145px; height: 40px; border: 0px; margin: 0px; margin-top: 5px; margin-right: 25px; _margin-top: 5px; _margin-right: 10px; padding: 0px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-goto.gif) 0 0 no-repeat; display: block; text-indent: -9999px; cursor:pointer; } #form-free-quote #btn-goto:hover { background-position: bottom; cursor: pointer; } /* Intro Section of Home Page Center Content*/ #content-wrap .intro .mn { margin-bottom: 20px; border-bottom: 0px #d7d7d7 solid; padding-bottom: 5px; } #content-wrap .intro .mn h1 { margin: 0px; padding: 0px; } #content-wrap .intro .mn p { margin: 0px; padding: 5px; color: #444; font-weight: 300;} #content-wrap .intro .mn h1 a { font: bold 20px Arial, sans-serif; color: #444; border-bottom: 1px #ccc solid; display: block; } #content-wrap .intro .mn li a { color: #1f65aa; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding: 10px 0 0 2px; display: inline; list-style-type:none;} #content-wrap .intro .mn li { margin: 0px; padding: 0px; margin-left: 10px; display:inline; list-style-type:none;} #content-wrap .intro .mn-list { float: left; width: 150px; } #header { background: #FFF; } #topbar { width: 950px; height: 10px; margin: 0 auto; background: #fff transparent /*url(https://www.citylightfinancial.com/ee/themes/citylight/img/topnav-bg.gif) bottom repeat-x;*/ } #topnav { width: 275px; float: right; margin-top: 15px; } #topnav ul { margin: 0px; padding: 0px; margin-left: -5px; } #topnav li { float: left; font: normal 10px Arial, sans-serif; border-right: 1px #afafaf solid; margin: 0px; padding: 0px; display: block; } #topnav a { font: normal 10px Arial, sans-serif; color: #1f65aa; margin-left: 5px; margin-right: 5px; padding: 2px; } #topnav a:hover { border-bottom: 1px #FFF solid; background: #1f65aa; color: #FFF; } #topnav li#last { border-right: 0px; } #topnav li#privacy a { background: #1f65aa; color: #FFF; } #topnav li#privacy a:hover { background: #FFF; text-decoration: underline; color: #1f65aa; } #searchform { width: 275px; clear: both; margin-top: 5px; } #searchform form { margin: 0px; padding: 0px; } #searchform form #submit-btn { margin-left: 3px; padding-bottom: 2px; cursor: pointer; text-indent: -9999px; border: 0px; width: 49px !important; } #searchform form .field { width: 200px; padding: 3px; background: #efefef; border: 1px #d7d7d7 solid; font: normal 11px Arial, sans-serif; color: #555; } #logo { margin-left: 15px; margin-top: 5px; float: left; width: 310px; } #logo a { width: 310px; height: 53px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/logo.gif) top right no-repeat; text-indent: -9999px; display: block; } #logo a:hover { background-position: bottom right; } #divNav { background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/main-nav-bg.gif) 0 0 repeat-x; margin: 0 auto; padding: 0; width: 950px; height: 53px; border-top: 10px #FFF solid; } #nav { position: relative; top: 21px; left: 0px; width: 950px; padding-left: 5px; } #nav li ul, #nav li ul { margin: 0; padding: 0; } /*float the main list items*/ #nav li { float: left; margin-right: 2px; display: block; } #nav li ul { display: none; } /*put the subnav below*/ #nav li.off ul, #nav li.on ul { position: absolute; top: 32px; left: 0; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/subnav-bg.gif) 0 0 repeat-x; height: 36px; width: 950px; } #nav li.on ul { background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/subnav-bg.gif) 0 0 repeat-x; } #nav li.on:hover ul, #nav li.over ul { background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/subnav-bg.gif) 0 0 repeat-x; /*for ie*/ } #nav li a { display: block; padding: 0; } #nav li.on a { color: #f90; } #nav li.on ul a, #nav li.off ul a { border: 0; float: left; /*ie doesn't inherit the float*/ color: #f90; width: auto; margin-right: 15px; } #nav li.on:hover ul a, #nav li.sfhover ul li a { background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/subnav-bg.gif) 0 0 repeat-x; /*for ie - the specificity is necessary*/ } #nav li.on ul { display: block; } #nav li.off:hover ul, #nav li.sfhover ul { display: block; z-index: 6000; } #nav li.off a:hover, #nav li.on a:hover { color: #7d7d7d; } /*do the image replacement*/ #nav li span { position: absolute; left: -9999px; } #home a, #free-quote a, #loan-products a, #loan-tools a, #faq a { position: relative; display: block; height: 32px; background: url(https://www.citylightfinancial.com/ee/themes/citylight/img/main-nav.gif) no-repeat; /*contains all hover states*/} /*first, put the initial states in place*/ #home a { width: 84px; background-position: 0px 0px; } #free-quote a { width: 107px; background-position: -86px 0px; } #loan-products a { width: 129px; background-position: -195px 0px; } #loan-tools a { width: 108px; background-position: -326px 0px; } #faq a { width: 70px; background-position: -436px 0px; } /*hover states*/ #home a:hover, #home:hover a, #home.sfhover a { background-position: 0px -32px; } #free-quote a:hover, #free-quote:hover a, #free-quote.sfhover a { background-position: -86px -32px; } #loan-products a:hover, #loan-products:hover a, #loan-products.over a { background-position: -195px -32px; } #loan-tools a:hover, #loan-tools:hover a, #loan-tools.sfhover a { background-position: -326px -32px; } #faq a:hover, #faq:hover a, #faq.sfhover a { background-position: -436px -32px; } body.p #home a { background-position: 0px -64px; } body.home-page #home a:hover { background-position: 0px -32px; } body.free-quote #free-quote a { background-position: -86px -64px; } body.free-quote #free-quote a:hover { background-position: -86px -32px; } body.loan-products #loan-products a { background-position: -195px -64px; } body.loan-products #loan-products a:hover { background-position: -195px -32px; } body.loan-tools #loan-tools a { background-position: -326px -64px; } body.loan-tools #loan-tools a:hover { background-position: -326px -32px; } body.faq #faq a { background-position: -436px -64px; } body.faq #faq a:hover { background-position: -436px -32px; } /*subnav formatting*/ #nav li.off ul a, #nav li.on ul a { display: block; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/subnav-bg.gif) 0 0 repeat-x; font: bold 11px Arial, sans-serif; color: #404040; border-left: 1px #dedede solid; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 10px; } #nav li.off ul a em, #nav li.on ul a em { font-style: normal; padding-top: 10px; display: block; } #nav li.on ul a { background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/subnav-bg.gif) 0 0 repeat-x; } /* ----------------------------------------------------------------------------- Two Column Layout ----------------------------------------------------------------------------- */ body#two-col { background: #d0e8ff url(https://www.citylightfinancial.com/ee/themes/citylight/img/two-col-bg.gif) center repeat-y; } body#two-col #left-col { width: 630px; float: left; margin-left: 5px; margin-right: 5px; } /* Left Column Article Post */ body#two-col #left-col .col { padding: 10px; } body#two-col #left-col .post h1 a { font: bold 20px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } body#two-col #left-col .post h1 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } body#two-col #left-col .post h2 a { font: bold 15px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } body#two-col #left-col .post h2 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } body#two-col #left-col .post h2 { font: bold 15px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } body#two-col #left-col .post { color: #444; } body#two-col #left-col .post p { margin: 10px; padding: 0px; } /* Left Column Article Post Continue */ body#two-col a.btn-continue { width: 369px; height: 25px; float: left; position: relative; top: 0px; left: 10px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-continue.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } /*body#two-col a:hover.btn-continue { background-position: bottom; }*/ /* Free Quote - frontpage */ body#two-col #form-free-quote-big { width: 360px; height: 378px; float: left; } body#two-col #form-free-quote { width: 360px; height: 378px; float: left; } /* Column Navigation */ body#two-col #colnav { width: 194px; float: left; margin-top: 7px; } body#two-col #colnav li { float: none !important; } /* Right Column */ body#two-col #right-col { margin-left: 5px; _margin-left: 0px; } /* ----------------------------------------------------------------------------- Search Results ----------------------------------------------------------------------------- */ #search-results a { color: #1f65aa; font: bold 12px Arial, sans-serif; } #search-results a:hover { color: #555; font: bold 12px/15px Arial, sans-serif; } #search-results th { color: #555; font: bold 12px Arial, sans-serif; border-bottom: 1px #c5c5c5 solid; padding: 5px; text-align: left; } #search-results td { color: #555; border: 0px; padding: 5px; border-bottom: 1px #c5c5c5 solid; border-right: 1px #c5c5c5 solid; } #search-results td.date { border-right: 0px; } #search-results tr { border: 0px; padding: 5px; } #search-results tr.resultRowTwo { background: #f1f1f1 !important; } /* ----------------------------------------------------------------------------- Left Column ----------------------------------------------------------------------------- */ #left-col { float: left; margin-left: 5px; width: 390px; } #left-col .col { } /* Free Quote Big (390)- */ #form-free-quote{ width: 390px; height: 378px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/free-quote-form-bg.gif) 0 0 no-repeat; margin-bottom: 10px; display: block; } #form-free-quote .width_320 { margin-left: 5px; width: 300px; background: #FAFAEB; border: 0px; padding: 3px; } #form-free-quote .align-radio-set label { color: #333; } #form-free-quote .align-radio-set-right label { color: #333; } #form-free-quote .align-radio-set { margin-left: 12px; margin-top: 5px; } #form-free-quote .align-radio-set-right { margin-left: 12px; margin-top: 5px; } /* Column Navigation */ #colnav { width: 390px; } #colnav li { float: left; display: block; } #colnav-refinance a, #colnav-buyhome a, #colnav-cashequity a, #colnav-applyloan a { width: 194px; height: 65px; background-position: 0 0; background-color: transparent; background-repeat: no-repeat; text-indent: -9999px; display: block; } #colnav-refinance a:hover, #colnav-buyhome a:hover, #colnav-cashequity a:hover, #colnav-applyloan a:hover { background-position: bottom; } #colnav-refinance a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-refinance.gif); } #colnav-buyhome a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-buyhome.gif); } #colnav-cashequity a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-cashequity.gif); } #colnav-applyloan a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-applyloan.gif); } /* Horizontal Column Navigation */ body.loan-products #colnav-horz { width: 600px !important; } body.loan-products #colnav-horz ul li { float: left !important; display: block !important; } body.loan-products #colnav-horz-refinance a, #colnav-horz-buyhome a, #colnav-horz-cashequity a, #colnav-horz-applyloan a { width: 194px; height: 65px; background-position: 0 0; background-color: transparent; background-repeat: no-repeat; text-indent: -9999px; display: block; } body.loan-products #colnav-horz-refinance a:hover, #colnav-horz-buyhome a:hover, #colnav-horz-cashequity a:hover, #colnav-horz-applyloan a:hover { background-position: bottom; } body.loan-products #colnav-horz-refinance a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-refinance.gif); } body.loan-products #colnav-horz-buyhome a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-buyhome.gif); } body.loan-products #colnav-horz-cashequity a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-cashequity.gif); } body.loan-products #colnav-horz-applyloan a { background-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-colnav-applyloan.gif); } /* Top Reasons */ #top-reasons { border-bottom: 1px #d7d7d7 solid; padding-bottom: 10px; } #top-reasons h1 { width: 390px; height: 22px; margin-top: 25px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-top-reasons.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #top-reasons p { margin: 0px; padding: 10px; padding-top: 5px; color: #555; font: normal 11px/15px Arial, sans-serif; } #top-reasons li a { color: #1f65aa; font: bold 12px/15px Arial, sans-serif; display: block; } #top-reasons li a:hover { color: #555; font: bold 12px/15px Arial, sans-serif; display: block; } #top-reasons li { color: #808080; list-style-type: decimal !important; font: bold 12px Arial, sans-serif; margin: 0px; padding: 1px; margin-left: 35px; } #top-reasons li:hover { color: #1f65aa; } /* Knowledge Base */ #knowledge-base { border-bottom: 1px #d7d7d7 solid; } #knowledge-base h1 { width: 390px; height: 22px; margin-top: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-knowledge-base.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #knowledge-base p { margin: 0px; padding: 10px; padding-top: 5px; color: #555; font: normal 11px/15px Arial, sans-serif; } #knowledge-base li a { color: #1f65aa; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #knowledge-base li a:hover { color: #555; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } #knowledge-base li { margin: 0px; margin-left: 15px; padding: 0px; display: block; } /* Content Navigation */ #content-nav { width: 390px; float: left; margin-right: 10px; } /* Content Resources */ #content-resources { width: 177px; float: left; margin-right: 25px; } #content-resources h1 { width: 177px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-resources.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #content-resources li a { color: #1f65aa; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #content-resources li a:hover { color: #555; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } #content-resources li { margin: 0px; padding: 0px; display: block; } /* Content Get a Quote */ #content-getaquote { width: 177px; float: left; margin-right: 5px; } #content-getaquote h1 { width: 177px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-getaquote.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #content-getaquote p { margin: 0px; padding: 5px; padding-top: 0px; color: #555; } #content-getaquote p em { margin-top: 10px; color: #333; font: bold 12px Arial, sans-serif; display: block; } /* Content Related & Syndicate */ #content-share { width: 220px; float: left; } #content-share a#btn-share-what { width: 214px; height: 28px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-share-what.gif) 0 0 no-repeat; text-indent: -9999px; margin-top: 5px; margin-left: 5px; display: block; } #content-share a:hover#btn-share-what { background-position: bottom; } /* Content What Are These For Block */ #content-share-what p { font: normal 12px; } #content-share-what p em { margin-top: 1px; font: bold 12px Arial, sans-serif;} /* Content Related Articles */ #related-articles { border-bottom: 1px #d7d7d7 solid; padding-bottom: 5px; } #related-articles h1 { width: 218px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-related-articles.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0px; padding: 0px; margin-top: 15px; display: block; } #related-articles li a { color: #1f65aa; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #related-articles li a:hover { color: #555; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } #related-articles li { display: block; margin: 0px; padding: 0px; margin-left: 10px;} /* Content Related Articles */ #syndicate-share { border-bottom: 1px #d7d7d7 solid; } #syndicate-share h1 { width: 218px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-syndicate-share.gif) 0 0 no-repeat; text-indent: -9999px; margin: 0px; padding: 0px; margin-top: 15px; display: block; } #syndicate-share ul.share-list { float: left; } #syndicate-share ul.share-list li { margin: 5px; } /* Category\Left Column */ #left-col .mn { margin-bottom: 20px; border-bottom: 1px #d7d7d7 solid; padding-bottom: 5px; } #left-col .mn h1 { margin: 0px; padding: 0px; } #left-col .mn p { margin: 0px; padding: 5px; } #left-col .mn h1 a { font: bold 20px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #left-col .mn h1 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } #left-col .mn li a { color: #1f65aa; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #left-col .mn li a:hover { color: #555; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } #left-col .mn li { margin: 0px; padding: 0px; margin-left: 10px; display: block; } #left-col .mn-list { float: left; width: 150px; } /* Category\Middle Column */ #mid-col .mn { margin-bottom: 20px; border-bottom: 1px #d7d7d7 solid; padding-bottom: 5px; } #mid-col .mn h1 { margin: 0px; padding: 0px; } #mid-col .mn p { margin: 0px; padding: 5px; } #mid-col .mn h1 a { font: bold 15px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #mid-col .mn h1 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } #mid-col .mn li a { color: #1f65aa; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #mid-col .mn li a:hover { color: #555; font: bold 12px Arial, sans-serif; padding: 6px; padding-bottom: 0px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } #mid-col .mn li { margin: 0px; padding: 0px; margin-left: 10px; display: block; } #mid-col .mn-list { float: left; width: 150px; } /* Equity Map */ #equity-states { float: left; width: 500px; margin-left: 80px; _margin-left: 30px; padding-bottom: 25px; } #equity-states h1 { margin-top: 15px; font: bold 15px Arial, sans-serif; border-bottom: 1px #FFF solid; display: block; } #equity-states ul { float: left; width: 100px; margin: 0px; padding: 0px; } #equity-states ul li a { color: #1f65aa; } #equity-states ul li a:hover { color: #1f65aa; border-bottom: 1px #1f65aa solid; } #equity-states ul li { padding: 0px; margin: 0px; display: block; } #equity-states ul li em { font: bold 13px Arial, sans-serif; } #equity-usmap { margin-top: 20px; margin-bottom: 20px; margin-left: 5px; _margin-left: -20px; } /* Full Rate Table - leftcol */ #full-rate #left-col .col h2 { margin: 10px; margin-bottom: 0px; margin-top: 0px; } #full-rate #left-col .col p { margin: 0px; padding: 0px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; } #full-rate #left-col .col h2 a { font: bold 15px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #full-rate #left-col .col h2 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } #full-rate #daily-rates { width: 600px; padding-bottom: 5px; margin-bottom: 25px; margin-top: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/daily-rates-bg.gif) bottom repeat-y; } #full-rate #daily-rates a#btn-getaquote { width: 590px; height: 30px; margin-left: 5px; background: #1F65AA url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-getaquote.gif) 0 0 no-repeat; display: block; text-indent: -9999px; } #full-rate #daily-rates a:hover#btn-getaquote { background-position: 0px -30px; } #full-rate #daily-rates h1 { width: 600px; height: 39px; margin: 0px; padding: 0px; font: normal 15px Arial, sans-serif; padding-top: 12px; padding-left: 15px; _padding-left: 0px; _text-indent: 15px; color: #474747; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-daily-rates.gif) 0 0 no-repeat; display: block; } #full-rate #daily-rates h1 em { font: bold 13px Arial, sans-serif; } #full-rate #daily-rates table { width: 590px; margin: 0px; padding: 0px; margin-top: -15px; margin-left: 5px; padding-bottom: 5px; } #full-rate #daily-rates table th { text-align: center; border-right: 1px #c9c9bd solid; border-bottom: 1px #c9c9bd solid; padding: 3px; } #full-rate #daily-rates table td { text-align: center; border-right: 1px #c9c9bd solid; border-bottom: 1px #c9c9bd solid; padding: 3px; } #full-rate #daily-rates table tr td.last { border-right: 0px; } #full-rate #daily-rates table tr th.last { border-right: 0px; } #full-rate #daily-rates table tr.alt-row { background: #e2e2c7; } #daily-rates-sm { width: 390px; _margin-right: 15px; margin-bottom: 25px; margin-top: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/daily-rates-sm-bg-repeat.gif) bottom repeat-y; } #daily-rates-sm a#btn-full-rate-table { width: 380px; height: 30px; margin-left: 5px; background: #1F65AA url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-full-rate-table.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #daily-rates-sm a:hover#btn-full-rate-table { background-position: 0px -30px; } #daily-rates-sm h1 { width: 390px; height: 39px; margin: 0px; padding: 0px; font: normal 15px Arial, sans-serif; padding-top: 12px; padding-left: 15px; _padding-left: 0px; _text-indent: 15px; color: #474747; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-daily-rates-sm.gif) 0 0 no-repeat; display: block; } #daily-rates-sm h1 em { font: bold 13px Arial, sans-serif; } #daily-rates-sm table { width: 380px; margin: 0px; padding: 0px; margin-top: -15px; margin-left: 5px; padding-bottom: 5px; } #daily-rates-sm table th { text-align: center; border-right: 1px #c9c9bd solid; border-bottom: 1px #c9c9bd solid; padding: 3px; } #daily-rates-sm table td { text-align: center; border-right: 1px #c9c9bd solid; border-bottom: 1px #c9c9bd solid; padding: 3px; } #daily-rates-sm table tr td.last { border-right: 0px; } #daily-rates-sm table tr th.last { border-right: 0px; } #daily-rates-sm table tr.alt-row { background: #e2e2c7; } #daily-rates-sm-bottom { width: 390px; height: 34px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/daily-rates-sm-bottom.gif) 0 0 no-repeat; display: block; } #rateUpdateform { width: 275px; clear: both; margin-top: 5px;} #rateUpdateform form { margin: 0px; padding:0 0 0 5px; } #rateUpdateform form #submit-btn { margin-left: 3px; padding-bottom: 2px; cursor: pointer; text-indent: -9999px; border: 0px; width: 49px !important; } #rateUpdateform form .field { border: 1px #d7d7d7 solid; font: normal 11px Arial, sans-serif; color: #555; } #left-col .mn h1 a { font: bold 20px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #left-col .mn h1 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } /* Google Map */ .gmapez { width: 600px; height: 300px; margin-bottom: 25px; } /* Sitemap */ #sitemap h3 a { font: bold 15px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #sitemap h3 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } #sitemap ul { margin: 0px; margin-left: 15px; padding: 0px; } #sitemap ul li a { color: #1f65aa; font: bold 12px/15px Arial, sans-serif; margin-top: 5px; margin-bottom: 5px; padding: 6px; padding-left: 15px; background: #f3f3f3 url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #sitemap ul li a:hover { color: #555; background: #eaf1f7 url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; } #sitemap ul li { padding: 0px; margin: 0px; } #sitemap p { display: none; } #sitemap h2 { font: bold 20px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; margin-bottom: 15px; margin-top: 15px; } /* ----------------------------------------------------------------------------- Middle Column ----------------------------------------------------------------------------- */ #mid-col { float: left; width: 230px; margin: 15px 10px 15px 10px; _margin: 15px 10px 15px -10px; } #mid-col .col { margin: 5px; } /*#mid-col h1 a { font: bold 18px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #mid-col h1 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; }*/ #quote-benefits h1 { width: 222px; height: 22px; margin: 0px; padding: 0px; margin-bottom: 5px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-quote-benefits.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #cl-exclusives h1 { width: 222px; height: 22px; margin: 0px; padding: 0px; margin-top: 20px; margin-bottom: 5px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-cl-exclusives.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } #quote-benefits li a, #cl-exclusives li a { color: #555; font: normal 11px/15px Arial, sans-serif; padding: 5px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } #quote-benefits li a:hover, #cl-exclusives li a:hover { color: #000; background: #efefef url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; } #quote-benefits li, #cl-exclusives li { margin: 0px; padding: 5px; margin-bottom: 5px; padding-top: 0px; padding-bottom: 5px; border-bottom: 1px #d7d7d7 solid; } #mid-col #colnav { width: 194px; float: left; margin-top: 10px; margin-left: 13px; } #mid-col #colnav li { float: none !important; } /* ----------------------------------------------------------------------------- Right Column ----------------------------------------------------------------------------- */ #right-col { float: left; width: 310px; } #right-col .col { } #right-col h1 a { font: bold 20px Arial, sans-serif; color: #1f65aa; border-bottom: 2px #EEE solid; display: block; } #right-col h1 a:hover { color: #444; border-bottom: 2px #999 solid; display: block; } /* Free Quote - frontpage (309) */ #form-free-quote { width: 309px; height: 458px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/free-quote-form-bg-small.gif) 0 0 no-repeat; margin-bottom: 10px; display: block; } #form-free-quote .width_320 { margin-left: 10px; width: 262px; background: #CCCCAF; border: 0px; padding: 3px; } #form-free-quote .align-radio-set label { color: #333; } #form-free-quote .align-radio-set-right label { color: #333; } #form-free-quote .align-radio-set { margin-left: 12px; margin-top: 5px; } #form-free-quote .align-radio-set-rght { margin-left: 12px; margin-top: 5px; } /* Privacy Promotions - frontpage */ .privacy-promo a { width: 309px; height: 109px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/privacy-promo.gif) 0 0 no-repeat !important!; text-indent: -9999px; display: block; margin-bottom: 10px; } .privacy-promo a:hover { background-position: bottom; } /* Form Ad */ .form-ad a { width: 309px; height: 75px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/form-ad.gif) 0 0 no-repeat; text-indent: -9999px; margin-bottom: 10px; display: block; } .form-ad a:hover { background-position: bottom; } /* Calculator Module - frontpage */ .calculator { width: 390px; height: 378px; margin-top: 10px; margin-bottom: 10px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/calculator-module.gif) 0 0 no-repeat; display: block; } #calc-mortgage-form-payment { margin-top: -10px; } #calc-mortgage-form-payment ol, #calc-mortgage-form-payment li, #calc-mortgage-form-payment form, #calc-mortgage-form-payment fieldset, #calc-mortgage-form-payment legend { margin: 0px; padding: 0px; border: 0px; } #calc-mortgage-form-payment .input-field { background: #ccccaf; color: #515147; font: bold 11px Arial, sans-serif; border: 0px; padding: 3px; margin: 5px; width: 305px; } #calc-mortgage-form-payment .radio-field { margin-bottom: -2px; margin-right: 2px; } #calc-mortgage-form-payment em { color: #757566; font: normal 10px Arial, sans-serif; } #calc-mortgage-form-payment label.title { color: #515147; font: bold 13px Arial, sans-serif; display: block; margin-bottom: 5px; margin-top: 5px; _margin: 0px; _margin-top: 5px; _margin-bottom: -20px; } #calc-mortgage-form-payment label { margin-left: 5px; color: #1f65aa; font: bold 12px Arial, sans-serif; } #calc-mortgage-form-payment .select-field { margin-left: 5px; width: 100px; background: #ccccaf; color: #525246; padding: 2px; font: bold 11px Arial, sans-serif; border: 1px #b1b197 solid; } #calc-equity-form { margin-top: -10px; } #calc-equity-form ol, #calc-equity-form li, #calc-equity-form form, #calc-equity-form fieldset, #calc-equity-form legend { margin: 0px; padding: 0px; } #calc-equity-form .input-field { background: #ccccaf; color: #515147; font: bold 11px Arial, sans-serif; border: 0px; padding: 3px; margin: 5px; width: 265px; } #calc-equity-form .radio-field { margin-bottom: -2px; margin-right: 2px; } #calc-equity-form em { color: #757566; font: normal 10px Arial, sans-serif; } #calc-equity-form label.title { color: #515147; font: bold 13px Arial, sans-serif; display: block; margin-bottom: 5px; margin-top: 5px; } #calc-equity-form label { margin-left: 5px; color: #1f65aa; font: bold 12px Arial, sans-serif; } #calc-equity-form .select-field { margin-left: 5px; width: 100px; background: #ccccaf; color: #525246; padding: 2px; font: bold 11px Arial, sans-serif; border: 1px #b1b197 solid; } #calc-equity-form a#btn-calc-calculate { width: 98px; height: 29px; float: left; margin-bottom: 5px; margin-top: 10px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-calculate.gif) 0 0 no-repeat; display: block; text-indent: -9999px; } #calc-equity-form a:hover#btn-calc-calculate { background-position: bottom; } #calc-equity-form ol li ol { margin-top: 15px; } #calc-equity-form li.equity-input-field { float: left; } #calc-equity-form li.equity-input-field input { background: #ccccaf; color: #515147; font: bold 11px Arial, sans-serif; border: 0px; padding: 3px; margin: 5px; width: 165px; } #calc-equity-form label.equity-label { float: left; margin-left: 20px; display: block; } #calc-equity-form a#btn-calc-reset { width: 86px; height: 16px; float: right; margin-right: 25px; margin-bottom: 5px; margin-top: 5px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-reset.gif) 0 0 no-repeat; display: block; text-indent: -9999px; } #calc-equity-form a:hover#btn-calc-reset { background-position: bottom; } #calc-refi-form { width: 290px; _margin-top: 8px; } #calc-refi-form { color: #515147; font: normal 11px Arial, sans-serif; } #calc-refi-form a { color: #515147; font: bold 12px Arial, sans-serif; } #calc-refi-form a:hover { border-bottom: 1px #515147 solid; } body#refi-calc-page #calc-refi-form { width: 600px; } body#refi-calc-page #calc-refi-form ol, body#refi-calc-page #calc-refi-form li, body#refi-calc-page #calc-refi-form form, body#refi-calc-page #calc-refi-form fieldset, body#refi-calc-page #calc-refi-form legend { margin: 0px; padding: 0px; } body#refi-calc-page #calc-refi-form h1 { margin: 0px; padding: 0px; background: #e4e7ea; padding: 5px; text-transform: uppercase; font: bold 12px Arial, sans-serif; color: #1f65aa; } body#refi-calc-page #calc-refi-form label { display: block; font: bold 13px Arial, sans-serif; color: #444; margin-bottom: 5px; } body#refi-calc-page #calc-refi-form label em { color: #333; font: normal 10px Arial, sans-serif; } body#refi-calc-page #calc-refi-form textarea { background: #e5e9eb; border: 1px #f0f3f5 solid; display: block; margin-top: 10px; margin-bottom: 10px; width: 500px; color: #444; font: bold 13px/22px Arial, sans-serif; padding: 5px; } body#refi-calc-page #calc-refi-form fieldset { background: #f0f3f5; padding: 10px; } body#refi-calc-page #calc-refi-form li { background: #ebeef0; padding: 5px; margin-top: 10px; margin-bottom: 10px; } body#refi-calc-page #calc-refi-form li#textarea-smbt { background: transparent; padding: 5px; margin-top: 10px; margin-bottom: 10px; } body#refi-calc-page #calc-refi-form input { width: 500px; padding: 5px; color: #666; } body#refi-calc-page #calc-refi-form .select-field { padding: 3px; width: 100px; } body#refi-calc-page #calc-refi-form #calculate-btn { width: 98px; height: 29px; border: 0px; cursor: pointer; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-calculate.gif) 0 0 no-repeat; display: block; text-indent: -9999px; } /* 40 year mortgage calculator */ #calc-mortgage-form { width:565px; background:#f0f3f5; padding:10px; margin-top:8px; margin-left:auto; margin-right:auto;} #calc-mortgage-form { color: #515147; font: normal 12px Arial, sans-serif; } #calc-mortgage-form a { color: #515147; font: bold 12px Arial, sans-serif; } #calc-mortgage-form a:hover { border-bottom: 1px #515147 solid; } #calc-mortgage-form h1 { margin: 0px; padding: 0px; background: #e4e7ea; padding: 5px; text-transform: uppercase; font: bold 13px Arial, sans-serif; color: #1f65aa; } #calc-mortgage-form li { background:#e4e7ea; margin:8px 5px 8px 5px; padding:8px 20px 12px 20px; display:block; list-style:none; } #calc-mortgage-form label{ display: block; font: bold 13px Arial, sans-serif; color: #444; margin:5px 0 5px 0; } #calc-mortgage-form label em { color: #333; font: normal 10px Arial, sans-serif; } #calc-mortgage-form .btn { width: 98px; height: 29px; border: 0px; cursor: pointer; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-calculate.gif) 0 0 no-repeat; text-indent: -9999px; margin-top:10px; } #calc-mortgage-form .input input { width: 500px; padding: 5px; margin-bottom:8px; color: #666; } #calc-mortgage-form .output input { padding:2px; margin:0px; color: #666; } /* Interest only loan calcularot */ #calc-interest-form { width:565px; background:#f0f3f5; padding:5px 15px 5px 10px; margin-top:8px; margin-left:auto; margin-right:auto;} #calc-interest-form { color: #515147; font: normal 12px Arial, sans-serif; } #calc-interest-form a { color: #515147; font: bold 12px Arial, sans-serif; } #calc-interest-form a:hover { border-bottom: 1px #515147 solid; } #calc-interest-form h1 { margin: 0px; padding: 0px; background: #e4e7ea; padding: 5px; text-transform: uppercase; font: bold 13px Arial, sans-serif; color: #1f65aa; } #calc-interest-form li { background:#e4e7ea; margin:8px 5px 8px 5px; padding:8px 20px 12px 20px; display:block; list-style:none; } #calc-interest-form label{ display: block; font: bold 13px Arial, sans-serif; color: #444; margin:5px 0 5px 0; } #calc-interest-form label em { color: #333; font: normal 10px Arial, sans-serif; } #calc-interest-form .btn { width: 98px; height: 29px; border: 0px; cursor: pointer; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-calculate.gif) 0 0 no-repeat; text-indent: -9999px; margin-top:10px; } #calc-interest-form input { width: 500px; padding: 5px; color: #666; } #calc-interest-form th, td { padding:5px; } /* Advertisement Module - leftcol */ .advertisement { margin-bottom: 10px; margin-top: 15px; } /* Mortgage Refinance */ .mortgage-refinance { border-bottom: 1px #d7d7d7 solid; _border: 0px; margin-top: 10px; } .mortgage-refinance h1 { width: 309px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-mortgage-refinance.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .mortgage-refinance p { margin: 0px; padding: 10px; padding-top: 5px; color: #555; font: normal 11px/15px Arial, sans-serif; } .mortgage-refinance li a { color: #1f65aa; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } .mortgage-refinance li a:hover { color: #555; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } .mortgage-refinance li { margin: 0px; margin-top: -5px; margin-left: 15px; padding: 0px; } /* Home Equity */ .home-equity { border-bottom: 1px #d7d7d7 solid; _border: 0px; margin-top: 10px; } .home-equity h1 { width: 309px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-home-equity.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .home-equity p { margin: 0px; padding: 10px; padding-top: 5px; color: #555; font: normal 11px/15px Arial, sans-serif; } .home-equity li a { color: #1f65aa; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } .home-equity li a:hover { color: #555; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } .home-equity li { margin: 0px; margin-top: -5px; margin-left: 15px; padding: 0px; } /* Loan Programs */ .loan-programs { border-bottom: 1px #d7d7d7 solid; _border: 0px; margin-top: 10px; } .loan-programs h1 { width: 309px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-loan-programs.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .loan-programs p { margin: 0px; padding: 10px; padding-top: 5px; color: #555; font: normal 11px/15px Arial, sans-serif; } .loan-programs li a { color: #1f65aa; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif) 0 0 no-repeat; display: block; } .loan-programs li a:hover { color: #555; font: bold 12px/15px Arial, sans-serif; padding: 6px; padding-left: 15px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-blue.gif) 0 0 no-repeat; display: block; } .loan-programs li { margin: 0px; margin-top: -5px; margin-left: 15px; padding: 0px; } /* Customer Comments */ .customer-comments { border-bottom: 1px #d7d7d7 solid; _border: 0px; margin-top: 10px; } .customer-comments h1 { width: 309px; height: 22px; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/hdr-customer-comments.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .customer-comments p { margin: 0px; padding: 10px; padding-top: 5px; color: #555; font: normal 11px/15px Arial, sans-serif; } /* Legal Pages */ .legal h1{ font: bold 15px Arial, sans-serif; color:#444; border-bottom: 1px #FFF solid; display: block; padding-top: 1em; } .legal p{ font: 12px Arial, sans-serif; display: block; padding-top: 1em; } .legal ul { padding-top: 1em; list-style-type: disc;} .legal ul li { margin: 0px; margin-top: 3px; margin-left: 15px; padding: 0px; } /* Faq Page */ .faq-answers h1{ font: bold 13px Arial, sans-serif; color:#444; border-bottom: 1px #FFF solid; padding-top: 1em; } .faq-answers p{ font: 12px Arial, sans-serif; display: block; padding-top: 1em; } .faq-answers ul { padding-top: 1em; list-style-image: url(https://www.citylightfinancial.com/ee/themes/citylight/img/bullet-grey.gif); } .faq-answers ul li { margin: 0px; margin-top: 3px; margin-left: 15px; padding: 0px; } /* Advertising Partner Page */ .advertising-partners h1{ font: bold 15px Arial, sans-serif; color:#444; border-bottom: 1px #FFF solid; display: block; padding-top: 1em; } .advertising-partners p{ font: 12px Arial, sans-serif; display: block; padding-top: 1em; } .advertising-partners ul{ width: 90px; padding-top: 20px;} .advertising-partners li{ width: 470px; margin-top: -40px; margin-left: 150px;} /* ----------------------------------------------------------------------------- Footer ----------------------------------------------------------------------------- */ #footer { clear: both; width: 960px; background: #1f65aa url(https://www.citylightfinancial.com/ee/themes/citylight/img/footer-bg.gif) 0 0 repeat-x; border-top: 10px #FFF solid; color: #FFF; } #footer #mortgage-region { float: left; width: 500px; margin-left: 10px; padding-bottom: 25px; } #footer #mortgage-region h1 { margin-top: 15px; font: bold 15px Arial, sans-serif; border-bottom: 1px #FFF solid; display: block; } #footer #mortgage-region ul { float: left; width: 100px; margin: 0px; padding: 0px; } #footer #mortgage-region ul li a { color: #FFF; } #footer #mortgage-region ul li a:hover { color: #FFF; border-bottom: 1px #FFF solid; } #footer #mortgage-region ul li { padding: 0px; margin: 0px; display: block; } #footer #mortgage-region ul li em { font: bold 13px Arial, sans-serif; } #footer #select-type { float: left; width: 400px; margin-left: 25px; } #footer #select-type h1 { margin-top: 15px; width: 400px; font: bold 15px Arial, sans-serif; border-bottom: 1px #FFF solid; display: block; } #footer #select-type ul { float: left; width: 400px; border-bottom: 1px #487cb1 solid; } #footer #select-type ul li a { color: #FFF; } #footer #select-type ul li a:hover { color: #FFF; border-bottom: 1px #FFF solid; } #footer #select-type ul li { float: left; padding: 2px; display: block; } #footer #select-type ul li em { font: bold 13px Arial, sans-serif; margin-right: 5px; } #footer #footer-copy { width: 960px; background: #18559b; } #footer #footer-copy p { width: 400px; padding: 0px; margin: 0 auto; margin-top: 25px; padding-bottom: 25px; text-align: center; font: normal 11px/17px Arial, sans-serif; } #footer #footer-copy a { color: #FFF; border-bottom: 1px #FFF solid; } #footer #footer-copy a:hover { color: #CCC; border: 0px; } #footer #footer-nav { width: 265px; margin: 0 auto; padding-top: 15px; } #footer #footer-nav li { float: left; margin-right: 5px; display: block; } #footer #footer-nav ul li a { color: #FFF; border: 0px; } #footer #footer-nav ul li a:hover { color: #FFF; border-bottom: 1px #FFF solid; } /* ----------------------------------------------------------------------------- Misc ----------------------------------------------------------------------------- */ .clear { clear: both; } #production-logo { width: 142px; margin: 0 auto; padding: 15px; margin-top: -25px; border: 0px !important; } #production-logo a { width: 142px; height: 28px; border: 0px !important; background: transparent url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-production-logo.gif) 0 0 no-repeat; display: block; text-indent: -9999px; } #production-logo a:hover { background-position: bottom; } /* ----------------------------------------------------------------------------- TABBER ----------------------------------------------------------------------------- */ /*-------------------------------------------------- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --------------------------------------------------*/ .tabberlive .tabbertabhide { display:none; } /*-------------------------------------------------- .tabber = before the tabber interface is set up .tabberlive = after the tabber interface is set up --------------------------------------------------*/ .tabber { } .tabberlive { } /*-------------------------------------------------- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --------------------------------------------------*/ ul.tabbernav { padding: 10px 0 6px 10px; margin: 0px; } ul.tabbernav li { list-style: none; display: inline; margin: 0px; } ul.tabbernav li a { margin-right: 5px; text-indent: -9999px; } .tabberlive ul.tabbernav li a#nav1 { width: 93px; height: 20px; float: left; background: #f0f0e3 url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-mort.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .tabberlive ul.tabbernav li a#nav2 { width: 73px; height: 20px; float: left; background: #f0f0e3 url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-equity.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .tabberlive ul.tabbernav li a#nav3 { width: 93px; height: 20px; float: left; background: #f0f0e3 url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-refi.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } .tabberlive ul.tabbernav li a#nav4 { width: 93px; height: 20px; float: left; background: #f0f0e3 url(https://www.citylightfinancial.com/ee/themes/citylight/img/btn-calc-more.gif) 0 0 no-repeat; text-indent: -9999px; display: block; } ul.tabbernav li a:hover { background-position: bottom; } ul.tabbernav li.tabberactive a{ background: #f5f5e6 url(https://www.citylightfinancial.com/ee/themes/citylight/img/calc-tab-on.gif) 0 0 repeat-x; } ul.tabbernav li.tabberactive a:hover{ background: #f5f5e6 url(https://www.citylightfinancial.com/ee/themes/citylight/img/calc-tab-on.gif) 0 0 repeat-x; } .tabberlive ul.tabbernav li a#nav1:hover, .tabberlive ul.tabbernav li.tabberactive a#nav1, .tabberlive ul.tabbernav li.tabberactive a#nav1:hover { background-position: bottom; } .tabberlive ul.tabbernav li a#nav2:hover, .tabberlive ul.tabbernav li.tabberactive a#nav2, .tabberlive ul.tabbernav li.tabberactive a#nav2:hover { background-position: bottom; } .tabberlive ul.tabbernav li a#nav3:hover, .tabberlive ul.tabbernav li.tabberactive a#nav3, .tabberlive ul.tabbernav li.tabberactive a#nav3:hover { background-position: bottom; } .tabberlive ul.tabbernav li a#nav3:hover, .tabberlive ul.tabbernav li.tabberactive a#nav4a, .tabberlive ul.tabbernav li.tabberactive a#nav3:hover { background-position: bottom; } /*-------------------------------------------------- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --------------------------------------------------*/ .tabberlive .tabbertab { clear: both; margin-left: 10px; padding-top: 10px; _padding: 0px; _padding-top: -5px; _margin-top: -5px; } .tabbertab h2 { _display: none; } /* If desired, hide the heading since a heading is provided by the tab */ .tabbertab h2 { display: none; text-indent: -9999px; } .tabbertab h3 { display: none; } /* ----------------------------------------------------------------------------- IE Bug Fixes ----------------------------------------------------------------------------- */ #knowledge-base li, .mortgage-refinance li, .home-equity li, .loan-programs li { _padding: 1px; } #knowledge-base li a, .mortgage-refinance li a, .home-equity li a, .loan-programs li a { _padding: 0px; _padding-top: 3px; _padding-left: 15px; } #knowledge-base li a:hover, .mortgage-refinance li a:hover, .home-equity li a:hover, .loan-programs li a:hover { _padding: 0px; _padding-top: 3px; _padding-left: 15px; } #magic-quote-form .frm_container { background-color: #FFFFFF; width: 480px; border: 0px solid #000000; } #magic-quote-form .frm_container td { font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; color: #333333; } #magic-quote-form .frm_container i{ font:normal bold 10px Verdana, Arial, Helvetica, sans-serif; color:#666; } #magic-quote-form .frm_container input,select{ font:normal 11px Arial, Helvetica, sans-serif; } #magic-quote-form .frm_container input{ width: 134px; } #magic-quote-form .frm_container #inputRadio, .inputRadio{ width: 14px; } #magic-quote-form .frm_container select{ width: 141px; } #magic-quote-form .frm_container select.selectDate{ width:69px; } #magic-quote-form .frm_container table.Separator td { padding:6px 0 15px 3px; margin:0 0 10px 0; border-bottom:1px dotted #000; font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; } #magic-quote-form .frm_container table.Separator2 td { padding:6px 0 6px 3px; margin:0 0 10px 0; background-color: #1F64A9; color: #FFFFFF; font: normal normal 12px Verdana, Arial, Helvetica, sans-serif; } #magic-quote-form .frm_container span.dnimb{ font:normal 11px Verdana, Arial, Helvetica, sans-serif; color:#788940; letter-spacing:-1px; } #magic-quote-form .frm_container h3{ margin:0; padding:0 0 6px 0; font: normal normal 16px Verdana, Arial, Helvetica, sans-serif; color: #000000; float:left; } #nav li span { position: absolute !important; left: -9999px !important; } /* ----------------------------------------------------------------------------- Leadpoint form ----------------------------------------------------------------------------- */ #lp-quote-form {} .TableLeft{ background-color:#e4e7ea; padding-left: 10px; font: bold 13px Arial, sans-serif; color: #444; padding-top: 7px; padding-bottom: 5px;} .TableLeftOpt{ background-color:#e4e7ea; padding-left: 0px; font: bold 13px Arial, sans-serif; color: #444; padding-top: 10px; padding-bottom: 5px;} .TableRight{ background-color:#e4e7ea; padding-right: 10px; font: bold 13px Arial, sans-serif; color: #444; padding-top: 5px; padding-bottom: 5px;} .TableEmpty{ background-color:#e4e7ea; padding-right: 0px; text-align: right; vertical-align: top; } .Nested{ font-size: 12px; color: #444;} .SectionHeader { margin: 0px; padding: 0px; background: #ebeef0; padding: 5px; text-transform: uppercase; font: bold 12px Arial, sans-serif; color: #1f65aa; } .FormLabel {display: block; font: bold 13px Arial, sans-serif; color: #444; margin-bottom: 5px; } .FormInput { padding: 3px; width: 250px; border: 0px #f0f3f5 solid; display: block; margin-top: 10px; margin-bottom: 10px; color: #444; font: bold 13px/22px Arial, sans-serif; padding: 5px; } .FormInputShort { padding: 3px; width: 250px; border: 1px #f0f3f5 solid; display: block; margin-top: 10px; margin-bottom: 10px; color: #444; font: bold 13px/22px Arial, sans-serif; padding: 5px;} .SubmitRow { font-size: 12px; color: #444; background-color: #e4e7ea; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; vertical-align: top; font-weight: normal; text-align: center; } .style1 { font-size: 12px; font-family: Arial, Helvetica, sans-serif; background-color: #e4e7ea; padding-left: 2em; padding-right: 2em;} .FootNote{ padding-top:10px; padding-bottom:16px; font:10px Arial, sans-serif; color:#444; text-align:left; } .style2 { font: bold 10px Arial, sans-serif; color: #444; background-color: #fff; } p { font: 12px Arial, sans-serif; color: #303030; } .sslbadge { width:90px; height:50px; float:right; background: url(https://www.citylightfinancial.com/ee/themes/citylight/img/rapidssl_ssl_certificate.gif) 0 0 no-repeat; padding: 1em 0 1em 0; margin-top: 12px; }