1: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2: <html xmlns="http://www.w3.org/1999/xhtml">
3: <head>
4: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
5: <title>Loan shink</title>
6: <link href="styles/style.css" rel="stylesheet" media="screen" type="text/css" />
7: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
8: <script type="text/javascript" src="js/custom.js"></script>
9: <script type="text/javascript" src="js/slider.js"></script>
10: </head>
11: <body>
12: <div class="wrap">
13: <!-- Start of header -->
14: <div class="header"> <a href="index.html"><img class="logo" src="images/loan-shrink.png" width="176" height="46" alt="Loan Shrink" /></a>
15: <div class="headerRight">
16: <div class="nav">
17: <ul>
18: <li><a class="selected" href="index.html"><b><b>Home</b></b></a></li>
19: <li><a href="modification.html"><b><b>Loan Modification</b></b></a></li>
20: <li><a href="#"><b><b>Loan Modification Directory of Banks</b></b></a></li>
21: </ul>
22: </div>
23: <a class="login" href=""><span>Customer Login</span></a>
24: </div>
25: </div>
26: <!-- End of header -->
27: <!-- Banner -->
28: <div class="banner">
29: <h1 class="title">Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam.</h1>
30: <div class="slidercon">
31: <dl>
32: <dd>
33: <div class="conarea"> <img src="images/banner1.jpg" alt=" " />
34: <div class="content">
35: <h2>Lorem ipsum dolor sit amet, consectetuer </h2>
36: <p>adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
37: </div>
38: <a href="#"><img class="getstart" src="images/getstartnow.png" alt="" /></a> </div>
39: </dd>
40: <dd>
41: <div class="conarea"> <img src="images/banner2.jpg" alt=" " />
42: <div class="content">
43: <h2>Lorem ipsum dolor sit amet, consectetuer </h2>
44: <p>adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam </p>
45: </div>
46: <a href="#"><img class="getstart" src="images/getstartnow.png" alt="" /></a> </div>
47: </dd>
48: </dl>
49: <ul class="btncon">
50: <li class="">
51: <div class="bar1">
52: <div> <strong>Autometic</strong>
53: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi </p>
54: </div>
55: </div>
56: </li>
57: <li>
58: <div class="bar2">
59: <div> <strong>Manual</strong>
60: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi </p>
61: </div>
62: </div>
63: </li>
64: </ul>
65: </div>
66: </div>
67: <!-- End banner -->
68: <!-- Start of mainbody -->
69: <div class="mainbody homebody">
70: <!-- Start of main content -->
71: <div class="maincon">
72: <h2 class="subtitle">You Have Options...</h2>
73: <div class="box">
74: <div class="boxinn slideCont">
75: <div class="holder">
76: <dl>
77: <dd> <img src="images/loanbtn1.gif" alt="" class="buttonSlider"/>
78: <div>
79: <h3>Loan Modification</h3>
80: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper</p>
81: <img class="img" src="images/sample1.jpg" alt="" />
82: <ul class="list">
83: <li><a href="#"><span>Mortgage Modification</span></a></li>
84: <li><a href="#"><span>Refinance vs Loan</span></a></li>
85: <li><a href="#"><span>Modification</span></a></li>
86: <li><a href="#"><span>Manage Hardship</span></a></li>
87: </ul>
88: <img class="pointer" src="images/pointer.gif" alt=" " /> </div>
89: </dd>
90: <dd> <img src="images/loanbtn2.gif" alt="" class="buttonSlider"/>
91: <div>
92: <h3>Home Loans (Mortgages)</h3>
93: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper</p>
94: <img class="img" src="images/home-loan.gif" alt="" />
95: <ul class="list">
96: <li><a href="#"><span>Mortgage Modification</span></a></li>
97: <li><a href="#"><span>Refinance vs Loan</span></a></li>
98: <li><a href="#"><span>Modification</span></a></li>
99: <li><a href="#"><span>Manage Hardship</span></a></li>
100: </ul>
101: <img class="pointer" src="images/pointer.gif" alt=" " /> </div>
102: </dd>
103: <dd> <img src="images/loanbtn3.gif" alt="" class="buttonSlider"/>
104: <div>
105: <h3>Credit Card Loans/Debt</h3>
106: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper</p>
107: <img class="img" src="images/credit-card-loan.gif" alt="" />
108: <ul class="list">
109: <li><a href="#"><span>Mortgage Modification</span></a></li>
110: <li><a href="#"><span>Refinance vs Loan</span></a></li>
111: <li><a href="#"><span>Modification</span></a></li>
112: <li><a href="#"><span>Manage Hardship</span></a></li>
113: </ul>
114: <img class="pointer" src="images/pointer.gif" alt=" " /> </div>
115: </dd>
116: <dd> <img src="images/loanbtn4.gif" alt="" class="buttonSlider"/>
117: <div>
118: <h3>Others Loan</h3>
119: <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper</p>
120: <img class="img" src="images/other-loan.gif" alt="" />
121: <ul class="list">
122: <li><a href="#"><span>Mortgage Modification</span></a></li>
123: <li><a href="#"><span>Refinance vs Loan</span></a></li>
124: <li><a href="#"><span>Modification</span></a></li>
125: <li><a href="#"><span>Manage Hardship</span></a></li>
126: </ul>
127: <img class="pointer" src="images/pointer.gif" alt=" " /> </div>
128: </dd>
129: </dl>
130: </div>
131: </div>
132: </div>
133: <h2 class="subtitle">Recent Results</h2>
134: <div class="tablecon">
135: <table width="100%" border="0" cellspacing="0" cellpadding="0">
136: <tr>
137: <th>Loan Amount Range</th>
138: <th>Payment Before Modification</th>
139: <th>Payment After Modification</th>
140: </tr>
141: <tr class="alttd">
142: <td><div class="rel">$ 0000.00
143: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
144: </div></td>
145: <td><div class="rel">$ 0000.00
146: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
147: </div></td>
148: <td><div class="rel">$ 0000.00
149: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
150: </div></td>
151: </tr>
152: <tr>
153: <td><div class="rel">$ 0000.00
154: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
155: </div></td>
156: <td><div class="rel">$ 0000.00
157: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
158: </div></td>
159: <td><div class="rel">$ 0000.00
160: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
161: </div></td>
162: </tr>
163: <tr class="alttd">
164: <td><div class="rel">$ 0000.00
165: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
166: </div></td>
167: <td><div class="rel">$ 0000.00
168: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
169: </div></td>
170: <td><div class="rel">$ 0000.00
171: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
172: </div></td>
173: </tr>
174: <tr>
175: <td><div class="rel">$ 0000.00
176: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
177: </div></td>
178: <td><div class="rel">$ 0000.00
179: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
180: </div></td>
181: <td><div class="rel">$ 0000.00
182: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
183: </div></td>
184: </tr>
185: <tr class="alttd">
186: <td><div class="rel">$ 0000.00
187: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
188: </div></td>
189: <td><div class="rel">$ 0000.00
190: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
191: </div></td>
192: <td><div class="rel">$ 0000.00
193: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
194: </div></td>
195: </tr>
196: <tr>
197: <td><div class="rel">$ 0000.00
198: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
199: </div></td>
200: <td><div class="rel">$ 0000.00
201: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
202: </div></td>
203: <td><div class="rel">$ 0000.00
204: <div class="popup">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum</div>
205: </div></td>
206: </tr>
207: </table>
208: </div>
209: <h2 class="subtitle">Top questions and answers</h2>
210: <dl class="quescon">
211: <dd>
212: <div class="cons"> <span class="imgcon"><img src="images/placeholder.jpg" alt="" /></span>
213: <div class="rightcon">
214: <h4>Question: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh ?</h4>
215: <p><strong>Answer:</strong> Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,</p>
216:
217: <div class="details">
218: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum commodo hendrerit metus semper auctor. Maecenas at enim massa, in tempus ipsum. Fusce id ligula non mi tristique tincidunt. Duis quis lorem et velit elementum malesuada dictum pretium ipsum. Ut egestas iaculis turpis quis ultricies.</p>
219:
220: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis. </p>
221: <div class="feedback">
222: <h2 class="subtitle">User Comments</h2>
223: <ul>
224: <li>
225: <h4>Amal<small> Says... 32 min ago</small></h4>
226: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
227: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
228: </li>
229: <li>
230: <h4>Sarwar<small> Says... 55 min ago</small></h4>
231: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
232: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
233: </li>
234: </ul>
235: <div class="commForm">
236: <h2 class="subtitle">Please leave your comments</h2>
237: <form name="contact" action="">
238: <p>
239: <input type="text" name="name" id="name" value="Name:" onfocus="if(this.value=='Name:')this.value='';" onblur="if(this.value=='')this.value='Name:';" />
240: <label class="error" for="name" id="name_error">This field is required.</label></p>
241:
242: <p>
243: <input type="text" name="email" id="email" value="Email:" onfocus="if(this.value=='Email:')this.value='';" onblur="if(this.value=='')this.value='Email:';" />
244: <label class="error" for="email" id="email_error">This field is required.</label></p>
245:
246: <p>
247: <textarea name="comment" id="comment" onfocus="if(this.value=='Leave your comments...')this.value='';" onblur="if(this.value=='')this.value='Leave your comments...';">Leave your comments...</textarea>
248: <label class="error" for="comment" id="comment_error">This field is required.</label></p>
249:
250:
251: <p><input type="submit" name="submit" class="submitbtn" id="submit_btn" value="Send" /></p>
252: </form>
253: </div>
254: </div>
255: </div>
256: <span class="more"><a href="#">read more >></a> </span>
257:
258: </div>
259: </div>
260: <ul class="footcon">
261: <li><a class="digg" href="#">37 digg</a></li>
262: <li><a class="combtn" href="#"><img src="images/icon-comms.gif" alt=" " />3 Comments</a></li>
263: <li><a href="#"><img src="images/icon-share.gif" alt=" " />Share</a></li>
264: <li><a class="burry" href="#">Burry</a></li>
265: <li>Made popular <strong>32 min ago</strong> </li>
266: </ul>
267: </dd>
268: <dd>
269: <div class="cons"> <span class="imgcon"><img src="images/placeholder2.jpg" alt="" /></span>
270: <div class="rightcon">
271: <h4>Question: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh ?</h4>
272: <p><strong>Answer:</strong> Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,</p>
273: <div class="details">
274: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum commodo hendrerit metus semper auctor. Maecenas at enim massa, in tempus ipsum. Fusce id ligula non mi tristique tincidunt. Duis quis lorem et velit elementum malesuada dictum pretium ipsum. Ut egestas iaculis turpis quis ultricies.</p>
275:
276: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis. </p>
277: <div class="feedback">
278: <h2 class="subtitle">User Comments</h2>
279: <ul>
280: <li>
281: <h4>Amal<small> Says... 32 min ago</small></h4>
282: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
283: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
284: </li>
285: <li>
286: <h4>Sarwar<small> Says... 55 min ago</small></h4>
287: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
288: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
289: </li>
290: </ul>
291: <div class="commForm">
292: <h2 class="subtitle">Please leave your comments</h2>
293: <form name="contact" action="">
294: <p>
295: <input type="text" name="name" id="name" value="Name:" onfocus="if(this.value=='Name:')this.value='';" onblur="if(this.value=='')this.value='Name:';" />
296: <label class="error" for="name" id="name_error">This field is required.</label></p>
297:
298: <p>
299: <input type="text" name="email" id="email" value="Email:" onfocus="if(this.value=='Email:')this.value='';" onblur="if(this.value=='')this.value='Email:';" />
300: <label class="error" for="email" id="email_error">This field is required.</label></p>
301:
302: <p>
303: <textarea name="comment" id="comment" onfocus="if(this.value=='Leave your comments...')this.value='';" onblur="if(this.value=='')this.value='Leave your comments...';">Leave your comments...</textarea>
304: <label class="error" for="comment" id="comment_error">This field is required.</label></p>
305:
306:
307: <p><input type="submit" name="submit" class="submitbtn" id="submit_btn" value="Send" /></p>
308: </form>
309: </div>
310: </div>
311: </div>
312: <span class="more"><a href="#">read more >></a> </span>
313:
314: </div>
315: </div>
316: <ul class="footcon">
317: <li><a class="digg" href="#">37 digg</a></li>
318: <li><a class="combtn" href="#"><img src="images/icon-comms.gif" alt=" " />3 Comments</a></li>
319: <li><a href="#"><img src="images/icon-share.gif" alt=" " />Share</a></li>
320: <li><a class="burry" href="#">Burry</a></li>
321: <li>Made popular <strong>32 min ago</strong> </li>
322: </ul>
323: </dd>
324: <dd>
325: <div class="cons"> <span class="imgcon"><img src="images/placeholder3.jpg" alt="" /></span>
326: <div class="rightcon">
327: <h4>Question: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh ?</h4>
328: <p><strong>Answer:</strong> Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,</p>
329: <div class="details">
330: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum commodo hendrerit metus semper auctor. Maecenas at enim massa, in tempus ipsum. Fusce id ligula non mi tristique tincidunt. Duis quis lorem et velit elementum malesuada dictum pretium ipsum. Ut egestas iaculis turpis quis ultricies.</p>
331:
332: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis. </p>
333: <div class="feedback">
334: <h2 class="subtitle">User Comments</h2>
335: <ul>
336: <li>
337: <h4>Amal<small> Says... 32 min ago</small></h4>
338: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
339: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
340: </li>
341: <li>
342: <h4>Sarwar<small> Says... 55 min ago</small></h4>
343: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
344: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
345: </li>
346: </ul>
347: <div class="commForm">
348: <h2 class="subtitle">Please leave your comments</h2>
349: <form name="contact" action="">
350: <p>
351: <input type="text" name="name" id="name" value="Name:" onfocus="if(this.value=='Name:')this.value='';" onblur="if(this.value=='')this.value='Name:';" />
352: <label class="error" for="name" id="name_error">This field is required.</label></p>
353:
354: <p>
355: <input type="text" name="email" id="email" value="Email:" onfocus="if(this.value=='Email:')this.value='';" onblur="if(this.value=='')this.value='Email:';" />
356: <label class="error" for="email" id="email_error">This field is required.</label></p>
357:
358: <p>
359: <textarea name="comment" id="comment" onfocus="if(this.value=='Leave your comments...')this.value='';" onblur="if(this.value=='')this.value='Leave your comments...';">Leave your comments...</textarea>
360: <label class="error" for="comment" id="comment_error">This field is required.</label></p>
361:
362:
363: <p><input type="submit" name="submit" class="submitbtn" id="submit_btn" value="Send" /></p>
364: </form>
365: </div>
366: </div>
367: </div>
368: <span class="more"><a href="#">read more >></a> </span>
369: </div>
370: </div>
371: <ul class="footcon">
372: <li><a class="digg" href="#">37 digg</a></li>
373: <li><a class="combtn" href="#"><img src="images/icon-comms.gif" alt=" " />3 Comments</a></li>
374: <li><a href="#"><img src="images/icon-share.gif" alt=" " />Share</a></li>
375: <li><a class="burry" href="#">Burry</a></li>
376: <li>Made popular <strong>32 min ago</strong> </li>
377: </ul>
378: </dd>
379: <dd>
380: <div class="cons"> <span class="imgcon"><img src="images/placeholder4.png" alt="" /></span>
381: <div class="rightcon">
382: <h4>Question: Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh ?</h4>
383: <p><strong>Answer:</strong> Euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat,</p>
384: <div class="details">
385: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum commodo hendrerit metus semper auctor. Maecenas at enim massa, in tempus ipsum. Fusce id ligula non mi tristique tincidunt. Duis quis lorem et velit elementum malesuada dictum pretium ipsum. Ut egestas iaculis turpis quis ultricies.</p>
386:
387: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis. </p>
388: <div class="feedback">
389: <h2 class="subtitle">User Comments</h2>
390: <ul>
391: <li>
392: <h4>Amal<small> Says... 32 min ago</small></h4>
393: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
394: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
395: </li>
396: <li>
397: <h4>Sarwar<small> Says... 55 min ago</small></h4>
398: <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pharetra risus magna. Morbi pharetra nunc vel ante cursus ac rutrum felis commodo. Morbi odio lacus, vestibulum in lobortis non, </p>
399: <p>Suspendisse potenti. Nulla at orci bibendum metus dictum posuere. Morbi arcu sem, porttitor nec tincidunt vitae, scelerisque vitae nisi. Duis sed velit nisl, id venenatis felis. Etiam dapibus massa in nisi mollis vitae lobortis sapien mattis. Nunc justo arcu, facilisis at bibendum at, varius eget massa. Aliquam at sem eu dui iaculis semper. Sed nec facilisis lorem. Suspendisse consectetur odio eros, vel malesuada justo. Praesent condimentum ante quis odio venenatis vestibulum. </p>
400: </li>
401: </ul>
402: <div class="commForm">
403: <h2 class="subtitle">Please leave your comments</h2>
404: <form name="contact" action="">
405: <p>
406: <input type="text" name="name" id="name" value="Name:" onfocus="if(this.value=='Name:')this.value='';" onblur="if(this.value=='')this.value='Name:';" />
407: <label class="error" for="name" id="name_error">This field is required.</label></p>
408:
409: <p>
410: <input type="text" name="email" id="email" value="Email:" onfocus="if(this.value=='Email:')this.value='';" onblur="if(this.value=='')this.value='Email:';" />
411: <label class="error" for="email" id="email_error">This field is required.</label></p>
412:
413: <p>
414: <textarea name="comment" id="comment" onfocus="if(this.value=='Leave your comments...')this.value='';" onblur="if(this.value=='')this.value='Leave your comments...';">Leave your comments...</textarea>
415: <label class="error" for="comment" id="comment_error">This field is required.</label></p>
416:
417:
418: <p><input type="submit" name="submit" class="submitbtn" id="submit_btn" value="Send" /></p>
419: </form>
420: </div>
421: </div>
422: </div>
423: <span class="more"><a href="#">read more >></a> </span>
424: </div>
425: </div>
426: <ul class="footcon">
427: <li><a class="digg" href="#">37 digg</a></li>
428: <li><a class="combtn" href="#"><img src="images/icon-comms.gif" alt=" " />3 Comments</a></li>
429: <li><a href="#"><img src="images/icon-share.gif" alt=" " />Share</a></li>
430: <li><a class="burry" href="#">Burry</a></li>
431: <li>Made popular <strong>32 min ago</strong> </li>
432: </ul>
433: </dd>
434: </dl>
435: </div>
436: <!-- Start of sidebar -->
437: <div class="sidebar"> <span class="btn"> <a href="#"><img src="images/getstartnow3.gif" alt=" " /></a> </span>
438: <div class="smallbox">
439: <h2 class="subhdr"> Top 5 lenders </h2>
440: <div class="smallcon">
441: <ul class="listings">
442: <li> <a href="#"> <span class="clientlogo"><span><img src="images/home-mortgage.gif" alt=" " /></span></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
443: <li> <a href="#"> <span class="clientlogo"><span><img src="images/chase.gif" alt=" " /></span></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
444: <li> <a href="#"> <span class="clientlogo"><span><img src="images/citi.gif" alt=" " /></span></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
445: <li> <a href="#"> <span class="clientlogo"><span><img src="images/countrywide.gif" alt=" " /></span></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
446: <li> <a href="#"><span class="clientlogo"><span><img src="images/hsbc.gif" alt=" " /></span></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
447: </ul>
448: <span class="more"> <a href="#">more landers</a> >> </span> </div>
449: </div>
450: <div class="smallbox">
451: <h2 class="subhdr"> Top five Loan modification requests </h2>
452: <div class="smallcon">
453: <ul class="listings">
454: <li> <a href="#"> <span class="clientlogo"><img src="images/gmap.gif" alt=" " /></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
455: <li> <a href="#"> <span class="clientlogo"><img src="images/gmap.gif" alt=" " /></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
456: <li> <a href="#"> <span class="clientlogo"><img src="images/gmap.gif" alt=" " /></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
457: <li> <a href="#"> <span class="clientlogo"><img src="images/gmap.gif" alt=" " /></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
458: <li> <a href="#"> <span class="clientlogo"><img src="images/gmap.gif" alt=" " /></span> <strong>Lorem ipsum dolor sit </strong> <small>amet, consectetuer adipiscing elit, sed </small> </a> </li>
459: </ul>
460: </div>
461: </div>
462: <div class="smallbox">
463: <h2 class="subhdr"> Recent Articles </h2>
464: <div class="smallcon">
465: <ul class="listitem">
466: <li>
467: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis. (<a href="#">...more</a>)</p>
468: <strong>Lorem Dolor<br />
469: Ipsum sit amet</strong> </li>
470: <li>
471: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis.(<a href="#">...more</a>)</p>
472: <strong>Lorem Dolor<br />
473: Ipsum sit amet</strong> </li>
474: <li>
475: <p>Morbi sapien odio, cursus a pulvinar et, bibendum eu lorem. Morbi quis orci elit. Morbi non lacinia sapien. Vestibulum congueconsectetur hendrerit. Vivamus tempus justo sed tellus ultricies lobortis. (<a href="#">...more</a>)</p>
476: <strong>Lorem Dolor<br />
477: Ipsum sit amet</strong> </li>
478: </ul>
479: </div>
480: </div>
481: </div>
482: <!-- End of sidebar -->
483: </div>
484: <!-- End of main body -->
485: <!-- Login form -->
486: <div class="loginform">
487: <div class="loginformin">
488: <div class="loginformdeep">
489: <form action="#">
490:
491: <input type="text" value="User Name" onfocus="if(this.value=='User Name')this.value='';" onblur="if(this.value=='')this.value='User Name';" />
492: <input type="password" value="password" onfocus="if(this.value=='password')this.value='';" onblur="if(this.value=='')this.value='password';" />
493: <p><input class="loginbtn" type="submit" value="" /> <span><input type="checkbox" class="chkbox" /> Remember me</span></p>
494: <p><a href="#">Forgot Password?</a></p>
495: <input type="reset" class="closebtn" value="Close Button" />
496: <!--<input type="reset" />-->
497: </form>
498: </div>
499: </div>
500: </div>
501: <!-- End of login form -->
502:
503: </div>
504: <!-- Start of footer -->
505: <div class="footerouer">
506: <div class="footer">
507: <p><a href="#">About Us</a> | <a href="#">Terms of Use</a> | <a href="#">Site Map</a> | <a href="#">Affiliates</a> | <a href="#">Attorneys</a> | <a href="#">Contact Us</a><br />
508: Copyright (c) - LoanShrink LLC</p>
509: <p class="ftrtxt"> The content of this site are for informational purposes only, and it should not be considered financial advice. We aim to provide you with accurate and useful information, but every individual has specific circumstances. This information may not apply to every individual. Individuals specific circumstances should be taken into consideration. There are significant risks associated with investing, loans and mortgages. If you do not keep up your repayments on a secured loan or on your mortgage you could lose your home.</p>
510: </div>
511: </div>
512: <!-- End of footer -->
513: </body>
514: </html>
/*
Date: 22.03.2010
Title: Loan shrink
====================================
*/
* {
margin:0;
padding:0;
}
body {
text-align:center;
font:12px Arial, Georgia, Verdana, Lucida, "Trebuchet MS", Helvetica, Tahoma, sans-serif;
border-top:2px solid #EFEFEF;
background:url(../images/topbg.gif) no-repeat center top;
color:#414141;
}
img { border:0; }
:focus { outline:none; }
ul, ol, li { list-style:none; }
a {
color:#414141;
text-decoration:underline;
}
a:hover {
color:#DF6100;
text-decoration:underline;
}
.hide {
position: absolute;
left: -9999px;
}
.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
/*-----------------------Page Structure
*/
.wrap {
width:1000px;
margin:0px auto;
text-align:left;
}
/*-----------------------Header
*/
.header{
width:1000px; height:87px;
overflow:hidden;
position:relative;
}
.logo{
float:left;
margin-top:10px;
}
.headerRight{
width:760px; height:87px;
float:right;
position:relative;
}
.login{
height:27px;
position:relative;
background:url(../images/logincorner.png) no-repeat;
padding-left:31px;
width:137px;
text-decoration:none;
font:14px/27px Arial;
position:absolute;
color:#fff;
right:0;
bottom:-1px;
cursor:pointer;
}
.login span{
display:block;
height:27px;
background:url(../images/loginbg.gif) repeat-x;
padding:0 20px 0 15px;
}
.login:hover{
text-decoration:none;
color:#515E66;
}
/*-----------------------Navigation
*/
.nav{
width:760px;
overflow:hidden;
}
.nav ul{
margin-top:13px;
float:right;
}
.nav li{
float:left;
margin-left:10px;
}
.nav li a{
float:left;
height:29px;
background:url(../images/navleft.png) no-repeat 0 -29px;
padding-left:3px;
text-decoration:none;
color:#515E66;
}
.nav li a b{
float:left;
height:29px;
background:url(../images/navright.png) no-repeat 100% -29px;
padding-right:3px;
}
.nav li a b b{
background:none;
font:normal 14px/29px Arial;
padding:0 20px;
cursor:pointer;
}
.nav li a:hover,.nav li .selected{
background:url(../images/navleft.png) no-repeat;
text-decoration:none;
color:#FFB300;
}
.nav li a:hover b,.nav li .selected b{
background:url(../images/navright.png) no-repeat right top;
}
.nav li a:hover b b,.nav li .selected b b{
background:#060404 none;
}
/*-----------------------Banner content
*/
.banner{
width:960px;
background:url(../images/bannerbg.gif) repeat-x;
padding:15px 20px 20px;
position:relative;
clear:both;
}
.title{
height:65px;
text-align:center;
font:normal 25px/25px Georgia;
color:#fff;
margin-bottom:5px;
}
.slidercon{
width:960px; height:230px;
position:relative;
overflow:hidden;
bottom:15px;
}
.slidercon dl{
width:960px; height:230px;
}
.slidercon dd{
width:704px; height:230px;
position:absolute;
background:#fff;
}
.slidercon .conarea{
position:relative;
width:100%; height:100%;
}
.conarea img{
z-index:1;
}
.conarea .content{
z-index:2;
position:absolute;
width:355px;
padding:10px;
background:url(../images/bannerconbg.png) repeat-y;
right:30px; top:50px;
}
.conarea h2{
font:bold 18px/21px Arial;
color:#000;
}
.conarea p{
font:normal 13px/17px Arial;
}
.conarea .getstart{
z-index:3;
bottom:25px;
right:30px;
position:absolute;
}
.btncon{
position:absolute;
width:280px;
height:230px;
right:0px;
top:0;
z-index:99;
color:#fff;
}
.btncon strong{
font:bold 20px Arial;
display:block;
margin-bottom:7px;
}
.btncon p{
font:normal 12px/15px Arial;
}
.btncon li{
height:115px;
width:280px;
}
.btncon li .bar1,.btncon li .bar2{
width:260px; height:115px;
padding:0 0 0 20px;
}
.btncon li div div{
width:220px; height:100px;
padding:15px 20px 0 20px;
}
.btncon .bar1{
background:url(../images/bar1.png) no-repeat;
}
.btncon .bar2{
background:url(../images/bar2.png) no-repeat;
}
.btncon .active .bar1{
background:url(../images/bar1.png) no-repeat 0 -115px;
}
.btncon .active .bar2{
background:url(../images/bar2.png) no-repeat 0 -115px;
}
.btncon .bar1 div{
background:url(../images/bar1bg.gif) repeat-x;
}
.btncon .bar2 div{
background:url(../images/bar2bg.gif) repeat-x;
}
/*-----------------------Main Body
*/
.mainbody{
width:1000px;
overflow:hidden;
background:url(../images/topbar.gif) repeat-x;
padding:10px 0 20px 0;
}
.homebody{
background:none;
padding-top:0;
}
.maincon{
width:700px;
float:left;
padding-top:20px;
}
.sidebar{
width:280px;
float:right;
position:relative;
padding-top:20px;
}
.subtitle, .txt h2{
color:#414141;
font:normal 27px/27px Georgia;
margin-bottom:13px;
}
.options{
width:700px;
position:relative;
overflow:hidden;
}
.options dl{
width:740px;
overflow:hidden;
clear:both;
margin-bottom:20px;
}
.options dd{
float:left;
margin-right:20px;
width:340px;
}
.options h3{
font:normal 19px Arial;
color:#414141;
padding-bottom:15px;
border-bottom:1px solid #D0D1D1;
margin-bottom:17px;
}
.options li{
background:url(../images/icon.gif) no-repeat 0 4px;
padding-left:20px;
margin-bottom:10px;
}
.options li a,.options li a:hover{
font:normal 12px Arial;
color:#414141;
text-decoration:none;
}
/*-----------------------Loan optoin
*/
.box{
width:700px; height:316px;
background:#F1F1F1 url(../images/leftbg.gif) no-repeat;
margin-bottom:18px;
}
.box dd .buttonSlider{
position:absolute;
left:0;
top:0;
z-index:999;
cursor:pointer;
}
.box .act .buttonSlider{
cursor:default;
}
.boxinn{
width:700px; height:316px;
background:url(../images/rightbg.gif) no-repeat right top;
}
.box .holder{
width:693px; height:316px;
margin:0px 2px 0 3px;
position:relative;
overflow:hidden;
}
.box dl{
width:693px;
}
.box dd{
width:524px; height:298px;
background:url(../images/innerbg.gif) repeat-x;
position:absolute;
margin-top:5px;
padding-left:37px;
}
.box dd div{
width:476px; height:274px;
background:url(../images/innerbgright.gif) no-repeat right top;
padding:24px 24px 0;
position:relative;
}
.pointer{
display:none;
}
.act .pointer{
display:block;
position:absolute;
left:-1px;
top:20px;
}
.box h3{
font:normal 20px/20px Arial;
margin-bottom:15px;
}
.box p{
font:normal 12px/17px Arial;
margin-bottom:15px;
}
.box dd div .img{
float:left;
margin:0 15px 0 0;
border:3px solid #E2E2E2;
}
.btns{
width:695px;
position:absolute;
}
.btns li{
margin-right:2px;
position:absolute;
width:37px;
left:0;
top:0;
cursor:pointer;
z-index:2;
}
.list{
float:right;
width:225px;
}
.list li{
margin-bottom:10px;
}
.list li a{
display:block;
color:#424242;
font: normal 13px Arial;
text-decoration:none;
background:url(../images/bullets1.gif) no-repeat 0 5px;
padding-left:15px;
}
.list li a span{
}
.list li a:hover{
color:#57C8C8;
text-decoration:none;
background:url(../images/bullets2.gif) no-repeat 0 5px;
}
.tablecon{
margin-bottom:18px;
}
.tablecon table{
border-top:2px solid #F1F1F1;
border-left:2px solid #F1F1F1;
}
.tablecon th{
background:#3B3B3B;
font:bold 14px Arial;
padding:9px 0;
color:#fff;
text-align:center;
vertical-align:top;
border-bottom:2px solid #F1F1F1;
border-right:2px solid #F1F1F1;
}
.tablecon td{
text-align:center;
padding:10px 0;
border-bottom:2px solid #F1F1F1;
border-right:2px solid #F1F1F1;
font:bold 19px Arial;
color:#494949;
position:relative;
}
.tablecon .alttd{
background:#ABEEEE;
}
.rightcon {
width:570px;
float:right;
}
.cons{
overflow:hidden;
width:700px;
margin-bottom:20px;
}
.quescon{
color:#414141;
width:700px;
overflow:hidden;
margin-bottom:20px;
}
.details{
display:none;
}
.quescon dd{
width:700px;
margin-bottom:20px;
}
.quescon h4{
font:bold 14px/20px Arial;
}
.quescon p{
font:normal 12px/17px Arial;
margin-bottom:10px;
}
.imgcon img{
float:left;
border:4px solid #f1f2f2;
}
.footcon{
width:700px;
clear:both;
border-top:1px solid #D0D1D1;
border-bottom:1px solid #D0D1D1;
overflow:hidden;
margin:20px 0 0 0;
padding:4px 0;
}
.footcon li{
float:left;
margin-right:30px;
}
.footcon li img{
float:left;
margin:3px 5px 0 0 ;
}
.footcon li a{
text-decoration:none;
color:414141;
}
.footcon li a:hover{
text-decoration:underline;
color:414141;
}
.footcon li strong{
color:#f00;
}
.btn{
display:block;
height:20px;
background:#E1E2E3;
text-align:center;
position:absolute;
top:0; left:0;
z-index:1;
width:280px;
}
.smallbox{
width:280px;
background:#F1F2F2 url(../images/bgX.gif) repeat-x left bottom;
margin-bottom:20px;
}
.subhdr{
background:url(../images/corner.gif) no-repeat;
border-bottom:1px solid #E1E2E3;
padding:15px 20px 8px;
font:bold 17px/19px Arial;
text-transform:uppercase;
color:#6B6B6B;
}
.smallcon{
padding:10px 20px;
width:240px;
}
.listings li{
width:240px;
margin-bottom:10px;
}
.listings li a{
display:block;
width:230px;
overflow:hidden;
background:#fff;
padding-right:10px;
text-decoration:none;
}
.listings li a .clientlogo{
float:left;
width:47px; height:47px;
background:url(../images/clientlogobg.gif) no-repeat left bottom;
margin-right:10px;
padding:4px 9px 4px 4px;
}
.listings li a .clientlogo span{
width:47px; height:47px;
display:block;
position:relative;
overflow:hidden;
}
.listings li a .clientlogo span img{
position:absolute;
}
.listings li a:hover{
background:#E1E1E1;
}
.listings li a:hover .clientlogo{
background:url(../images/clientlogobg.gif) no-repeat left top;
}
.listings li a strong{
color:#008A8A;
display:block;
margin-top:5px;
}
.listings li a small,.listings li a:hover small{
font-size:12px;
color:#6B6B6B;
}
.more,.less{
color:#008A8A;
text-decoration:none;
}
.more a,.less a{
color:#008A8A;
font:bold 12px Arial;
text-decoration:none;
}
.more a:hover,.less a:hover{
color:#F8B200;
text-decoration:none;
}
.listitem li{
background:url(../images/bullets1.gif) no-repeat 0 5px;
padding-left:25px;
margin-bottom:10px;
color:#6B6B6B;
}
.listitem p{
font:normal 12px/17px Arial;
margin-bottom:17px;
}
.listitem a{
color:#0194B4;
text-decoration:none;
}
.listitem a:hover{
color:#FFB300;
text-decoration:underline;
}
.txt p{
font:normal 12px/19px Arial;
margin-bottom:18px;
}
hr{
border:0;
border-bottom:1px solid #D0D1D1;
color:#D0D1D1;
height:1px;
margin:15px 0;
}
/*-----------------------Footer
*/
.footerouer{
width:100%;
padding:30px 0 60px 0;
background:#333333;
}
.footer {
width:1000px;
text-align:center;
font-size:11px;
color:#fff;
margin:0 auto;
}
.footer p {
color:#fff;
margin-bottom:20px;
}
.footer a {
font-size:11px;
color:#fff;
text-decoration:none;
margin:0 3px;
}
.footer a:hover { text-decoration:underline; }
.ftrtxt{
font:normal 12px/18px Arial;
color:#B9B8B8;
text-align:left;
}
/*--------------------------Subpage
*/
.ptitle{
font:normal 27px/27px Georgia;
border-bottom:1px solid #d0d1d1;
padding-bottom:15px;
margin-bottom:20px;
}
.profile{
overflow:hidden;
width:700px;
margin-bottom:20px;
}
.banklogo,.gmap{
float:left;
border:3px solid #eaeaea;
}
.rightContainer{
width:460px;
float:right;
}
.subTitle2{
height:20px;
background:#f1f2f2 url(../images/corner2.gif) no-repeat;
font:bold 13px/20px Arial;
padding-left:15px;
margin-bottom:15px;
}
.profile .subTitle2{
margin-bottom:10px;
}
.leftPart{
width:220px;
float:left;4
}
.rightPart{
width:220px;
float:right;
}
.ratecon{
font:normal 12px Arial;
}
.ratecon img{
float:left;
margin-right:20px;
}
.profile address{
font-style:normal;
border-top:1px solid #d0d1d1;
padding-top:10px;
margin-top:10px;
}
.profile h3{
font:bold 15px/17px Georgia;
color:#52c1c1;
}
.profile strong{
display:block;
margin-bottom:10px;
}
.profile input{
margin-right:10px;
}
.smallTable{
/* background:url(../images/line.gif) repeat-x; */
}
.smallTable td{
background:#f6f6f6 url(../images/dotlinebg.gif) repeat-x left bottom;
font:bold 13px Arial;
padding:13px 10px 8px;
}
.smallTable .last td{
background:none;
}
.conHolder{
width:700px;
overflow:hidden;
margin-bottom:20px;
}
.leftCon{
width:340px;
float:left;
}
.rightCon{
width:340px;
float:right;
}
.subTitle3{
font:bold 15px/13px Arial;
border-bottom:1px solid #e2e2e2;
padding:15px 10px 10px;
margin-bottom:15px;
color:#3f3f3f;
}
.topics li{
padding:0px 25px 12px;
font:normal 12px Arial;
background:url(../images/bullets3.gif) no-repeat 10px 4px;
border-bottom:1px solid #e2e2e2;
margin-bottom:15px;
}
.conHolder .trend{
display:block;
padding:0 25px 20px;
border-bottom:1px solid #e2e2e2;
}
.resultInfo{
width:700px;
margin-bottom:20px;
}
.resultInfo table{
padding:1px;
border:1px solid #d0d1d1;
}
.resultInfo th,.resultInfo td{
font:bold 13px/13px Arial;
background:#52c1c1;
color:#000;
padding:8px 10px;
}
.resultInfo td{
background:#fff;
}
.resultInfo th.bdr{
border-right:1px solid #fff;
}
.resultInfo td.bdr{
border-right:1px solid #d0d1d1;
}
.resultInfo .alttd td{
background:#e4e4e4;
}
.commContainer{
border-left:1px solid #d0d1d1;
border-right:1px solid #d0d1d1;
margin-bottom:20px;
}
.comments li{
border-bottom:1px dashed #d0d1d1;
color:#3f3f3f;
font:normal 13px/17px Arial;
padding:10px;
}
.comments p{
margin-bottom:13px;
}
.comments .altli{
background:#f4f4f4;
}
.comments .morelink{
color:#006464;
text-decoration:underline;
}
.comments .morelink:hover{
color:#ffba03;
}
.datecon{
font:bold 13px Arial;
color:#55c3c3;
}
.newslist h2{
color:#3f3f3f;
font:bold 13px/17px Arial;
}
.newslist p{
font:normal 13px/17px Arial;
margin-bottom:13px;
}
.newslist li{
border-bottom:1px dashed #d0d1d1;
padding:0 0 20px 0;
margin-bottom:20px;
}
.newslist .more{
font-weight:bold;
text-decoration:none;
}
.txt .subTitle4{
font:bold 17px Arial;
color:#55c3c3;
}
.info{
width:340px;
float:right;
}
.inflist li{
margin-bottom:15px;
font-size:13px;
}
.commContnainer, .resultInfo, .rightCon, .leftCon, .bg{
background:url(../images/topshade.gif) repeat-x;
}
/*--------------------*/
.roundBox{
width:696px;
border:1px solid #d0d1d1;
background:#fff;
padding:1px;
position:relative;
margin-bottom:20px;
}
.lt,.rt,.rb,.lb{
display:block;
width:5px; height:5px;
position:absolute;
z-index:1;
}
.lt{
top:-1px;
left:-1px;
background:url(../images/lt.gif) no-repeat;
}
.rt{
top:-1px;
right:-1px;
background:url(../images/rt.gif) no-repeat;
}
.rb{
right:-1px;
bottom:-1px;
background:url(../images/rb.gif) no-repeat;
}
.lb{
bottom:-1px;
left:-1px;
background:url(../images/lb.gif) no-repeat;
}
.mb20{
margin-bottom:20px;
}
.boxCon{
width:698px;
border:1px solid #d0d1d1;
border-top:0;
}
.boxCon .topics{
margin:0 10px 0;
}
.boxCon .topics .last{
border:none;
}
.alnRight{
display:block;
text-align:right;
margin-bottom:20px;
}
.popup{
display:none;
width:200px;
border:2px solid #008A8A;
background:#fff;
padding:20px;
position:absolute;
top:15px; left:0;
z-index:99;
text-align:left;
font:normal 12px/18px Arial;
}
.rel{
position:relative;
}
/*-----------------------login form
*/
.loginform{
display:none;
width:298px;
background:url(../images/logintop.png) no-repeat;
padding-top:23px;
text-align:left;
position:absolute;
right:225px;
top:79px;
z-index:999;
}
.loginformin{
background:url(../images/loginbtm.png) no-repeat left bottom;
padding-bottom:15px;
}
.loginformdeep{
width:250px;/*298px;*/
background:url(../images/loginformbg.png) repeat-y;
padding:24px 24px 10px 24px;
}
.loginform input{
width:238px;
background:#fff url(../images/inputbg.gif) repeat-x;
border:1px solid #0094A5;
padding:6px 5px;
font:normal 13px Arial;
color:#000;
margin-bottom:15px;
}
.loginform p{
overflow:hidden;
}
.loginform .loginbtn{
background:url(../images/loginbtn.gif) no-repeat;
width:65px; height:22px;
border:0;
padding:0;
float:left;
cursor:pointer;
margin-right:10px;
}
.loginform .chkbox{
padding:0; border:0;
width:14px; height:15px;
float:left;
margin-right:5px;
}
.loginform span{
float:left;
margin-top:3px;
}
.loginform a{
color:#000;
}
.loginform .closebtn{
position:absolute;
right:13px; top:24px;
z-index:1;
cursor:pointer;
background:url(../images/closebtn.png) no-repeat;
width:14px; height:14px;
border:none;
padding:0;
text-indent:-9999px;
}
.feedback{
padding-top:20px;
}
.feedback .subTitle{
font-size:17px;
}
.feedback li{
border-bottom:1px solid #D0D1D1;
margin-bottom:20px;
padding-bottom:20px;
}
.feedback li h4{
font-size:17px;
display:block;
margin-bottom:5px;
}
.feedback li h4 span{
font-weight:normal;
}
.feedback li h4 small{
font:normal 14px Arial;
}
.commForm input,.commForm textarea{
width:200px;
padding:5px;
font:normal 12px Arial;
border:1px solid #D0D1D1;
}
.commForm textarea{
width:350px;
height:100px;
}
.commForm p{
margin-bottom:10px;
}
.commForm .subtitle{
margin-bottom:30px;
}
.commForm .submitbtn{
padding:0; border:0;
width:87px; height:36px;
background:url(../images/submitbtn.gif) no-repeat;
text-indent:-9999px;
}
.digg,.burry{
background:url(../images/icon-digg.gif) no-repeat 0 3px;
padding-left:15px;
}
.diggdown{
background:url(../images/icon-digg.gif) no-repeat left bottom;
}
.silderArea{
width:960px; height:50px;
overflow:hidden;
}
.prevbtn{
width:45px; height:50px;
background:url(../images/leftbtn.gif) no-repeat;
float:left;
text-indent:-9999px;
}
.nextbtn{
width:45px; height:50px;
float:left;
background:url(../images/rightbtn.gif) no-repeat;
text-indent:-9999px;
}
.prevbtn:hover{
background:url(../images/leftbtn.gif) no-repeat 0 -50px;
}
.nextbtn:hover{
background:url(../images/rightbtn.gif) no-repeat 0 -50px;
}
.sliderHolder{
float:left;
width:870px; height:50px;
position:relative;
overflow:hidden;
}
.myslider{
position:absolute;
width:2000em;
}
.myslider dd{
float:left;
}
.roundCon{
width:680px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #ffe0a4;
padding:20px 9px 20px;
margin-bottom:20px;
}
.bar{
width:660px;
padding:0 9px;
height:27px;
background:#70e6e6 url(../images/barbg.gif) repeat-x left top;
border:1px solid #4ad4d4;
font:bold 13px/27px Arial;
color:#015351;
margin-bottom:15px;
position:relative;
}
.bar span {
position:absolute;
right:10px; top:0;
z-index:1;
}
.bar span a{
float:left;
background:url(../images/arrow.gif) no-repeat 0 center;
padding-left:10px;
font:normal 12px/27px Arial;
color:#ff5400;
text-decoration:none;
}
.bar span a:hover{
color:#015351;
text-decoration:none;
}
.bar small{
display:none;
width:200px;
padding:20px;
background:#fdc239;
font:normal 12px/18px Arial;
color:#000;
right:-240px;
top:-1px;
position:absolute;
z-index:2;
}
.bar small big{
position:absolute;
top:5px; right:5px;
font-weight:bold;
cursor:pointer;
}
.formArea{
margin-bottom:20px;
}
.formArea p{
overflow:hidden;
margin-bottom:11px;
}
.formArea label{
width:156px;
float:left;
margin-right:10px;
color:#434343;
font:normal 13px/29px Arial;
text-align:right;
}
.formArea input,.formArea select,.formArea textarea{
float:left;
border:1px solid #bcd7ea;
padding:7px 9px 6px 9px;
width:230px;
margin-right:10px;
font:normal 12px Arial;
color:#434343;
}
.formArea input:focus{
border: 1px solid #bcd7ea;
}
.formArea select{
width:250px;
padding-right:2px;
}
.formArea textarea{
height:100px;
}
.formArea span{
background:url(../images/sign.gif) no-repeat 0 center;
padding-left:15px;
color:#434343;
font:bold 13px/29px Arial;
display:none;
width:235px;
float:right;
}
.lists{
width:260px;
margin-left:165px;
border-top:1px dashed #9f9f9f;
padding-top:10px;
}
.lists li{
background:url(../images/bullets4.gif) no-repeat 0 6px;
padding-left:15px;
font:normal 13px/17px Arial;
margin-bottom:17px;
}
.formArea .submitbtn{
padding:0px 10px; border:0;
width:auto; height:30px;
color:#414141;
font:normal 19px Arial;
cursor:pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background:#52c1c1;
border:1px solid #249898;
border-radius: 5px;
}
.formArea .submitbtn:focus{
border:none;
outline:none;
}
.space{
margin-left:165px;
}
.imgHolder{
margin-left:165px;
}
.roundType2{
width:680px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #f1f1f1;
background:#f1f1f1;
padding:10px;
margin-bottom:20px;
}
.roundType2in{
width:660px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #e1e1e1;
background:#fff;
padding:10px;
}
.topHolder{
width:660px;
overflow:hidden;
border-bottom:1px solid #e1e1e1;
padding-bottom:10px;
margin-bottom:15px;
}
.left{
width:350px;
float:left;
}
.right{
width:310px;
float:right;
text-align:right;
}
.lender{
display:block;
background:url(../images/lender.gif) no-repeat;
position:relative;
overflow:hidden;
padding:4px 11px 4px 4px;
width:75px; height:45px;
float:left;
text-align:center;
color:#424242;
font:bold 21px/45px Arial;
margin-right:20px;
}
.lenderTable {
width:660px;
position:relative;
overflow:hidden;
}
.lenderTable td{
padding:10px;
border-left:1px solid #cecece;
}
.lenderTable table{
width:661px;
margin-left:-1px;
}
.lenderTable .alt td{
background:#f3f3f3;
}
.rate table{
margin-bottom:10px;
border-left:1px solid #fff;
border-top:1px solid #fff;
}
.rate th{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.rate td{
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
.impmsg{
font:normal 12px/16px Arial;
color:#007373;
}
.shadecon{
width:1000px;
background:url(../images/shadebg.gif) repeat-x;
clear:both;
}
.shadeconin{
width:960px;
background:url(../images/shadetop.gif) no-repeat;
padding:30px 20px;
}
.thankyou{
width:1000px;
padding-top:20px;
}
.optionBox{
width:1000px; height:142px;
position:relative;
overflow:hidden;
margin-bottom:20px;
}
.optionBox dl{
width:1100px;
}
.optionBox dd{
float:left;
width:320px; height:136px;
border:2px solid #d4d4d4;
margin-right:14px;
position:relative;
}
.colorBox{
width:100px; height:116px;
float:left;
padding:20px 7px 0;
background:#52c1c1;
}
.altBox{
width:120px;
background:#ffb300;
}
.optionBox p{
font:normal 12px/14px Arial;
color:#282823;
}
.colorBox h3{
font:bold 17px/17px Arial;
margin-bottom:5px;
text-transform:uppercase;
letter-spacing:-1px;
}
.learmore{
position:absolute;
left:10px; bottom:10px;
}
.listoption{
margin-bottom:20px;
}
.listoption li{
font:normal 12px/16px Arial;
margin-bottom:10px;
background:url(../images/bullets5.gif) no-repeat 0 4px;
padding-left:15px;
color:#007d7d;
}
.bannerArea{
position:relative;
width:960px; height:200px;
background:url(../images/banbg.gif) repeat-x;
}
.banimg {
position:absolute;
right:0; top:0;
}
.txtArea{
position: absolute;
width:670px; height:200px;
padding:20px 20px 0;
}
.txtArea h1{
font:bold 38px Arial;
color:#fff;
text-shadow: 0px 2px 3px #555;
margin-bottom:10px;
}
.txtArea h2{
font:bold 21px Arial;
color:#fff;
text-shadow: 0px 2px 3px #555;
margin-bottom:6px;
}
.txtArea h4{
font:bold 18px Arial;
color:#fecd59;
}