/* Fresh Claims CSS Styles common to all pages. Compiled by Graham Gorton ©2009 ----------------------------- */ /* 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; } .start { border-bottom: 1px solid #f5f5f5; border-bottom-color: #ddd; margin: 10px 0 4px 0; padding: 3px 5px 3px 0px; } 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; } .formResultsText {font-weight:bold; color:#FF0000; margin:0 0 10px -5px; padding-left:40px; font-style:italic; background:url(images/exclame.png) no-repeat;} .myIframe {font-family:Verdana, Geneva, sans-serif;} select { width: 146px; } .enterwide {width:200px;} .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; } #containern { background-image: url(images/backgroundgreybars.gif); background-repeat: repeat-y; margin-top: 10px; margin-left: 5px; width: 1008px; float: left; } .topbar a{width:207px; 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: -207px 0; height:57px; width:207px;font-weight:normal; color:black; text-decoration:none;font-size:11px;line-height: 14px;} .topbar {background-position: -207px 0; height:57px; width:207px;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 #nav-1 a { padding-left: 0px; } #nav a:hover { color: #24ad00; } /* Layout */ #maincontent {width:976px; padding:0px 10px 0px 10px; float:left;} #middletable {width:576px;} #middletable2 {width:576px; height:100px;} #numberone {background:url(images/no1inrefunds.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;} #numberone2 {background:url(images/no1inrefunds.png) no-repeat; width:400px; margin:0px 15px 10px 10px; padding-left:140px;} #numberone2 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.gif) repeat-x; padding: 6px 0 10px 0; list-style: none; margin:0 0 0 15px; vertical-align: bottom width: 10em;} #navcol li a {display: block;width: 100%;} .tl {padding: 6px 0 10px 0; list-style: none; margin:0 15px 0 15px;display: block; width:170px } /* Home Page */ #homefeaturepanelbg { width: 996px; height: 219px; float: left; } .homegreenpanel1 { width: 324px; height: 178px; background: url(images/homegreen_1.jpg); float: left; margin-left: 8px; margin-top:3px; } .homegreenpanel2 { width: 326px; height: 178px; background: url(images/homegreen_2.jpg); float: left; margin-left: 3px; margin-top:3px; } .homegreenpanel3 { width: 324px; height: 178px; background: url(images/homegreen_3.jpg); float: left; margin-left: 3px;margin-top:3px; } .homegreentext1 { width:284px; height: 138px; float: left; padding:20px; color:white;} .homegreentext2 { width: 286px; height: 138px; float: left; padding:20px; color:white;} .homegreentext3 { width: 134px; height: 138px; float: left; padding:20px 20px 20px 170px; color:white;} #homepoint1 {width:263px; height:89px;background:url(images/home_point1.gif) no-repeat; float:left; margin-top:130px; margin-left:10px;} #homepoint2 {width:227px; height:129px;background:url(images/home_point2.gif) no-repeat; float:left; margin-top:90px; margin-left:80px;} #homepoint3 {width:290px; height:189px;background:url(images/home_point3.gif) no-repeat; float:left; margin-top:30px; margin-left:90px;} #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_bank a {width:149px; height:66px; background:url(images/homepanel_bank.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_bank 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_bank 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_ccard a {width:149px; height:66px; background:url(images/homepanel_ccard.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_ccard 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_ccard 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:152px 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_makeaclaim.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:301px; } #formcontainerthankyou {width:301px; padding:21px 21px 21px 140px; margin:10px 0px 0px 10px; background:url(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: 5px; width: 290px; margin:5px 0 8px 0; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;} .test_input2 {border: 1px solid #9FC72C; padding: 5px; width: 290px; margin:5px 0 8px 0; font-family:Verdana,Arial, Helvetica, sans-serif; font-size:12px;} .test_select {border: 1px solid #9FC72C; padding: 5px;width: 300px; margin:5px 0 8px 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 { } /* October 2009 PPI Page */ #ppi_bigbutton a {width:576px; height:94px; background:url(images/ppi09_startyourppiclaimbuttonbig.png) 0 0 no-repeat; display:block; font-weight:normal;} #ppi_bigbutton a:hover {background-position: -576px 0; height:94px; width:576px;} #ppi_bigbutton a:active {background-position: -576px 0; height:94px; width:576px;} #ppi_findoutmore a {width:167px; height:38px; background:url(images/ppi_oct09buttonfindoutmore.png) 0 0 no-repeat; display:block; font-weight:normal; margin-left:14px;} #ppi_findoutmore a:hover {background-position: -167px 0; height:38px; width:167px;} #ppi_findoutmore a:active {background-position: -167px 0; height:38px; width:167px;} #ppi_moreclaims {width:161px; height:340px; padding:70px 10px 0 10px; background:url(images/ppi_oct09_moreclaimsbg.png); float:left; margin:10px 0 0 2px } /* October 2009 UCA Page */ #uca_bigbutton a {width:576px; height:94px; background:url(images/uca09_buttonbig.png) 0 0 no-repeat; display:block; font-weight:normal;} #uca_bigbutton a:hover {background-position: -576px 0; height:94px; width:576px;} #uca_bigbutton a:active {background-position: -576px 0; height:94px; width:576px;} /* November 2009 PI RTA Page */ #rta_bigbutton a {width:576px; height:94px; background:url(personal-injury/images/startyourrtaclaimbuttonbig.png) 0 0 no-repeat; display:block; font-weight:normal;} #rta_bigbutton a:hover {background-position: -576px 0; height:94px; width:576px;} #rta_bigbutton a:active {background-position: -576px 0; height:94px; width:576px;} /* November 2009 PI AAW Page */ #aaw_bigbutton a {width:576px; height:94px; background:url(personal-injury/images/startyouraawclaimbuttonbig.png) 0 0 no-repeat; display:block; font-weight:normal;} #aaw_bigbutton a:hover {background-position: -576px 0; height:94px; width:576px;} #aaw_bigbutton a:active {background-position: -576px 0; height:94px; width:576px;} /* December 2009 PI AAW Page */ #id_bigbutton a {width:576px; height:94px; background:url(personal-injury/images/startyourindustrialbuttonbig.png) 0 0 no-repeat; display:block; font-weight:normal;} #id_bigbutton a:hover {background-position: -576px 0; height:94px; width:576px;} #id_bigbutton a:active {background-position: -576px 0; height:94px; width:576px;} /* December 2009 PI Public Liability Page */ #pl_bigbutton a {width:576px; height:94px; background:url(personal-injury/images/startyourplclaimbuttonbig.png) 0 0 no-repeat; display:block; font-weight:normal;} #pl_bigbutton a:hover {background-position: -576px 0; height:94px; width:576px;} #pl_bigbutton a:active {background-position: -576px 0; height:94px; width:576px;} /* December 2009 PI HomePage */ #pi_panel1 a {width:181px; height:233px; background:url(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(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(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(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 2009*/ #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;}