/* Sales page styles
 * Do not put any css in here if it is not used on the residential sales pages, plus.net 
 * */

/* H2 box titles */
.gradientSurround .infoBox.broadband h2 {
    background: transparent url(/images/general/heading_broadband.png) no-repeat scroll 0 0;
    height: 75px;
}
.gradientSurround .infoBox.bundles h2 {
    background: transparent url(/images/general/heading_bundles.png) no-repeat scroll 0 0;
    height: 95px;
}
.gradientSurround .infoBox.fibreExplained h2 {
    background: transparent url(/images/general/heading_fibre_explained.png?refresh=270612) no-repeat scroll 0 0;
    height: 154px;
}
.gradientSurround .infoBox.fibreSpeed h2 {
    background: transparent url(/images/general/heading_fibre_speed.png?refresh=270612) no-repeat scroll 0 0;
    height: 134px;
}
.gradientSurround .infoBox h3 {
    width: 180px;
}
.infoBox.priceMatch h2 {
    background: transparent url(/images/general/title_price_match.png) no-repeat scroll 0 0;
    height: 20px;
    width: 196px;
}

.infoBox.aboutFibre h2 {
    background: transparent url(/images/general/title_about_fibre.png) no-repeat scroll 0 0;
    height: 22px;
    width: 302px;
}
.infoBox.aboutBundles h2{
    background:url(/images/salespages/bb_packages_see_whats_included.png?refresh=130612) no-repeat;
}

.infoBox.priceMatch img {
    float: left;
}
.infoBox.priceMatch a.button {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* Styles for box contents */
.infoBox ul.featuresList {
    list-style: none;
    overflow: hidden;
    margin-top: 10px;
    padding: 0;
}
ul.featuresList li {
    float: left;
    width: 210px;
    padding-left: 80px;
    min-height: 120px;
}
ul.featuresList h3 {
    padding-top: 0;
}
.featuresList li.price {
    background: #fff url(/images/general/icons/icon_pound.png) no-repeat top left; 
}
.featuresList li.hardware {
    background: #fff url(/images/general/icons/icon_router.png) no-repeat top left; 
}
.featuresList li.activation {
    background: #fff url(/images/general/icons/icon_activation.png) no-repeat top left; 
}
.featuresList li.installation {
    background: #fff url(/images/general/icons/icon_installation.png) no-repeat top left; 
}
.featuresList li.callCentre { /*sales_page.css (line 71)*/
    background: url(/images/salespages/ay_up_icon.png) no-repeat scroll left top #FFFFFF;
}
.featuresList li.speed {
    background: #fff url(/images/general/icons/icon_speedo.png) no-repeat top left;
}
.featuresList li.contract {
    background: #fff url(/images/general/icons/icon_contract.png) no-repeat top left; 
}
.featuresList li.security {
    background: #fff url(/images/general/icons/icon_protect.png) no-repeat top left;
}
.featuresList li.unlimited { 
    background: url(/images/salespages/the_moon_icon.png) no-repeat scroll left top #FFFFFF;
}
.featuresList li.discount { 
    background: url(/images/salespages/purse_icon.png) no-repeat scroll left top #FFFFFF;
}
.featuresHighlightLink {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: #E0F4FD;
    padding-bottom: 14px;
    height: 40px;
}
.featuresHighlightLink img {
    float: left;
    margin: 10px;
}
.featuresHighlightLink p {
    padding: 20px 14px 0;
}
.infoBox ul {
    list-style: none;
    padding: 14px 14px 0 14px;
}
.infoBox ul.linkList li {
    float: left;
    margin-bottom: 5px;
    width: 136px;
}
.infoBox ul, .infoBox h3 {
    position: relative;
}

/* Usage and speed box-lets for fibre packages page */

div.smallUsageBlock p, div.smallSpeedBlock p {
    background-color: #eaeaea;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 0;
    height: 79px;
    font-size: .8em;
    width: 86px;
    text-align: center;
}
div.smallUsageBlock p span, div.smallSpeedBlock p span {
    width: 86px;
    display: block;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    height: 45px;
    padding: 0;
    color: #fff;
    margin-bottom: 4px;
    text-indent: -9999px;
}
div.valueUsage, div.valueSpeed, div.extraUsage, div.extraSpeed {
    display: block;
    float: left;
    margin-right: 10px;
}
div.valueUsage p span, div.valueSpeed p span {
    background-color: #2eb9dc;
}
div.valueUsage p span {
    background-image: url(/images/salespages/fibre/value_usage.png);
}
div.valueSpeed p span {
    background-image: url(/images/salespages/fibre/value_speed.png);
}
div.extraUsage p span, div.extraSpeed p span {
    background-color: #0397b5;
}
div.extraUsage p span {
    background-image: url(/images/salespages/fibre/extra_usage.png);
}
div.extraSpeed p span {
    background-image: url(/images/salespages/fibre/extra_speed.png);
}

/* Fibre banner section */
#headerBanner {
    text-indent: -9999px;
    margin-bottom: 8px;
    height: 90px;
}
#headerBanner.fibreBBBanner {
    background: url(/images/top_banners/banner_fibre_only.png?refresh=130612) no-repeat top left;
}
.bannerLeft {
    width: 630px;
    float: left;
}
.bannerLeft ul.tickList {
    margin-left: 21px;
    margin-top: 24px
}
.bannerLeft ul.tickList li {
    float: left;
    width: 260px;
}
.bannerLeft h2 {
    background: transparent url(/images/general/heading_faster.png) no-repeat top left;
    height: 37px;
}
.bannerLeft h2,.bannerRight h2 {
    text-indent: -9999px;
    margin: 14px;
}
.bannerLeft p {
    padding: 0 14px 14px 14px;
    width: 350px;
}
.bannerRight {
    float: left;
    width: 300px;
}
.bannerRight p {
    padding: 7px 14px 14px 14px;
    color: #fff;
    font-size: 0.9em;
}
.bannerRight h2 {
    background: transparent url(/images/general/heading_fibre_check.png) no-repeat top left;
    height: 39px;
}

/* Line checker form styles */
.formWrapper {
    padding: 0 14px;
}
.formWrapper a#phoneNumber,.formWrapper a#postcode  {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    font-weight: bold;
    float: left;
    background: #2C7EB0;
    padding: 4px 10px 4px 10px;
    color: #fff;
}
.formWrapper a#phoneNumber.active, .formWrapper a#postcode.active {
    background: #EBEBE9;
    color: #356893;
    text-decoration: none;
}
.formWrapper a.active {

}
.formWrapper  input {
    width: 264px;
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    padding: 4px;
}
.formWrapper button {
    border: none;
    cursor: pointer;
    float: right;
    margin-top: 10px;
    background: none;
}

/* Green tick list */
ul.tickList, ul.questionList {
    list-style: none;
    clear: both;
    padding-left: 0;
}

ul.questionList li {
    background: url(/images/salespages/bb_index_icon_questionlist.png) no-repeat 0 2px;
    padding: 0 0 1px 30px;
    display: block;
    margin-bottom: 10px;
}

ul.arrowList, ul.questionList {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0;
    font-weight: bold;
    color: #333;
    position:relative;
}
ul.arrowList .current a{
    color: #695664;
}
ul.arrowList li{
    background:url(/images/salespages/bb_index_icon_arrowlist.png) no-repeat;
    padding:0 0 0 23px;
    margin:0 0 10px;
}
ul.arrowList .current {
    background: url(/images/salespages/bb_index_icon_arrowlist_current.png) no-repeat scroll 0 0 transparent;
}

ul.tickList li {
    background: url("/images/general/pn_tick_g2.png") no-repeat scroll 4px 4px transparent;
    padding: 0 0 7px 30px;
    width: 250px;
}

.linkShunt{
    margin:0 0 0 20px;
}
.rightbox ul.questionList li {
    padding-left: 23px;
}
.rightbox ul.questionList li a {
    color: #695564;
    font-size: 0.9em;
    font-weight: normal;
}
.rightbox ul.questionList li a:hover {
    color: #c81e6e;
}
.rightbox p a {
    font-weight: bold;
}
ul.tickList li.activationFee {    
    background: url("/images/general/small_info_circle.png") no-repeat scroll 4px -2px transparent;    
}
/*------------- New styles for BB packages pages ----------------*/ 

#bbpackagesBanner {
    background: url(/images/top_banners/banner_bb_ph_pckg1.png) top left no-repeat;
    height:90px;
    display:block;
}
#bbpackagesBanner.vewb{
background: url(/images/salespages/bb_packages_banner_V_EW.png) top left no-repeat;
}
#bbpackagesBanner.eewb{
    background: url(/images/top_banners/banner_bb_ph_pckg3.png) top left no-repeat;
}
#bbpackagesBanner.vab{
    background: url(/images/top_banners/banner_bb_ph_pckg2.png) top left no-repeat;
}
#bbpackagesBanner.eab{
    background: url(/images/top_banners/banner_bb_ph_pckg4.png) top left no-repeat;
}

#bbpackagesBannerFibre.vewbFibre{
background: url(/images/top_banners/banner_fibre_ph_pckg1.png?refresh=130612) top left no-repeat;
}
#bbpackagesBannerFibre.eewbFibre{
    background: url(/images/top_banners/banner_fibre_ph_pckg3.png?refresh=130612) top left no-repeat;
}
#bbpackagesBannerFibre.vabFibre{
    background: url(/images/top_banners/banner_fibre_ph_pckg2.png?refresh=130612) top left no-repeat;
}
#bbpackagesBannerFibre.eabFibre{
    background: url(/images/top_banners/banner_fibre_ph_pckg4.png?refresh=130612) top left no-repeat;
}

.package{
    color:#ffffff;
}

#package1 h2 { /*sales_page.css (line 484)*/
    background: url(/images/salespages/bb_index_heading_perfectforlightuse.png) no-repeat scroll 0 0 transparent;
}
#package1 h2 {/*sales_page.css (line 485)*/
    background: url(/images/salespages/bb_index_heading_perfectforlightuse.png) no-repeat scroll 0 0 transparent;;
    float: left;
    height: 63px;
    width: 266px;
    margin:21px 0 16px 2px;
}
#package1 .eewcopy {
    background: url(/images/salespages/bb_index_heading_3.png);
}

#package1 .vacopy {
    background: url(/images/salespages/bb_index_heading_2.png);
}

#package1 .eacopy {
    background: url(/images/salespages/bb_index_heading_4.png);
}


#package1 .package h3{
     background: url(/images/salespages/bb_packages_price_V_EW.png) no-repeat scroll 300px 5px transparent;
    display: block;
    float: left;
    height: 143px;
    margin: 0;
    padding: 0;
    position: absolute;
    text-indent: -9000px;
    width: 437px;
    z-index: 1;
    left: 0;
    top: 0;
}

#package1 .package h3.eewprice{
     background: url(/images/salespages/bb_packages_price_E_EW.png) no-repeat scroll 300px 5px transparent;
}

#package1 .package h3.vtaprice{
     background: url(/images/salespages/bb_packages_price_V_A.png?refresh=221112) no-repeat scroll 300px 5px transparent;
}

#package1 .package h3.etaprice {
     background: url(/images/salespages/bb_packages_price_E_A.png?refresh=221112) no-repeat scroll 300px 5px transparent;
}

#package1 .package p {
    float: right;
    text-align: center;
    width: 180px;
}
div.packageDetails div.left {
    padding: 0 0 20px 18px;
    width: 280px;
}
div.packageDetails { 
    padding: 20px 0 0;
}
.packageDetails .value, .packageDetails .extra{
    text-indent:-9000px;
    margin:6px 0 8px 4px;
    height:51px;
}
.packageDetails .value {
    background:url(/images/salespages/bb_packages_iconHeader_PVB.png) no-repeat;
}
.packageDetails .extra {
    background:url(/images/salespages/bb_packages_iconHeader_E.png) no-repeat 0 -7px;
}
.packageDetails .talkew, .packageDetails .talka{
    text-indent:-9000px;
    height:57px;
    margin:0 0 8px 4px;
}
.packageDetails .talkew {
    background:url(/images/salespages/bb_packages_iconHeader_TEW.png?refresh=130612) no-repeat;
}
.packageDetails .talka{
    background:url(/images/salespages/bb_packages_iconHeader_TA.png?refresh=130612) no-repeat;
}
#bbpackages div.infoBox.box6 {
    width: 615px;
}
.infoBox .gigP{
    padding:4px 4px 1px 4px;
}

.infoBox .gigP a{
    color:#ffffff;
}
.packageDetails .infoBox p span{
    background:url(/images/salespages/bb_packages_green_10gig.png) no-repeat;
    text-indent:-9000px;
    height:34px;
    width:64px;
    display:block;
    float:left;
    margin:0 4px 0 0;
}
.packageDetails .infoBox p span.gbVFibre {
    background:url(/images/salespages/fibre/fibre_packages_40gig.png) no-repeat;
}
.packageDetails .infoBox p span.gbEFibre {
    background:url(/images/salespages/fibre/fibre_packages_120gig.png) no-repeat;
}
.packageDetails .infoBox p span.gb{
    background:url(/images/salespages/60gb.png) no-repeat;
}
p.callsBox {
    padding: 9px 0 0 10px;
}
#package1 .vewcopyFibre {
    background: url(/images/salespages/bb_index_heading_perfectforlightuse.png?refresh=270612);
}
#package1 .eewcopyFibre {
    background: url(/images/salespages/bb_index_heading_3.png?refresh=270612);
}
#package1 .vacopyFibre {
    background: url(/images/salespages/bb_index_heading_2.png?refresh=270612);
}
#package1 .eacopyFibre {
    background: url(/images/salespages/bb_index_heading_4.png?refresh=270612);
}


#package1 .package h3.eewpriceFibre {
     background: url(/images/salespages/fibre/fibre_packages_price_E_EW.png?refresh=110712) no-repeat scroll 300px 5px transparent;
}
#package1 .package h3.eapriceFibre {
     background: url(/images/salespages/fibre/fibre_packages_price_E_A.png?refresh=260712) no-repeat scroll 300px 5px transparent;
}
#package1 .package h3.vewpriceFibre {
     background: url(/images/salespages/fibre/fibre_packages_price_V_EW.png?refresh=130612) no-repeat scroll 300px 5px transparent;
}
#package1 .package h3.vtapriceFibre {
     background: url(/images/salespages/fibre/fibre_packages_price_V_A.png?refresh=130612) no-repeat scroll 300px 5px transparent;
}

#packagesBanner {
    width: 625px;
    height: 70px;
    background: url(/images/salespages/add_phone_banner.png) no-repeat 0 0;
    margin-bottom: 10px;
}
#broadbandOnlyBanner {
    width: 625px;
    height: 70px;
    margin-bottom: 10px;
    background: url(/images/salespages/broadband_only_banner.png) no-repeat 0 0;
}
#broadbandOnlyBanner.fibre {
    background: url(/images/salespages/fibre_broadband_banner.png?refresh=210812) no-repeat 0 0;
}
#packagesBanner.fibre {
    background: url(/images/salespages/fibre_packages_banner.png) no-repeat 0 0;
}
#packagesBanner h3, #broadbandOnlyBanner h3 {
    text-indent: -9999px;
}
#packagesBanner p, #broadbandOnlyBanner p {
    text-indent: -9999px;
    color: #fff;
    float: left;
    font-size: 0.8em;
    margin: 32px 0 0 172px;
}   
#packagesBanner a {
    float: right;
    background: url(/images/salespages/bttn_view_packages.png) no-repeat 0 0;
    width: 121px;
    height: 31px;
    text-indent: -9999px;
    margin: 10px 10px 0 0;
}
#broadbandOnlyBanner a {
    float: right;
    height: 31px;
    text-indent: -9999px;
    margin: 10px 10px 0 0;
	background: url("/images/quarry/elements/buttons/find_out_more.png") no-repeat 0 0;
    width: 125px;
}
#packagesBanner a:hover, #broadbandOnlyBanner a:hover {
    background-position: 0 -31px;
}

/* packages page */
#bbbundlesBanner {
    background:url(/images/top_banners/banner_bb_phone.png) no-repeat;
}
a.packageBottomLink {
    background: url(/images/salespages/bb_index_icon_arrowlist.png) no-repeat scroll 14px 1px transparent;
    padding: 3px 23px;
    display: block;
    text-align: center;
    margin: 7px 0;
}
#bundle1 h2 {
    background: url(/images/salespages/bb_bundles_bundle1.png) no-repeat scroll 0 0 transparent;
}
#bundle2 h2 {
    background: url(/images/salespages/bb_bundles_bundle2.png) no-repeat scroll 0 0 transparent;
}
#bundle3 h2 {
    background: url(/images/salespages/bb_bundles_bundle3.png) no-repeat scroll 0 0 transparent;
    width: 137px;
}
#bundle4 h2 {
    background: url(/images/salespages/bb_bundles_bundle4.png) no-repeat scroll 0 0 transparent;
    width: 143px;
}

#bbFibreComparePackages #bundle2 h2 {
    width: 138px;
}

#bbFibreComparePackages #bundle3 h2 {
    width: 137px;
}

#bbFibreComparePackages #bundle4 h2 {
    width: 138px;
}

.bundle h2 {
    height: 154px;
    width: 136px;
    margin: 0 auto;
    padding: 0;
}
#bbFibreComparePackages .bundle h2 {
    height: 179px;
}
div.bundle {
    border-right: 1px dashed #CCCCCC;
    float: left;
    margin-top: 20px;
    width: 153px;
}
div.bundle.last {
    border: none;
}
div.bundle p {
    padding: 0;
    text-align: center;
}
.packageIcons {
    margin: 0 4px 4px;
    position: relative;
    min-height: 325px;
    text-align: center;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    padding: 5px 0 50px 5px;
    background-color: #fff;
}
#bbFibreComparePackages .packageIcons {
    min-height: 225px;
}
.bundle .packageIcons p {
    text-align: left;
    padding-left: 58px;
    min-height: 41px;
    margin-bottom: 10px;
}
.bundle .packageIcons p span.amount{
    height: 1px;
    display: block;
    text-indent: -9999px;
}
.bundle .packageIcons p.broadband {
    background: transparent url(/images/salespages/icon_pc.png) no-repeat 0 7px;
}
.bundle .packageIcons p.usage10 {
    background: transparent url(/images/salespages/icon_10gb.png) no-repeat top left;
}
.bundle .packageIcons p.usage60 {
    background: transparent url(/images/salespages/icon_60gb.png) no-repeat top left;
}
.bundle .packageIcons p.usage40 {
    background: transparent url(/images/salespages/icon_40gb.png) no-repeat top left;
}
.bundle .packageIcons p.usage120 {
    background: transparent url(/images/salespages/icon_120gb.png) no-repeat top left;
}
.bundle .packageIcons p.upToSpeed {
    background: transparent url(/images/fibre_downsell/38Mb-icon.png) no-repeat top left;
}
.bundle .packageIcons p.upToSpeedBB {
    background: transparent url(/images/fibre_downsell/16Mb-icon.png) no-repeat top left;
}
.bundle .packageIcons p.phone {
    background: transparent url(/images/salespages/icon_phone.png) no-repeat top left;
    min-height: 51px;
}
.bundle .packageIcons p.contract {
    background: transparent url(/images/salespages/icon_contract.png) no-repeat top left;
}
.bundle .packageIcons p.activation {
    background: transparent url(/images/salespages/icon_save25.png) no-repeat top left;
}
.bundle .packageIcons p.monthlyUsageValue {
    background: transparent url(/images/salespages/icon_40gb-usage.png) no-repeat top left;
}
.bundle .packageIcons p.downloadSpeedValue {
    background: transparent url(/images/salespages/icon_38mb-speed.png) no-repeat top left;
}
.bundle .packageIcons p.uploadSpeedValue {
    background: transparent url(/images/salespages/icon_9_5mb-upspeed.png) no-repeat top left;
}
.bundle .packageIcons p.monthlyUsageExtra {
    background: transparent url(/images/salespages/icon_250gb-usage.png) no-repeat top left;
}
.bundle .packageIcons p.downloadSpeedExtra {
    background: transparent url(/images/salespages/icon_76mb-speed.png) no-repeat top left;
}
.bundle .packageIcons p.uploadSpeedExtra {
    background: transparent url(/images/salespages/icon_19_5mb-upspeed.png) no-repeat top left;
}

.packageIcons a.button {
    bottom: 10px;
    left: 10px;
    width: 120px
}

img.icon {
    margin-bottom:5px;margin-right:9px;
}
img.usage {
    margin-right:5px;
}
.bundle div.phoneInfo {
    background-color: #54912F;
}
.infoBox#upSells {
    background: #eaeaea;
    border: none;
    margin-right: 0;
    width: auto;
}

.upSellBox {
    position: relative;
    height: 175px;
    float: left;
    width: 188px;
    margin: 10px;
}
.upSellBox h3 {
    text-indent: -9999px;
}
.upSellBox#protect {
    background: transparent url(/images/salespages/upsell_protect_bg.png) no-repeat top left;
}
.upSellBox#pro {
    background: transparent url(/images/salespages/upsell_pro_bg.png) no-repeat top left;
}
.upSellBox#fibre {
    background: transparent url(/images/salespages/upsell_fibre_bg.png?April2012) no-repeat top left;
}
/* Fibre pages */
.valueFibre form button.buyItNow,.extraFibre form button.buyItNow {
    width: 128px;
    margin: 20px auto 0 auto;
}
#fibreBBindexBanner {
    background: url(/images/top_banners/banner_fibre_only.png);
}
#fibreBundlesBanner {
    background: url(/images/top_banners/banner_fibre_phone.png);
}
.roundedBlueGradient {
    background-color: #2eb9dc;
    padding: 0pt 0pt 6px 6px; 
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px;
}
#bbInfo {
    margin: 93px 0 1px 1px;
    position: relative;
    width: 611px;
}
#bbInfo div.valueFibre, #bbInfo div.extraFibre, #bbInfo div.value, #bbInfo div.extra {
    position: relative;
}
#bbInfo div.valueFibre h2, #bbInfo div.extraFibre h2, #bbInfo div.value h2, #bbInfo div.extra h2 {
    left: 0;
    top: 0;
    height: 115px;
    margin: -89px 10px 0;
    position: absolute;
    width: 260px;
    z-index: 2;
}
#bbInfo div.valueFibre h2 {
    background: url(/images/salespages/fibrebb_index_heading_value_price.png?refresh=070612) no-repeat scroll -1px 5px transparent;
}

#bbInfo div.extraFibre h2 {
    background: url(/images/salespages/fibrebb_index_heading_extra_price.png?refresh=110712) no-repeat scroll -1px 5px transparent;
}
#bbInfo .infoBox.box6 {
    margin: 10px 0 10px 10px;
    width: 290px;
}
#protectPage .infoBoxes .box6 {
    float: none;
}
#bbInfo p.valueUsage, #bbInfo p.extraUsage {
    display: block;
    height: 48px;
    margin: 5px 10px;
    padding: 0;
    width: 188px;  
}
#bbInfo p.valueUsage {
    background: url(/images/salespages/fibrebb_index_40gb.png) no-repeat scroll 0 0 transparent;
}
#bbInfo p.extraUsage {
    background: url(/images/salespages/fibrebb_index_120gb.png) no-repeat scroll 0 0 transparent;
}
#bbInfo p.valueUsage span, #bbInfo p.extraUsage span {
    display: inline-block;
    text-indent: -9999px;
}
#bbInfo p.valueUsage a, #bbInfo p.extraUsage a  {
    color: #fff;
    display: block;
    font-size: 0.8em;
    font-weight: normal;
    padding: 2px 0 0;
}
#bbInfo .value p, #bbInfo .extra p, #bbInfo .valueFibre  p, #bbInfo .extraFibre p {
    color: #FFFFFF;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px 0 0 74px;
}
#bbInfo div.smallUsageBlock, #bbInfo div.smallSpeedBlock {
    margin-bottom: 25px;
}
#bbInfo div.smallUsageBlock {
    margin-left: 8px;
}
#bbInfo div.smallUsageBlock p, #bbInfo div.smallSpeedBlock p {
    color: #695564;
    font-weight: normal;
    font-size: 0.8em;
    padding: 0;
}
.valueFibre .infoBox ul.tickList, .extraFibre .infoBox ul.tickList,.value .infoBox ul.tickList, .extra .infoBox ul.tickList {
    min-height: 163px;
}
.infoBox ul.tickList {
    margin: 20px 0 0 10px;
    padding: 0;
    position: relative;
}
.infoBox .packageDetails ul.tickList {
    margin-left: 0;    
}
.infoBox ul.tickList li {
    margin: 0 5px 0 0;
}
ul.tickList li span.bullet {
    display: block;
    float: left;
    margin-right: 10px;
}
button.checkAvailability {
    width: 150px;
    margin: 20px auto 0 auto;
}
a.button.buyItNow, a.button.checkAvailability {
    display: block;
    height: 31px;
    margin: 0 auto;
    position: relative;
    text-indent: -9999px;
    margin-top: 20px;
}
.package form button.checkAvailability {
    position: absolute;
    right: 29px;
    top: 53px;
}
a.button.checkAvailability {
    background: url(/images/salespages/bb_packages_check_availability.png) no-repeat top left transparent;
    width:142px;
    margin-top:13px;
    margin-bottom:13px;
}
a.button.checkAvailability.whiteoutline {
    background: url(/images/salespages/bb_packages_check_availability_whiteoutline.png) no-repeat left top transparent;
}
a.button.buyItNow {
    background: url(/images/salespages/bttn_buyitnow.png) no-repeat top left transparent;
    width: 128px;
}
.infoBox p.fee {
    margin: 0 auto 15px;
    padding: 0;
    width: 170px;
}
.packageDetails .valueFibre, .packageDetails .extraFibre{
    text-indent:-9000px;
    margin:6px 0 8px 4px;
    height:51px;
}
.packageDetails .valueFibre {
    background:url(/images/salespages/fibre/bb_packages_iconHeader_fibre_value.png) no-repeat;
}
.packageDetails .extraFibre {
    background:url(/images/salespages/fibre/bb_packages_iconHeader_fibre_extra.png) no-repeat ;
}
/* Standard BB */
#bbInfo div.value h2 {
    background: url(/images/salespages/bb_index_heading_value_price.png) no-repeat scroll -3px -3px transparent;
}
#bbInfo div.extra h2 {
    background: url(/images/salespages/bb_index_heading_extra_price.png) no-repeat scroll -3px -3px transparent;
}
#bbindexBanner {
    background: url(/images/top_banners/banner_bb_only.png) no-repeat scroll 0 0 transparent;
}

#bbInfo .value p.valueUsage {
    background: url(/images/salespages/bb_index_heading_10gb.png) no-repeat scroll 0 0 transparent;
}

#bbInfo .extra p.extraUsage {
    background: url(/images/salespages/bb_index_heading_60gb.png) no-repeat scroll 0 0 transparent;
}

/* Pro, protect and price match */
#bannerPriceMatch {
    background: url(/images/top_banners/banner_price_promise.png) no-repeat left top transparent;
}
#bannerPro {
    background: url(/images/top_banners/banner_pro_addon.png) no-repeat left top transparent;
}
#bannerPlusnetProtect {
    background: url(/images/top_banners/banner_plusnet_protect.png) no-repeat left top transparent;
}
#blueBgBoxTop {
    background: url(/images/general/bgbox_top.png) no-repeat top left;
    height: 11px;
}
#blueBgBox {
    background: url(/images/general/bgbox_mid.png) repeat-x #ededed;
}
#blueBgBoxBot {
    background: url(/images/general/bgbox_bot.png) no-repeat top left;
    height: 5px;
}
#blueBgBox #innerContentTop, #blueBgBox #innerContentTopLRS {
    margin: 17px auto 0 auto;
    background: url(/images/general/white_bgbox_edges.png) no-repeat 0 0;
    height: 6px;
    width: 615px;
    z-index: 2
}
#blueBgBox #innerContentTopLRS {
    margin: 0 auto 0 auto;
}
h2#subheadPriceMatch, #blueBgBox h2#subheadPro, h2#subheadProtect, h2#subheadGoOnline {
    text-indent: -9999px;
    float: left;
    margin: 5px 0 0 15px;
}
h2#subheadProtect {
    height: 65px;
    width: 365px;
    background: url(/images/protect/subhead_protect.png) no-repeat 0 0;
}
h2#subheadPriceMatch {
    height: 65px;
    width: 368px;
    background: url(/images/pricematch/subhead_pricematch.png) no-repeat 0 0;
}
#blueBgBox h2#subheadPro {
    height: 65px;
    width: 373px;
    background: url(/images/pro/subhead_pro.png) no-repeat 0 0;
}
img#rightGraphic {
    position: absolute;
    right: 10px;
    z-index: 2;
    top: 17px;
}
#blueBgBox #innerContent {
    width: 615px;
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 20px;
}
#blueBgBox #innerContent .innerBox {
    margin: 0;
    padding: 10px 15px;
}
#blueBgBox #innerContent .innerBox.protect {
    padding-top: 0;
}
#protectPage ul.tickList {
    margin: 40px 0 0 10px;
}
#blueBgBox #innerContent .innerBox h4 {
    margin-top: 10px;
}
#blueBgBox #innerContent .innerBox h4.howImprove {
    margin-top: 30px;
}
p.priceMatchIntro {
    margin-right: 120px;
    margin-bottom: 10px;
}
#blueBgBox #innerContent .innerBox p.proIntro {
    width: 490px;   
    margin-bottom: 30px;
}
#blueBgBox #innerContent #proGamers, #blueBgBox #innerContent #proHomeworkers {
    width: 48%;
    margin-right: 2%;
    float: left;
}
#blueBgBox #innerContent .innerBox ul.proBullets {
    width: 550px;
    margin-top: 35px;
}
#blueBgBox #innerContent .innerBox ul.proBullets li {
    width: 240px;
    float: left
}
#ctaGet {
    width: 573px;
    height: 48px;
    background: url(/images/general/cta_bg.png) no-repeat top left;
    margin: 40px auto 0 auto;
}
#ctaGet p {
    font-size: 1.1em;
    font-weight: bold;
    width: 320px;
    margin: 15px 0 0 20px;
    float: left;
    padding: 0;
}
#ctaGet a {
    width: 208px;
    height: 31px;
    text-indent: -9999px;
    background: url(/images/general/bttn_view_bb.png) no-repeat top left;
    display: inline-block;
    margin: 8px 0 0 0;
}
/* PRO PAGE TABLE STYLES */
#proTable {
    margin: 0 auto 0 auto;
    background: url(/images/pro/table_bg.png) top left no-repeat;
    width: 575px;
    height: 405px;
}
#proTable table {
    width: 555px;
    margin: 10px auto 0;
}
#proTable table tr.top {
    background: url(/images/pro/table_header_bg.png) no-repeat 0 0;
    height: 64px;
    width: 555px;
    color: #fff;
}
#proTable table tr th.col_01 {
}
#proTable table tr td {
    padding: 10px 10px 5px;
    vertical-align: top;
}
#proTable table tr td.bottom {
    height: 80px;
}
#proTable table tr th.col_02, #proTable table tr th.col_03, #proTable table tr th.col_04 {
    width: 132px;
}
#proTable table tr th.col_01, #proTable table tr td.col_01, #proTable table tr th.col_02, #proTable table tr td.col_02, #proTable table tr th.col_03, #proTable table tr td.col_03 {
    border-right: 1px solid #fff;
}
#proTable table tr td span {
    text-indent: -9999px;
    display: block;
    width: 71px;
    height: 20px;
    margin: 0 auto;
}
span.oneStar {
    background: url(/images/pro/one_star.png) no-repeat; 
}
span.twoStar {
    background: url(/images/pro/two_star.png) no-repeat; 
}
span.threeStar {
    background: url(/images/pro/three_star.png) no-repeat; 
}
#tableKey {
    margin: 20px;
}
#tableKey p {
    font-weight: bold;
    float: left;
}
#tableKey ul li {
    list-style: none;
    display: inline;
    float: left;
    margin: 0 20px;
}
#tableKey ul li span {
    height: 20px;
    text-indent: -9999px;
    float: left;
    margin: -3px 10px 0 0;
}
#tableKey ul li span.singleStar {
    background: url(/images/pro/single_star.png) no-repeat;
    width: 20px;
}
#tableKey ul li span.doubleStar {
    background: url(/images/pro/double_star.png) no-repeat;
    width: 45px;
}
#tableKey ul li span.tripleStar {
    background: url(/images/pro/triple_star.png) no-repeat;
    width: 70px;
}
#blueBgBox #innerContentBot {
    background: url(/images/general/white_bgbox_edges.png) no-repeat 0 -6px ;
    height: 6px;
    width: 615px;
    margin: 0 auto;
}
.findOutMore {
    margin: 20px 25px;
}
.findOutMore a {
    font-weight: bold;
}
#bbFibreComparePackages #bundle1 h2 {
    background: url(/images/salespages/fibre_bundles_bundle1.png?refresh=110712) no-repeat scroll 0 0 transparent;
}
#bbFibreComparePackages #bundle2 h2 {
    background: url(/images/salespages/fibre_bundles_bundle2.png?refresh=110712) no-repeat scroll 0 0 transparent;
}
#bbFibreComparePackages #bundle3 h2 {
    background: url(/images/salespages/fibre_bundles_bundle3.png?refresh=110712) no-repeat scroll 0 0 transparent;
}
#bbFibreComparePackages #bundle4 h2 {
    background: url(/images/salespages/fibre_bundles_bundle4.png?refresh=260712) no-repeat scroll 0 0 transparent;
}

/* fibre line checker */

#fibreChecker {
   padding: 20px;
}
input.default {
    color:#888;
}
#fibreChecker h1 {
    display: block;
    height: 36px;
    margin: 0;
    padding: 0;
    text-indent: -5000px;
}

#fibreChecker .dialUp {
    background: transparent url(/images/salespages/heading_dialup.png) no-repeat top left;
}

#fibreChecker .available {
    background: url(/images/fibre_line_check/great-news.png) no-repeat scroll 0 0;
}

#fibreChecker .unavailable {
    background: url(/images/fibre_line_check/sorry.png) no-repeat scroll 0 0;
}

#fibreChecker .confirm {
    background: url(/images/fibre_line_check/confirm.png) no-repeat scroll 0 0;
}

#fibreChecker .check {
    background: url(/images/fibre_line_check/fibre_availability_check.png) no-repeat scroll 0 0;
}

#fibreChecker .sorry1 {
    background: url(/images/fibre_line_check/sorry-we-dont-recognise-postcode.png) no-repeat scroll 0 0;
}

#fibreChecker .sorry2 {
    background: url(/images/fibre_line_check/sorry-we-dont-recognise-number.png) no-repeat scroll 0 0;
}

#fibreChecker .sorry3 {
    background: url(/images/fibre_line_check/sorry-we-cant-match-address.png) no-repeat scroll 0 0;
}

#fibreChecker #weChecked, .main-content #weChecked {
    background-color:#EDEDED;
}

#fibreChecker #yourEstimate {
    background-color: #E5F6FD;
    color: #025E87;
}

#fibreChecker .topBoxes {
    float: left;
    width: 216px;
    padding: 10px 10px 0 10px;
    margin: 10px 10px 25px 0;
    white-space: nowrap;
}
.main-content .topBoxes {
    padding: 10px;
    float: none;
    width: auto;
    margin: 0 0 8px 0;
}

#fibreChecker .postcode{
    width:140px;
}

#fibreChecker #yourEstimate span{
    padding: 2px 4px;
    background-color: #26719F;
    color: #FFFFFF;
}

#fibreChecker #resultsBoxWrap {
    clear: both;
}

#fibreChecker #resultsBoxWrap table{
    width: 660px;
    margin: 30px 0 0 0;
    border-radius: 7px;
}

#fibreChecker #resultsBoxWrap table td{
    background-color: #E5F6FD;
    border-radius: 7px;
    text-align: center;
    padding: 19px 6px 19px 12px;
    color: #26719F;
}

#fibreChecker #resultsBoxWrap table .mid{
    border-radius: 0px 0px 0px 0px;
}

#fibreChecker #resultsBoxWrap table .topLeft{
    border-radius: 7px 0px 0px 0px;
}

#fibreChecker #resultsBoxWrap table .btmLeft{
    border-radius: 0px 0px 0px 7px;
}

#fibreChecker #resultsBoxWrap table .topRight{
    border-radius: 0px 7px 0px 0px;
}

#fibreChecker #resultsBoxWrap table .btmRight{
    border-radius: 0px 0px 7px 0px;
}

#fibreChecker #resultsBoxWrap .darkBlue{
    color: #015E86;
    text-align: center;
    padding: 9px 6px 9px 6px;
}

#fibreChecker #resultsBoxWrap .darkBlue1{
    background-color: #BDE8FA;
    border-radius: 7px 0px 0px 7px;
}

#fibreChecker #resultsBoxWrap .darkBlue2{
    background-color: #BDE8FA;
    border-radius: 0px 0px 0px 0px;
    width: 160px;
}

#fibreChecker #resultsBoxWrap .darkBlue3{
    background-color: #BDE8FA;
    border-radius: 0px 7px 7px 0px;
    width: 200px;
}

#fibreChecker #resultsBoxWrap table h2{
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
}

#fibreChecker #resultsBoxWrap table img{
    float: left;
}

#fibreChecker #resultsBoxWrap .productName{
    text-align: left;
    background: url(/images/fibre_line_check/broadband-icon.png) no-repeat scroll 0 0;
    padding: 0 0 20px 64px;
    margin: 0 0 0 3px;
}

#fibreChecker #resultsBoxWrap .productName2{
    background: url(/images/fibre_line_check/broadband-phone-icon.png) no-repeat scroll 0 0;
}

#fibreChecker .lineSpeed{
    color: #26719F;
}

#fibreChecker .legalText{
    font-size: 0.8em;
}

#fibreChecker #resultsBoxWrap .alreadyHave{
    font-size: 1.2em;
    color: #695664;
    text-align: left;
    width: 570px;
}

#fibreChecker .noFloat{
    float: none;
}

#fibreChecker form#addressSelection select {
   border: 1px solid #685564;
   display: block;
   height: 110px;
   margin: 18px 0;
   width: 580px;
}
#fibreChecker p, #fibreChecker h2 {
    margin: 0 0 10px 0;
}
#fibreChecker h2 {
    font-size: 1.1em;
}
#fibreChecker p.paddingTop {
    padding-top: 10px;
}

#fibreChecker p.paddingBottom {
    padding-bottom: 10px;
}

#fibreChecker p.additionalText {
    padding-top: 20px;
}

#fibreChecker #lowerLine{
    float: left;
    margin: 20px 0 0 0;
    width: 100%;
}

#fibreChecker #lowerLine p, #lowerLine button, #lowerLine a.button {
    float: right;
    margin: 0 20px;
}

#fibreChecker #lowerLine p{
    margin: 8px 0 0 0;
}

#fibreChecker #checker p{
    margin: 0 0 20px 0;
}

#fibreChecker .bigger{
    font-size: 1.2em;
}

#fibreChecker .getItImage{
    margin: 20px 0 0 240px;
}

/* protect page */
.infoBox h3.plusnetProtect {
    height: 79px;
    background: url(/images/brand_refresh/h1_plusnetprotect.png) no-repeat 20px;
    text-indent: -9999px;
    padding-top: 0;
}

#protectPage ul.tickList li {
    width: auto;
}

.infoBox.box11a {
    background: #4EBEEC;
    color:#FFFFFF;
}
table#protectCosts {
    border-collapse: collapse;
    color: #685664;
    position: relative;
    z-index: 9;
    margin: 0 auto;
}
#protectCosts tr.tableHead {
    height: 44px;
}
#protectCosts tr.tableHead th {
    font-weight: normal;
    height: 44px;
    padding: 10px 0;
    text-align: center;
    text-indent: -9999px;
}
#protectCosts tr.tableHead th.col1 {
    background-image: url(/images/protect/table/topleft.png);
    border-right: 1px solid #FFFFFF;
    padding: 0;
    text-indent: 0;
    width: 139px;
}
#protectCosts tr.tableHead th.col2 {
    background-image: url(/images/protect/table/top2.png);
    padding: 0 10px;
    width: 215px;
}
#protectCosts tr.tableHead th.col3 {
    background-image: url(/images/protect/table/top3.png);
    padding: 0;
    width: 216px;
}
#protectCosts tr.tableHead th.col4 {
    background-image: url(/images/protect/table/topright.png);
    padding: 0;
    width: 161px;
}
#protectCosts tr.tableCosts {
    height: 70px;
}
#protectCosts tr.tableCosts td.col1, #protectCosts tr.tableCosts td.col2, #protectCosts tr.tableCosts td.col3 {
    text-align: center;
}
#protectCosts tr.tableCosts td.col2 p {
    padding: 0;
}
#protectCosts tr.tableCosts td.col3 {
    padding-right: 50px;
}
#cboxLoadedContent img.faqIcons {
    display: block;
  
    width: 175px;
}
#cboxLoadedContent h2, #cboxLoadedContent p,#cboxLoadedContent img.faqIcons {
    margin-bottom: 14px;
}
#cboxLoadedContent #controls {
    clear: both;
    margin-right: 14px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    background-color: #ededed;
    overflow: hidden;
    padding: 14px;
}
.previousFaq, .nextFaq {
    padding-top: 7px;
}
.previousFaq {
    float: left;
    background: transparent url(/images/salespages/faq_icons/btn_previous.png) no-repeat top left;
    padding-left: 107px;
    height: 31px;
}
.nextFaq {
    float: right;
    background: transparent url(/images/salespages/faq_icons/btn_next.png) no-repeat top right;
    padding-right: 77px;
    height: 31px;
}

img.faqIcons {
    float: right;
    display: block;
    width: 175px;
}
.faqIconWrapper {
    height: 60%;
    width: 175px;
    float: right;
    margin-left: 20px;
}
#cboxLoadedContent ul {
    list-style: none;
}
.faqWrapper p {
    width: 500px;
}
.faqWrapper {
    padding: 15px;
    width: 760px;
}

/* Fibre map */
#fibreMap {
    width: 663px;
    padding: 15px;
    background-color: #f3f3f3;
    margin: 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#fibreMap #leftContent {
    float: left;
    width: 250px;
    z-index: 200;
    position: relative;
}
#fibreMap h1 {
    background: url(/images/fibre_map/title_fibreinUK.png) no-repeat;
    text-indent: -9999px;
    display: block;
    height: 43px;
    width: 400px;
}
#fibreMap h2 {
    font-size: 1.2em;
    font-weight: bold;
    width: 400px;
    overflow: visible;
    color: #695564;
}
#fibreMap #areaList {
    color: #45b7ec;
    z-index: 2;
    margin-top: 20px;
}
#fibreMap #boxTop {
    width: 265px;
    height: 11px;
    background-color: #fff;
}
#fibreMap #boxMid {
    width: 265px;
    height: 230px;
    margin: 0;
    padding: 0;
    background-color: #fff;
}
#fibreMap #boxMid p {
    margin: 0 15px;
    color: #666;
}
#fibreMap #boxMid ul {
    margin: 10px 0 0;
    color: #666;
    padding-left: 15px;
}
#fibreMap #boxBot {
    width: 268px;
    height: 12px;
}
#fibreMap #map-container {
    float: right;
    margin: 0 50px 0 0;
}
#fibreMap a {
    color: #c81e6e;
    text-decoration: underline;
}
#fibreMap a:hover {
    text-decoration: none;
    color: #14b4e6;
}
#fibreMap .fibreArea {
    background-color: #d5effb;
    color: #387ba6;
    width: 640px;
    padding: 10px;
    margin-top: 20px;
}
#fibreMap .fibreArea h3 {
    margin: 0 0 15px 0;
    font-size: 1.6em;
    color: #c81e6e;
    float: left;
}
#fibreMap .fibreArea h4 {
    padding: 5px 10px;;
    clear: both;
    background-color: #bee7f9;
    margin: 0; 
    color: #666;
}
#fibreMap .fibreArea p {
    padding: 10px;
    background-color: #fff;
    margin-top: 0;
    color: #666;
}
#fibreMap .fibreArea a {
    text-decoration: none;
    float: right;
    width: 103px;
    height: 28px;
    display: block;
    background: url(/images/fibre_prereg/back_btn.png) no-repeat top;
    text-indent: -9999px;
}
#fibreMap .fibreArea a:hover {
    background: url(/images/fibre_prereg/back_btn.png) no-repeat bottom;
}
#fibreMap .bottomSection {
    margin-bottom: 145px;
}
#fibreMap .clear {
    clear: both;
}
#fibreMap .small {
    font-size: 0.9em;
    color: #2eb9dc;
    width: 400px;
    overflow: visible;
    margin: 20px 0;
}
#fibreMap .small a {
    color: #2eb9dc;
}
/*hover styles*/
#fibreMap .clearboth {
    clear: both;
}
#fibreMap #map-view-container {
    position: relative;
    float: right;
}
#fibreMap #map-container {
    float: left;
}
#fibreMap #map-view-container img.map {
    position: relative;
    z-index: 100;
}
#fibreMap #map-view-container img.region {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 20;
}       
#fibreMap #map-view-container img.regionBg {
    left: 0px;
    position: absolute;
    top: 0px;
    z-index: 19;
}
a#scotlandInfo, a#northWestInfo, a#northernEnglandInfo, a#yorkshireHumberInfo, a#midlandsInfo, a#westMidlandsInfo, a#walesInfo, a#eastInfo, a#greaterLondonInfo, a#southEastInfo, a#southWestInfo, a#northernIrelandInfo {
    display: block;
    padding: 0;
    margin: 0;
}
.clear {
    clear: both;
}
#whatYouNeed h1 {
    background: transparent url(/images/salespages/heading_what_you_need.png) no-repeat top left;
    height: 43px;
}
#whatYouNeed h2 {
    font-size: 1em;
}
#offer3Banner{
    background: url("/images/12offer/banner1.png") top left no-repeat;
    height:96px;
}
#container .anytimeOffer{
    background: url("/images/12offer/banner2.png") top left no-repeat;
}
#container .offerLayout{
    margin: 0px;
}
.offerLayout a.checkAvailability {
    position: absolute;
    top: 110px;
    right: 30px;
    height: 31px;
    text-indent: -9999px;
    background: url(/images/salespages/bb_packages_check_availability_whiteoutline.png) no-repeat left top transparent;
    width: 142px;
}
#offerContainer a#lineRental {
    position: absolute;
    right: 20px;
    top: 158px;
    color: #fff;
    font-weight: bold;
    font-size: 0.8em;
}
#offerContainer h2 {
    text-indent: -9999px;
    background: none;
}
#bbpackages.offerLayout .box13 {
    position: relative;
}
#bbpackages.offerLayout div.infoBox.box6 {
    margin-top: -31px;
}
.moreLinks{
    float:left;
    width:585px;
    height:45px;
    background:url("/images/12offer/wantMoreCalls.png") top left no-repeat;
    margin:0 0 10px 15px;
}


.moreLinks h4{
    float:left;
    text-indent:-9000px;
    margin:0px;
    padding:0px;
}

.moreLinks a{
    float:right;
    width:115px;
    height:31px;
    text-indent:-9000px;
    background:url("/images/12offer/findOutMoreCalls.png") 0 0 no-repeat;
    margin:6px 6px 0 0;
}

.moreLinks a:hover{
    background:url("/images/12offer/findOutMoreCalls.png") 0px -31px no-repeat;
}

#wantMoreBB{
    background:url("/images/12offer/wantMoreBroadband.png") top left no-repeat;
}

#wantLessPhone{
    background:url("/images/12offer/wantFewerCalls.png") top left no-repeat;
}

/* 4free offer */
.offer4free {
    position:absolute;
    top:90px;
    left:200px;
}
/* free4 offer */
#offer3Banner.free4{
    background:url("/images/offers/free4/banner.png") top left no-repeat;
}
#bbpackages.offerLayout .box13 #offerContainer.free4 {
    background:transparent url("/images/offers/free4/subBanner.png") top left no-repeat;
}
#bbpackages.offerLayout .box13 #offerContainer.free4Anytime {
    background:transparent url("/images/offers/free4/subBannerAnytime.png") top left no-repeat;
}
.offerLayout .free4 a.checkAvailability,
.offerLayout .free4Anytime a.checkAvailability {
    top:139px;
    right:53px;
}

/* incahoot kgb offer */
#offer3Banner.kgb12Eaw {
    background:url("/images/offers/kgb/banner_eaw.png") top left no-repeat;
}
#bbpackages.offerLayout .box13 #offerContainer.kgb12Eaw {
    background:transparent url("/images/offers/kgb/sub_banner_eaw.png") top left no-repeat;
}
#offer3Banner.kgb12Anytime {
    background:url("/images/offers/kgb/banner_anytime.png") top left no-repeat;
}
#bbpackages.offerLayout .box13 #offerContainer.kgb12Anytime {
    background:transparent url("/images/offers/kgb/sub_banner_anytime.png") top left no-repeat;
}
.offerLayout .kgb12Eaw a.checkAvailability,
.offerLayout .kgb12Anytime a.checkAvailability {
    top:139px;
    right:53px;
}
/* About Us Refresh - August 2011 */
#aboutUs {
    width:608px;
    background:url(/images/aboutus/bg_about_us.jpg) top left no-repeat;
    padding:322px 312px 26px 26px;
    position:relative;
    min-height: 500px;
}
#aboutUs .icon,
#aboutUs h2,
#aboutUs p {
    float:left;
}
#aboutUs h1 {
    text-indent:-9999px;
    height:71px;
    margin:0;
    position:absolute;
    top:20px;
    left:150px;
    background: url(/images/aboutus/title_about_us.png) no-repeat top center;
    width:635px;
}
#aboutUs h2 {
    font-size:13px;
    width:480px;
}
#aboutUs p {
    width:480px;
}
#aboutUs .callToAction {
    position:absolute;
    top:680px;
    left:710px;
    width:188px;
}
#aboutUs .callToAction h3 {
    background: url(/images/aboutus/title_join_plusnet.png) no-repeat top center;
    text-indent:-9999px;
    height:35px;
    width:214px;
    margin:0;
    position:absolute;
    top:-50px;
    left:-12px;
}
#aboutUs .callToAction a {
    display: block;
    margin-bottom:15px;
}
#aboutUs .callToAction a img {
    border:none;
}
#aboutUs .topic {
    margin-bottom:40px;
}
#aboutUs .topic,
.aboutUsLiveperson {
    overflow:hidden;
    width:100%;
}
.aboutUsLiveperson div {
    float:right;
}
.registeredAddress {
    margin: 0 18px 0 35px;
}
.registeredAddress p {
    margin: 0 0 10px 0;
}

/* Hide content that requires JS when JS is disabled */
.requiresJS {
    display:none;
}

/* TTL Offer */
.ttl #bbbundlesBanner,
.ttl2 #bbbundlesBanner {
    height:210px;
    position: relative;
}
.ttl #bbBundles,
.ttl2 #bbBundles {
    padding-top:71px;
    margin-top:0;
}
.ttl .infoBoxes .packages,
.ttl2 .infoBoxes .packages {
    border-radius: 0px 0px 7px 7px;
}
.ttl #bundle1 h2,
.ttl #bundle2 h2,
.ttl #bundle3 h2,
.ttl #bundle4 h2,
.ttl2 #bundle1 h2,
.ttl2 #bundle2 h2,
.ttl2 #bundle3 h2,
.ttl2 #bundle4 h2 {
    width:145px;
    height:150px;
}
.ttl #bundle1 h2 {
    background: url("/images/offers/ttl/value-eaw.png?refresh=221212") no-repeat scroll top center transparent;
}
.ttl #bundle2 h2 {
    background: url("/images/offers/ttl/value-anytime.png?refresh=221212") no-repeat scroll top center transparent;
}
.ttl #bundle3 h2 {
    background: url("/images/offers/ttl/extra-eaw.png?refresh=221212") no-repeat scroll top center transparent;
}
.ttl #bundle4 h2 {
    background: url("/images/offers/ttl/extra-anytime.png?refresh=221212") no-repeat scroll top center transparent;
}

.ttl #offer3Banner,
.ttl2 #offer3Banner {
    position: relative;
    height: 210px;
}
.ttlAnytime #offer3Banner,
.ttlAnytime2 #offer3Banner {
    position: relative;
    height: 210px;
}
.ttlExtra #offer3Banner,
.ttlExtra2 #offer3Banner {
    position: relative;
    height: 210px;
}
.ttlExtraAnytime #offer3Banner,
.ttlExtraAnytime2 #offer3Banner {
    position: relative;
    height: 210px;
}
.ttl #bbpackages.offerLayout .box13 #offerContainer,
.ttl2 #bbpackages.offerLayout .box13 #offerContainer {
    height:88px;
    position:relative;
    z-index:3;
}
.ttlAnytime #bbpackages.offerLayout .box13 #offerContainer,
.ttlAnytime2 #bbpackages.offerLayout .box13 #offerContainer {
    height:88px;
    position:relative;
    z-index:3;
}
.ttlExtra #bbpackages.offerLayout .box13 #offerContainer,
.ttlExtra2 #bbpackages.offerLayout .box13 #offerContainer {
    height:88px;
    position:relative;
    z-index:3;
}
.ttlExtraAnytime #bbpackages.offerLayout .box13 #offerContainer,
.ttlExtraAnytime2 #bbpackages.offerLayout .box13 #offerContainer {
    height:88px;
    position:relative;
    z-index:3;
}
.offerLayout a.checkAvailability,
.offerLayout a.checkAvailability {
    top:23px;
    right:25px;
}
.ttl #bbpackages.offerLayout div.infoBox.box6,
.ttl2 #bbpackages.offerLayout div.infoBox.box6 {
    margin-top: -31px;
}
.ttlExtra #bbpackages.offerLayout div.infoBox.box6,
.ttlExtra2 #bbpackages.offerLayout div.infoBox.box6 {
    margin-top: -31px;
}
.checkAvailabilitySecondary {
    display:block;
    width: 585px;
    margin:0 auto 5px auto;
}

/*assist page styles*/
#bannerAssist {  
   background: url("/images/assist/plusnet-assist.png") no-repeat scroll left top transparent;
}
h2#subheadAssist {  
   background: url("/images/assist/fix-connection-problems.png") no-repeat scroll 0 0 transparent;
   height: 65px;
   width: 368px;
   margin: 5px 0 0 15px;
   text-indent: -9999px;
}
img#rightGraphic2 { 
   position: absolute;
   right: 10px;
   top: 3px;
   z-index: 2;
}
.infoBox #laptopOuter #benefits {
   min-height: 220px;
   float: right;
   margin: 14px 0 0 0;
   clear: none;
}
#downloadIt a {
   background: url("/images/assist/download-it-now.png") no-repeat scroll left top transparent;
   display: block;
   height: 31px;
   margin: 14px 0 0 36px;
   text-indent: -9999px;
   width: 148px;
}
#downloadIt p {
   font-size: .9em;
   width: 190px;
   text-align: center;
   padding-right: 32px;
}
#downloadIt {
   position: absolute;
   right: 10px;
   top: 160px;
   z-index: 3;
}
#laptop {
   margin: 20px;
   float: left;
}
#laptopOuter {
   float: left;
   width: 600px;
   margin: 16px 0;
}
.windowsLogo {
   margin: 20px 0 20px 90px;
}
#assistSpace {
   width: 300px;
}
h3#usefulLinks {
   background: url("/images/assist/faqs.png") no-repeat scroll 0 0 transparent;
}
ul.tickList .liWide2{
background: none;
margin: 0;
padding: 0 0 20px 5px;
}

/* Fibre Pound Offer */
.fibrepound #headerBanner.fibreIndexBanner {
    background: url(/images/offers/fibrepound/banner_fibre_generic.png) no-repeat top left;
}
.fibrepound #bbpackagesBannerFibre.vewbFibre{
background: url(/images/offers/fibrepound/banner_fibre_ph_pckg1.png) top left no-repeat;
}
.fibrepound #bbpackagesBannerFibre.eewbFibre{
    background: url(/images/offers/fibrepound/banner_fibre_ph_pckg3.png) top left no-repeat;
}
.fibrepound #bbpackagesBannerFibre.vabFibre{
    background: url(/images/offers/fibrepound/banner_fibre_ph_pckg2.png) top left no-repeat;
}
.fibrepound #bbpackagesBannerFibre.eabFibre{
    background: url(/images/offers/fibrepound/banner_fibre_ph_pckg4.png) top left no-repeat;
}
.fibrepound #fibreBundlesBanner {
    background: url(/images/offers/fibrepound/banner_fibre_phone.png);
}
.fibrepound #bbFibreComparePackages #bundle1 h2 {
    background: url("/images/offers/fibrepound/fibre_bundles_bundle1.png") no-repeat scroll 0 0 transparent;
}
.fibrepound #bbFibreComparePackages #bundle2 h2 {
    background: url("/images/offers/fibrepound/fibre_bundles_bundle2.png?refresh=221112") no-repeat scroll 0 0 transparent;
}
.fibrepound #bbFibreComparePackages #bundle3 h2 {
    background: url("/images/offers/fibrepound/fibre_bundles_bundle3.png") no-repeat scroll 0 0 transparent;
}
.fibrepound #bbFibreComparePackages #bundle4 h2 {
    background: url("/images/offers/fibrepound/fibre_bundles_bundle4.png?refresh=221112") no-repeat scroll 0 0 transparent;
}
.fibrepound #package1 .package h3.vewpriceFibre {
    background: url("/images/offers/fibrepound/fibre_packages_price_V_EW.png") no-repeat scroll 300px 5px transparent;
}
.fibrepound #package1 .package h3.vtapriceFibre {
    background: url("/images/offers/fibrepound/fibre_packages_price_V_A.png?refresh=221112") no-repeat scroll 300px 5px transparent;
}
.fibrepound #package1 .package h3.eewpriceFibre {
    background: url("/images/offers/fibrepound/fibre_packages_price_E_EW.png") no-repeat scroll 300px 5px transparent;
}
.fibrepound #package1 .package h3.eapriceFibre {
    background: url("/images/offers/fibrepound/fibre_packages_price_E_A.png?refresh=221112") no-repeat scroll 300px 5px transparent;
}

/*Go Online Page*/

#goOnlineBanner {
    background: url(/images/top_banners/banner_go_online.png) no-repeat scroll 0 0 transparent;
}

h2#subheadGoOnline {
    height: 65px;
    width: 294px;
    background: url(/images/go-online/go_online_subhead.png) no-repeat 0 0;
}

p.goOnlineIntro {
    margin-right: 140px;
    margin-bottom: 10px;
}

#aboutPlusnet {
    padding-bottom: 10px;
}

#aboutPlusnet h3 {
    height: auto;
    margin: 16px 0 20px;
    text-indent: 0;
}

#aboutPlusnet img.floatRight {
    float: right;
    margin: 0 0 10px 5px;
}

#ctaCall {
    background: url("/images/general/cta_bg.png") no-repeat scroll left top transparent;
    height: 48px;
    margin: 20px auto 0;
    width: 573px;
}

#ctaCall p {
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
}

#ctaCall p .callus {
    color:#C81E6E;
}

#ctaCall p .phone {
    font-size: 1.4em;
}

/* Offer Countdown */

#offerExpiry {
    width:246px;
    height:105px;
    background:url(/assets/tactical_marketing/landing_pages/images/layout/countdownBackground.png) no-repeat;
    position:absolute;
    top:90px;
    right:-11px;
}
#offerExpiry .days,
#offerExpiry .hours,
#offerExpiry .minutes,
#offerExpiry .seconds {
    position:absolute;
    top:40px;
    width:28px;
}
#offerExpiry .days {
    left:35px;
}
#offerExpiry .hours {
    left:85px;
}
#offerExpiry .minutes {
    left:135px;
}
#offerExpiry .seconds {
    left:186px;
}
#offerExpiry span {
    display: block;
    float: left;
    width: 14px;
    height: 17px; 
    background: url(/assets/tactical_marketing/landing_pages/images/layout/countdownNumbers.png) no-repeat 0px 0px;
} 
#offerExpiry span.image0 {
    background-position: -0px 0px;
} 
#offerExpiry span.image1 {
    background-position: -12px 0px;
} 
#offerExpiry span.image2 { 
    background-position: -25px 0px;
} 
#offerExpiry span.image3 {
    background-position: -39px 0px;
} 
#offerExpiry span.image4 {
    background-position: -53px 0px;
} 
#offerExpiry span.image5 {
    background-position: -68px 0px;
} 
#offerExpiry span.image6 {
    background-position: -82px 0px;
} 
#offerExpiry span.image7 {
    background-position: -96px 0px;
} 
#offerExpiry span.image8 {
    background-position: -110px 0px;
} 
#offerExpiry span.image9 {
    background-position: -124px 0px;
}

/* addphone landing page */

body #banner_HTT_landing { /* new residential css 6126 */
 background: none;
 margin: 0;
}

.rightbox .awards { /* new residential css 040111 */
    display: block;
    margin: 7px 0;
    float: left;
}

body #banner_HTT_landing h1{ /* new residential css 6133 */
 background: url("/images/addphone/addPhone.png") no-repeat scroll left top transparent;
 text-indent: -9000px;
}

#blueBgBox h2#subheadAddPhone {
    background: url("/images/addphone/ChooseYourHomePhonePlan.png") no-repeat scroll 0 0 transparent;
    float: left;
    height: 30px;
    margin: 0 0 0 15px;
    text-indent: -9999px;
    width: 318px;
}

body .rightbox {
    width: auto;
}

body div#sub-content {
    margin: 10px 0 30px;
}

body .price {
    color: #695664;
    font: 1em Arial,Helvetica,sans-serif;
}

body div.mainContent {
    border: none;
    float: left;
    padding: 0 0 10px;
    width: auto;
}

.addPhoneBttn {
    background: url("/images/addphone/addPhoneBtn.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 33px;
    text-indent: -9999px;
    width: 82px;
    float: right;
    color: #FFFFFF;
    text-align: right;
}

body #blueBgBox #innerContent {
    padding-bottom: 0;
}

body #container h1 {
    height: 90px;
}

body #additional_info_without_awards {
    margin: 40px 0 20px 0;
}

.wlrOptions h3{
	font-weight: normal;
	position: relative;
	}
	
.wlrOptions h3 span.price{
	position: absolute;
    right: 0;
	}
	
.wlrOptions h3 span.price2{
	font-size: .8em;
	position: absolute;
    right: 0;
	}
	
.description #lrsDetails{
	margin: 25px 0 0 0;
}
.description #lrsFaqs{
	margin: 0 0 0 18px;
	font-size:.9em;
}

/* Line Rental Saver add on's page styles  */
#bannerLRS {
    background: url("/images/lineRentalSaver/lineRentalSaver.png") no-repeat scroll left top transparent;
}
img#rightGraphic {
    position: absolute;
    right: 10px;
    top: 4px;
    z-index: 2;
}
#blueBgBox h2#subheadLRS {
    background: url("/images/lineRentalSaver/subhead_lrs.png") no-repeat scroll 0 0 transparent;
    height: 66px;
    width: 318px;
	float: left;
    margin: 3px 0 17px 15px;
    text-indent: -9999px;
}
#lrsIntro {
	z-index: 3;	
}
#lrsIntroInner {
    width: 370px;
}
#lrsIntro p {
    font-size: 1em;
    line-height: 1.4em;
	margin: 8px 0 16px 0;
}
#lrsIntro ul {	
	list-style: none;
	margin: 26px 0 0 19px;
	padding: 0;
}
#lrsIntro ul li {	
	background: url("/images/general/pn_tick_g2.png") no-repeat scroll 4px 0 transparent;
    padding: 0 0 7px 35px;
}

#lrsIntro div.mobileMinutes {
    margin: 0 0 2.5em 2em;
}
#lrsIntro div.mobileMinutes label {
    margin-left: 1em
}


#ctaGetLrs, #ctaGetLrsJoin {  
    margin: 40px 0 0 0;
    width: 193px;
}
#ctaGetLrs a, #ctaGetLrsJoin a {
    background: url("/images/lineRentalSaver/change-product.png") no-repeat scroll left top transparent;
    display: inline-block;
    height: 31px;
    margin: 28px 0 5px 0;
    text-indent: -9999px;
    width: 140px;
	float: right;
}
#ctaGetLrsJoin a {
	background: url("/images/lineRentalSaver/viewPackages.png") no-repeat scroll left top transparent;
	margin: 10px 0 5px 0;
 }
#ctaGetLrs p, #ctaGetLrsJoin p {
    float: left;
    font-size: 1em;
    margin: 10px;
    padding: 0;
    width: 180px;
}
#ctaGetLrs h3, #ctaGetLrsJoin h3 {
	margin: 10px;
	font-size: 1.1em;
	height: 33px;
 }
#lrsIntro .greyBox{	
	padding: 4px;
	border-radius: 7px;	
	margin: 20px 10px 10px 0;
	float: left;  
	height: 200px;
	background: #fff url(/images/salespages/grey_gradient_bg.png) repeat-x bottom left;
    background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.22, rgb(227,227,227)),
    color-stop(0.61, rgb(244,244,244))
    );
    background-image: -moz-linear-gradient(
        center bottom,
        rgb(227,227,227) 22%,
        rgb(244,244,244) 61%
    );
}
#lrsIntro .greyBox2{	
	padding: 4px;
	border-radius: 7px;
	margin: 20px 0 10px 0;
	float: left;  
	width: 580px;
	background: #fff url(/images/salespages/grey_gradient_bg.png) repeat-x bottom left;
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.22, rgb(227,227,227)),
	color-stop(0.61, rgb(244,244,244))
	);
	background-image: -moz-linear-gradient(
	center bottom,
	rgb(227,227,227) 22%,
	rgb(244,244,244) 61%
	);
}
#lrsIntro .greyBox2 h2 {	
	margin: 10px 0 16px 0;
	padding: 0 10px 0 10px;
	font-size: 1.1em;
}
#lrsIntro .greyBox2 ol, #lrsDetails ol {	
	margin: 10px 0 16px 20px;
	padding: 0 10px 0 10px;
}
#lrsIntro .greyBox2 ol li, #lrsDetails ol li {	
	padding: 0 0 10px 0;
}
h3#lrsFaqs {
    background: url("/images/lineRentalSaver/lrs-faq.png") no-repeat scroll 0 0 transparent;
}

/* Line Rental Saver add on's page styles  */
.main-content-no-border {
    float: left;
    width: 625px;
}
#blueBgBox #innerContent .innerBox {
	margin: 0;
	padding: 10px 15px;
}
.wlrOptions div.description {
     margin-bottom: 30px;
     width: 100%;
}
.wlrOptions .optionSection {
     border: medium none;
}
.wlrOptions h2 {
    border-bottom: 1px solid #EDEDED;
    margin: 0 0 10px;
    padding: 0 0 10px;
    position: relative;
}
.wlrOptions h3 {
     font-weight: normal;
     position: relative;
}
#additional_info_without_awards.addInfoAddPhoneLanding ul li {
	list-style-position: inside;
	margin: 0;
	padding: 0;
}
#additional_info_without_awards.addInfoAddPhoneLanding ul {
	list-style: disc outside none;
	margin: 20px 0 10px;
	padding: 0;
}
#additional_info, #additional_info_without_awards p {
	color: #685664;
	padding: 6px 0 8px;
}

#lrsIntro .wlrOptions h2 {
    color: #880051;
    font-size: 1.5em;
    padding: 0 0 8px 0;
	font-weight: normal;
}

#lrsIntro .wlrOptions h3 {
     font-size: 1.2em;
     margin: 30px 0 0;
}
#lrsIntro .wlrOptions h3 input {
    margin: 0 10px 0 0;
}
#lrsIntro ul {
    list-style: none outside none;
    margin: 26px 0 18px 19px;
}
.description #lrsFaqs {
    font-size: 0.9em;
    margin: 0 0 0 25px;
}
.faqWrapper .noIcon p {
    width: 700px;
}

/* Fibre Downsell */
.fibreBundlesBanner {
    position:relative;
}
.fibreBundlesBanner img {
    display:block;
}
.fibreBundlesBanner ul {
    width:575px;
    position:absolute;
    left:10px;
    bottom:17px;
}
.fibreBundlesBanner ul li {
    float:left;
    width:220px;
}
#bbBundles .flatTop {
    -moz-border-radius-topleft:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-topright:0;
    -webkit-border-top-right-radius:0;
    border-top-left-radius:0;
    border-top-right-radius:0;
}
.bundle .packageIcons p.fibreActivation {
    background: url("/images/fibre_downsell/icon_save50.png?refresh=140612") no-repeat 5px 0;
}

/* TM-182 Google Web Optimizer A/B testing */

.variantB .ttl #bbbundlesBanner {
    background-image: url("/images/offers/ttl/banner_packages_b.jpg");
}
.variantB .ttl #bbBundles {
    background-image: url("/images/offers/ttl/sub_banner_packages_b.jpg");
}
.variantB #offer3Banner.ttl {
    background-image:url("/images/offers/ttl/banner_eaw_b.jpg");
}
.variantB #offer3Banner.ttlAnytime {
    background-image:url("/images/offers/ttl/banner_anytime_b.jpg");
}
.whiteLink a{
    color: #FFFFFF;
}
/* fibre map updates */
#mapOuter {
	float: left;
	width: 675px;
}
#lowerOuter {
	position: relative;
	float: left;
	height: 1200px;
}
/* New line rental block*/
div.bundle{
    margin-top: 20px;
}
#lineRentalInfo{
    background-color: #FFFFFF;
    border-radius: 7px 7px 7px 7px;
    border: 2px solid #B2D0E1;
    float: left;
    font-size: 0.9em;
    width: 597px;
}
#lineRentalInfo p{
    margin: 0;
    padding: 7px 0 7px 16px;
}
#lineRentalInfoOuter{
    margin: 8px;
    float: left;
}
#bundle1Lower, #bundle2Lower, #bundle3Lower, #bundle4Lower{
    margin: 0;
}
/* /movinghome page */
#movingHome {
    background: url(/images/residential/movinghome/bg_movinghome.png) no-repeat top center #FFF;
    padding: 360px 30px 30px 30px;
    position: relative;
}
#movingHome h1 {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 20px;
    left: 30px;
}
#movingHome .whiteBox {
    border: 4px #D1D0D4 solid;
    border-radius:7px;
    background: #FFF;
    padding: 5px 25px 25px 25px;
    overflow: hidden;
}
#movingHome .whiteBox .columnLeft {
    width: 440px;
    float:left;
}
#movingHome .whiteBox .columnRight {
    width: 264px;
    float:right;
    padding:225px 19px 19px 19px;
    height: 125px;
    background: url(/images/residential/movinghome/call_us.png) no-repeat right 20px;
    text-align: center;
}
#movingHome .whiteBox h2,
#movingHome .whiteBox h3,
#movingHome .faqTitle {
    color:#85005F;
    margin: 20px 0;
}
#movingHome .whiteBox .columnRight h2,
#movingHome .whiteBox .columnRight h3,
#movingHome .whiteBox .columnRight h4 {
    font-size:1.8em;
    margin:0 0 5px 0;
}
#movingHome .whiteBox .columnRight h3 {
    color:#C51E6C;
}
#movingHome p,
#movingHome ul {
    margin: 0 0 10px 0;
}
#movingHome #smallPrint p {
    line-height: 1.2em;
}

/* /satisfaction page*/
div.satisfactionHeader {
    height:413px;
    background:url(/images/satisfaction/customer_satisfaction_banner.jpg) top left no-repeat;
}
#satisfaction div.satisfactionHeader h1 {
    text-indent:-9999px;
    margin-bottom:185px;
}
div.horizontalRule {
    clear:both;
    margin: 15px 0;
    border-bottom:1px dotted #B4B4B4;
}
.supportOptions{
    padding:25px 0 0 0;
}
.supportOptions .icon {
    float:left;
    margin:0 0 15px 20px;
}
.supportOptions h3,
.supportOptions p {
    float:left;
    width:340px;
    margin:0 0 15px 100px;
}
.satisfactionHeader .feature {
    float:left;
    width:270px;
    margin:0 9px 0 30px;
}
.satisfactionHeader .feature img {
    float:left;
}
.satisfactionHeader .feature h3,
.satisfactionHeader .feature p {
    margin:0 0 10px 80px;
}
.satisfactionHeader .feature h3 {
    font-size: 16px;
}

/* ==========================================================================
   Fibre comparison popup - 7th June 2012 - JR
   ========================================================================== */

/* Comparison container
   ========================================================================== */
#fibreComparisonPopup .comparisonContainer p {
    margin: 0 0 20px;
    font-size: 16px;
    line-height: 1.3em;
}
.comparisonContainer h1, .comparisonContainer h2, .comparisonContainer h3, .comparisonContainer h4 {
    text-indent: -9999px;
}
.comparisonContainer h1 {
    background: url(/images/fibre_comparison/popup/how-fast-fibre-header.png) no-repeat top left;
    margin-bottom: 40px;
    height: 26px;
}
#fibreComparisonPopup .comparisonContainer h2 {
    display: block;
    width: 205px;
    height: 20px;
    margin-bottom: 30px;
    float: left;
}
.comparisonContainer {
    width: 585px;
    margin: 0 auto;
}
#featuresContainer {
    border: 8px solid #dadada;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 0 0 7px 7px;
}

/* Tabbed navigation
   ========================================================================== */
ul.navigationLinks {
    margin: 0;
    overflow: hidden;
}
ul.navigationLinks li {
    background: #efefef;
    padding: 15px 0;
    border-radius: 7px 7px 0 0;
    text-align: center;
    font-size: 1.4em;
    float: left;
    cursor: pointer;
}
li.downloading, li.streaming, li.sharing {
    margin-right: 3px;
}
li.downloading {
    width: 147px;
}
li.streaming {
    width: 124px;
}
li.sharing {
    width: 105px;
}
li.allFeatures {
    width: 200px;
}
ul.navigationLinks li.active {
    background: #dadada;
}
ul.navigationLinks li h3 {
    background-position: center top;
    height: 21px;
}
ul.navigationLinks li.active h3, ul.navigationLinks li h3:hover {
    background-position: center bottom;
}

/* Fibre features
   ========================================================================== */
.fibreFeature {
    position: relative;
    height: 280px;
    clear: both;
    overflow: hidden;
    zoom: 1;
}
.hideFibreFeature {
    display: none;
}
.fibreFeature h3 {
    height: 20px;
    margin-bottom: 10px;
}
.fibreFeature .description {
    margin-bottom: 20px;
}
#fibreComparisonPopup .description .introduction {
    margin-bottom: 0;
    font-weight: bold;
}
h3.downloading {
    background: url(/images/fibre_comparison/popup/downloading-header.png) no-repeat top left;
}
h3.streaming {
    background: url(/images/fibre_comparison/popup/streaming-header.png) no-repeat top left;
}
h3.sharing {
    background: url(/images/fibre_comparison/popup/sharing-header.png) no-repeat top left;
}
h3.allFeatures {
    background: url(/images/fibre_comparison/popup/all-features-header.png) no-repeat top left;
}
.fibreFeature .comparisonStandard, .fibreFeature .comparisonFibre {
    width: 259px;
    padding-bottom: 20px;
    float: left;
}
.fibreFeature .comparisonStandard {
    margin-right: 20px;
}

/* Progress/Status bar styles
   ========================================================================== */
.progressContainer {
    position: absolute;
    bottom: 11px;
    width: 259px;
    border-radius: 2px;
    overflow: hidden;
}
.comparisonStandard .progressContainer { 
    background: #eaa9c8;
}
.comparisonFibre .progressContainer { 
    background: #aad6e4;
}
.status {
    display: block;
    width: 35%;
    height: 32px;
}
.comparisonFibre .status, #streaming .status {
    width: 100%;
}
#fibreComparisonPopup .status p {
    text-indent: -9999px;
    display: block;
    position: absolute;
    width: 142px;
    height: 14px;
    color: #fff;
    margin: 8px 0 0 10px;
}
.fibreFeature .comparisonStandard .progressContainer .status {
    background: #c81e6e;
    background: -moz-linear-gradient(top,  #c81e6e 72%, #c81e6e 72%, #b00053 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#c81e6e), color-stop(72%,#c81e6e), color-stop(100%,#b00053));
    background: -webkit-linear-gradient(top,  #c81e6e 72%,#c81e6e 72%,#b00053 100%);
    background: -o-linear-gradient(top,  #c81e6e 72%,#c81e6e 72%,#b00053 100%);
    background: -ms-linear-gradient(top,  #c81e6e 72%,#c81e6e 72%,#b00053 100%);
    background: linear-gradient(top,  #c81e6e 72%,#c81e6e 72%,#b00053 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c81e6e', endColorstr='#b00053',GradientType=0 );
}
.fibreFeature .comparisonStandard .status p {
    background: url("/images/fibre_comparison/popup/standard-broadband-text.png") no-repeat top left;
    left: 40px;
}
.comparisonFibre .progressContainer .status {
    background: #2596ba;
    background: -moz-linear-gradient(top,  #2596ba 72%, #2596ba 72%, #067599 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(72%,#2596ba), color-stop(72%,#2596ba), color-stop(100%,#067599));
    background: -webkit-linear-gradient(top,  #2596ba 72%,#2596ba 72%,#067599 100%);
    background: -o-linear-gradient(top,  #2596ba 72%,#c81e6e 72%,#067599 100%);
    background: -ms-linear-gradient(top,  #2596ba 72%,#2596ba 72%,#067599 100%);
    background: linear-gradient(top,  #2596ba 72%,#2596ba 72%,#067599 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2596ba', endColorstr='#067599',GradientType=0 );
}
#fibreComparisonPopup .fibreFeature .comparisonFibre .status p {
    background: url("/images/fibre_comparison/popup/fibre-broadband-text.png") no-repeat top left;
    left: 75px;
}
.versus {
    background: url("/images/fibre_comparison/popup/versus-icon.png") no-repeat top left;
    display: block;
    position: absolute;
    width: 58px;
    height: 58px;
    bottom: 0;
    left: 240px;
    z-index: 10;
}

/* Downloading Section - Mp3 Album Comparison
   ========================================================================== */
.mp3Album {
    margin: 30px 0 0 20px;
    zoom: 1;
    overflow: hidden;
}
.mp3Song {
    background: url(/images/fibre_comparison/popup/mp3-file.png) no-repeat;
    display: block;
    width: 38px;
    height: 60px;
    margin-right: -20px;
    position: relative;
    float: left;
}

/* Standard broadband comparison mp3 files */
.comparisonStandard .mp3Song1 { 
    z-index: 10;
}
.comparisonStandard .mp3Song2 { 
    z-index: 9;
}
.comparisonStandard .mp3Song3 { 
    z-index: 8;
}
.comparisonStandard .mp3Song4 { 
    z-index: 7;
}
.comparisonStandard .mp3Song5 { 
    z-index: 6;
}
.comparisonStandard .mp3Song6 { 
    z-index: 5;
}
.comparisonStandard .mp3Song7 { 
    z-index: 4;
}
.comparisonStandard .mp3Song8 { 
    z-index: 3;
}
.comparisonStandard .mp3Song9 { 
    z-index: 2;
}
.comparisonStandard .mp3Song10 { 
    z-index: 1;
}

/* Fibre broadband comparison mp3 files */
.comparisonFibre .mp3Song1 { 
    z-index: 10;
}
.comparisonFibre .mp3Song2 { 
    z-index: 9;
}
.comparisonFibre .mp3Song3 { 
    z-index: 8;
}
.comparisonFibre .mp3Song4 { 
    z-index: 7;
}
.comparisonFibre .mp3Song5 { 
    z-index: 6;
}
.comparisonFibre .mp3Song6 { 
    z-index: 5;
}
.comparisonFibre .mp3Song7 { 
    z-index: 4;
}
.comparisonFibre .mp3Song8 { 
    z-index: 3;
}
.comparisonFibre .mp3Song9 { 
    z-index: 2;
}
.comparisonFibre .mp3Song10 { 
    z-index: 1;
}

/* Streaming Section - TV advert comparison
   ========================================================================== */
#streaming .tvAdvert {
    height: 174px;
    padding: 14px 0 0 41px;
    background: url(/images/fibre_comparison/popup/streaming-computer.jpg) no-repeat center top;    
}

/* Sharing Section - File sharing comparison
   ========================================================================== */
.fileSharing {
    position: relative;
    padding: 80px 0 0 20px;
}

/* Mp3, Photo and Video File Types */
.mp3File {
    position: absolute;
    background: url(/images/fibre_comparison/popup/mp3-file.png) no-repeat;
    width: 38px;
    height: 60px;
    opacity: 0;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=1);
}
.videoFile {
    position: absolute;
    background: url(/images/fibre_comparison/popup/video-file.png) no-repeat;;
    width: 54px;
    height: 44px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.photoFile {
    position: absolute;
    background: url(/images/fibre_comparison/popup/photo-file.png) no-repeat;;
    width: 52px;
    height: 41px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}

/* Standard Files */
.comparisonStandard .file1 {
    bottom: 30px;
    right: 40px;
}
.comparisonStandard .file2 {
    bottom: 50px;
    right: 80px;
}
.comparisonStandard .file3 {
    bottom: 100px;
    right: 40px;
}

/* Fibre Files */
.comparisonFibre .file1 {
    bottom: 100px;
    right: 20px;
}
.comparisonFibre .file2 {
    bottom: 80px;
    right: 50px;
}
.comparisonFibre .file3 {
    bottom: 100px;
    right: 70px;
}
.comparisonFibre .file4 {
    bottom: 80px;    
    right: 120px;
}
.comparisonFibre .file5 {
    bottom: 50px;    
    right: 80px;
}
.comparisonFibre .file6 {
    bottom: 30px;    
    right: 50px;
}

/* All features section
   ========================================================================== */
#allFeatures {
    overflow: hidden; 
}
#allFeatures h4 {
    background: url(/images/fibre_comparison/popup/all-features-sub-header.png) no-repeat top left;
    width: 285px;
    height: 22px;
    margin-bottom: 10px;
}
#allFeatures .superFast {
    position: relative;
    width: 250px;
    z-index: 2;
}
#allFeatures .intro {
    position: relative;
    width: 400px;
    z-index: 2;
}
.floorPlan {
    display: block;
    position: absolute;
    width: auto;
    height: 200px;
    top: 80px;
    right: 20px;
    z-index: 1; 
}
.label {
    display: block;
    position: absolute;
    padding: 2px 4px;
    font-size: 11px!important;
    color: #fff;
    background: #2596BA;
    border-radius: 3px;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.console {
    top: 155px;
    left: 10px;
}
.tablet {
    top: 100px;
    left: 50px;
}
.laptop {
    top: 175px;
    left: 200px;
}
.tv {
    top: 20px;
    left: 175px;
}
.mobilePhone {
    top: 50px;
    left: 40px;
}
.room {
    display: block;
    position:absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 3px solid #c81e6e;
    -webkit-box-shadow: 0 0 3px #c81e6e;
    box-shadow: 0 0 3px #c81e6e;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
}
.one {
    top: 130px;
    left: 60px;
}
.two {
    top: 85px;
    left: 15px;
}
.three {
    top: 145px;
    left: 210px;
}
.four {
    top: 10px;
    left: 155px;
}
.five {
    top: 15px;
    left: 80px;
}
.inner {
    border: 1px solid #c81e6e;
    position: absolute;
    border-radius: 50%;
    left: 18%;
    top: 18%;
    width: 60%;
    height: 60%;
    display: block;
    -webkit-box-shadow: 0 0 3px #c81e6e;
    box-shadow: 0 0 3px #c81e6e;
}


/* Fibre popup footer Footer
   ========================================================================== */
.footerText {
    clear: both;
}
#fibreComparisonPopup .footerText p {
    font-size: 12px;
}

/* Fibre Infographic Styles */

.fibreInfographic {
    margin-bottom:8px;
}
.fibreInfographic a {
    display: block;
    text-indent: -9000px;
}
.fibreInfographic a img {
    position: relative;
    left:9000px;
}


/* Fibre 5 pound special offer styles
   ========================================================================== */
  
#extraFibreOfferEvenings {
    background-image:url("/images/offers/fibre5/fibre_eaw_offer_banner.jpg");
    height:200px;
}
#extraFibreOfferAnytime {
    background-image:url("/images/offers/fibre5/fibre_anytime_offer_banner.jpg");
    height:200px;
}
#package1 .package h3.offerPriceFibreEvenings {
    background: url("/images/offers/fibre5/fibre_packages_price_E_EW_offer.png") no-repeat scroll 300px 5px transparent;
}
#package1 .package h3.offerPriceFibreAnytime {
    background: url("/images/offers/fibre5/fibre_packages_price_E_A_offer.png") no-repeat scroll 300px 5px transparent;
}
.extraFibreOffer #bbFibreComparePackages #bundle1 h2 {
    background-image: url("/images/offers/fibre5/fibre_bundles_bundle1.png");
}
.extraFibreOffer #bbFibreComparePackages #bundle2 h2 {
    background-image: url("/images/offers/fibre5/fibre_bundles_bundle2.png");
}
#bbFibreComparePackages #bundle3 h2.fibreOffer {
    background-image: url("/images/offers/fibre5/fibre_bundles_bundle3.png");
}
#bbFibreComparePackages #bundle4 h2.fibreOffer {
    background-image: url("/images/offers/fibre5/fibre_bundles_bundle4.png");
}
#bbFibreComparePackages #bundle1 a,
#bbFibreComparePackages #bundle2 a,
#bbFibreComparePackages #bundle3 a,
#bbFibreComparePackages #bundle4 a {
    display: block;
}
.fibreSpecialOffer {
    position: absolute;
    bottom:0;
    right:0;
    margin:0 0 -19px 0;
    z-index:10;
}
.fibreOffer ul.tickList {
    width:290px;
    left:20px;
}
.fibreOffer ul.tickList li {
    clear:left;
}
#bbBundles .extraFibreOffer {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(left,  #ffffff 50%, #f3fafc 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(50%,#ffffff), color-stop(50%,#f3fafc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  #ffffff 50%,#f3fafc 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  #ffffff 50%,#f3fafc 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  #ffffff 50%,#f3fafc 50%); /* IE10+ */
    background: linear-gradient(to right,  #ffffff 50%,#f3fafc 50%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3fafc',GradientType=1 ); /* IE6-9 */
}
.extraFibreOffer .packageIcons {
    background-color:transparent;
}
.bundle .packageIcons p.fasterSpeed {
    background: url("/images/offers/fibre5/4_times_faster.png") no-repeat scroll left top transparent;
    min-height: 55px;
}
.bundle .packageIcons p.fasterSpeedExtra {
    background: url("/images/offers/fibre5/8_times_faster.png") no-repeat scroll left top transparent;
    min-height: 55px;
}