#planSelectionTool h2 { width: 760px; height: 35px; } #planSelectionTool h2 span { font-size: 16px; position: relative; top: 10px; left: 42px; } #planSelectionTool div.phone, #planSelectionTool div.adsl2_bundle, #planSelectionTool div.adsl2_nexus { clear: both; } #planSelectionTool > div { clear: both; } #planSelectionTool > div > ul, #planSelectionTool > div > div > ul { display: table; height: 210px; margin: 0 auto; } #planSelectionTool.mobile > div > ul { margin-bottom: 10px; } #planSelectionTool.mobile > div.handsets > ul { height: auto; } #planSelectionTool li { list-style-type: none; list-style-image: none; } #planSelectionTool > div > ul > li, #planSelectionTool > div > div > ul > li { float: left; margin: 10px 5px; } #planSelectionTool.adsl2 > div > ul > li { margin: 10px 5px; float:none; } #planSelectionTool > div.handsets > ul > li { height: 180px; margin: 10px 16px; } #planSelectionTool > div.hardware > ul > li { height: 180px; margin: 10px 16px; } #planSelectionTool div.broadband li.selected:after, #planSelectionTool div.phone li.selected:after, #planSelectionTool div.plans li.selected:after, #planSelectionTool div.handsets li.selected:after { display: block; content: 'Click again for more info.'; text-align: center; opacity: 0.6; font-size: 10px; } #planSelectionTool div.hardware li.selected:after { display: block; content: ''; text-align: center; opacity: 0.6; font-size: 10px; } #total { text-align: center; } #planSelectionTool > div > div#total > ul { height: 90px; } #planSelectionTool div.total { min-height: 130px; } #planSelectionTool div.plan-type, #planSelectionTool div.contract-type, #planSelectionTool div.hardware-repayment, #planSelectionTool div.handset-repayment, #planSelectionTool div.activation { min-height: 175px; } #planSelectionTool.adsl div.contract-type { min-height: 125px; } #planSelectionTool.wireless div.contract-type { min-height: 125px; } #planSelectionTool.businessAdsl div.phone, #planSelectionTool.businessVoip div.phone { min-height: 310px; } #planSelectionTool div.plan-type ul, #planSelectionTool div.contract-type ul, #planSelectionTool div.hardware-repayment ul, #planSelectionTool div.handset-repayment ul, #planSelectionTool div.activation ul { height: 120px; } #planSelectionTool.adsl div.contract-type ul { height: auto; } #planSelectionTool.wireless div.contract-type ul { height: auto; } #planSelectionTool div.extras ul { height: 130px; } #planSelectionTool div.phone li:first-child { margin-left: 0; } #planSelectionTool div.speed { height: 185px; } #planSelectionTool div.speed ul.options { height: auto; } #planSelectionTool div.speed ul.options li { margin: 0 2px; margin-top: -30px; height: 44px; } #planSelectionTool div.speed div.quick, #planSelectionTool div.speed ul.options { position: relative; top: 50px; text-align: center; } #planSelectionTool div.speed div.quick a, #planSelectionTool div.speed ul.options a { display: inline-block; text-decoration: none; } #planSelectionTool div.speed div.quick a span, #planSelectionTool div.speed ul.options a span { display: none; } #planSelectionTool div.speed div.quick a.speed-256, #planSelectionTool div.speed div.quick a.speed-512, #planSelectionTool div.speed div.quick a.speed-1500, #planSelectionTool div.speed div.quick a.speed-8000, #planSelectionTool div.speed div.quick a.speed-20000, #planSelectionTool div.speed ul.options a { width: 95px; background-position: top; } #planSelectionTool div.speed div.quick a.speed-256, #planSelectionTool div.speed ul.options li#speed256 a { height: 28px; background-image: url('/img/1/planSelectionTool/adsl_speed/256.png'); } #planSelectionTool div.speed div.quick a.speed-512, #planSelectionTool div.speed ul.options li#speed512 a { height: 32px; background-image: url('/img/1/planSelectionTool/adsl_speed/512.png'); } #planSelectionTool div.speed div.quick a.speed-1500, #planSelectionTool div.speed ul.options li#speed1500 a { height: 96px; width: 293px; background-image: url('/img/1/planSelectionTool/adsl_speed/buttons/1500.png'); } #planSelectionTool div.speed div.quick a.speed-8000, #planSelectionTool div.speed ul.options li#speed8000 a { height: 40px; background-image: url('/img/1/planSelectionTool/adsl_speed/8000.png'); } #planSelectionTool div.speed div.quick a.speed-20000, #planSelectionTool div.speed ul.options li#speed20000 a { height: 96px; margin-left: 10px; width: 293px; background-image: url('/img/1/planSelectionTool/adsl_speed/buttons/20000.png'); } #planSelectionTool div.speed div.quick a.speed-256:hover, #planSelectionTool div.speed div.quick a.speed-512:hover, #planSelectionTool div.speed div.quick a.speed-1500:hover, #planSelectionTool div.speed div.quick a.speed-8000:hover, #planSelectionTool div.speed div.quick a.speed-20000:hover, #planSelectionTool div.speed ul.options li a:hover { background-position: center; } #planSelectionTool div.speed div.quick a.speed-256.selected, #planSelectionTool div.speed div.quick a.speed-512.selected, #planSelectionTool div.speed div.quick a.speed-1500.selected, #planSelectionTool div.speed div.quick a.speed-8000.selected, #planSelectionTool div.speed div.quick a.speed-20000.selected, #planSelectionTool div.speed ul.options li.selected a { background-position: bottom; } div.speed div.selector { width: 506px; height: 108px; margin: 10px auto 0; background-image: url('/img/1/planSelectionTool/adsl_speed/selector-bg.png'); } #track { width: 424px; height: 5px; margin: 0 auto; position: relative; top: 25px; background-image: url('/img/1/planSelectionTool/adsl_speed/bar.png'); cursor: pointer; } #handle { width: 34px; height: 34px; position: relative; top: -14px; background-image: url('/img/1/planSelectionTool/adsl_speed/selector.png'); cursor: pointer; } #planSelectionTool div.speed div.info { width: 506px; margin: -10px auto 10px; } #planSelectionTool div.speed div.info img { position: relative; } #planSelectionTool div.speed div.info img.speed-256, #planSelectionTool div.speed div.info img.speed256 { left: 25px; } #planSelectionTool div.speed div.info img.speed-512, #planSelectionTool div.speed div.info img.speed512 { left: 120px; } #planSelectionTool div.speed div.info img.speed-1500, #planSelectionTool div.speed div.info img.speed1500 { left: 220px; } #planSelectionTool div.speed div.info img.speed-8000, #planSelectionTool div.speed div.info img.speed8000 { left: 310px; } #planSelectionTool div.speed div.info img.speed-20000, #planSelectionTool div.speed div.info img.speed20000 { left: 280px; } #total ul li { margin: 10px 0; } #planSelectionTool h2 span { position: relative; top: 10px; left: 42px; font-size: 16px; } #planSelectionTool div.plan-type li, #planSelectionTool div.plan-type li a, #planSelectionTool div.contract-type li, #planSelectionTool div.contract-type li a, #planSelectionTool div.hardware-repayment li, #planSelectionTool div.hardware-repayment li a, #planSelectionTool div.handset-repayment li, #planSelectionTool div.handset-repayment li a, #planSelectionTool div.activation li, #planSelectionTool div.activation li a { width: 293px; height: 96px; } #planSelectionTool.adsl div.contract-type li, #planSelectionTool.adsl div.contract-type li a { width: 179px; height: 59px; } #planSelectionTool.wireless div.contract-type li, #planSelectionTool.wireless div.contract-type li a { width: 179px; height: 59px; } #planSelectionTool div.plan-type li a, #planSelectionTool div.contract-type li a, #planSelectionTool div.hardware-repayment li a, #planSelectionTool div.handset-repayment li a, #planSelectionTool div.activation li a { display: block; } #planSelectionTool div.plan-type li a:hover, #planSelectionTool div.contract-type li a:hover, #planSelectionTool div.hardware-repayment li a:hover, #planSelectionTool div.handset-repayment li a:hover, #planSelectionTool div.activation li a:hover { text-decoration: none; } #planSelectionTool div.plan-type li a span, #planSelectionTool div.contract-type li a span, #planSelectionTool div.hardware-repayment li a span, #planSelectionTool div.handset-repayment li a span, #planSelectionTool div.activation li a span { display: none; } #planSelectionTool div.plan-type li#bundle a, #planSelectionTool div.plan-type li a#bundle { background-image: url('/img/1/planSelectionTool/plan-type/bundled.png'); } #planSelectionTool div.plan-type li#standalone a, #planSelectionTool div.plan-type li a#standalone { background-image: url('/img/1/planSelectionTool/plan-type/standalone.png'); } #planSelectionTool div.plan-type li#handset a { background-image: url('/img/1/planSelectionTool/plan-type/mobile-handsetplans.png'); } #planSelectionTool div.plan-type li#simOnly a { background-image: url('/img/1/planSelectionTool/plan-type/mobile-simonlyplans.png'); } #planSelectionTool div.contract-type li#fullContract a { background-image: url('/img/1/planSelectionTool/contract/mobile-24months.png'); } #planSelectionTool div.contract-type li#noContract a { background-image: url('/img/1/planSelectionTool/contract/mobile-nocontract.png'); } #planSelectionTool.adsl div.contract-type li#contract24 a { background-image: url('/img/1/planSelectionTool/contract/adsl-24months.png'); } #planSelectionTool.adsl div.contract-type li#contract12 a { background-image: url('/img/1/planSelectionTool/contract/adsl-12months.png'); } #planSelectionTool.adsl div.contract-type li#contract6 a { background-image: url('/img/1/planSelectionTool/contract/adsl-6months.png'); } #planSelectionTool.adsl div.contract-type li#contract0 a { background-image: url('/img/1/planSelectionTool/contract/adsl-nocontract.png'); } /* New Matt Edit */ #planSelectionTool.adsl2deal div.contract-type li#contract24 a { background-image: url('/img/1/planSelectionTool/contract/adsl2deal-24months.png'); } #planSelectionTool.adsl2deal div.contract-type li#contract12 a { background-image: url('/img/1/planSelectionTool/contract/adsl2deal-12months.png'); } #planSelectionTool.businessAdsl div.plan-type li#bundle a, #planSelectionTool div.plan-type li a#bundle { background-image: url('/img/1/planSelectionTool/plan-type/business-bundled.png'); } #planSelectionTool.businessAdsl div.plan-type li#standalone a, #planSelectionTool div.plan-type li a#standalone { background-image: url('/img/1/planSelectionTool/plan-type/business-standalone.png'); } /* Matt edit */ #planSelectionTool div.plan-type li#BundledVoip a, #planSelectionTool div.plan-type li a#BundledVoip { background-image: url('/img/1/planSelectionTool/plan-type/naked-bundled.png'); } #planSelectionTool div.plan-type li#ADSLOnly a, #planSelectionTool div.plan-type li a#ADSLOnly { background-image: url('/img/1/planSelectionTool/plan-type/naked-standalone.png'); } #planSelectionTool.wireless div.contract-type li#contract24 a { background-image: url('/img/1/planSelectionTool/contract/adsl-24months.png'); } #planSelectionTool.wireless div.contract-type li#contract12 a { background-image: url('/img/1/planSelectionTool/contract/adsl-12months.png'); } #planSelectionTool.wireless div.contract-type li#contract0 a { background-image: url('/img/1/planSelectionTool/contract/adsl-nocontract.png'); } #planSelectionTool div.handset-repayment li#monthly.x5 a { background-image: url('/img/1/planSelectionTool/payment/monthly/5.png'); } #planSelectionTool div.handset-repayment li#monthly.x10 a { background-image: url('/img/1/planSelectionTool/payment/monthly/10.png'); } #planSelectionTool div.handset-repayment li#monthly.x15 a { background-image: url('/img/1/planSelectionTool/payment/monthly/15.png'); } #planSelectionTool div.handset-repayment li#monthly.x20 a { background-image: url('/img/1/planSelectionTool/payment/monthly/20.png'); } #planSelectionTool div.handset-repayment li#monthly.x25 a { background-image: url('/img/1/planSelectionTool/payment/monthly/25.png'); } #planSelectionTool div.handset-repayment li#monthly.x30 a { background-image: url('/img/1/planSelectionTool/payment/monthly/30.png'); } #planSelectionTool div.handset-repayment li#monthly.x35 a { background-image: url('/img/1/planSelectionTool/payment/monthly/35.png'); } #planSelectionTool div.handset-repayment li#monthly.x40 a { background-image: url('/img/1/planSelectionTool/payment/monthly/40.png'); } #planSelectionTool div.handset-repayment li#monthly.x45 a { background-image: url('/img/1/planSelectionTool/payment/monthly/45.png'); } #planSelectionTool div.handset-repayment li#outright.x102 a { background-image: url('/img/1/planSelectionTool/payment/outright/102.png'); } #planSelectionTool div.handset-repayment li#outright.x204 a { background-image: url('/img/1/planSelectionTool/payment/outright/204.png'); } #planSelectionTool div.handset-repayment li#outright.x306 a { background-image: url('/img/1/planSelectionTool/payment/outright/306.png'); } #planSelectionTool div.handset-repayment li#outright.x408 a { background-image: url('/img/1/planSelectionTool/payment/outright/408.png'); } #planSelectionTool div.handset-repayment li#outright.x510 a { background-image: url('/img/1/planSelectionTool/payment/outright/510.png'); } #planSelectionTool div.handset-repayment li#outright.x612 a { background-image: url('/img/1/planSelectionTool/payment/outright/612.png'); } #planSelectionTool div.handset-repayment li#outright.x714 a { background-image: url('/img/1/planSelectionTool/payment/outright/714.png'); } #planSelectionTool div.handset-repayment li#outright.x918 a { background-image: url('/img/1/planSelectionTool/payment/outright/918.png'); } #planSelectionTool div.hardware-repayment li#monthly.x5 a { background-image: url('/img/1/planSelectionTool/payment/monthly/5.png'); } #planSelectionTool div.hardware-repayment li#monthly.x10 a { background-image: url('/img/1/planSelectionTool/payment/monthly/10.png'); } #planSelectionTool div.hardware-repayment li#monthly.x15 a { background-image: url('/img/1/planSelectionTool/payment/monthly/15.png'); } #planSelectionTool div.hardware-repayment li#monthly.x20 a { background-image: url('/img/1/planSelectionTool/payment/monthly/20.png'); } #planSelectionTool div.hardware-repayment li#monthly.x25 a { background-image: url('/img/1/planSelectionTool/payment/monthly/25.png'); } #planSelectionTool div.hardware-repayment li#monthly.x30 a { background-image: url('/img/1/planSelectionTool/payment/monthly/30.png'); } #planSelectionTool div.hardware-repayment li#monthly.x35 a { background-image: url('/img/1/planSelectionTool/payment/monthly/35.png'); } #planSelectionTool div.hardware-repayment li#monthly.x40 a { background-image: url('/img/1/planSelectionTool/payment/monthly/40.png'); } #planSelectionTool div.hardware-repayment li#monthly.x45 a { background-image: url('/img/1/planSelectionTool/payment/monthly/45.png'); } #planSelectionTool div.hardware-repayment li#outright.x102 a { background-image: url('/img/1/planSelectionTool/payment/outright/102.png'); } #planSelectionTool div.hardware-repayment li#outright.x204 a { background-image: url('/img/1/planSelectionTool/payment/outright/204.png'); } #planSelectionTool div.hardware-repayment li#outright.x306 a { background-image: url('/img/1/planSelectionTool/payment/outright/306.png'); } #planSelectionTool div.hardware-repayment li#outright.x408 a { background-image: url('/img/1/planSelectionTool/payment/outright/408.png'); } #planSelectionTool div.hardware-repayment li#outright.x510 a { background-image: url('/img/1/planSelectionTool/payment/outright/510.png'); } #planSelectionTool div.hardware-repayment li#outright.x612 a { background-image: url('/img/1/planSelectionTool/payment/outright/612.png'); } #planSelectionTool div.hardware-repayment li#outright.x714 a { background-image: url('/img/1/planSelectionTool/payment/outright/714.png'); } #planSelectionTool div.hardware-repayment li#outright.x918 a { background-image: url('/img/1/planSelectionTool/payment/outright/918.png'); } #planSelectionTool div.extras li#unlimitedop-120 a { background-image: url('/img/1/planSelectionTool/extras/UnlimitedOp-120GB.png'); } #planSelectionTool div.extras li#unlimitedop-180 a { background-image: url('/img/1/planSelectionTool/extras/UnlimitedOp-180GB.png'); } /* adsl activation - bundle/new */ #planSelectionTool div.activation li#new a.bundle.contract24 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/new-24months.png'); } #planSelectionTool div.activation li#new a.bundle.contract12 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/new-12months.png'); } #planSelectionTool div.activation li#new a.bundle.contract6 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/new-6months.png'); } #planSelectionTool div.activation li#new a.bundle.contract0 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/new-nocontract.png'); } /* adsl activation - standalone/new */ #planSelectionTool div.activation li#new a.standalone.contract24 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/new-24months.png'); } #planSelectionTool div.activation li#new a.standalone.contract12 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/new-12months.png'); } #planSelectionTool div.activation li#new a.standalone.contract6 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/new-6months.png'); } #planSelectionTool div.activation li#new a.standalone.contract0 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/new-nocontract.png'); } /* adsl activation - bundle/transfer */ #planSelectionTool div.activation li#transfer a.bundle.contract24 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/transfer-24months.png'); } #planSelectionTool div.activation li#transfer a.bundle.contract12 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/transfer-12months.png'); } #planSelectionTool div.activation li#transfer a.bundle.contract6 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/transfer-6months.png'); } #planSelectionTool div.activation li#transfer a.bundle.contract0 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/bundle/transfer-nocontract.png'); } /* adsl activation - standalone/transfer */ #planSelectionTool div.activation li#transfer a.standalone.contract24 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/transfer-24months.png'); } #planSelectionTool div.activation li#transfer a.standalone.contract12 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/transfer-12months.png'); } #planSelectionTool div.activation li#transfer a.standalone.contract6 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/transfer-6months.png'); } #planSelectionTool div.activation li#transfer a.standalone.contract0 { background-image: url('/img/1/planSelectionTool/adsl_activationtype/standalone/transfer-nocontract.png'); } /* naked - convert */ #planSelectionTool.naked div.activation li#convert a.contract24 { background-image: url('/img/1/planSelectionTool/naked_activationtype/convert-24months.png'); } #planSelectionTool.naked div.activation li#convert a.contract12 { background-image: url('/img/1/planSelectionTool/naked_activationtype/convert-12months.png'); } #planSelectionTool.naked div.activation li#convert a.contract0 { background-image: url('/img/1/planSelectionTool/naked_activationtype/convert-nocontract.png'); } /* naked - churn */ #planSelectionTool.naked div.activation li#churn a.contract24 { background-image: url('/img/1/planSelectionTool/naked_activationtype/churn-24months.png'); } #planSelectionTool.naked div.activation li#churn a.contract12 { background-image: url('/img/1/planSelectionTool/naked_activationtype/churn-12months.png'); } #planSelectionTool.naked div.activation li#churn a.contract0 { background-image: url('/img/1/planSelectionTool/naked_activationtype/churn-nocontract.png'); } /* default position */ #planSelectionTool div.plan-type li a#BundledVoip, #planSelectionTool div.plan-type li a#ADSLOnly, #planSelectionTool div.plan-type li a#bundle, #planSelectionTool div.plan-type li a#standalone, #planSelectionTool div.plan-type li#bundle a, #planSelectionTool div.plan-type li#standalone a, #planSelectionTool div.plan-type li#handset a, #planSelectionTool div.plan-type li#simOnly a, #planSelectionTool div.contract-type li#fullContract a, #planSelectionTool div.contract-type li#halfContract a, #planSelectionTool div.contract-type li#noContract a, #planSelectionTool div.contract-type li#contract24 a, #planSelectionTool div.contract-type li#contract12 a, #planSelectionTool div.contract-type li#contract0 a, #planSelectionTool div.handset-repayment li#monthly a, #planSelectionTool div.handset-repayment li#outright a, #planSelectionTool div.hardware-repayment li#monthly a, #planSelectionTool div.hardware-repayment li#outright a, #planSelectionTool div.extras li#unlimitedop-120 a, #planSelectionTool div.extras li#unlimitedop-180 a, #planSelectionTool div.activation ul.options li a { background-position: top; } /* button hover */ #planSelectionTool div.plan-type li:hover a#BundledVoip, #planSelectionTool div.plan-type li:hover a#ADSLOnly, #planSelectionTool div.plan-type li:hover a#bundle, #planSelectionTool div.plan-type li:hover a#standalone, #planSelectionTool div.plan-type li#BundledVoip:hover a, #planSelectionTool div.plan-type li#ADSLOnly:hover a, #planSelectionTool div.plan-type li#bundle:hover a, #planSelectionTool div.plan-type li#standalone:hover a, #planSelectionTool div.plan-type li#handset:hover a, #planSelectionTool div.plan-type li#simOnly:hover a, #planSelectionTool div.contract-type li#fullContract:hover a, #planSelectionTool div.contract-type li#noContract:hover a, #planSelectionTool div.contract-type li#halfContract:hover a, #planSelectionTool div.contract-type li#contract24:hover a, #planSelectionTool div.contract-type li#contract12:hover a, #planSelectionTool div.contract-type li#contract6:hover a, #planSelectionTool div.contract-type li#contract0:hover a, #planSelectionTool div.handset-repayment li#monthly:hover a, #planSelectionTool div.handset-repayment li#outright:hover a, #planSelectionTool div.hardware-repayment li#monthly:hover a, #planSelectionTool div.hardware-repayment li#outright:hover a, #planSelectionTool div.activation ul.options li:hover a { background-position: center; } /* button selected */ #planSelectionTool div.plan-type li#BundledVoip.selected a, #planSelectionTool div.plan-type li#BundledVoip.selected:hover a, #planSelectionTool div.plan-type li#ADSLOnly.selected a, #planSelectionTool div.plan-type li#ADSLOnly.selected:hover a, #planSelectionTool div.plan-type li.selected a#BundledVoip, #planSelectionTool div.plan-type li.selected:hover a#BundledVoip, #planSelectionTool div.plan-type li.selected a#ADSLOnly, #planSelectionTool div.plan-type li.selected:hover a#ADSLOnly, #planSelectionTool div.plan-type li.selected a#bundle, #planSelectionTool div.plan-type li.selected:hover a#bundle, #planSelectionTool div.plan-type li.selected a#standalone, #planSelectionTool div.plan-type li.selected:hover a#standalone, #planSelectionTool div.plan-type li#bundle.selected a, #planSelectionTool div.plan-type li#bundle.selected:hover a, #planSelectionTool div.plan-type li#standalone.selected a, #planSelectionTool div.plan-type li#standalone.selected:hover a, #planSelectionTool div.plan-type li#handset.selected a, #planSelectionTool div.plan-type li#handset.selected:hover a, #planSelectionTool div.plan-type li#simOnly.selected a, #planSelectionTool div.plan-type li#simOnly.selected:hover a, #planSelectionTool div.contract-type li#fullContract.selected a, #planSelectionTool div.contract-type li#fullContract.selected:hover a, #planSelectionTool div.contract-type li#halfContract.selected a, #planSelectionTool div.contract-type li#halfContract.selected:hover a, #planSelectionTool div.contract-type li#noContract.selected a, #planSelectionTool div.contract-type li#noContract.selected:hover a, #planSelectionTool div.contract-type li#contract24.selected a, #planSelectionTool div.contract-type li#contract24.selected:hover a, #planSelectionTool div.contract-type li#contract12.selected a, #planSelectionTool div.contract-type li#contract12.selected:hover a, #planSelectionTool div.contract-type li#contract6.selected a, #planSelectionTool div.contract-type li#contract6.selected:hover a, #planSelectionTool div.contract-type li#contract0.selected a, #planSelectionTool div.contract-type li#contract0.selected:hover a, #planSelectionTool div.handset-repayment li#monthly.selected a, #planSelectionTool div.handset-repayment li#monthly.selected:hover a, #planSelectionTool div.handset-repayment li#outright.selected a, #planSelectionTool div.handset-repayment li#outright.selected:hover a, #planSelectionTool div.hardware-repayment li#monthly.selected a, #planSelectionTool div.hardware-repayment li#monthly.selected:hover a, #planSelectionTool div.hardware-repayment li#outright.selected a, #planSelectionTool div.hardware-repayment li#outright.selected:hover a, #planSelectionTool div.activation ul.options li.selected a, #planSelectionTool div.activation ul.options li.selected:hover a { cursor: default; background-position: bottom; } #planSelectionTool div.hardware li a, #planSelectionTool div.handsets li a, #planSelectionTool div.modems li a { border: 1px solid #FFF; display: block; } #planSelectionTool div.hardware li.selected a, #planSelectionTool div.handsets li.selected a, #planSelectionTool div.modems li.selected a { border: 1px solid #CCC; background-color: #EEE; } #planSelectionTool div.extras li, #planSelectionTool div.extras li a { width: 322px; height: 114px; display: block; } #planSelectionTool div.extras li a:hover { text-decoration: none; } #planSelectionTool div.extras li a span { opacity: 0; display:none; } #planSelectionTool div.extras li a#unlimitedop-120 { background-image: url('/img/1/planSelectionTool/extras/UnlimitedOp-120GB.png'); background-position: 0 0; } #planSelectionTool div.extras li a#unlimitedop-180 { background-image: url('/img/1/planSelectionTool/extras/UnlimitedOp-180GB.png'); background-position: 0 0; } #planSelectionTool div.extras li a#unlimitedop-120:hover, #planSelectionTool div.extras li a#unlimitedop-180:hover, #planSelectionTool div.extras li#unlimitedop-120:hover a, #planSelectionTool div.extras li#unlimitedop-180:hover a { background-position: 0 -114px; } #planSelectionTool div.extras li.selected a#unlimitedop-120, #planSelectionTool div.extras li.selected a#unlimitedop-180, #planSelectionTool div.extras li#unlimitedop-120.selected a, #planSelectionTool div.extras li#unlimitedop-180.selected a { background-position: 0 -228px; } #planSelectionTool div.extras li.selected a#unlimitedop-120:hover, #planSelectionTool div.extras li.selected a#unlimitedop-180:hover, #planSelectionTool div.extras li#unlimitedop-120.selected:hover a, #planSelectionTool div.extras li#unlimitedop-180.selected:hover a { background-position: 0 -342px; } #planSelectionTool div.plan-type li a#transferExisting { background-image: url('/img/1/planSelectionTool/plan-type/voip-transfer.png'); } #planSelectionTool div.plan-type li a#newInstall { background-image: url('/img/1/planSelectionTool/plan-type/voip-new-phone.png'); } #planSelectionTool div.plan-type li a#transferExisting, #planSelectionTool div.plan-type li a#newInstall { background-position: top; } #planSelectionTool div.plan-type li:hover a#transferExisting, #planSelectionTool div.plan-type li:hover a#newInstall { background-position: center; } #planSelectionTool div.plan-type li.selected a#transferExisting, #planSelectionTool div.plan-type li.selected a#newInstall { cursor: default; background-position: bottom; } #planSelectionTool div.summary li.details { background-image: url('/img/1/planSelectionTool/summary/plans-bg.png'); width: 366px; height: 173px; color: #FFF; } #planSelectionTool div.summary li.details h3 { margin: 20px 20px 15px; font-size: 22px; } #planSelectionTool div.summary li.details ul { margin: 10px 20px; } #planSelectionTool div.summary li.details ul li span { font-weight: bold; } #planSelectionTool div.hardware li > img.modemCostIcon, #planSelectionTool div.handsets li > img.freeIcon, #planSelectionTool div.handsets li > img.yourmoney, #planSelectionTool div.modems li > img.modemCostIcon { cursor: pointer; position: absolute; } #planSelectionTool div.hardware li > img.freeIcon, #planSelectionTool div.handsets li > img.freeIcon { margin-top: -180px; margin-left: 90px; } #planSelectionTool div.handsets li > img.hotdeal { margin-left: 10px; } #planSelectionTool div.handsets li > img.preorder { margin-left: 37px; margin-top: -170px; } #planSelectionTool div.handsets li > img.preorder0 { margin-left: 32px; margin-top: -178px; } #planSelectionTool div.hardware li > img.modemCostIcon, #planSelectionTool div.modems li > img.modemCostIcon { margin-top: -155px; margin-left: 87px; } #planSelectionTool div.broadband li > img.modemCostIcon, #planSelectionTool div.broadband li > img.modembestBuy { margin-bottom: 0px; margin-top: 10px; margin-left: -185px; position: absolute; z-index: 100; } #planSelectionTool div.plans li > img.yourmoney { margin-left: -25px; margin-top: -11px; position: absolute; } /* Matthews Edits for the mobile plans */ #planSelectionTool.wireless > div > ul { /*margin-bottom: 10px;*/ } #planSelectionTool.wireless > div.hardware > ul { height: auto; } #planSelectionTool.adsl1 table, #planSelectionTool.adsl2 table { font: 9px Verdana, Arial, Helvetica, sans-serif; color: #5E5E5E; border-collapse: collapse; width: 281px; text-align: left; margin: auto; } #planSelectionTool.adsl1 th, #planSelectionTool.adsl2 th { padding: 0.3em 0.5em; } #planSelectionTool.adsl1 tr.yellow td, #planSelectionTool.adsl2 tr.yellow td { border-bottom: 1px solid #FB7A31; background: #FFC; } #planSelectionTool.adsl1 td, #planSelectionTool.adsl2 td { border-bottom: 1px solid #CCC; padding-top: 3px; padding-bottom: 5px; } #planSelectionTool.adsl1 table.two tr:last-child td, #planSelectionTool.adsl2 table.two tr:last-child td { border-bottom: 0px; } #planSelectionTool.adsl1 table.one td:first-child, #planSelectionTool.adsl2 table.one td:first-child { width: 175px; } #planSelectionTool.adsl1 table.two td:first-child, #planSelectionTool.adsl2 table.two td:first-child { width: 125px; } #planSelectionTool.adsl1 table.one, #planSelectionTool.adsl2 table.one { margin-bottom: 20px; } #planSelectionTool.adsl1 table.two, #planSelectionTool.adsl2 table.two { margin-bottom: 20px; } #planSelectionTool.adsl1 div.summary div.title, #planSelectionTool.adsl2 div.summary div.title { background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -312px -175px; background-repeat:no-repeat; height: 42px; width: 323px; padding: 2px; margin-bottom: 19px; } #planSelectionTool.adsl1 div.broadband div.title, #planSelectionTool.adsl2 div.broadband div.title { background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -37px -175px; background-repeat:no-repeat; height: 42px; width: 270px; padding: 2px; margin-bottom: 15px; } #planSelectionTool.adsl1 div.broadband, #planSelectionTool.adsl2 div.broadband { clear: none; float: left; width: 270px; margin-right: 25px; } #planSelectionTool.adsl1 div.phone, #planSelectionTool.adsl2 div.phone { clear: none; float: left; width: 270px; margin-right: 25px; } #planSelectionTool.adsl1 div.phone div.title, #planSelectionTool.adsl2 div.phone div.title { background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -37px -175px; background-repeat:no-repeat; height: 42px; width: 270px; padding: 2px; margin-bottom: 15px; } #planSelectionTool.adsl1 div#summary div.tableTitle, #planSelectionTool.adsl2 div#summary div.tableTitle { background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -650px -182px; background-repeat:no-repeat; height: 41px; width: 323px; } #planSelectionTool.adsl1 div#summary, #planSelectionTool.adsl2 div#summary { width: 323px; clear: none; float:left; } #planSelectionTool.adsl1 div#summary div.tableTitle h3, #planSelectionTool.adsl2 div#summary div.tableTitle h3 { color: #F83F3D; font-size: 17px; padding: 10px; float: left; } #planSelectionTool.adsl1 div#summary.Blue div.tableTitle h3, #planSelectionTool.adsl2 div#summary.Blue div.tableTitle h3 { color: #3883FA; } #planSelectionTool.adsl1 div#summary.Green div.tableTitle h3, #planSelectionTool.adsl2 div#summary.Green div.tableTitle h3 { color: #08AE3A; } #planSelectionTool.adsl1 div#summary div.tableTitle span, #planSelectionTool.adsl2 div#summary div.tableTitle span { color: #5E5E5E; font-size: 12px; float:right; padding: 14px; //margin-left: 135px; } #planSelectionTool.adsl1 div.title h1, #planSelectionTool.adsl2 div.title h1 { color: #1A1A1A; font-size: 20px; text-align: left; margin-top: 0px; } /*Home Phone*/ #planSelectionTool.adsl1 div.phone ul.options li.small, #planSelectionTool.adsl2 div.phone ul.options li.small{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -36px -238px; background-repeat:no-repeat; height: 98px; width: 264px; } #planSelectionTool.adsl1 div.phone ul.options li.large, #planSelectionTool.adsl2 div.phone ul.options li.large{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -33px -1330px; background-repeat:no-repeat; height: 137px; width: 264px; } #planSelectionTool.adsl1 div.phone ul.options li.large:hover, #planSelectionTool.adsl2 div.phone ul.options li.large:hover { background-position: -302px -1330px; } #planSelectionTool.adsl1 div.phone ul.options li.large.selected, #planSelectionTool.adsl1 div.phone ul.options li.large.selected:hover, #planSelectionTool.adsl2 div.phone ul.options li.large.selected:hover, #planSelectionTool.adsl2 div.phone ul.options li.large.selected{ background-position: -570px -1330px; } #planSelectionTool.adsl1 div.phone ul.options li.medium, #planSelectionTool.adsl2 div.phone ul.options li.medium{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -36px -356px; background-repeat:no-repeat; height: 117px; width: 264px; } #planSelectionTool.adsl1 div.phone ul.options li.medium:hover, #planSelectionTool.adsl2 div.phone ul.options li.medium:hover { background-position: -304px -356px; } #planSelectionTool.adsl1 div.phone ul.options li.medium.selected, #planSelectionTool.adsl1 div.phone ul.options li.medium.selected:hover, #planSelectionTool.adsl2 div.phone ul.options li.medium.selected:hover, #planSelectionTool.adsl2 div.phone ul.options li.medium.selected{ background-position: -572px -356px; } #planSelectionTool.adsl1 div.phone ul.options li.small:hover, #planSelectionTool.adsl2 div.phone ul.options li.small:hover{ background-position: -303px -238px; } #planSelectionTool.adsl1 div.phone ul.options li.small.selected, #planSelectionTool.adsl1 div.phone ul.options li.small.selected:hover, #planSelectionTool.adsl2 div.phone ul.options li.small.selected:hover, #planSelectionTool.adsl2 div.phone ul.options li.small.selected{ background-position: -572px -238px; } #planSelectionTool.adsl1 div.broadband ul.options li, #planSelectionTool.adsl2 div.broadband ul.options li, #planSelectionTool.adsl1 div.phone ul.options li, #planSelectionTool.adsl2 div.phone ul.options li { margin-left: 0px; } /* #planSelectionTool.adsl1 div.phone ul.options li.Standalone{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -34px -35px; background-repeat:no-repeat; height: 45px; width: 264px; } #planSelectionTool.adsl1 div.phone ul.options li.Standalone:hover{ background-position: -301px -35px; } #planSelectionTool.adsl1 div.phone ul.options li.Standalone.selected:hover, #planSelectionTool.adsl1 div.phone ul.options li.Standalone.selected{ background-position: -570px -35px; } */ /*Broadband*/ #planSelectionTool.adsl1 div.broadband ul.options li.small, #planSelectionTool.adsl2 div.broadband ul.options li.small{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -36px -494px; background-repeat:no-repeat; height: 109px; width: 265px; } #planSelectionTool.adsl1 div.broadband ul.options li.small:hover, #planSelectionTool.adsl2 div.broadband ul.options li.small:hover{ background-position: -304px -494px; } #planSelectionTool.adsl1 div.broadband ul.options li.small.selected:hover, #planSelectionTool.adsl1 div.broadband ul.options li.small.selected, #planSelectionTool.adsl2 div.broadband ul.options li.small.selected:hover, #planSelectionTool.adsl2 div.broadband ul.options li.small.selected{ background-position: -572px -494px; } #planSelectionTool.adsl1 div.broadband ul.options li.medium, #planSelectionTool.adsl2 div.broadband ul.options li.medium{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -36px -622px; background-repeat:no-repeat; height: 113px; width: 265px; } #planSelectionTool.adsl1 div.broadband ul.options li.medium:hover, #planSelectionTool.adsl2 div.broadband ul.options li.medium:hover{ background-position: -304px -622px; } #planSelectionTool.adsl1 div.broadband ul.options li.medium.selected:hover, #planSelectionTool.adsl1 div.broadband ul.options li.medium.selected, #planSelectionTool.adsl2 div.broadband ul.options li.medium.selected:hover, #planSelectionTool.adsl2 div.broadband ul.options li.medium.selected{ background-position: -572px -622px; } #planSelectionTool.adsl1 div.broadband ul.options li.large, #planSelectionTool.adsl2 div.broadband ul.options li.large{ background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -36px -754px; background-repeat:no-repeat; height: 121px; width: 265px; } #planSelectionTool.adsl1 div.broadband ul.options li.large:hover, #planSelectionTool.adsl2 div.broadband ul.options li.large:hover{ background-position: -304px -754px; } #planSelectionTool.adsl1 div.broadband ul.options li.large.selected:hover, #planSelectionTool.adsl1 div.broadband ul.options li.large.selected, #planSelectionTool.adsl2 div.broadband ul.options li.large.selected:hover, #planSelectionTool.adsl2 div.broadband ul.options li.large.selected{ background-position: -572px -754px; } #planSelectionTool div.broadband li.selected:after, #planSelectionTool div.phone li.selected:after { display: none; } /* Broadband Titles */ #planSelectionTool.adsl1 div.broadband ul.options li div.small, #planSelectionTool.adsl2 div.broadband ul.options li div.small { background-image: url("/img/1/planSelectionTool/adsl2_bundle/images-01.png"); background-position: -588px -125px; background-repeat:no-repeat; height: 32px; width: 115px; margin-top: 40px; margin-left: 40px; position: absolute; } #planSelectionTool.adsl1 div.broadband ul.options li div.medium, #planSelectionTool.adsl2 div.broadband ul.options li div.medium { background-image: url("/img/1/planSelectionTool/adsl2_bundle/images-01.png"); background-position: -370px -118px; background-repeat: no-repeat; height: 39px; margin-left: 40px; margin-top: 40px; position: absolute; width: 169px; } #planSelectionTool.adsl1 div.broadband ul.options li div.large, #planSelectionTool.adsl2 div.broadband ul.options li div.large { background-image: url("/img/1/planSelectionTool/adsl2_bundle/images-01.png"); background-position: -145px -115px; background-repeat:no-repeat; height: 60px; width: 181px; margin-top: 40px; margin-left: 40px; position: absolute; } #planSelectionTool.adsl1 div.broadband ul.options div.bTotalCost, #planSelectionTool.adsl2 div.broadband ul.options div.bTotalCost { color: #5B5B5B; font-family: helvetica; font-size: 22px; font-weight: bold; margin-left: 40px; margin-top: 13px; position: absolute; } #planSelectionTool.adsl1 div.broadband ul.options li.medium div.bTotalCost, #planSelectionTool.adsl2 div.broadband ul.options li.medium div.bTotalCost { margin-top: 14px; } #planSelectionTool.adsl1 div.broadband ul.options li.large div.bTotalCost, #planSelectionTool.adsl2 div.broadband ul.options li.large div.bTotalCost { margin-top: 14px; } #planSelectionTool.adsl1 div.broadband ul.options div.bADSL, #planSelectionTool.adsl2 div.broadband ul.options div.bADSL { color: #333333; font-family: helvetica; font-size: 14px; font-weight: bold; margin-left: 40px; position: absolute; } #planSelectionTool.adsl1 div.broadband ul.options li.small div.bADSL, #planSelectionTool.adsl2 div.broadband ul.options li.small div.bADSL { margin-top: 85px; } #planSelectionTool.adsl1 div.broadband ul.options li.medium div.bADSL, #planSelectionTool.adsl2 div.broadband ul.options li.medium div.bADSL { margin-top: 88px; } #planSelectionTool.adsl1 div.broadband ul.options li.large div.bADSL, #planSelectionTool.adsl2 div.broadband ul.options li.large div.bADSL { margin-top: 100px; } #planSelectionTool.adsl1 div.phone ul.options div.phonePlanTitle, #planSelectionTool.adsl2 div.phone ul.options div.phonePlanTitle { color: #5B5B5B; font-family: helvetica; font-size: 22px; font-weight: bold; margin-left: 40px; margin-top: 14px; position: absolute; } #planSelectionTool.adsl1 #summary div.totalCost, #planSelectionTool.adsl2 #summary div.totalCost { height: 106px; width: 323px; background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -34px -897px; background-repeat:no-repeat; margin-top: 20px; } #planSelectionTool.adsl1 #summary.Blue div.totalCost, #planSelectionTool.adsl2 #summary.Blue div.totalCost { background-position: -34px -1022px; } #planSelectionTool.adsl1 #summary.Green div.totalCost, #planSelectionTool.adsl2 #summary.Green div.totalCost { background-position: -34px -1147px; } #planSelectionTool.adsl1 #summary div.totalCost div#title, #planSelectionTool.adsl2 #summary div.totalCost div#title { color: #F83F3D; font-size: 53px; font-weight: bold; margin-left: 40px; margin-top: 20px; position: absolute; } #planSelectionTool.adsl1 #summary.Blue div.totalCost div#title, #planSelectionTool.adsl2 #summary.Blue div.totalCost div#title { color: #3883FA; } #planSelectionTool.adsl1 #summary.Green div.totalCost div#title, #planSelectionTool.adsl2 #summary.Green div.totalCost div#title { color: #08AE3A; } #planSelectionTool.adsl1 #summary div.totalCost div#title p, #planSelectionTool.adsl2 #summary div.totalCost div#title p { margin-top: -42px; } #planSelectionTool.adsl1 #summary div.totalCost div#title span, #planSelectionTool.adsl2 #summary div.totalCost div#title span { font-size: 24px; font-weight: bold; margin-left: -14px; margin-top: -45px; } #planSelectionTool.adsl1 #summary div.totalCost div#serviceFree, #planSelectionTool.adsl2 #summary div.totalCost div#serviceFree { position: absolute; font-size: 15px; font-weight: bold; margin-left: 30px; margin-top: 70px; font-family: Helvetica, sans-serif; } #planSelectionTool.adsl1 #summary div.totalCost div#serviceFree h5, #planSelectionTool.adsl2 #summary div.totalCost div#serviceFree h5 { color:#5B5B5B; } #planSelectionTool.adsl1 div.phone li { margin-left: 0; } #planSelectionTool.adsl1 > div > ul > li, #planSelectionTool > div > div > ul > li, #planSelectionTool.adsl2 > div > ul > li, #planSelectionTool > div > div > ul > li { margin-top: 5px; } #planSelectionTool.adsl1 div.phone ul.options ul.PhoneDetails li, #planSelectionTool.adsl2 div.phone ul.options ul.PhoneDetails li { color:#000; background-image: url(/img/1/planSelectionTool/adsl2_bundle/images-01.png); background-position: -409px -898px; background-repeat:no-repeat; padding-left: 27px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-bottom: 0px; } #planSelectionTool.adsl1 div.phone ul.options ul.PhoneDetails, #planSelectionTool.adsl2 div.phone ul.options ul.PhoneDetails { margin-left: 14px; margin-top: 40px; position: absolute; } #planSelectionTool.adsl1 div.phone ul.options > li, #planSelectionTool.adsl2 div.phone ul.options > li, #planSelectionTool.adsl1 div.phone ul.options > li > *, #planSelectionTool.adsl2 div.phone ul.options > li > * { cursor: pointer; } img.limitedTime { margin-left: 190px; margin-top: -15px; } #planSelectionTool.businessAdsl div.contract-type li#contract24 a { background-image: url('/img/1/planSelectionTool/contract/adsl2deal-24months.png'); } #planSelectionTool.businessAdsl div.contract-type li#contract12 a { background-image: url('/img/1/planSelectionTool/contract/adsl2deal-12months.png'); } #planSelectionTool.businessAdsl div.contract-type li, #planSelectionTool.businessAdsl div.contract-type li a { width: 293px; height: 96px; } #planSelectionTool.businessAdsl div.contract-type li { width: 293px; height: 96px; }