body { background-color: #fff; margin: 0px 0px 0px 0px; text-align: center; } p , td{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7BB4FF;} /* home divs */ #container { width: 770px; text-align: left; margin: 0px auto;} #maincontainer { width: 770px; text-align: left; margin: 0px; background-color:#fff;} #bodycontainer{ width: 770px; text-align: left; margin: 0px; background-color:#fff; background-image: url(../images/home/bodyback.gif); background-repeat: repeat-y;} #bodycontainer2{ width: 770px; text-align: left; margin: 0px; background-color:#fff; background-image:url(../images/home/bodyback.gif); background-repeat:repeat-y;} /* ClearFix*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #top {width: 770px; height: 172x; margin: 0px; } #menu { width: 770px; height: 36px; margin: 0px;} #crumbtrail {width: 770px; margin:0; padding:4px 0 4px 9px;} #crumbtrail p {color: #7BB4FF; font-size:11px;} #mainimage { background:url(../images/home/home_04.jpg) no-repeat; width: 770px; height: 240px; margin: 0px; padding:0px; cursor: pointer; } #c1 { width: 565px; float: left; background-color:#fff; } #c2 {width: 205px; float: left; background-image: url(../images/home/c2background.gif); background-repeat: repeat-y;} #c2a { width: 205px; height: 80px; padding:0; margin:0; float: left; background:url(../images/home/home_08.jpg) no-repeat;} #c2b {float: left; padding: 0px 15px 10px 15px; } #c2b h2 { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #7BB4FF; font-weight:bold; margin: 0px 0px 5px 0px;} #c2b p { font-family: Arial, Helvetica, sans-serif; font-size: 11px; margin: 8px 0px 8px 0px;} /*#c1body {width: 565px; height:600px; float: left; background-image:url(../images/home/c1background.gif); background-repeat:repeat-y;margin: 0px; padding: 0px;}*/ #c1body {width: 565px; float: left; background-image:url(../images/home/c1background.gif); background-repeat:repeat-y;margin: 0px; padding: 0px;} #c1body p {margin: 0px; padding: 0px 0px 7px 0px; color: #000; } #c1body h1 { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 10px 7px 20px; color: #4B99FF; font-size:13px; } #c1body h3 { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 10px 7px 20px; color: #4B99FF; font-size:13px; } #c1body h2 { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px 10px 7px 20px; color: #CDCDCD; font-size:11px; } #c1bodyheader { height:70px; background-image:url(../images/home/title_inside.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1a {width: 565px; float: left; background-image:url(../images/home/c1abackground.gif); background-repeat:repeat-y;} #c1acontact {width: 560px; height: 41px; background-image:url(../images/home/request.gif); margin: 0px; padding: 0px; position: relative; float:left;} #c1acontact a {display: block; height: 41px;} #c1acontact span { display: none; } #c1a1 { width: 188px; float: left; position: relative; background-image: url(../images/home/home_05.jpg); background-repeat:no-repeat; padding: 95px 0px 5px 0px; } #c1a1 p { margin: 0px; padding: 10px 10px 10px 18px; } #c1a2 { width: 186px; float: left; position: relative; background-image: url(../images/home/home_06.jpg); background-repeat:no-repeat; margin: 0px; padding: 95px 0px 5px 0px; } #c1a2 p { margin: 0px; padding: 10px 10px 10px 18px; } #c1a3 { width: 191px; margin: 0px; float: left; position: relative; background-image: url(../images/home/home_07.jpg); background-repeat:no-repeat; padding: 95px 0px 5px 0px; } #c1a3 p { margin: 0px; padding: 10px 10px 10px 18px; } #c1b {width: 560px; float: left; background-image:url(../images/home/c1bbackground.gif); background-repeat:repeat-y; border-bottom:#CED7E6 5px solid;} #c1b1 { width: 375px; float: left; position: relative; background-image: url(../images/home/home_10.jpg); background-repeat:no-repeat; padding: 65px 0px 5px 0px; } #c1b1 p { margin: 0px; padding: 10px 0px 10px 0px; } #c1b1a { width: 170px; float: left; padding: 0px 10px 0px 18px; } #c1b1b { width: 159px; float: left; padding: 0px 18px 0px 0px; } #c1b2 { width: 185px; float: left; position: relative; background-image: url(../images/home/home_11.gif); background-repeat:no-repeat; margin: 0px; padding: 40px 0px 5px 0px; } #c1b2 p { margin: 10px 10px 10px 18px; } #c1bodyapply { height:70px; background-image:url(../images/sub/title_apply.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodytypes { height:70px; background-image:url(../images/sub/title_types.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodynews { height:70px; background-image:url(../images/sub/title_news.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodytools { height:70px; background-image:url(../images/sub/title_tools.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodyhomeloans { height:70px; background-image:url(../images/sub/title_homeloans.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodyfthb { height:70px; background-image:url(../images/sub/title_fthb.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodydebt { height:70px; background-image:url(../images/sub/title_debt.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #c1bodymorref { height:70px; background-image:url(../images/sub/title_morref.gif); background-repeat:repeat-y; margin:0px; padding:0px;} #loanboxholder {width: 550px; margin: 0px; padding: 0px 0px 0px 15px;} #loanbox {width: 525px; border-style:solid; border-width: 1px; background-image:url(../images/sub/loanbox.gif); background-repeat:repeat-x; margin: 0px; padding: 0px 0px 10px 0px;} #ppc-content {padding:0 20px;} /* #FFFFFF */ #payment {width: 500px; padding: 5px; color: #FFFFFF; font-weight:bold; margin: 0px; padding: 0px 0px 10px 20px; } #payment a {color: #4B99FF;} #payment b {color: #4B99FF; font-weight:bold; font-size: 16px;} #payment p {margin: 0px; padding: 10px 0px 5px 10px;} /* loan contact */ .input {display: block; width: 155px; height:18px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #595959; padding: 0px; margin: 4px 0px 0px 0px; border: 1px solid #585858;font-weight:bold;} .bigfields { display: block; width: 100px; height: 55px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; border: 1px solid #585858; padding: 0px; margin: 3px 0px 0px 0px; } .select {display: block; padding: 0px; margin: 5px 0px 0px 0px;} #calculate_loan {margin: 0px; padding: 5px 10px 5px 18px;} #lines { border-color:#717171; border-style:solid; border-width: 1px; } #lines td { border-color:#717171; border-style:solid; border-width: 1px; } /* loan apply */ #applicationform { margin:0px; padding: 10px 0px 10px 20px; } .applicationform select { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;} .applicationform input { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;} .applicationform textarea { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000;} .applicationform checkbox { font-family: Arial, Helvetica, sans-serif; color: #000;} td{ font-family: Arial,sans-serif; font-size: 12px; color: #000000; line-height: 15px;} .style1 { color: #000000; font-style: italic; } .style2 {color: #000000} .style3 {color: #000000} /* nav */ #m_nav { width: 770px; height: 36px; background: url(../images/home/nav.gif) no-repeat left top; margin: 0px; padding: 0px; position: relative; } #m_nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px; height: 36px;} #m_nav a {display: block; height: 36px;} #m_nav span { display: none; } #m_nav1 {width: 93px; left: 0px;} #m_nav2 {width: 141px; left: 93px;} #m_nav3 {width: 149px; left: 234px;} #m_nav4 {width: 133px; left: 383px;} #m_nav5 {width: 126px; left: 516px;} #m_nav6 {width: 128px; left: 644px;} #m_nav1 a {height: 36px;} #m_nav2 a {height: 36px;} #m_nav3 a {height: 36px;} #m_nav4 a {height: 36px;} #m_nav5 a {height: 36px;} #m_nav6 a {height: 36px;} #m_nav1 a:hover { background: url(../images/home/nav.gif) -1px -36px no-repeat;} #m_nav2 a:hover { background: url(../images/home/nav.gif) -94px -36px no-repeat;} #m_nav3 a:hover { background: url(../images/home/nav.gif) -235px -36px no-repeat;} #m_nav4 a:hover { background: url(../images/home/nav.gif) -384px -36px no-repeat;} #m_nav5 a:hover { background: url(../images/home/nav.gif) -517px -36px no-repeat;} #m_nav6 a:hover { background: url(../images/home/nav.gif) -645px -36px no-repeat;} /*footer */ #foot1 {width: 770px; padding: 20px 0px 0px 0px; margin: 0px; float: left; background-color:#fff;} #foot2{width: 760px; padding: 5px; float: left; background-color:#fff; border-top:#FF9900 5px solid;} #foot2 a {color: #000; text-decoration: none; font-weight: normal; font-size: 11px;} #foot2 a hover {color: #7BB4FF; text-decoration: none; font-weight: normal; font-size: 11px;} #f-1 {width: 224px; float: left; margin: 5px 0px 5px 0px; text-align: left; } #f-1 p {margin: 0px 0px 0px 27px; color: #000; font-size: 11px; } #f-2 {width: 524px; float: left; margin: 0px; text-align: right; margin: 5px 0px 5px 0px;} #f-2 p {margin: 0px 10px 0px 0px; color: #000; font-size: 11px;}