/*---------------------------- GENERAL INFO ------------------------------ Title: Provident PPC Master Stylesheet Date: 30.06.09 The Layout is split up into three main containers :- div.twoColLeft div.twoColRight div.threeCol You can define a layout by adding the class twoColLeft, twoColRight or threeCol to "div#mainContent" The "div#centre" container is only used on the "threeCol" layout. --------------------------------------------------------------------------------------*/ /*---------------------------- RESET STYLES ------------------------------ --------------------------------------------------------------------------------------*/ html,body,div,span,applet,object,iframe,h1,h2,h2,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-family:inherit; vertical-align:baseline; font-family:Arial, Helvetica, sans-serif;} strong {font-weight:bold;} body {margin-bottom:10px;} /*---------------------------- GENERAL STYLES ------------------------------ --------------------------------------------------------------------------------------*/ .red {color:#e73032;} .floatRight {float:right; margin:0 0 0 10px;} .floatLeft {float:left; margin:0 10px 0 0;} .height30 {height:30px;} .height50 {height:50px;} .height55 {height:55px;} .clearRight {clear:right;} .clearLeft {clear:left;} .clear {clear:both;} .hide,.hidden {display:none;} .marginRight200 {margin-right:200px;} a.external { background: url('../images/external.gif') no-repeat right center; *background-image:none; padding-right: 16px; *padding-right:0px;} a.pdf { background: url('../images/pdf.gif') no-repeat right center; padding-right: 18px } a.email { background: url('../images/email.gif') no-repeat right center; padding-right: 18px } body {color:#000; background:#FFF; font-size:62.5%;} ol,ul {list-style:none;} hr,legend {display:none;} h1 {font-size:2em; font-weight:400; margin:0 0 16px;} h1 p {margin:0px;} h4 {margin:10px 0; font-weight:400; font-size:1.2em; font-weight:Bold; position:relative; z-index:1; color:#000;} p {margin:0 0 16px;} .bold {font-weight:bold;} .boldAPR {/*font-weight:bold;*/ font-size:1.6em;} div.appForm div.formRow {margin:0 0 9px; position:relative;} div.appForm label {float:left;} div.appForm input {border-top:1px solid #a9adb0; border-left:1px solid #cccacb; border-bottom:1px solid #e2e9ef; color:#0d439b; padding:2px 0 2px 5px; width:150px;} .focusField {background-color:#beefff;} a {color:#094198;text-decoration:none;} a:hover {text-decoration:underline;} a.findOutMore { padding:3px 0 0 10px; float:left; background:url('../images/findOutMoreBtn.gif') no-repeat; width:168px; height:23px; display:block; font-size:0.9em; color:#e73032; text-decoration:none; margin:10px 0;} div#right div.genericRightBox a.findoutmore { border:0; background:url('../images/find_out_more.gif') no-repeat 5px; height:44px; width:286px; cursor:pointer; text-indent:-99999em; line-height:5; display:block;} div#container { width:100%; margin:0 auto; position:relative;text-align:center;} div#container * { text-align:left;} div#left { z-index:100000;} div#right { z-index:100000;} span.logo a { background:url('../images/provident_logo.gif') no-repeat; width:125px; height:44px; display:block; text-indent:-9999em; position:absolute; top:25px; left:20px; z-index:1;} span.personalCredit img { display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.faqs { background:url('../images/personalCredit_answers.gif') no-repeat; width:430px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.contact { background:url('../images/personalCredit_personalService.gif') no-repeat; width:450px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.foryou { background:url('../images/personalCredit_foryou.gif') no-repeat; width:450px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.legalJargon { background:url('../images/personalCredit_legaljargon.gif') no-repeat; width:450px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.opportunity { background:url('../images/personalCredit_opportunity.gif') no-repeat; width:450px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.application { background:url('../images/personalCredit_appForm.gif') no-repeat; width:450px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1;} span.say { background:url('../images/personalCredit_personalService.gif') no-repeat; width:450px;height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1; } span.help { background:url('../images/personalCredit_help&advice.gif') no-repeat; width:450px; height:39px; display:block; text-indent:-9999em; position:absolute; top:25px; left:175px; z-index:1; } ul#topNav { float:right; color:#e71c20; margin:0; font-size:1em; position:relative; top:-15px; } ul#topNav li {float:left; margin:0 10px 0 0;} ul#topNav li a {color:#e71c20; text-decoration:none;} ul#topNav li a:focus,ul#topNav li a:hover {text-decoration:underline;} div.greyBoxTopLeft {width:22px; height:12px; font-size:0; position:absolute; top:0px; left:0px; background:url('../images/curvedBox/greyBoxTopLeft.gif') no-repeat;} div.greyBoxTopRight {width:22px; height:12px; font-size:0; position:absolute; top:0px; right:0px; background:url('../images/curvedBox/greyBoxTopRight.gif') no-repeat;} div.greyBoxBottomLeft {width:22px; height:12px; font-size:0; position:absolute; bottom:0px; z-index:-1; left:0px; background:url('../images/curvedBox/greyBoxBottomLeft.gif') no-repeat;} div.greyBoxBottomRight {width:22px; height:12px; font-size:0; position:absolute; bottom:0px; z-index:-1; right:0px; background:url('../images/curvedBox/greyBoxBottomRight.gif') no-repeat;} div.whiteBoxTopLeft {width:22px; height:9px; font-size: 0; position:absolute; top:0px; left:0px; background:url('../images/curvedBox/whiteBoxTopLeft.gif') no-repeat;} div.whiteBoxTopRight { width:22px; height:9px; font-size: 0; position:absolute; top:0px; right:0px; background:url('../images/curvedBox/whiteBoxTopRight.gif') no-repeat;} div.whiteBoxBottomLeft {width:22px; height:9px; font-size: 0; position:absolute; bottom:0px; z-index:9999; left:0px; background:url('../images/curvedBox/whiteBoxBottomLeft.gif') no-repeat;} div.whiteBoxBottomRight {width:22px; height:9px; font-size:0; position:absolute; bottom:0px; z-index:9999; right:0px; background:url('../images/curvedBox/whiteBoxBottomRight.gif') no-repeat;} a.upIndex { position: relative; z-index: 99999; } /*---------------------------- HEADER AREA ------------------------------ --------------------------------------------------------------------------------------*/ div#header { width:955px; background:url('../images/header.gif') no-repeat; position:relative; margin:30px auto 0; height:141px; } div#header form { display:none; width:340px; float:right; position:absolute; right:0px; top:0; margin:14px 0 0; font-size:1.1em; } div#header form label { width:80px;} div#header form a { float:right; margin:0 130px 0 0; color:#0c4298;} div#header form a:focus, div#header form a:hover { color:#e93639;} div#header form input.submit:focus, div#header form input.submit:hover { background-position:bottom;} div#header form input.submit { border:0; position:absolute; top:5px; right:10px; background:url('../images/signIn_btn.gif') no-repeat; height:36px; width:84px; text-indent:-99999em; line-height:5; cursor:pointer; } /*---------------------------- NAVIGATION AREA ------------------------------ --------------------------------------------------------------------------------------*/ ul#navigation { margin:7px 0 0; width:955px; background:url('../images/shadow.gif') no-repeat left bottom; padding:0 0 5px; position:absolute;bottom:0px;left:0px; } ul#navigation li { float:left; text-indent:-99999em; height:39px; display:none;} ul#navigation li.home a { background:url('../images/navigation/home.gif') no-repeat; width:136px; height:39px; display:block; } ul#navigation li.applyNow a { background:url('../images/navigation/apply_now.gif') no-repeat 0 -39px; width:136px; height:39px; display:block; } ul#navigation li.howItWorks a { background:url('../images/navigation/how_it_works.gif') no-repeat; width:136px; height:39px; display:block; } ul#navigation li.products a { background:url('../images/navigation/our_products.gif') no-repeat; width:136px; height:39px; display:block; } ul#navigation li.whatTheySay a { background:url('../images/navigation/what_our_customers_say.gif') no-repeat; width:136px; height:39px; display:block; } ul#navigation li.news a { background:url('../images/navigation/news_and_advice.gif') no-repeat; width:136px; height:39px; display:block; } ul#navigation li.currentCustomers a { background:url('../images/navigation/current_customers.gif') no-repeat; width:136px; height:39px; display:block; } ul#navigation li.home { display:block; } ul#navigation li.applyNow { display:block; } ul#navigation li.howItWorks { display:block; } ul#navigation li.products { display:block; } ul#navigation li.whatTheySay { display:block; } ul#navigation li.news { display:block; } ul#navigation li.currentCustomers { display:block; } ul#navigation li a:focus, ul#navigation li a:hover { background-position:0 -39px;} ul#navigation li.active a { background-position:0 -78px;} /****************** ALTERNATIVE HEADING ********************/ .newNav { height:106px; background: url(../images/newNav_background.jpg) repeat-x;} .newNav span.logo a { background:url('../images/provident_logo2.gif') no-repeat; width:129px; height:48px; display:block; text-indent:-9999em; position:absolute; top:25px; left:20px; z-index:1;} .newNav div#header { width:955px; background: none;float:none;margin:0px auto; height:106px;} .newNav div#header .personalCredit {display:none;} .newNav ul#topNav { float:right; color:#fff; top:5px; margin:0; font-size:1em; } .newNav ul#topNav li a { color:#fff; } .newNav ul#navigation { height:45px;position:absolute;bottom:0px;right:0px;left:auto;padding-bottom:0px;background:none;width:753px; } .newNav ul#navigation li.home a { background:url('../images/navigation/nav2_home.jpg') no-repeat; width:91px; height:45px; } .newNav ul#navigation li.applyNow a { background:url('../images/navigation/nav2_apply.jpg') no-repeat; width:88px; height:45px; } .newNav ul#navigation li.howItWorks a { background:url('../images/navigation/nav2_works.jpg') no-repeat; width:101px; height:45px; } .newNav ul#navigation li.products a { background:url('../images/navigation/nav2_products.jpg') no-repeat; width:105px; height:45px; } .newNav ul#navigation li.whatTheySay a { background:url('../images/navigation/nav2_customers.jpg') no-repeat; width:140px; height:45px; } .newNav ul#navigation li.news a { background:url('../images/navigation/nav2_advice.jpg') no-repeat; width:107px; height:45px; } .newNav ul#navigation li.currentCustomers a { background:url('../images/navigation/nav2_current.jpg') no-repeat; width:111px; height:45px; } .newNav ul#navigation li a:focus, .newNav ul#navigation li a:hover, .newNav ul#navigation li.active a { background-position:0 -45px;} /**************************************************************/ /******************** ALTERNATIVE HOMEPAGES *******************/ /*************** HOMEPAGE C ******************/ #homepageC {background:#fff url(../images/homepage/couple_and_baby.jpg) no-repeat center top;} #homepageC #homepageUpperLeft h1 {text-indent:-100000px;overflow:hidden;} #homepageC #homepageUpperLeft .steps {visibility:hidden;} #homepageC #homepageUpperLeft .getStarted{position:absolute;top:263px;left:528px;width:118px;height:84px;text-indent:-1000000px;overflow:hidden;} #homepageC div.twoColLeft div#left {margin-right:0px;width:664px;} #homepageC div#right div#loanExample {background:none;width:auto;color:#094198;} #homepageC div#right div#loanExampleTop {display:none;} #homepageC div#right div#loanExample p {padding-bottom:0px;} #homepageC div#right div#needHelp {background:url(../images/homepage/pod_need_help.jpg) no-repeat top left;height:188px;} #homepageC div#right div#needHelp h3, #homepageC div#right div#needHelp .bottomCurve {display:none;} #homepageC div#right div#needHelp span.speechBubble {padding-top:35px;margin-bottom:10px;} #homepageC .top {height:392px;margin-bottom:10px;z-index:1000000;position:relative;} #homepageC #pod_products {width:217px;height:188px;float:left;background:url(../images/homepage/pod_products.jpg) no-repeat top left;} #homepageC #pod_can_i {width:217px;height:188px;float:left;background:url(../images/homepage/pod_can_i.jpg) no-repeat top left;margin:0 7px;} #homepageC #pod_different_way {width:215px;height:188px;float:left;background:url(../images/homepage/pod_different_way.jpg) no-repeat top left;} #homepageC #pod_products, #homepageC #pod_can_i, #homepageC #pod_different_way {font-weight:bold;position:relative;} #homepageC #pod_products h3, #homepageC #pod_can_i h3, #homepageC #pod_different_way h3 {color:#094198;font-size:16px;padding:14px 0 0 16px;margin:0px;} #homepageC #pod_products a {line-height:47px;text-decoration:underline;color:#000;display:block;padding-left:70px;} #homepageC #pod_can_i ul {margin:10px 0 0 16px;list-style-type:none;} #homepageC #pod_can_i li {background:url(../images/homepage/bullet_point.gif) no-repeat left center;padding-left:18px;line-height:18px;width:180px;} #homepageC #pod_can_i p {color:#49aadc;margin:0px;padding:5px 16px;font-size:13px;} #homepageC #pod_can_i .getStarted {position:absolute;top:151px;left:16px;width:183px;height:26px;text-indent:-100000px;overflow:hidden;} #homepageC #pod_different_way p {padding:40px 0 0 16px;} #homepageC #pod_different_way p span {color:#e73032;} #homepageC #pod_different_way a {text-indent:-100000px;overflow:hidden;position:absolute;top:155px;left:16px;background:url(../images/homepage/button_more_info.gif) no-repeat top left;width:117px;height:24px;} /*********** HOMEPAGE A **************/ #homepageA {clear:both;padding-top:10px;} #homepageA #how_it_works {background:url(../images/homepage/background_how_it_works.gif) no-repeat top left;position:absolute;bottom:0px;} #homepageA div#left ul.reasonsWhy li {margin-bottom:10px;} #homepageA div#left h1 {margin:0 0 20px 0;height:auto;} #homepageA .top {height:392px;margin-bottom:0px;z-index:1000000;position:relative;} #homepageA #homepageUpperLeft {height:379px;} #homepageA #homepageUpperLeft .boldAPR {font-size:22px;font-weight:bold;} #homepageA div#left a.applyNow {top:39px;width:212px;height:65px;background:url('../images/applyNow_btnV2.gif') no-repeat;right:10px;} #homepageA div#left ol#applyNowList {top:39px;left:10px;} #homepageA img#stepRed1 {top:39px;left:10px;} #homepageA img#stepRed2 {top:39px;left:147px} #homepageA img#stepRed3 {top:39px;left:288px} #homepageA div#right div#loanExample {background:none;width:auto;color:#094198;} #homepageA div#right div#loanExampleTop {display:none;} #homepageA div#right div#loanExample p {padding-bottom:0px;} #homepageA div#right div#needHelp {background:url(../images/homepage/pod_need_helpV2.jpg) no-repeat top left;height:188px;} #homepageA div#right div#needHelp h3, #homepageA div#right div#needHelp .bottomCurve {display:none;} #homepageA div#right div#needHelp span.speechBubble {padding-top:35px;margin-bottom:10px;} #homepageA div.twoColLeft div#left {margin-right:0px;width:664px;} #homepageA #pod_products {width:217px;height:188px;float:left;background:url(../images/homepage/pod_products.jpg) no-repeat top left;} #homepageA #pod_can_i {width:217px;height:188px;float:left;background:url(../images/homepage/pod_can_i.jpg) no-repeat top left;margin:0 5px;} #homepageA #pod_different_way {width:215px;height:188px;float:left;background:url(../images/homepage/pod_different_way.jpg) no-repeat top left;} #homepageA #pod_products, #homepageA #pod_can_i, #homepageA #pod_different_way {font-weight:bold;position:relative;} #homepageA #pod_products h3, #homepageA #pod_can_i h3, #homepageA #pod_different_way h3 {color:#094198;font-size:16px;padding:14px 0 0 16px;margin:0px;} #homepageA #pod_products a {line-height:47px;text-decoration:underline;color:#000;display:block;padding-left:70px;} #homepageA #pod_can_i ul {margin:10px 0 0 16px;list-style-type:none;} #homepageA #pod_can_i li {background:url(../images/homepage/bullet_point.gif) no-repeat left center;padding-left:18px;line-height:18px;width:180px;} #homepageA #pod_can_i p {color:#49aadc;margin:0px;padding:5px 16px;font-size:13px;} #homepageA #pod_can_i .getStarted {position:absolute;top:151px;left:16px;width:183px;height:26px;text-indent:-100000px;overflow:hidden;} #homepageA #pod_different_way p {padding:40px 0 0 16px;} #homepageA #pod_different_way p span {color:#e73032;} #homepageA #pod_different_way a {text-indent:-100000px;overflow:hidden;position:absolute;top:155px;left:16px;background:url(../images/homepage/button_more_info.gif) no-repeat top left;width:117px;height:24px;} /*************** HOMEPAGE B ******************/ #homepageB {clear:both;padding-top:10px;background:#fff url(../images/homepage/background_couple_comic.jpg) no-repeat center top;} #homepageB #homepageUpperLeft {overflow:visible;height:132px;} #homepageB #homepageUpperLeft h1 {visibility:hidden;} #homepageB #right #how_it_works_steps {background:url(../images/homepage/pod_how_it_works.gif) no-repeat top left;height:256px;position:relative;} #homepageB #right #how_it_works_steps ol {visibility:hidden;} #homepageB #right #how_it_works_steps .getStarted {display:block;width:271px;height:39px;position:absolute;top:211px;left:9px;text-indent:-100000px;overflow:hidden;} #homepageB div#right div#loanExample {background:none;width:auto;color:#094198;} #homepageB .top {height:350px;position:relative;} /************** HOMEPAGE D ******************/ #homepageD {background:url(../images/homepage/background_blue_grey.jpg) repeat-x top left;} #homepageD .background {background:url(../images/homepage/background_blue_couple_comic.jpg) no-repeat center top;height:373px;} #homepageD #homepageUpperLeft {overflow:visible;height:132px;} #homepageD #homepageUpperLeft h1 {visibility:hidden;} #homepageD #right #how_it_works_steps {background:url(../images/homepage/pod_how_it_works.gif) no-repeat top left;height:256px;position:relative;} #homepageD #right #how_it_works_steps ol {visibility:hidden;} #homepageD #right #how_it_works_steps .getStarted {display:block;width:271px;height:39px;position:absolute;top:211px;left:9px;text-indent:-100000px;overflow:hidden;background:none;} #homepageD div#right div#loanExample {background:none;width:auto;color:#094198;} #homepageD .top {height:373px;position:relative;} /************** HOMEPAGE E ******************/ #homepageE {background:url(../images/homepage/background_blue_grey.jpg) repeat-x top left;} #homepageE .background {background:url(../images/homepage/background_blue_couple_comic.jpg) no-repeat center top;height:575px;overflow:hidden;} #homepageE #homepageUpperLeft {overflow:visible;height:132px;} #homepageE #homepageUpperLeft h1 {visibility:hidden;} #homepageE #right #how_it_works_steps {background:url(../images/homepage/pod_how_it_works.gif) no-repeat top left;height:256px;position:relative;} #homepageE #right #how_it_works_steps ol {visibility:hidden;} #homepageE #right #how_it_works_steps .getStarted {display:block;width:271px;height:39px;position:absolute;top:211px;left:9px;text-indent:-100000px;overflow:hidden;background:none;} #homepageE div#right div#loanExample {background:none;width:auto;color:#094198;} #homepageE .top {height:373px;position:relative;} #homepageE #pod_back_to_school {background:url(../images/homepage/pod_back_to_school.gif) no-repeat top left;width:217px;float:left;margin:12px 20px 0 0;position:relative;height:188px;} #homepageE #pod_modern_way {background:url(../images/homepage/pod_different_wayV2.gif) no-repeat top left;width:217px;float:left;margin:12px 20px 0 0;position:relative;height:188px;} #homepageE #pod_cash_loan {background:url(../images/homepage/pod_background.gif) no-repeat top left;width:217px;float:left;margin:12px 20px 0 0;position:relative;height:188px;} #homepageE #pod_need_help {background:url(../images/homepage/pod_need_helpV3.gif) no-repeat top left;width:242px;float:left;margin-top:12px;position:relative;height:188px;} #homepageE #pod_back_to_school h3 {display:none;} #homepageE #pod_back_to_school p {font-size:15px;color:#e83739;padding:85px 0 20px 16px;font-weight:bold;margin-bottom:0px;} #homepageE #pod_modern_way h3 {padding:10px 0 0 12px;color:#094198;font-size:16px;margin-top:0px;} #homepageE #pod_modern_way p {padding:40px 0 0 12px;color:#e83739;font-size:15px;margin:0px;font-weight:bold;} #homepageE #pod_cash_loan h3 {padding:10px 0 0 16px;color:#094198;font-size:16px;margin-top:0px;} #homepageE #pod_cash_loan ul {margin:10px 0 0 16px;list-style-type:none;} #homepageE #pod_cash_loan li {background:url(../images/homepage/bullet_point.gif) no-repeat left center;padding-left:18px;line-height:18px;width:180px;font-weight:bold;} #homepageE #pod_cash_loan p {color:#49aadc;margin:0px;font-weight:bold;padding:5px 16px;font-size:13px;} #homepageE #pod_need_help h3 {padding:10px 0 0 16px;color:#094198;font-size:16px;margin-top:0px;} #homepageE #pod_need_help p {font-size:14px;color:#333;padding:0 0 0 16px;margin:0px;} #homepageE #pod_need_help p span{color:#49aadc;font-size:18px;display:block;padding:10px 0 20px 0;} #homepageE #pod_need_help p a {text-decoration:underline;} #homepageE .moreInfo {text-indent:-100000px;overflow:hidden;position:absolute;bottom:10px;left:10px;background:url(../images/homepage/button_more_info.gif) no-repeat top left;width:117px;height:24px;} #homepageE .getStarted {text-indent:-100000px;overflow:hidden;position:absolute;bottom:10px;left:10px;background:url(../images/homepage/button_get_started.gif) no-repeat top left;width:118px;height:24px;} /******************** ALTERNATIVE SLIDER ********************/ #right .SliderFormSmall { font-weight:bold;margin-top:10px;background:url(../images/homepage/sliderAreaBackgroundSmall.gif) no-repeat top left;height:301px;position:relative;} #homepageA #right .SliderFormSmall { margin-top:0px;background:url(../images/homepage/sliderAreaBackgroundSmallV2.gif) no-repeat top left;height:379px;} #right .SliderFormSmall h3 { margin:0px;line-height:34px;color:#fff;padding:0 10px;font-size:1.4em;} #right .SliderFormSmall label { line-height:33px; } #right .SliderFormSmall .radioRow { height:33px;} #right .SliderFormSmall .radioRow label {color: rgb(149, 148, 148);} #right .SliderFormSmall .radioRow label.labelOn {color: #333;} #right .SliderFormSmall label img { margin:0 5px 0 10px;} #right .SliderFormSmall select { margin:0 0 5px 3px;width:210px;display:none;} #right .SliderFormSmall .sliderArea { height:59px;width:auto;padding:0 0 0 5px;} #homepageA #right .SliderFormSmall .sliderArea { height:55px;margin-top:10px;} #right .SliderFormSmall .sliderArea p { margin:0 0 7px 0;padding-top:7px;} #right .SliderFormSmall .sliderArea span { font-weight:normal;} #right .SliderFormSmall .sliderArea .sliderControl { margin-top:3px;} #right .SliderFormSmall .sliderArea .sliderControl .sliderBackground { position:relative;float:left;width:147px;height:21px;background:transparent url('../images/homepage/sliderBackgroundShort.gif') no-repeat left center; } #right .SliderFormSmall .sliderArea .sliderControl .sliderForeground { position:absolute;top:0px;left:0px;height:21px;background:transparent url('../images/homepage/sliderForegroundShort.gif') no-repeat left center; } #right .SliderFormSmall .sliderArea .sliderControl .sliderNob { cursor:pointer;position:absolute;background:transparent url('../images/homepage/sliderKnob.gif') no-repeat top left;width:38px;height:21px;top:0;left:0;} #right .SliderFormSmall .sliderArea .sliderControl .sliderBack { position:relative;height:21px;background:transparent;} #right .SliderFormSmall .sliderArea .sliderControl .minus { display:block;float:left;width:17px;margin:2px 6px 0 0;height:17px;background:transparent url('../images/homepage/sliderMinus.gif') no-repeat top left;} #right .SliderFormSmall .sliderArea .sliderControl .plus { display:block;float:left;width:17px;margin:2px 8px 0 6px;height:17px;background:transparent url('../images/homepage/sliderPlus.gif') no-repeat top left;} #right .SliderFormSmall .sliderArea select { width:60px;z-index:999999;position:relative;float:none;padding:2px;margin:0px;float:none;margin-right:0px;} #right .SliderFormSmall #repayInfo { font-size:1.05em;color:#0d439b;font-weight:bold;padding-top:10px;} #right .SliderFormSmall #repayInfo p { margin-bottom:0px;color:#666666;font-size:14px;} #right .SliderFormSmall #repayInfo .weekly { } #right .SliderFormSmall #repayInfo .resultWeekly, #right .SliderFormSmall #repayInfo .resultAmount, #right .SliderFormSmall #repayInfo .resultPayback { color:#e73032;} #right .SliderFormSmall #repayInfo .apr { font-size:1em;} #right .SliderFormSmall #resultArea { height:65px;margin:5px 10px 0;overflow:hidden;width:auto; } #homepageA #right .SliderFormSmall #resultArea { margin:25px 20px 0;line-height:20px;height:auto;} #right .SliderFormSmall .calculateBtn { float:right;} #right .SliderFormSmall #newCustomer, #right .SliderFormSmall #existingCustomer { width:20px;border:0px;} #right .SliderFormSmall #noSubmitSpan { display:none;} #right .SliderFormSmall .continue { position:absolute;left:9px;bottom:10px;width:271px;height:39px;text-indent:-1000000px;overflow:hidden;} #left .SliderFormSmall { display:inline;font-weight:bold;margin-left:60px;background:url(../images/homepage/sliderAreaBackgroundBig.gif) no-repeat top left;height:216px;width:583px;float:left;position:relative;z-index:10000000;} #left .SliderFormSmall h3 { margin:0 20px 0 0;line-height:34px;color:#fff;padding:0 10px;font-size:1.4em;visibility:hidden;float:left;} #left .SliderFormSmall label { display:block;float:left;padding-top:10px; } #left .SliderFormSmall .radioRow { height:33px;font-weight:normal;margin-bottom:10px;} #left .SliderFormSmall .radioRow label {color: #fff;} #left .SliderFormSmall .radioRow label.labelOn {color: #fff;} #left .SliderFormSmall label img { margin:0 5px 0 10px;} #left .SliderFormSmall select { margin:0 0 5px 3px;width:210px;display:none;} #left .SliderFormSmall .sliderArea { height:59px;width:auto;padding:0 0 0 12px;} #left .SliderFormSmall .sliderArea p { margin:0 0 7px 0;padding-top:7px;} #left .SliderFormSmall .sliderArea span { font-weight:normal;} #left .SliderFormSmall .sliderArea .sliderControl { margin-top:3px;float:left;} #left .SliderFormSmall .sliderArea .sliderControl .sliderBackground { position:relative;float:left;width:257px;height:21px;background:transparent url('../images/homepage/sliderBackgroundLong.gif') no-repeat left center; } #left .SliderFormSmall .sliderArea .sliderControl .sliderForeground { position:absolute;top:0px;left:0px;height:21px;background:transparent url('../images/homepage/sliderForegroundLong.gif') no-repeat left center; } #left .SliderFormSmall .sliderArea .sliderControl .sliderNob { cursor:pointer;position:absolute;background:transparent url('../images/homepage/sliderKnob.gif') no-repeat top left;width:38px;height:21px;top:0;left:0;} #left .SliderFormSmall .sliderArea .sliderControl .sliderBack { position:relative;height:21px;background:transparent;} #left .SliderFormSmall .sliderArea .sliderControl .minus { display:block;float:left;width:17px;margin:2px 6px 0 0;height:17px;background:transparent url('../images/homepage/sliderMinus.gif') no-repeat top left;} #left .SliderFormSmall .sliderArea .sliderControl .plus { display:block;float:left;width:17px;margin:2px 8px 0 6px;height:17px;background:transparent url('../images/homepage/sliderPlus.gif') no-repeat top left;} #left .SliderFormSmall .sliderArea select { width:60px;z-index:999999;position:relative;float:none;padding:2px;margin:0px;float:none;margin-right:0px;} #left .SliderFormSmall #repayInfo { font-size:1.05em;color:#0d439b;font-weight:bold;padding-top:10px;} #left .SliderFormSmall #repayInfo p { margin-bottom:22px;color:#666666;font-size:15px;} #left .SliderFormSmall #repayInfo .weekly { } #left .SliderFormSmall #repayInfo .resultWeekly, #left .SliderFormSmall #repayInfo .resultAmount, #left .SliderFormSmall #repayInfo .resultPayback { color:#e73032;} #left .SliderFormSmall #repayInfo .apr { font-size:1em;} #left .SliderFormSmall #resultArea { position:absolute;left:400px;top:57px;width:165px;height:auto; } #left .SliderFormSmall .calculateBtn { float:right;} #left .SliderFormSmall #newCustomer, #left .SliderFormSmall #existingCustomer { width:20px;border:0px;} #left .SliderFormSmall #noSubmitSpan { display:none;} #left .SliderFormSmall .continue { position:absolute;right:6px;bottom:10px;width:205px;height:30px;text-indent:-1000000px;overflow:hidden;} .sliderDropdown {position:relative;float:left;font-size:1.3em;} .sliderDropdown dt {cursor:pointer;background:transparent url(../images/homepage/sliderDropDown.gif) no-repeat 0 0;width:73px;height:24px;color:#094198;font-size:12px;z-index:100;} .sliderDropdown dt span {padding:5px 0 0 6px;display:block;} .sliderDropdown dd {position:absolute;left:0px;margin:0px;z-index:1000000;overflow-x:hidden;overflow-y:auto;border:1px solid #d0d0d0;} .sliderDropdown ul {padding:0px;margin:0px;width:73px;background:#fff;z-index:1000000;line-height:24px;color:#094198;overflow-x:hidden;overflow-y:auto;} div.twoColLeft div#left .sliderDropdown ul {margin:0px;} .sliderDropdown ul li {list-style-type:none;cursor:pointer;padding:2px 2px 2px 10px;z-index:1000000;} .sliderDropdown ul li.hover {background:#d0d0d0;} .sliderDropdown li.selected {background:#eee;} /*---------------------------- BREADCRUMB AREA ------------------------------ --------------------------------------------------------------------------------------*/ ul#breadCrumb {margin:10px auto 0;*margin-top:0px;font-size:1.1em;width:955px;padding-left:10px;} ul#breadCrumb * {} ul#breadCrumb li {float:left; margin:0 0 0 0;} ul#breadCrumb li a {color:#e33033; text-decoration:underline;} ul#breadCrumb li.active a {color:#0b4396; text-decoration:none;} /*---------------------------- CONTAINER AREA ------------------------------ --------------------------------------------------------------------------------------*/ div#mainContent {width:955px; margin:10px auto 0; font-size:1.2em;} div#mainContent2 {width:955px; margin:10px auto 0; } div.applyNowTop {padding:10px 220px 0 0;font-size:1.2em;} div.threeCol div#threeColwrapper {width:660px; float:left; } div.threeCol div#left {float:left; width:200px; margin:0 10px 0 0;} div.threeCol div#centre {float:left; width:445px;} div.threeCol div#centre ul {list-style-type:disc;margin:0 0 10px 20px; } div.threeCol div#right {float:right; width:286px;} div.twoColLeft div#left {float:left; width:654px; position:relative; margin:0 10px 0 0;} div.twoColLeft div#left ul {list-style-type:disc;margin:0 0 10px 20px; } div.twoColLeft div#right {float:right; width:286px;} div.twoColRight div#left {float:left; width:200px; margin:0 10px 0 0;} div.twoColRight div#right {float:right; width:744px;} div.twoColRight div#right ul {list-style-type:disc;margin:0 0 10px 20px; } div.twoColRight div#right ol {list-style:decimal;margin:0 0 0px 20px; } div.twoColRight div#right ol li {margin:0 0 10px 0;padding:0; } /*---------------------------- LEFT CONTAINER GENERIC/CROSS COLUMN INFO ------------------------------ --------------------------------------------------------------------------------------*/ div#left div.leftMenu { background-color:#f5f3f4; margin:0 0 10px; width:180px; padding:10px; position:relative;} div#left div.leftMenu ul li ul.subMenu li a { color:#928080; font-size:0.9em; font-weight:700; text-decoration:none;} div#left div.leftMenu ul li ul.subMenu li a:focus,div#left div.leftMenu ul li ul.subMenu li a:hover { text-decoration:underline;} div#left div.leftMenu ul li ul.subMenu li { border:0px;} div#left div.leftMenu ul li { margin:0; padding:0px; padding:10px 0 10px 10px; border-bottom:1px solid #fff;} div#left div.leftMenu ul li a { color:#13459a; font-size:1.1em; font-weight:700; text-decoration:none; display:block;} div#left div.leftMenu ul li a.active { color:#928080;} div#left div.leftMenu ul li a:focus,div#left div.leftMenu ul li a:hover {text-decoration:underline;} div#left div.leftMenu div.top { width:200px; background:#f5f3f4 url('../images/topCurve.gif') no-repeat; position:absolute;left:0;top:-2px; height:12px;} div#left div.leftMenu div.bottom { width:200px; background:#f5f3f4 url('../images/bottomCurve_leftContainer.gif') no-repeat 0 100%; position:absolute; left:0; bottom:-2px; height:12px;} div#left div.leftMenu a.redBtn { background:url('../images/redBtn.gif') no-repeat; width:174px; height:32px; display:block; color:#fff; text-decoration:none; text-align:center; padding:6px 0 0;} div#loanInfo { width:654px; clear:both; border-top:1px solid #c6bebc; margin:10px 0 0; padding:10px 0 0; display:inline-block; position:relative;} div#loanInfo img { float:left; margin:0 20px 0 0;} div#loanInfo img.visaBanner { float:right; margin:0;} div#loanInfo div.info { width:240px; float:left; margin:0 0 0 10px;font-size:1.1em;} div#loanInfo div.w490 { width:490px;} div#loanInfo div.info a { color:#000; text-decoration:none;} div#loanInfo div.info a:hover { text-decoration:underline;} div#loanInfo div.info p { margin:10px 0px 0px 0px;} div#loanInfoV2 {float:left;} div#loanInfoV2 .info {float:left;width:150px;color:#000;padding:0px 10px;font-size:1.1em;} div#loanInfoV2 img {float:left;} /*---------------------------- RIGHT CONTAINER GENERIC/CROSS COLUMN INFO ------------------------------ --------------------------------------------------------------------------------------*/ div#right div#loanExample { background:#e8e4e3 url('../images/loanExampleBottom.gif') no-repeat bottom left; width:286px; margin-bottom:7px;} div#right div#loanExampleTop { background:#e8e4e3 url('../images/loanExampleTop.gif') no-repeat top left; width:286px; height:10px;} div#right div#loanExample h3{ font-size:12px; font-weight:normal; margin-bottom:0; margin-top:-2px; padding-top:0; margin-left:11px; width:255px; line-height:1.1em;} div#right div#loanExample p{ padding-bottom:8px; margin:0 0 0 11px; width:255px;} div#right div#loanExample span{ clear:left; display:block; font-size:22px; margin-top:2px;} div#right div#quickForm { margin-bottom:6px; height:270px; overflow:hidden; } div#right div#quickForm2 { margin:0 0 10px; overflow:hidden; } div#right div#quickForm h3, div#right div#quickForm2 h3 { background:#e8e4e3 url('../images/quickForm_header.gif') no-repeat; font-weight:400; font-size:1.5em; height:33px; color:#fff; padding:5px 0 0 10px; margin:0px;} div#right div#quickForm div.appForm { background-color:#e8e4e3; width:286px; padding:6px 0 0;} div#right div#quickForm div.appForm label { width:100px; margin:0 0 0 10px;} div#right div#quickForm div.appForm input.submit { border:0; background:url('../images/nextBtn.gif') no-repeat; height:44px; width:286px; cursor:pointer; text-indent:-99999em; line-height:5; display:block;} div#right div#quickForm div.appForm input.apply { border:0; background:url('../images/nextBtn.gif') no-repeat; height:44px; width:286px; cursor:pointer; text-indent:-99999em; line-height:5; display:block;} div#right div#quickForm div.appForm input.submit:focus,div#right div#quickForm form input.submit:hover { background-position:0 -44px;} div#right div.genericRightBox { background-color:#e8e4e3; margin:0px 0px 7px 0px;clear:left;} div#right div.genericRightBox p {padding:10px 10px 0px 10px; display:inline-block;} div#right div.genericRightBox h3 { background:url('../images/needHelp_header.gif') no-repeat;width:276px; height:33px; font-weight:400; font-size:1.5em; height:33px; color:#fff; padding:5px 0 0 10px;margin:0px;} div#right div.genericRightBox a.apply { border:0; background:url('../images/rightBoxApplyNow.gif') no-repeat; height:44px; width:286px; cursor:pointer; text-indent:-99999em; line-height:5; display:block;} div#right span a.viewMore { background:url('../images/viewMoreBtn.gif') no-repeat; width:170px; height:27px; display:block; font-size:1em; color:#e73032; padding:2px 0px 0px 10px; margin:0px 0px 0px 10px; text-decoration:none; } div#right div#needHelp { background:url('../images/needHelp_customerLady2.gif') no-repeat 0 44px; background-color:#e8e4e3; position:relative; margin:0px 0px 7px 0px; padding-top:0;} div#right div.content { background-color:#e8e4e3; position:relative; padding:10px;} div#right div.content ul li {list-style-type :disc; list-style:inside; padding:0px 10px 0px 10px; margin:0px 0px 10px 0px; } div#right div.bottomCurve { background:url('../images/bottomCurve.gif') no-repeat 0 100%; width:286px; height:18px; bottom:0;} .needHelpLinks {position:relative;top:0;margin-left:20px;line-height:17px;overflow:hidden; } .needHelpLinks h4 {margin:0px;padding:0px;} .needHelpLinks p {line-height:19px;} div#right div#needHelp h3 { background:url('../images/needHelp_header.gif') no-repeat; height:33px; font-weight:400; font-size:1.5em; height:33px; color:#fff; padding:5px 0 0 10px; margin:0;} div#right div#needHelp span.speechBubble { width:286px; height:52px; display:block;} div#right div#needHelp span.speechBubble span {margin:17px 0 0 30px; float:left;} div#right div#needHelp span.speechBubble span a {color:#e62f33; font-size:1.2em; margin: 0 0 10px;} div#right div#needHelp a {text-decoration:underline; color:#000; margin:0;} div#right div#needHelp a:hover {color:#e71c20;} div#right div.genericRightBox cite {padding:10px 0px 0px 10px; display:block;} /*---------------------------- SPECIFIC HOMEPAGE STYLES ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ h1#h1hidden {visibility:hidden;} div#homepageUpperLeft {position:relative;height:352px;overflow:hidden;} div#left a.applyNow { background:url('../images/applyNow_btn.gif') no-repeat; width:230px; height:67px; text-indent:-9999em; position:absolute; top:0px; right:0px;} div#left h1.applyInMinutes { width:388px; height:50px; display:block; float:left; margin:10px 0 40px;} div#left span.happyCouple { float:left;} div#left span.happyCouple p { margin:0px;} div#left ul.reasonsWhy {float:left;} div#left ul.reasonsWhy li {margin:0 0 20px;} div#left ul.reasonsWhy li span.red {font-size:1.8em; color:#e73032;} div#left div.loanExample {float:left;} #how_it_works {width:653px;height:115px;clear:both;position:relative;} div#left ol#applyNowList {position:absolute;top:0;left:0px;} div#left ol#applyNowList li {float:left; text-indent:-99999em;} div#left ol#applyNowList li.stepOne { background:url('../images/stepOne.gif') no-repeat; width:137px; height:67px;} div#left ol#applyNowList li.stepTwo { background:url('../images/stepTwo.gif') no-repeat; width:141px; height:67px;} div#left ol#applyNowList li.stepThree { background:url('../images/stepThree.gif') no-repeat; width:141px; height:67px;} div#left div#visaBanner {overflow:hidden;position:absolute;top:24px;right:0px;width:233px; height:150px;color:#e73032;background:url('../images/visaBanner.gif') no-repeat;} div#left div#visaBanner h3 {font-size:1.2em; padding:0px; margin:0px 0px 10px 0px; clear:both;} div#left div#visaBanner span {font-size:1.1em; color:#948787; } div#left div#visaBanner span.red {color:#e73032;} div#left div#visaBanner img {float:left; margin:10px 0px 0px 0px;} div#left div#visaBanner a {float:right; color:#e73032; margin:20px 20px 0px 0px;} div.banner-1, div.banner-2, div.banner-3 {padding:10px; clear:both; float:right; height:155px; width:213px; margin:0px 0px 0px 0px;} div.banner-1 h3, div.banner-2 h3, div.banner-3 h3 {background-color:#fff; } img#stepRed1 {position:absolute; left:0; top:0px; z-index:9999; display:none;} img#stepRed2 {position:absolute; left:137px; top:0px; z-index:9999; display:none;} img#stepRed3 {position:absolute; left:278px; top:0px; z-index:9999; display:none;} /*---------------------------- SPECIFIC ABOUT PAGE STYLES ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ div#left div.quoteArea { position:relative; width:429px; margin:30px 0 40px;float:left;} div#left div.quoteArea div.q-Open {background:url('../images/quote-open.gif') no-repeat;z-index:9999;width:50px;height:47px;position:absolute;top:-25px;} div#left div.quoteArea div.q-Closed {background:url('../images/quote-closed.gif') no-repeat;z-index:9999;width:33px;height:31px;position:absolute;right:0;bottom:-25px;} div#left div.quoteArea blockquote {background-color:#f6f4f4;width:390px;padding:20px;} div#left div.quoteArea blockquote span.customerName {color:#094299;display:block;margin:10px 0 0;} div#left div.quoteArea div.Q-top {background:url('../images/quote-top.gif') no-repeat;height:20px;width:429px;} div#left div.quoteArea div.Q-bottom {background:url('../images/quote-bottom.gif') no-repeat;height:21px;width:429px;} /*---------------------------- SPECIFIC PRODUCTS PAGE STYLES ( threeCol ) ------------------------------ --------------------------------------------------------------------------------------*/ div.greyBoxProducts {width:430px; padding:10px; background-color:#e8e4e3; z-index:0; position:relative; float:left; margin:0px 0px 10px 0px;overflow:hidden;} div.contentProducts {position:relative; width:410px; padding:10px; background-color:#FFF;overflow:hidden; } div.contentProducts img {float:right;margin:0 0 0 10px;} div.contentProducts h2 {font-size:16px;margin:10px 0;font-weight:bold;} div.contentProducts h2 a {color:#000;text-decoration:none;} div.contentProducts h2 a:hover {text-decoration:underline;} div.contentProducts span a {background:url('../images/findOutMoreBtn.gif') no-repeat;width:168px;height:23px;display:block;font-size:1em;color:#e73032;padding:0px 0px 0px 10px;text-decoration:none;} div.contentProducts .product_box_copy { } div.contentProducts .product_box_image p { margin:0px;padding:0px; } div.contentProducts div.whiteBoxBottomLeft {bottom:-1px;} div.contentProducts div.whiteBoxBottomRight {bottom:-1px;} div.greyBoxProducts div.greyBoxBottomLeft {bottom:-1px;} div.greyBoxProducts div.greyBoxBottomRight {bottom:-1px;} /*---------------------------- WHAT OUR CUSTOMERS THINK ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ div#left div.quoteCustomersThink { position:relative;width:429px;margin:30px 0 40px;font-size:1.4em;float:left;} div#left div.quoteAreaLarge {position:relative; width:630px; margin:40px 0px 0px 0px;} div#left div.quoteAreaLarge span.customerName { font-size:1em;color:#094299;display:block;margin:10px 0 0;} div#left div.quoteAreaLarge div.q-Open {background:url('../images/quote-open.gif') no-repeat;z-index:9999;width:50px;height:47px;position:absolute;top:-25px;} div#left div.quoteAreaLarge div.q-Closed {background:url('../images/quote-closed.gif') no-repeat;z-index:9999;width:33px;height:31px;position:absolute;right:0;bottom:0px;} div#left div.quoteAreaLarge blockquote {background-color:#f6f4f4;width:590px;padding:20px;} div#left div.quoteAreaLarge div.Q-top {background:url('../images/quote-topLarge.gif') no-repeat;height:20px;width:630px;} div#left div.quoteAreaLarge div.Q-bottom {background:url('../images/quote-bottomLarge.gif') no-repeat;height:21px;width:630px;} /*---------------------------- HOW IT WORKS PAGE STYLE ( threeCol ) ------------------------------ --------------------------------------------------------------------------------------*/ div.greyBoxHowItWorks {width:430px; padding:10px; background-color:#e8e4e3; z-index:0; position:relative; float:left; margin:0px 0px 10px 0px;overflow:hidden;} div.contentHowItWorks {position:relative; width:410px; padding:10px; background-color:#FFF;overflow:hidden;} div.contentHowItWorks h2 {font-size:16px;line-height:30px;font-weight:bold;} div.contentHowItWorks h2 a {text-decoration:none;color:#000;} div.contentHowItWorks h2 a:hover {text-decoration:underline;} div.contentHowItWorks span.num {color:#e72f31; float:left;font-size:30px; margin:0px 10px 0px 0px;} div.contentHowItWorks .product_box_copy { width:280px; } div.contentHowItWorks img {position:absolute; bottom:0px; right:20px; z-index:9999;} div.contentHowItWorks div.whiteBoxBottomLeft {bottom:-1px;} div.contentHowItWorks div.whiteBoxBottomRight {bottom:-1px;} div.greyBoxHowItWorks div.greyBoxBottomLeft {bottom:-1px;} div.greyBoxHowItWorks div.greyBoxBottomRight {bottom:-1px;} /*---------------------------- RETAILERS PAGE STYLES ( threeCol ) ------------------------------ --------------------------------------------------------------------------------------*/ div.greyBoxRetailers {width:430px;*width:420px; padding:10px; background-color:#e8e4e3; z-index:0; position:relative; float:left; margin:0px 0px 10px 0px;} div.contentRetailers { position:relative;width:410px;*width:400px; padding:10px; background-color:#FFF; } div#centre div.greyBoxRetailers, div#centre div.contentRetailers {min-height:380px; height:auto !important; height:380px;} div.greyBoxRetailers a.downloadPDF {background:url('../images/downloadList.gif') no-repeat; float:left; display:block; width:139px; height:26px; text-indent:-999999em; margin:10px 0px 0px 0px; line-height:5;} div.greyBoxRetailers p { margin:13px 10px 0px 0px; float:left; font-size:0.8em;} /*---------------------------- FAQ PAGE STYLES ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ div.threeCol div#centre ol#faqList {list-style:decimal; font-weight:normal; list-style-position:outside;background-color:#f6f4f5;padding-left:30px;} div.threeCol div#centre ol#faqList li {padding:10px; background-color:#f6f4f5; } div.threeCol div#centre ol#faqList li a {color:#000;} div.threeCol div#centre ol#faqList li div.faqDiv {width:360px;} div.threeCol div#centre ol#faqList li div.faqDiv p {display:block;} div.threeCol div#centre ol#faqList li ul { width:380px;list-style-type:none; margin:0; } div.threeCol div#centre ol#faqList li ul li {} div.threeCol div#centre ol#faqList li {margin:0px;padding:10px;} div.threeCol div#centre ol#faqList li ul li {margin:10px 0px 0px 0; background-color:#fff;list-style-type:none} div.threeCol div#centre ol#faqList li ul li ul {display:block;list-style-type:disc;padding-left:20px;width:320px;} div.threeCol div#centre ol#faqList li ul li ul li {list-style-type:disc;padding:0;} /*---------------------------- credit rating ---------------------------------- -------------------------------------------------------------------------------*/ #experian {margin:10px 0 20px 0;width:445px;} #experian .formRow {margin-bottom:5px;} #experian .formRow a.experianprivacy {margin-left:120px;} #experian .formRow input {width:240px;} #experian .formRow label {float:left;display:block;width:120px;color:#0099CC;} #experian a {color:#0099CC;} /*---------------------------- SPECIFIC FORM PAGE STYLES ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ div.greyBoxForm{background-color:#e8e4e3; z-index:0; position:relative; margin:0px 0px 10px 0px;padding-top:10px;} .twoColLeft div.greyBoxForm{width:645px;} .threeCol #centre div.greyBoxForm{width:445px;} .twoColLeft .contactUs {padding-top:10px;} div.greyBoxForm h3 {padding:0 10px 0 10px;} div.contentForm { position:relative; padding:10px; background-color:#FFF; margin:0px 10px 10px 10px; display:inline-block;} div.contentForm textarea {width:607px; margin:0px 0px 10px 0px;} div.errorField {display:block; clear:both; width:450px; background-color:#fff4f4; padding:10px; margin:20px 0px 20px 0px;} div.errorField span.error {clear:both; width:300px;background:url('../images/cross_icon.gif') no-repeat left 2px; display:block; color:#e55758; font-size:0.9em; font-weight:bold; padding:0px 0px 3px 18px; } div.errorSummary {display:block; clear:both; width:450px; background-color:#fff4f4;} div.twoColLeft div#left div.errorSummary ul {list-style-type:none;} div.errorSummary ul {padding:10px 20px;list-style-type:none;} div.errorSummary li {clear:both; width:300px;background:url('../images/cross_icon.gif') no-repeat left 2px; display:block; color:#e55758; font-size:0.9em; font-weight:bold; padding:0px 0px 3px 18px; } /*---------------------------- Slider formatting ------------------------------ --------------------------------------------------------------------------------------*/ div.sliderform {font-weight:bold;margin-top:10px;} div.sliderform h3 {margin-top:0px;} div.sliderform label.labelRow {padding:0px;display:block;width:400px;margin:15px 0 5px 3px;} div.sliderform select {margin:0 0 5px 3px;width:210px;} .sliderArea { width:405px;} .sliderArea p { margin:0 0 15px 3px;padding-top:11px;} .sliderArea span { font-weight:normal;} .sliderArea .sliderControl { } .sliderArea .sliderControl .sliderBackground { position:relative;float:left;width:216px;height:24px;background:transparent url('../images/loanCalculatorSliderBG.gif') no-repeat top left; } .sliderArea .sliderControl .sliderForeground { position:absolute;top:0px;left:0px;height:24px;background:transparent url('../images/loanCalculatorSliderBGBlue.gif') no-repeat top left; } .sliderArea .sliderControl .sliderNob { cursor:pointer;position:absolute;background:transparent url('../images/loanCalculatorSliderNob.png') no-repeat top left;width:18px;height:18px;top:3px;left:3px;} .sliderArea .sliderControl .sliderBack { position:relative;height:24px;background:transparent;} .sliderArea .sliderControl .minus { display:block;float:left;width:26px;margin:0 6px 0 0;height:24px;background:transparent url('../images/loanCalculatorMinus.gif') no-repeat top left;} .sliderArea .sliderControl .plus { display:block;float:left;width:26px;margin:0 8px 0 6px;height:24px;background:transparent url('../images/loanCalculatorPlus.gif') no-repeat top left;} div.contentForm .sliderArea select { width:60px;z-index:999999;position:relative;float:none;padding:2px;margin:0px;float:none;margin-right:0px;} #repayInfo {font-size:1.05em;color:#0d439b;font-weight:bold;} #repayInfo .apr { font-size:1.2em;} #resultArea { height:40px;width:405px;margin:0px 10px 10px 10px;overflow:hidden; } #resultArea p.repayLeft { float:left;margin:0 5px 0 0;} #resultArea p.repayRight{ width:180px;float:left;margin:1px 0 0 0;} #resultArea p.noProduct {line-height:40px;} .calculateBtn {float:right;} #newCustomer, #existingCustomer {width:20px;border:0px;} #noSubmitSpan {display:none;} /************************************** general **************************************/ div.fader {position:absolute;display:block;background:#E8E4E3; -moz-opacity:.50; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); opacity:.50;} img.loading {position:absolute;display:block;} .formSpacer {width:605px;height:1px;} .applyForm2 {min-height:300px;} div.contentForm div.applyForm3 {position:relative;} div.contentForm div.applyForm3 div.formRow label {width:200px;} div.contentForm div.applyForm4 {width:605px;} div.contentForm div.applyForm4 h3,div.contentForm div.applyForm4 h4 {font-weight:normal;font-size:1em;} .skipLink a {margin-left:260px;} div#applyNowHeader { margin:0 auto;width:955px;} div#applyNow { clear:both; display:block; float:left; margin:15px 0 0; position:relative; padding:0 0 0;} div#applyNow ol {text-indent:-9999em; height:41px; width:955px; border-bottom:1px solid #e73032;} div#applyNow ol li {float:left;} div#applyNow img.secureForm {position:absolute; top:-74px; right:100px;} div#applyNow img.ccaForm {position:absolute; top:-50px; right:0;} div#applyNow ol li.stepOne { text-indent:-9999em; height:41px; width:654px; background:url('../images/stepOneForm.gif') no-repeat;} div#applyNow ol li.stepTwo { text-indent:-9999em; height:41px; width:654px; background:url('../images/stepTwoForm.gif') no-repeat;} div#applyNow ol li.stepThree { text-indent:-9999em; height:41px; width:654px; background:url('../images/stepThreeForm.gif') no-repeat;} div#applyNow ol li.stepFour { text-indent:-9999em; height:41px; width:654px; background:url('../images/stepFourThankYou.gif') no-repeat;} div#applyNow ol li.stepFour { background:url('../images/stepFourThankYou.gif') no-repeat; width:193px; height:41px;} .nextSubmitBtn { background:url('../images/nextPageBtnForm.gif') no-repeat; width:177px; height:47px; border:0; float:right; margin:0 5px 0 0; text-indent:-99999em; cursor:pointer; line-height:5;} .selectAddress {margin:5px 0 0 10px;} .selectAddress select {width:430px;} div.contentForm input.applyContinueBtn { float:right;cursor:pointer;font-size:99999px;overflow:hidden;text-indent:-99999px;height:44px;width:176px;border:0px;padding:0px;margin:0 130px 0 0;background:transparent url('../images/applyContinueBtn.gif') no-repeat top left; } div.contentForm input.applyCancelBtn { float:left;cursor:pointer;font-size:99999px;overflow:hidden;text-indent:-99999px;height:44px;width:176px;border:0px;padding:0px;margin:0px;background:transparent url('../images/applyCancelBtn.gif') no-repeat top left; } div.contentForm div.appForm input.applySubmitBtn { background:url('../images/applyNowBtn.gif') no-repeat; width:302px; height:49px; border:0; float:left; margin:20px 0px 0px 310px; text-indent:-99999em; cursor:pointer; line-height:5; clear:both;} div.contentForm div.appForm img.stepOneLady, div.contentForm div.appForm img.stepTwoLady { position:absolute; right:10px; } div.contentForm div.appForm img.stepThreeLady { position:absolute; top:10px;right:10px; } div.contentForm input { border-top:1px solid #a9adb0; border-left:1px solid #cccacb; border-bottom:1px solid #e2e9ef; color:#0d439b; padding:5px 0 5px 5px; width:170px; float:left; position:relative; z-index:2;} div.contentForm select { border-top:1px solid #a9adb0; border-left:1px solid #cccacb; border-bottom:1px solid #e2e9ef; margin:5px 5px 5px 0; position:relative; z-index:2;} div.contentForm .normalSelect {width:170px;} div.contentForm input.checkbox,div.contentForm .checkbox input { border:0px;width:20px;margin-right:10px; } div.contentForm .checkbox label {width:430px;line-height:20px;} div.contentForm label { float:left; width:250px; position:relative; z-index:2; padding:5px 0 0 10px;} div.contentForm label.long{ width:600px;float:none;} div.contentForm div.formRow { margin:5px 0; display:inline; float:left; width:480px; padding:0; position:relative;} div.contentForm .formRowLong { font-weight:bold; width:605px;} div.contentForm div.formRow div.helpContainer {display:inline;} div.contentForm a.helpIcon {cursor:pointer;position:relative;} div.contentForm div.helpMe { position:absolute; z-index:1000; top:-10px; right:90px; color:#fff; padding:14px; font-size:.9em; width:300px; height:auto; border:2px solid #FFF; background-color:#164a9e; display:none;} div.contentForm span a.editBtn { background:url('../images/editBtn.gif') no-repeat; width:128px; height:32px; display:block; float:right; padding:0 10px 0 0; text-indent:-99999em; line-height:5; } div.contentForm input.submitRedBtn { background:url('../images/submitRedBtn.gif') no-repeat; width:177px; height:42px; display:block; float:right; padding:0 10px 0 0; text-indent:-99999em; line-height:5; border:0px; margin:0px 10px 10px 0px; cursor:pointer;} input.registerInterest { background:url('../images/registerInterestBtn.gif') no-repeat; width:158px; height:25px; display:block; float:right; padding:0 10px 0 0; text-indent:-99999em; line-height:5; border:0px; margin:0px 10px 10px 0px; cursor:pointer; position:relative;} .alreadyRegisterd { clear:right; background:url('../images/alreadyRegisteredBtn.gif') no-repeat top right; width:89px; height:25px; display:block; float:right; padding:0 10px 0 0; text-indent:-99999em; line-height:5; border:0px; margin:0 10px 10px 10px; cursor:pointer; position:relative;} div.contentForm div.helpMe div.helpArrow { background:url('../images/helpArrow.gif') no-repeat 100% 0; width:34px; height:42px; left:-34px; top:0; position:absolute;} div.contentForm .nextSubmitBtn { background:url('../images/nextPageBtnForm.gif') no-repeat; width:177px; height:47px; border:0; display:block; margin:20px 0 0 0; text-indent:-99999em; cursor:pointer; line-height:5; float:right;} /*---------------------------- SPECIFIC ACCESSIBILITY PAGE STYLES ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ div.greyBoxAccessibility{width:720px; padding:10px; background-color:#e8e4e3; z-index:0; position:relative; margin:0px 0px 10px 0px;} div.contentAccessibility { position:relative; width:700px; padding:10px; background-color:#FFF; margin:0px 0px 10px 0px; display:inline-block;} div.contentAccessibility ul.accessKey {float:left; margin:10px 0px 0px 10px; width:200px;} ul.list {list-style:disc; padding:0px 0px 0px 20px;} /*---------------------------- SPECIFIC SITEMAP PAGE STYLES ( twoColLeft ) ------------------------------ --------------------------------------------------------------------------------------*/ div.twoColLeft div#left ul.sitemap { width:660px; margin:10px 0 0 0; list-style-type:none; display:inline; } div.twoColLeft div#left ul.sitemap ul { list-style-type:none; margin-left:0; } div.twoColLeft div#left ul.sitemap li { margin-bottom:4px; } div.twoColLeft div#left ul.sitemap ul li a { height:25px; font-weight:bold; } div.twoColLeft div#left ul.sitemap ul li ul li a { height:25px; font-weight:normal; } div.twoColLeft div#left ul.sitemap a { color:#000; text-decoration:none; } div.twoColLeft div#left ul.sitemap a:hover, ul.sitemap a:focus { color:#D02B2D; text-decoration:underline; } div.twoColLeft div#left ul.sitemap li ul.ul1 li ul.ul2 { margin-left:210px; top:-22px; } div.twoColLeft div#left ul.sitemap li ul.ul1 li ul.ul3 { margin-left:210px; top:-14px; } div.twoColLeft div#left ul.sitemap li ul.ul1 li.main { border-top:1px solid #e5e5e5; padding-top:7px; margin-top:7px; } /*---------------------------- FOOTER AREA ------------------------------ --------------------------------------------------------------------------------------*/ div#footer span.copy { float:left; color:#094198;} div#footer { width:955px; margin:10px auto 0; background:url('../images/footer.gif') no-repeat; height:23px; padding:3px; overflow:hidden;} #legal {margin:0px auto; width:955px;} #legalV2 {margin:0px auto; width:955px;color:#999;padding:10px 0;} ul#seolinks { position:absolute; bottom:0px; *bottom:00px; left:0px; margin:0; font-size:1em; clear:both;} ul#seolinks li { float:left; margin:0 10px 0 0;} ul#seolinks li a { text-decoration:none;} ul#seolinks li a:focus, ul#topNav li a:hover{ text-decoration:underline;} div#aboutussurround { width:955px; margin:0px auto;height:90px;position:relative; } div#aboutusfooter { width:955px; margin:0px; float:left; background:url('../images/aboutourloans.gif') no-repeat; height:23px; padding:3px 3px 100px 3px; *padding:3px 3px 30px 3px; clear:both;} div#aboutustextfooter { background: url('../images/Prov_Home_Footer5.gif') no-repeat; color:#fff; margin:0px; width:160px; height:25px; text-align:center; float:left;} div#footer ul {float:right;} div#footer ul li {display:inline; margin:0 10px 0 0;} div#footer ul li.last {display:none;} div#footer ul li a {color:#094198; text-decoration:none;} div#footer ul li a:focus,div#footer ul li a:hover {text-decoration:underline;} /********** Stand alone calc ************/ #loan_calculator_standalone {} #loan_calculator_standalone #calc {height:300px;width:300px;border:1px solid #093D90;background:#fff url(/Resources/images/loancalc_standalone_back.jpg) repeat-x top left;} #loan_calculator_standalone #graphic {float:left;background:#fff url(/Resources/images/loancalc_standalone_graphic.jpg) no-repeat top left;width:127px;height:199px;} #loan_calculator_standalone h1 {margin:0px;height:57px;background:transparent url(/Resources/images/loancalc_standalone_logo.gif) no-repeat 6px 8px;} #loan_calculator_standalone h1 span {line-height:20px;color:#fff;padding:8px 0 0 132px;display:block;} #loan_calculator_standalone #content1, #loan_calculator_standalone #content2 {float:right;width:163px;} #loan_calculator_standalone #content1 #calculate {margin-top:6px;display:block;width:158px;height:28px;background:transparent url(/Resources/images/loancalc_standalone_calculate.gif) no-repeat top left;} #loan_calculator_standalone #content1 h2 {background: transparent url(/Resources/images/loancalc_standalone_bubble.gif) no-repeat top left;width:163px;height:73px;margin:0px;} #loan_calculator_standalone #content1 p {color:#d82a2c;font-size:1.2em;margin-bottom:0px;} #loan_calculator_standalone #content1 label {display:block;font-size:1.2em;margin-top:8px;} #loan_calculator_standalone #content1 select {margin:0 0 0 5px;} #loan_calculator_standalone #content2 {padding-top:15px;} #loan_calculator_standalone #content2 p {color:#494141;font-size:1.2em;margin-bottom:5px;} #loan_calculator_standalone #content2 span {color:#d82a2c;font-weight:bold;} #loan_calculator_standalone #content2 .resultAPR {color:#183c76;font-size:2.4em;font-weight:bold;margin:10px 0;} #loan_calculator_standalone #content2 .resultAPR span{color:#183c76;} #loan_calculator_standalone #content2 #applynow {display:block;background:transparent url(/Resources/images/loancalc_standalone_apply_now.gif) no-repeat top left;height:34px;width:158px;} #loan_calculator_standalone #content2 #recalculate {display:block;background:transparent url(/Resources/images/loancalc_standalone_recalculate.gif) no-repeat top left;height:23px;width:112px;} #loan_calculator_standalone #footnote {color:#fff;clear:both;padding:3px 6px;} /* Love 2 Shop */ #love2shop {position:relative;width:664px; height:599px;background:transparent url('../images/background_love2shop.gif') no-repeat top left;} #love2shop ul {list-style:disc outside;margin:0 0 15px 20px;} #love2shop ul li {} #love2shop .love2shopContent {padding:73px 80px 73px 112px;} #love2shop h2.love2shop {width:396px;height:85px;background:transparent url('../images/title_love2shop.gif') no-repeat top left;} #love2shop a#love2shop_applynow {position:absolute;bottom:30px;left:110px;width:466px;height:62px;background:transparent url('../images/button_apply_now_purple.gif') no-repeat top left;} div#right #love2shop_pod {width:286px;background:transparent url('../images/background_love2shop_pod.gif') no-repeat top left;} div#right #love2shop_pod h3 {color:#fff;margin:0px;padding:7px 0 25px 10px;font-size:1.3em;} div#right #love2shop_pod p {margin:5px 20px 25px 20px;padding:0 0 0 10px;} div#right #love2shop_pod img {margin-left:30px;} div#right #love2shop_pod .bottomCurve {height:112px;width:286px;background:transparent url('../images/background_love2shop_pod_bottom.gif') no-repeat top left;} /************ Hampers ****************/ #hampersBackground {width:651px;height:440px;background:transparent url(../images/hampers_main_back.gif) no-repeat top left;} .hampersContent {height:379px;width:355px;margin:0 0 0 37px;padding-top:34px;font-size:12px;} .hampersContent a {text-decoration:underline;} .hampersContent h1 {color:#323b90;font-size:1.8em;font-style:italic;font-weight:bold;} .hampersContent a.bookmark {background:transparent url(../images/btn_bookmark_this_page.gif) no-repeat top left;display:block;float:left;height:28px;width:150px;} .hampersContent a.hamper {background:transparent url(../images/btn_view_hamper_brochure.gif) no-repeat top left;display:block;float:left;height:28px;width:150px;margin-left:15px;text-indent:-100000px;} .hampersContent a span {display:none;} #christmas_cta {padding:10px 0;} .hamper_compare {padding-top:10px;border-top:1px solid #c6bebe;} .hamper_compare a {color:#000000;} div#right .hampers_pod {width:286px;background:transparent url('../images/background_love2shop_pod.gif') no-repeat top left;} div#right .hampers_pod_content {padding:0 10px;} div#right .hampers_pod ol {list-style-type:decimal;margin:0 10px 0 30px;} div#right .hampers_pod ul {list-style-type:disc;margin:0 10px 0 30px;} div#right .hampers_pod li {padding:2px 0 10px 0;} div#right .hampers_pod p {margin:0 10px;} div#right .hampers_pod h3 {color:#fff;margin:0px;padding:7px 0 25px 10px;font-size:1.3em;} div#right .hampers_pod .bottomCurve {height:19px;width:286px;background:transparent url('../images/hampers_pod_bottom.gif') no-repeat top left;} .hamper_cca img {float:left;margin-right:20px;} .hamper_cca {overflow:hidden;margin:15px 0;} .hamper_cca p {padding:5px 0 5px 0;margin:0px;} .hamper_cca a {display:block;} /** Content 04 (Hampers product page) **/ #col2Pods {float:right;} #col2Pods div.greyBoxProducts {float:none;padding:10px;width:724px;background-color:#e8e4e3; z-index:0; position:relative; margin:0px 0px 10px 0px;overflow:hidden;} div#centreNarrow {float:left;width:415px;} div#centreNarrow .callus {font-weight:bold;} div#centreNarrow .callus strong {display:block;font-size:3em;} div#centreNarrow .callus span {color:#da3038;} div#rightWide {float:right;width:306px;} div#rightWide .grey_pod {width:306px;margin-bottom:10px;background:transparent url('../images/pod_top.gif') no-repeat top left;} div#rightWide .grey_pod_content {padding:0 10px;} div#rightWide .grey_pod ol {list-style-type:decimal;margin:0 10px 0 30px;} div#rightWide .grey_pod ul {list-style-type:disc;margin:0 10px 0 30px;} div#rightWide .grey_pod li {padding:2px 0 10px 0;} div#rightWide .grey_pod p {margin:0 10px;} div#rightWide .grey_pod h3 {color:#fff;margin:0px;padding:7px 0 25px 10px;font-size:1.3em;} div#rightWide .grey_pod .bottomCurve{height:19px;width:306px;background:transparent url('../images/pod_bot.gif') no-repeat top left;} #hamperContent1 {position:relative; background:#FFF url(../images/christmas_hamper.jpg) no-repeat top right;height:162px;overflow:hidden; } #hamperContent2 {position:relative; background:#FFF url(../images/world_cup_hamper.jpg) no-repeat top right;height:172px;overflow:hidden; } #hamperContent1 .editContent, #hamperContent2 .editContent {width:252px;padding:10px;} #col2Pods h3 {font-size:1.2em;margin-top:0px;} .menu_cca img {float:left;margin-right:5px;} .menu_cca {overflow:hidden;margin:15px 0;} .menu_cca p {padding:5px 0 5px 0;margin:0px;} .menu_cca a {margin-left:83px;display:block;} .lend_compare {clear:both;margin-top:20px;padding:20px 0 20px 210px;border-top:1px solid #c6bebe;} .lend_compare a {color:#000000;} ul.hamperBullets li { list-style-type: disc; } ul.hamperBullets { margin-left: 20px; margin-bottom: 15px; } #box {width:201px;padding-top:13px;background:#f6f4f4 url(../images/top.gif) no-repeat top left;} #boxInner {padding-bottom:13px; background:#f6f4f4 url(../images/bottom.gif) no-repeat bottom left;} #box input {margin-left:9px;} #box h4 {font-family: Arial,Verdana,Helvetica,sans-serif;font-size:1.6em;padding:0 18px;} #box ul {font-family: Arial,Verdana,Helvetica,sans-serif;font-size:1.2em;padding:0 18px;list-style:none;margin-bottom:2px;} #box ul li {background: none;background-image: url(../images/bullet.gif);background-repeat: no-repeat;background-position: 0 .5em;margin-top:8px;padding-left: 0.8em;} .redText {color:#e73032} /** Spot the ball **/ #spotTheBall {cursor:crosshair;margin-top:10px;position:relative;overflow:hidden;width:948px;height:474px;float:left;margin-bottom:16px;} #spotTheBall h1 {position:absolute;left:-1000000px;top:-100000px;} #spotTheBall #football {position:absolute;left:-1000px;top:-1000px;} #spotTheBall #confirmation {position:absolute;border:1px solid #d00;top:-100000px;width:0px;line-height:30px;background:#fff;text-align:center; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #spotTheBall #confirmation nobr {margin:0px auto;font-size:1.2em;display:block;} #spotTheBall noscript {position:absolute;top:100px;left:50%;margin-left:-250px;font-size:2em;color:#e73032;width:500px;text-align:center;} #spotTheBall noscript p {padding:20px;background:#fff;border:1px solid #e73032;} #stb_col1 {padding-top:5px;width:326px;float:left;} #stb_col3 h2, #stb_col1 h2 {color:#2c55a1;font-size:2.4em;margin-bottom:12px;font-weight:bold;} #stb_col1 p, #stb_col1 li {color:#e73032;font-size:1.6em;margin-bottom:12px;font-weight:bold;} #stb_col1 li {background:transparent url(/Resources/images/bullet_red.gif) no-repeat 0px 7px;padding-left:10px;} #stb_col1 a.termsandconditions {text-decoration:none;display:block;color:#000;} #stb_col1 a.termsandconditions span {text-decoration:underline;} #stb_col2 {width:375px;float:left;} #stb_col3 {padding-top:5px;width:246px;float:right;text-align:right;} #stb_col3 .shareIcons {margin-bottom:40px;} #stb_col3 .shareIcons img {margin-left:5px;} #spotOverlay {background:#000;position:absolute;top:0px;left:0px;width:100%;height:100%;display:none;} #spotForms {z-index:3;display:none;position:absolute;top:90px;width:680px;left:50%;margin-left:-390px;background:#fff;border:5px solid #fff; -moz-box-shadow: 5px 5px 10px #333; -webkit-box-shadow: 5px 5px 10px #333; box-shadow: 5px 5px 10px #333; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px;} #spotForms a {text-decoration:underline;} #spotForms #form1 {display:none;position:relative;} #spotForms .closeOverlay {position:absolute;top:0px;right:0px;} #spotForms h2 {border-bottom:1px solid #b5b5b5;font-size:3.5em;color:#2c55a1;font-weight:bold;text-align:center;padding:20px 0 20px;margin:0 20px;} #spotForms h2 span {color:#e73032;} #spotForms .formColumn label {clear:both;float:left;width:110px;color:#2c55a1;font-size:1.1em;font-weight:bold;line-height:30px;text-align:right;margin:0 5px 10px 0;display:inline;} #spotForms .formColumn select {float:left;margin-right:100px;margin-bottom:20px;display:inline;} #spotForms .formColumn input {float:left;width:200px;line-height:25px;height:25px;margin-bottom:10px;background:transparent url(/Resources/images/background_input.gif) no-repeat top left;border:1px solid #d0d0d0;display:inline;} #spotForms .formColumn {width:330px;float:left;} #spotForms .formText1 {text-align:center;font-size:1.2em;padding:15px 20px;} #spotForms p.mandatory {text-align:center;font-size:1.2em;color:#7f7f7f} #spotForms #errorMsg {display:none;text-align:center;font-size:1.2em;color:#e73032} #spotForms .formText2 {color:#b5b5b5;padding:10px 0 20px;clear:both;} #spotForms .checkboxes {padding-left:80px;margin:0 20px;border-bottom:1px solid #b5b5b5;} #spotForms .checkboxes label {color:#2c55a1;font-size:1.1em;font-weight:bold;background:transparent url(/Resources/images/checkbox.gif) no-repeat 0 -25px;line-height:25px;display:block;cursor:pointer;margin-bottom:10px;} #spotForms .checkboxes label span {padding: 0px 0px 0px 40px;} #spotForms .checkboxes label a {color:#e73032;} #spotForms .checkboxes input {position:absolute;left:-1000000px;top:-1000000px;} #spotForms .spotBallStep1 {cursor:pointer;float:right;clear:both;margin:10px 20px;} #spotForms #loading {line-height:43px;float:right;margin:10px 20px;clear:both;font-size:1.4em;display:none;} #spotForms .fakeDropdown {position:relative;float:left;font-size:1.3em;} #spotForms .fakeDropdown dt {cursor:pointer;background:transparent url(/Resources/images/background_select.gif) no-repeat 0 -25px;width:130px;height:25px;margin-bottom:10px;} #spotForms .fakeDropdown dt span{padding:5px 0 0 10px;display:block;} #spotForms .fakeDropdown dd {position:absolute;top:25px;left:0px;} #spotForms .fakeDropdown ul {width:100px;background:transparent url(/Resources/images/background_input.gif) no-repeat top left;border:1px solid #d0d0d0;line-height:25px;} #spotForms .fakeDropdown ul li {cursor:pointer;padding:2px 2px 2px 10px;} #lbl_are_you {margin-top:10px;} #closeTerms {display:none;text-align:right;} #closeTerms a {font-size:1.2em;text-decoration:underline;color:#e73032;} #spotForms #termsAndConditions {border:1px solid #d0d0d0;padding:10px;height:120px;overflow-x:hidden;overflow-y:auto;display:none;font-size:1.1em;color:#666;} #spotForms #termsAndConditions h3 {color:#2c55a1;margin-top:0px;font-size:1.6em;} #spotForms #termsAndConditions ol {list-style-type:decimal;margin-left:20px;} #spotForms #termsAndConditions ol ol {list-style-type:lower-alpha;} #spotForms #termsAndConditions ol li {margin:3px 0;} #spotForms #termsAndConditions p {margin:10px 0;} #spotForms #form3 {display:none;} #spotForms #form3 #termsAndConditions {height:auto;overflow:inherit;border:0px;display:block;} #spotForms #form2 {display:none;text-align:center;} #spotForms #form2 h2 {margin-bottom:30px;} #spotForms #form2 p {font-size:1.2em;} #spotForms #form2 h3 {color:#e73032;font-size:2em;font-weight:bold;} #spotForms #form2 .applyNow {margin:20px 0 0;} #spotForms #form2 .shareArea {border-top:1px solid #b5b5b5;padding:20px 0;margin:20px 20px 0;} #spotForms #form2 .shareArea h4 {color:#2c55a1;font-size:1.6em;font-weight:bold;} #spotForms #form2 .shareArea ul {margin-left:30px;} #spotForms #form2 .shareArea ul li {display:inline;} #spotForms #form2 .shareArea ul li a {display:block;float:left;text-decoration:underline;font-size:1.2em;background-position:left center;background-repeat:no-repeat;line-height:30px;padding-left:40px;padding-right:30px;} #spotForms #form2 .shareArea ul li a.last {padding-right:0;} #spotForms #form2 .shareArea ul li img {margin:0 10px 0 20px;} #spotForms #form2 .shareArea ul li img.first {margin:0 10px 0 0;} /** football homepage **/ #spot-the-ball-banner {z-index:99999;background:transparent url(/Resources/images/spot-the-ball-banner.jpg) no-repeat top right;width:792px; height:89px;position:absolute;top:1px;right:0px;text-indent:-100000px;} div#left a.applyNowFootball {background:url('../images/applyNow_btn_football.gif') no-repeat;width:230px;height:67px;position:absolute;top:285px;right:0px;text-indent:-9999em;} div#left a.hdtvBanner {overflow:hidden;position:absolute;top:24px;right:0px;width:233px; height:150px;color:#e73032;} #backgroundPitch {width:100%;height:100%;background:#a1c85d url(/Resources/images/background-pitch.jpg) no-repeat top center;padding-bottom:30px;} #pitchPadding {background:#fff;width:975px;margin:0 auto;}