/* Fresh Finance CSS Styles common to all pages.
Compiled by Graham Gorton ©2010  
----------------------------- */
/* Basic Components */
* { margin: 0; padding: 0; }
html, body { font: 12px Verdana, sans-serif; color: #424242; height: 101%; line-height: 16px; background-color:#dedce1; }
html body a:hover { color: #2e9a31; text-decoration: underline; }

h1 { font: 14px Verdana, sans-serif; font-weight:bold; margin:0px 0 10px 0; padding:4px 0 0 0; }
a { text-decoration: none; color: #2e9a31; font-weight: bold; }
a img { border: none; }
a:link, a:visited { text-decoration: none; }
p { padding-bottom: 16px; }

.fontlink { font-weight:bold; color:#2e9a31; }
.fontlink2 { font-weight:normal; color:#2e9a31; }
/* Layout Components */

#columncontainer { width:1008px; margin: 0px auto; }
#container { background-image: url(images/backgroundgreybars.gif); background-repeat: repeat-y; margin-top: 10px; margin-left: 5px; width: 1008px; float: left; }

.topbar a { width:260px; height:57px; background:url(images/topbar_button.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; padding:0px; }
.topbar a:hover { background-position: -260px 0; height:57px; width:260px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.topbar { background-position: -260px 0; height:57px; width:260px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
/* navigation */
	#navcontainer { float:left; }
#cornerleft { float:left; width:6px; height:29px; background-image:url(images/navbar_leftcorner.gif); }
#cornerright { float:left; width:6px; height:29px; background-image:url(images/navbar_rightcorner.gif); }
#nav { float: left; width: 981px; margin: 0; padding: 0 0 0 15px; list-style: none; background: #000000; border-bottom: 1px solid #999; }
#nav li { float: left; margin: 0; padding: 0; }
#nav a { float: left; display: block; padding: 6px 28px 6px 5px; text-decoration: none; font-weight: bold; font-size: 90%; color: #FFF; background: #000000 url(images/nav_slant2.gif) no-repeat top right; }

#nav a:hover { color: #24ad00; }
/* Layout */




#maincontent { width:976px; padding:0px 10px 0px 10px; float:left; }

#numberone { background:url(images/bg_duoaward.png) no-repeat; width:400px; margin:20px 15px 10px 10px; padding-left:140px; }
#numberone li { list-style:decimal; list-style-position:inside; padding:6px 0 0 0px; }

#numberoneiva { background:url(images/bg_duoawardiva.png) no-repeat; width:400px; margin:20px 15px 10px 10px; padding-left:140px; }
#numberoneiva li { list-style:decimal; list-style-position:inside; padding:6px 0 0 0px; }

#numberonebank { background:url(images/bg_bankruptcyaward.png) no-repeat; width:400px; margin:20px 15px 10px 10px; padding-left:140px; }
#numberonebank li { list-style:decimal; list-style-position:inside; padding:6px 0 0 0px; }

/* Left Nav */

#navcol {background: url(images/leftcolbg.gif);  margin:0; padding: 10px 0 0 0; }

#navcol li {background: url(images/leftnav_underline.png) no-repeat; padding: 6px 0 10px 0; list-style: none; margin:0 0 0 17px;  vertical-align: bottom   width: 165px;}
#navcol li a {display: block;width: 100%;}
.tl {padding: 6px 0 10px 0; list-style: none; margin:0 17px 0 17px;display: block; width:170px }

#navcol li a { display: block; width: 100%; }
.tl { padding: 6px 0 10px 0; list-style: none; margin:0 17px 0 17px; display: block; width:170px }
/* Home Page */




#homepanel_ppi a { width:149px; height:66px; background:url(images/homepanel_ppi.png) 0 0 no-repeat; display:block; float:left; margin: 10px 0px 10px 0px; padding:208px 10px 10px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_ppi a:hover { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_ppi a:active { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_unfair a { width:149px; height:66px; background:url(images/titlepanel_unfair.png) 0 0 no-repeat; display:block; float:left; margin: 10px 0px 10px 0px; padding:208px 10px 10px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_unfair a:hover { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_unfair a:active { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_bankcc a { width:149px; height:66px; background:url(images/homepanel_bankcc.png) 0 0 no-repeat; display:block; float:left; margin: 10px 0px 10px 0px; padding:208px 10px 10px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_bankcc a:hover { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_bankcc a:active { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_debthelp a { width:149px; height:66px; background:url(images/homepanel_debthelp.png) 0 0 no-repeat; display:block; float:left; margin: 10px 0px 10px 0px; padding:208px 10px 10px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_debthelp a:hover { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_debthelp a:active { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_injury a { width:149px; height:66px; background:url(images/homepanel_injury.png) 0 0 no-repeat; display:block; float:left; margin: 10px 0px 10px 0px; padding:208px 10px 10px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_injury a:hover { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homepanel_injury a:active { background-position: -194px 0; height:66px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_small a { width:179px; height:38px; background:url(images/homepanel_small.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 10px 0px; padding:0 0 0 15px; }
.homepanel_small a:hover { background-position: -194px 0; height:38px; width:179px; }
.homepanel_small a:active { background-position: -194px 0; height:28px; width:179px; }
.homepanel_lifeinsurance a { width:149px; height:28px; background:url(images/titlepanel_lifeinsurance.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; padding:73px 10px 20px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_lifeinsurance a:hover { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_lifeinsurance a:active { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_mortgage2 a { width:149px; height:28px; background:url(images/homepanel_mortgage2.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; padding:73px 10px 20px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_mortgage2 a:hover { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_mortgage2 a:active { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_endowment a { width:149px; height:28px; background:url(images/titlepanel_endowment.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; padding:73px 10px 20px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_endowment a:hover { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_endowment a:active { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_bond a { width:149px; height:28px; background:url(images/titlepanel_bond.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; padding:73px 10px 20px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_bond a:hover { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_bond a:active { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_debt a { width:149px; height:28px; background:url(images/titlepanel_debt.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; padding:73px 10px 20px 35px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_debt a:hover { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
.homepanel_debt a:active { background-position: -194px 0; height:28px; width:149px; font-weight:normal; color:black; text-decoration:none; font-size:11px; line-height: 14px; }
#homeintro { margin:15px 15px 0px 13px; background:url(images/homeintrobg.jpg); width:650px; height:86px; color:white; padding:47px 293px 0px 14px }
#homeintro a { color:white }
#rightpanelcontain { width:190px; margin:0 0 0 10px; }
#rightpaneltop { width:190px; background:url(images/rightpanel_top.png); height:369px; margin:0 0px 0 0px }
#rightpaneltop ul { padding:122px 15px 10px 50px; list-style:none; line-height:14px; }
#rightpaneltop li { margin:0px 0px 10px 0px; }
.rptitle { margin-bottom:4px; display:block; font-weight:bold; color:#0066b3; }
.righpanelbottom a { width:190px; height:51px; background:url(images/button_speaktoanexpert.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 0px 0px; }
.righpanelbottom a:hover { background-position: -190px 0; height:51px; width:190px; }
.righpanelbottom a:active { background-position: -190px 0; height:51px; width:190px; }
/* Action buttons */

.action_ppi a { width:408px; height:85px; background:url(images/action_ppi.png) 0 0 no-repeat; display:block; float:left; margin: 15px 0px 15px -8px; }
.action_ppi a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_ppi a:active { background-position: -408px 0; height:85px; width:408px; }
.action_bankcharges a { width:408px; height:85px; background:url(images/action_bankcharges.png) 0 0 no-repeat; display:block; float:left; margin: 15px 0px 15px -8px; }
.action_bankcharges a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_bankcharges a:active { background-position: -408px 0; height:85px; width:408px; }
.action_mortgage a { width:408px; height:85px; background:url(images/action_mortgage.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_mortgage a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_mortgage a:active { background-position: -408px 0; height:85px; width:408px; }
.action_creditcardcharges a { width:408px; height:85px; background:url(images/action_creditcardcharges.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_creditcardcharges a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_creditcardcharges a:active { background-position: -408px 0; height:85px; width:408px; }
.action_personalinjury a { width:408px; height:85px; background:url(images/action_personalinjury.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_personalinjury a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_personalinjury a:active { background-position: -408px 0; height:85px; width:408px; }
.action_debt a { width:408px; height:85px; background:url(images/action_debt.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_debt a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_debt a:active { background-position: -408px 0; height:85px; width:408px; }
.action_lifeinsurance a { width:408px; height:85px; background:url(images/action_lifeinsurance.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_lifeinsurance a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_lifeinsurance a:active { background-position: -408px 0; height:85px; width:408px; }
.action_creditagreements a { width:408px; height:85px; background:url(images/actionbutton_uca.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_creditagreements a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_creditagreements a:active { background-position: -408px 0; height:85px; width:408px; }
.action_endowmentcomplaint a { width:408px; height:85px; background:url(images/action_endowment.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_endowmentcomplaint a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_endowmentcomplaint a:active { background-position: -408px 0; height:85px; width:408px; }
.action_investmentbonds a { width:408px; height:85px; background:url(images/action_investmentbonds.png) 0 0 no-repeat; display:block; float:left; margin: 0px 0px 15px -8px; }
.action_investmentbonds a:hover { background-position: -408px 0; height:85px; width:408px; }
.action_investmentbonds a:active { background-position: -408px 0; height:85px; width:408px; }
#myiframe { font:Arial, Helvetica, sans-serif; font-size:16px }

.form_body { font-family:Verdana, Geneva, sans-serif; }
#formcontainer { padding:0px 21px 21px 140px; margin:10px 0px 0px 10px; background:url(images/enquiries_bubbles.png) no-repeat; }
#formcontainerinner { width:101px; }
#formcontainerthankyou { width:101px; padding:21px 21px 21px 140px; margin:10px 0px 0px 10px; background:url(../v3/images/enquiries_thankyou.png) no-repeat; }
#homeowner { margin:0px 0px 8px 0px; }
#thankscontainer { margin:10px; 0 0 10px;
}
.thankspanel { margin:10px 20px 10px 0px; float:left; }
.enquirybutton { margin:5px 0 0 -5px; }
.test_input { border: 1px solid #9FC72C; padding: 4px; width: 290px; margin:4px 0 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.test_input2 { border: 1px solid #9FC72C; padding: 4px; width: 290px; margin:4px 0 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.test_select { border: 1px solid #9FC72C; padding: 4px; width: 300px; margin:4px 0 3px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }
.testform { font-weight: bold; margin:5px 0px 0px 0px; }
.enquirybubble { background:url(images/enquiries_bubbles2.png) no-repeat; left:-130px; width:126px; height:76px; display:block; position:absolute; }
.testform2 { margin:5px 0px 0px 0px; }
/* Footer */

#footer { width:1008px; height:10px; float: left; background-color:#dedce1; }
#footerlinks { text-align:center; float:left; width:1008px; padding:20px; background-color:#dedce1; }
.ads { }
.sad { font-family: "Times New Roman", Times, serif; font-size: 10px; }
#myIframe { }
#footer2010 { background:url(images/footer-panel-bg.jpg); width:937px; height:75px; float:left; margin: 0px 12px 10px 15px; padding:20px 10px 10px 10px; font-weight:normal; color:white; text-decoration:none; font-size:11px; line-height: 14px; text-align:center }





/* December 2010 PI HomePage */

#pi_panel1 a { width:181px; height:233px; background:url(../v3/personal-injury/images/pi_panel1.png) 0 0 no-repeat; display:block; font-weight:normal; margin:10px 0 0 9px; float:left; }
#pi_panel1 a:hover { background-position: -181px 0; width:181px; height:233px; }
#pi_panel1 a:active { background-position: -181px 0; width:181px; height:233px; }
#pi_panel2 a { width:181px; height:233px; background:url(../v3/personal-injury/images/pi_panel2.png) 0 0 no-repeat; display:block; font-weight:normal; margin:10px 0 0 7px; float:left; }
#pi_panel2 a:hover { background-position: -181px 0; width:181px; height:233px; }
#pi_panel2 a:active { background-position: -181px 0; width:181px; height:233px; }
#pi_panel3 a { width:181px; height:233px; background:url(../v3/personal-injury/images/pi_panel3.png) 0 0 no-repeat; display:block; font-weight:normal; margin:10px 0 0 7px; float:left; }
#pi_panel3 a:hover { background-position: -181px 0; width:181px; height:233px; }
#pi_panel3 a:active { background-position: -181px 0; width:181px; height:233px; }
#pi_panel4 a { width:557px; height:143px; background:url(../v3/personal-injury/images/pi_panel4.png) 0 0 no-repeat; display:block; font-weight:normal; margin:7px 0 0 9px; float:left; }
#pi_panel4 a:hover { background-position: -557px 0; width:557px; height:143px; }
#pi_panel4 a:active { background-position: -557px 0; width:557px; height:143px; }
/* navigation  dropdown nov 2010*/
#navbg { background:url(images/navfullwidthbg.png); width:1008px; height:29px; float:left; }
#navcontainer { float:left; width:1008px; }
#cornerleft { float:left; width:6px; height:29px; background-image:url(images/navbar_leftcorner.gif); }
#cornerright { float:left; width:6px; height:29px; background-image:url(images/navbar_rightcorner.gif); }
#nav { float: left;  width: 993px  background:url(images/navfullwidthbg.png)  margin: 0;
padding: 0 0 0 15px; list-style: none; background: #000000; border-bottom: 1px solid #999; }
#nav li { float: left; margin: 0; padding: 0; }
#nav a { float: left; display: block; padding: 6px 28px 6px 5px; text-decoration: none; font-weight: bold; font-size: 90%; color: #FFF; background: #000000 url(images/nav_slant2.gif) no-repeat top right; }
#nav #nav-1 a { padding-left: 0px; }
#nav a:hover { color: #24ad00; }
#central { float:left; margin:0px; }
#home_winterbutton a { width:957px; height:232px; background:url(images/home_winterpanel.jpg) 0 0 no-repeat; display:block; font-weight:normal;margin:10px 0 10px 15px; }
#home_winterbutton a:hover { background-position: -957px 0; height:232px; width:957px; }
#home_winterbutton a:active { background-position: -957px 0; height:232px; width:957px; }

#home_springbutton a { width:957px; height:232px; background:url(images/home_springpanel.jpg) 0 0 no-repeat; display:block; font-weight:normal;margin:10px 0 10px 15px; }
#home_springbutton a:hover { background-position: -957px 0; height:232px; width:957px; }
#home_springbutton a:active { background-position: -957px 0; height:232px; width:957px; }

#home_summerbutton a { width:957px; height:232px; background:url(images/home_summerpanel.jpg) 0 0 no-repeat; display:block; font-weight:normal;margin:10px 0 10px 15px; }
#home_summerbutton a:hover { background-position: -957px 0; height:232px; width:957px; }
#home_summerbutton a:active { background-position: -957px 0; height:232px; width:957px; }

#homebottompanel1 {width:313px; height:232px; float:left; margin:0 0 10px 15px;}
#homebottompanel2 {width:313px; height:232px; float:left; margin:0 0 10px 9px;}
#homebottompanel3 {width:313px; height:232px; float:left; margin:0 0 10px 9px;}

/* January 2010 Debt Management */

#dm_bigbutton a { width:576px; height:98px; background:url(images/button_dm_takethetest.jpg) 0 0 no-repeat; display:block; font-weight:normal; }
#dm_bigbutton a:hover { background-position: -576px 0; height:98px; width:576px; }
#dm_bigbutton a:active { background-position: -576px 0; height:98px; width:576px; }


/* January 2010 IVAs */

#iva_bigbutton a { width:576px; height:98px; background:url(images/button_iva_takethetest.jpg) 0 0 no-repeat; display:block; font-weight:normal; }
#iva_bigbutton a:hover { background-position: -576px 0; height:98px; width:576px; }
#iva_bigbutton a:active { background-position: -576px 0; height:98px; width:576px; }


/* January 2010 Bankruptcy */

#b_bigbutton a { width:576px; height:98px; background:url(images/button_bankruptcy_test.jpg) 0 0 no-repeat; display:block; font-weight:normal; }
#b_bigbutton a:hover { background-position: -576px 0; height:98px; width:576px; }
#b_bigbutton a:active { background-position: -576px 0; height:98px; width:576px; }

/* January 2010 Test Forms General */

#clipboardheader {width:546px; margin:15px 15px 0 15px;}
#clipboardheaderexpert {width:546px; margin:15px 15px 0 10px;}
#clipboard1 {width:306px; height:121px; padding:10px 220px 0 20px; margin-left:10px;background:url(images/bg_clipboard1.jpg); line-height:18px}
#clipboard1expert {width:306px; height:121px; padding:10px 220px 0 20px; margin-left:10px;background:url(images/bg_clipboard1expert.jpg); line-height:18px}
#clipboard2 {width:490px; height:709px; padding:70px 0 0 56px; margin-left:10px; background:url(images/bg_clipboard2.jpg);}

#ad_freshinsurance a { width:536px; height:134px; background:url(images/ads_freshinsurance.png) 0 0 no-repeat; display:block; font-weight:normal; }
#ad_freshinsurance a:hover { background-position: -536px 0; height:134px; width:536px; }
#ad_freshinsurance a:active { background-position: -536px 0; height:134px; width:536px; }

#panel_morehelp {width:161px; height:344px; padding:70px 10px 0 10px; background:url(images/panel_morehelp.png); float:left; margin:10px 0 0 2px}

.errorcontain {background:url(images/bg_clipboarderror.jpg); width:490px; height:26px; margin:-150px 0 38px -56px; padding:86px 0 0 54px; font-weight:bold; color:#d41616}

.errorcontain2 {background:url(images/bg_clipboarderror2.png); width:426px; height:76px; margin:-2px 0 0px -56px; padding:20px 0 0 130px; font-weight:bold; font-size:10px}

#articles {padding:15px;}
.articlestitle { line-height:20px; display:block; font-weight:bold; color:#0066b3; font-size:18px; margin-bottom:10px;}

#articlebutton a { width:179px; height:47px; background:url(images/button_backtoarticles.jpg) 0 0 no-repeat; display:block; font-weight:normal; }
#articlebutton a:hover { background-position: -179px 0; height:47px; width:179px; }
#articlebutton a:active { background-position: -179px 0; height:47px; width:179px; }