/*CONTENT MANAGED STYLES */

/* WIDTH CLASSES the following have been added to CQ under application > configuration > textandmedia */
.textImageLeft div.left40 { margin-left: 40px; }
.textImageLeft div.left50 { margin-left: 50px; }
.textImageLeft div.left60 { margin-left: 60px; }
.textImageLeft div.left70 { margin-left: 70px; }
.textImageLeft div.left120 { margin-left: 120px; }
.textImageLeft div.left160 { margin-left: 160px; }

/* DISPLAY CLASSES the following have been added to CQ under application > configuration > textandmedia */
.textAndMedia ul,
.richText ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
.textAndMedia li,
.richText li {
    background: url('../../images/elements/bullets/red.gif') no-repeat scroll left 7px;
    list-style: none;
    padding-left: 15px;
}
.textAndMedia li.greenTick,
.richText li.greenTick {
    background: url(../../images/browse/serviceabilityTick.gif) no-repeat left top;
    list-style: none;
    padding-left: 30px;}

.quickSell .expandContent .richText li {
    background: url(../../images/elements/bullets/white.gif) no-repeat scroll left 7px;}
    
.textAndMedia .newCta {
    float: left;
}
.textAndMedia .gradientBox, 
.richText .gradientBox {
    float: left;
    border: 1px solid #dedede;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #fff url('../../images/myapps/downloadBoxBg.gif') bottom left repeat-x;
    padding: 20px 0;
    display: inline;
    width: 100%;
    margin-right: 15px;
}
.textAndMedia .gradientBox img, 
.richText .gradientBox img {
    margin-left: 25px;
}
.textAndMedia .gradientBox div, 
.richText .gradientBox div {
    margin-right: 25px;
    margin-left: 10px;
}
.textAndMedia .gradientBox div.pricePoint {
    margin-right: 25px;}

.richText .gradientBox {
    padding-left: 5px;
    padding-right: 25px;}

.richText .gradientBox p {
    margin-bottom: 5px;
}
.textAndMedia .lastCol {
    margin-right: 0 !important;
}
.richText .underlineList li {
    border-bottom: 1px solid #ccc;
    background: none !important;
    padding: 5px 0;}

.column33 .gradientBox h2,
.column33 .gradientBox h3,
.column33 .gradientBox h4,
.column33 .gradientBox h5 {
    padding-left: 10px;
    padding-right: 10px; }

.column33 .gradientBox div {
    margin-left: 10px; }

/* General promoter gradient box - 580px width */
.textAndMedia .generalPromoterGradientBox {
    background:#FFF url(../../images/content/greyGradShadow.png) repeat-x bottom;
    width:580px;
    border:1px solid #d0d0d0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    padding: 20px 0 0;}
    
.textAndMedia .generalPromoterGradientBox::after {
    content:'.';color:#FFF;
    background:#FFF url(../../images/content/greyGradDropShadow.png) no-repeat center bottom;
    margin-bottom: -16px;visibility: visible;
    width:580px;height:18px;display:block;}

.textAndMedia .generalPromoterGradientBox img {padding:0;}

.textAndMedia .generalPromoterGradientBox div, 
.richText .generalPromoterGradientBox div {
    margin-right: 25px;}

.textImageLeft.generalPromoterGradientBox div{
    /*float: left;
    width: 315px;
    padding: 15px 0;*/}

.textImageRight.generalPromoterGradientBox div  {
    float: left;
    width: 310px;
    padding: 15px 0 15px 15px;}

.textImageLeft.generalPromoterGradientBox img{
    padding-left: 15px;
    padding-top: 15px;}

.textImageRight.generalPromoterGradientBox img {
    padding-right: 15px;
    padding-top: 15px;}


/* Genereal Promoter Dark grey box - 580px width */
.textAndMedia .generalPromoterDarkGreyBox {
    background:#464646 url(../../images/content/generalPromoterDarkGreyGradientBG.png) repeat-x bottom;
    width:580px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;}
    
.textAndMedia .generalPromoterDarkGreyBox div {
    padding: 10px 0 0; }
    
.textAndMedia .generalPromoterDarkGreyBox::after {
    background: #fff url('../../images/content/shadow.png') no-repeat center bottom;
    content:'.';
    display: block;
    height: 18px;
    visibility: visible;
    width: 580px;}
    
.textAndMedia .generalPromoterDarkGreyBox h3, 
.textAndMedia .generalPromoterDarkGreyBox div p { color: #fff; }
.textAndMedia .generalPromoterDarkGreyBox img { padding: 30px 0 0 20px; }
.textAndMedia .generalPromoterDarkGreyBox h3 { padding-top: 20px; }


/* General promoter gradient box - full width */
.textAndMedia .gPGradientBoxFull {
    background:#fff url(../../images/content/greyGradShadow.png) repeat-x bottom;
    width:100%;
    border:1px solid #d0d0d0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    padding: 20px 0 0;}
    
.textAndMedia .gPGradientBoxFull::after {
    content:'.';color:#FFF;
    background:#FFF url(../../images/content/greyGradDropShadowFull.png) no-repeat center bottom;
    margin-bottom: -16px;visibility: visible;
    width:820px;height:18px;display:block;}

.textAndMedia .gPGradientBoxFull img {padding:0 0 20px 20px !important;}

.textAndMedia .gPGradientBoxFull .pricePoint {
    margin-right: 20px !important;}


/* General promoter gradient box - no shadow */
.textAndMedia .gradientBoxNoShadow {
    background:#fff url(../../images/content/greyGradShadow.png) repeat-x bottom;
    width:100%;
    border:1px solid #d0d0d0;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    margin-bottom: -20px;
    padding: 20px 0 0;}
    
.textAndMedia .gradientBoxNoShadow img,
.textAndMedia .gradientBoxFade img {
    padding:0 0 20px 20px !important;}

.textAndMedia .gradientBoxNoShadow .pricePoint {
    margin-right: 20px !important;}

.textAndMedia .gradientBoxNoShadow div, 
.richText .gradientBoxNoShadow div {
    margin-right: 25px;
    margin-left: 15px;}
    
.textAndMedia .gradientBoxNoShadow div.pricePoint {
    margin-right: 25px;}

.richText .gradientBoxNoShadow {
    padding-left: 15px;}
    
.richText .gradientBoxNoShadow p {
    margin-bottom: 5px;}
    

/* General promoter gradient box - half width */
.textAndMedia .generalPromoterGradientBoxHalf {
    background:#f4f4f4 url(../../images/content/greyGradShadowHalf.png) repeat-x bottom;
    width:280px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    padding: 20px 0 0;}
    
.textAndMedia .generalPromoterGradientBoxHalf::after {
    content:'.';color:#fff;
    background:#FFF url(../../images/content/greyGradDropShadowHalf.png) no-repeat bottom left;
    margin-bottom: -7px;visibility: visible;
    width:280px;height:38px;display:block;}

.textAndMedia .noPaddingOrStripping img,
.textAndMedia .generalPromoterGradientBoxHalf img {padding:0;}

.textAndMedia .noPaddingOrStripping div,
.textAndMedia .generalPromoterGradientBoxHalf div {
    padding: 0 20px;}

/*general promotor alternative background and no padding*/
.textAndMedia .noPaddingOrStripping {
    background:#efefef url(../../images/content/greyGradShadowHalfNoStriping.png) repeat-x bottom;
    width:265px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    padding: 0;
}
.textAndMedia .noPaddingOrStripping::after {
    content:'.';color:#fff;
    background:#efefef url(../../images/content/greyGradShadowHalfNoStriping.png) no-repeat bottom left;
    margin-bottom: -16px;visibility: visible;
    width:265px;height:15px;display:block;}

/*general promotor alternative background and no padding 280px width*/
.textAndMedia .noPaddingOrStrippingTwoEighty {
    background:#efefef url(../../images/content/greyGradShadowHalfNoStriping.png) repeat-x bottom;
    width:280px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    padding: 0;
}
.textAndMedia .noPaddingOrStrippingTwoEighty::after {
    content:'.';color:#fff;
    background:#efefef url(../../images/content/greyGradShadowHalfNoStripingTwoEighty.png) no-repeat bottom left;
    margin-bottom: -16px;visibility: visible;
    width:280px;height:16px;display:block;}

/*general promotor alternative background and no padding 390px width*/
.textAndMedia .noPaddingOrStrippingThreeNinety {
    background:#efefef url(../../images/content/greyGradShadowHalfNoStripingThreeNinety.png) repeat-x bottom;
    width:390px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
    padding: 0;
}
.textAndMedia .noPaddingOrStrippingThreeNinety::after {
    content:'.';color:#fff;
    background:#efefef url(../../images/content/greyGradShadowHalfNoStripingThreeNinety.png) no-repeat bottom left;
    margin-bottom: -22px;visibility: visible;
    width:390px;height:22px;display:block;}

/* General promoter gradient box - fade gradient */
.textAndMedia .gradientBoxFade {
    background:#fcfcfc url(../../images/bg/gradientFade.gif) repeat-x top;
    width:100%;
    margin-bottom: -20px;
    padding: 20px 0 0;}

/* Content managed rich text element styles */
span.introText { font-size: 14px; }

span.introText li {font-size:12px;}
span.smlTxt {
    font-size: 1.2em;
    font-style: italic;
    line-height: 1em;}

span.lrgTxt {
    font-size: 24px;
    font-style: italic;
    line-height: 1em;}

span.greenTxt {
    color: #428f0f;}

span.introTextFullWidth {
    color: #999999;
    width: 700px;
    display: block;
    text-align: center;
    margin-left: 60px;
    margin-right: 60px;
    font-size: 17px;
}   

span.greenTick {
    background: url(../../images/browse/serviceabilityTick.gif) no-repeat center center;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -99999px;
    width: 23px;
}
span.redCross {
    background: url(../../images/browse/cross23x20.gif) no-repeat center center;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -99999px;
    width: 23px;
}
span.smallredCross {
    background: url(../../images/browse/smallredcross.png) no-repeat center center;
    display: inline-block;
    height: 20px;
    margin: 0;
    padding: 0;
    text-indent: -99999px;
    width: 23px;
}
span.font10px {
    font-size: 10px;
}
span.font12px {
    font-size: 12px;
}
span.font14px {
    font-size: 14px;
}
span.font16px {
    font-size: 16px;
}
span.font18px {
    font-size: 18px;
}
span.font20px {
    font-size: 20px;
}   
span.font24px {
    font-size: 24px;
}
span.font30px {
    font-size: 30px;
}
span.greenFreeIcon {
    background: url(../../images/elements/bullets/freeIcon.gif) no-repeat 5px center;
    color: #428f0f;
    font-weight: bold;
    padding-left: 20px;
}
    
/* END OF CONTENT MANAGED STYLES */

/* COMPONENT STYLES */
.richText p {
    margin-bottom: 20px;
}
.cqImage {
    margin-bottom: 20px;
}
/*** 02 core content ***/
.textAndMedia {
    margin-bottom: 20px;
}
.textAndMedia h2,
.textAndMedia h3,
.textAndMedia h4 {
    color: #333;
    margin-bottom: 12px;
}
.textAndMedia h3 {
    line-height: 20px;
}
.textAndMedia p {
    margin-bottom: 10px;
}
.textImageLeft img.main,
.textImageLeft object.main {
    float: left;
    margin-right: 20px;
}
.textImageRight img.main,
.textImageRight object.main {
    float: right;
    margin: 0 20px;
}
.textImageLeft a.newCta,
.textImageRight a.newCta,
.textImageTop a.newCta,
.textAndMedia .btnRedSmall,
.textAndMedia .btnRedMedium,
.textAndMedia .btnRedLarge,
.textAndMedia .btnGreySmall,
.textAndMedia .btnGreyMedium,
.textAndMedia .btnGreyLarge,
.textAndMedia .btnWhiteSmall,
.textAndMedia .btnWhiteMedium,
.textAndMedia .btnWhiteLarge,
.richText .btnRedSmall  {
    float: left;
}

.textAndMedia .textImageTop {
    text-align: center;
}
.textAndMedia .textImageTop img {
    margin-bottom: 20px;
}

.textAndMedia .textImageTop div {
    text-align: left;
    margin-bottom: 20px;
}

.richText .btnSpacer,
.textAndMedia .btnSpacer {
    display: inline-block;
    padding-right: 10px;
    float: left;
}
/*** price point ***/
.textImagePricePoint p {
    margin-right: 100px;
}
.textImageLeft div.pricePoint {
    float: right;
    margin-right: 0;
    padding-top: 20px;
    text-align: center;
    width: 100px;
}
.textImageLeft div.pricePoint span {
    display: block;
    font-size: 12px;
    margin-bottom: 3px;
}
/*** ***/

/*** 03 compare table ***/
.compareHead {
    margin-top: -35px;
    clear: both;
}
.compareHead ul {
    list-style: none;
    margin: 0 0 0 247px;
    padding: 0;
}
.compareHead.compareFourCol ul,
.compareFourCol ul {
    margin: 0 0 0 180px;}
    
.compareHead.compareTwoCol ul,
.compareTwoCol ul {
    margin: 0 0 0 324px;}

.compareHead li {
    float: left;}
    
.compareHead ul li.compareTitle {
    border-left: 0;
    width: 307px;}
    
.compareHead li.compareTier {
    background: #2d2d2d url('../../images/bg/thead-bg.gif') repeat-x 0 0;
    border-top: 1px solid #8d8d8d;
    color: #fff;
    padding-left: 1px;
    position: relative;
    text-align: center;
    width: 190px;}
    
.compareHead.compareFourCol li.compareTier,
.compareFourCol li.compareTier {
    width: 159px;}

.compareHead.compareTwoCol li.compareTier,
.compareTwoCol li.compareTier {
    width: 247px;}
    
.compareHead li.compareTier img {
    bottom: -5px;
    left: 90px;
    position: absolute;
}
.comparisonTemplate .compareHead li.compareTier img {
    bottom: -5px;
    left: 80px;
    position: absolute;
}
.compareHead li p {
    margin: 15px 0 15px -2px;
    background: url('../../images/bg/thead-divider.gif') no-repeat 0 0;
}
.compareHead li.tl p {
    background: none;
}
.compareRow {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #f3f3f3;
    border: 1px solid #D6D6D6;
    margin-bottom: 8px;
}
.compareRow ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.compareRow ul.compareSummary li {
    border-left: 1px solid #e8e8e8;
    float: left;
    height: 60px;
    width: 190px;}

.compareRow.compareFourCol ul.compareSummary li,
.compareFourCol ul.compareSummary li{
    width: 158px;}

.compareRow.compareTwoCol ul.compareSummary li,
.compareTwoCol ul.compareSummary li{
    width: 247px;}

.compareRow ul.compareSummary li p {
    margin: 20px 15px;
    text-align: center;
}
.compareRow ul li p span.price {
    display: block;
    font-size: 1.7em;
    margin-bottom: 3px;
}
.compareRow ul li.heading {
    background-color: #eee;
    border-left: 0;
    width: 245px;}
    
.compareRow.compareFourCol ul li.heading,
.compareFourCol ul li.heading {
    width: 180px;}

.compareRow.compareTwoCol ul li.heading,
.compareTwoCol ul li.heading {
    width: 322px;}

.compareRow ul li.heading p {
    background: transparent url('../../images/elements/bullets/grey_arrow_right.gif') no-repeat scroll 0 center;
    font-weight: bold;
    margin: 15px 15px 10px;
    padding-left: 25px;
    text-align: left;
}
.compareRow ul li.heading img {
    padding-left: 40px;
}
.compareRow ul li.heading p.on {
    background: transparent url('../../images/elements/bullets/grey_arrow_down.gif') no-repeat scroll 0 center;
}
.compareRow .expandContent {
    background-color: #eee;
    padding: 10px;
}
.compareRow .expandContent div.width1 {
    float: right;
    background-color: #F3F3F3;
    margin: -10px -10px 0 0;
    width: 636px;
    min-height: 165px;
}
.compareRow .expandContent div.width1 p {
    padding: 0 5px;
}
/*.compareRow .expandContent img.width1 {
    float: none;
}*/
.compareRow .expandContent .extraSpec {
    background: #f3f3f3;
    margin-top: -10px;
    margin-right: -10px;
    padding-top: 0;
    float: right;
    display: inline;
}
.compareRow .expandContent .extraSpec div.bbSpec {
    float: left;
    display: block;
    width: 180px;
    border-left: 1px solid #e8e8e8;
    padding: 0 5px;
}
    
.compareRow .expandContent .extraSpec.compareFourCol div.bbSpec {
    width: 148px;
    padding: 0 5px;
}
.compareRow .expandContent .extraSpec.compareFourCol div.bbSpec.last {
    width: 150px;
}
.compareRow .expandContent .extraSpec.compareTwoCol div.bbSpec {
    width: 237px;}

.compareRow .expandContent .extraSpec ul {
    margin: 0;
    padding: 0;
} 
.compareRow .expandContent .extraSpec li {
    margin: 0 0 5px;
    padding-left: 15px;
    background: url('../../images/elements/bullets/red.gif') no-repeat scroll left 7px;
    list-style: none;
} 
.compareRow .expandContent .extraSpec .last {
    width: 160px;
}
.comparisonTemplate .compareRow .expandContent .extraSpec div.bbSpec {
    width: 170px;
}
.comparisonTemplate .compareRow .expandContent .extraSpec div.bbSpec p,
.comparisonTemplate .compareRow .expandContent .extraSpec div.bbSpec ul {
    padding: 10px 10px 0;
}
.comparisonTemplate .compareRow .expandContent .extraSpec div.bbSpec li {
    background: url('../../images/elements/bullets/red.gif') no-repeat scroll left 7px;
    list-style: none;
    padding-left: 15px;
}
.compareRow .btnRedSmall,
.compareRow .btnRedMedium,
.compareRow .btnRedLarge,
.compareRow .btnGreySmall,
.compareRow .btnGreyMedium,
.compareRow .btnGreyLarge,
.compareRow .btnWhiteSmall,
.compareRow .btnWhiteMedium,
.compareRow .btnWhiteLarge {
    float: left;
}
/*** variants for first row ***/
.compareTable .compareHead {
    display: none;
}
.compareTableFirst .compareHead {
    display: block;
}
.compareTableFirst .compareRow {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
}

/*** alternative widths ***/
.comparisonTemplate .compareHead ul {
    margin: 0 0 0 307px;
}
.comparisonTemplate .compareHead li.compareTier {
    width: 170px;
}
.comparisonTemplate .compareRow ul.compareSummary li {
    width: 170px;
}
.comparisonTemplate .compareRow ul li.heading {
    width: 305px;
}

/*** 04 Box feature comparison ***/
table.compareFeatures {
    margin-bottom: 20px;
    margin-top: 0;
    width: auto;
    border-bottom: 1px solid #d6d6d6;
}
table.compareFeatures thead th {
    background: #2d2d2d url('../../images/bg/thead-bg.gif') repeat-x 0 0;
    border-top: 1px solid #8d8d8d;
    color: #fff;
    font-style: normal;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
}
table.compareFeatures thead th p {
    background: url('../../images/bg/thead-divider.gif') no-repeat 0 0;
    margin: 15px 0 15px -1px;
    position: relative;
    width: 100%;
}
table.compareFeatures thead th.tl p {
    background: none;
}
table.compareFeatures thead th img {
    bottom: -20px;
    display: block;
    height: 5px;
    left: 45%;
    margin: 0 5px 0 0;
    position: absolute;
    text-align: center !important;
    width: 10px;
}
table.compareFeatures tbody th,
table.compareFeatures tbody td {
    background-color: #f3f3f3;
    border-bottom: 8px solid #fff;
    border-top: 1px solid #d6d6d6;
    vertical-align: top;
}
table.compareFeatures tbody th {
    background: #ebebeb url(../../images/bg/compareFeaturesAlt.gif) repeat-x bottom left;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: none;
    font-weight: normal;
    padding: 8px 0;
}
table.compareFeatures tbody th p {
    font-size: 1.1em;
    margin: 0 1px;
    padding: 0 10px 0 20px;
    text-align: left;
}
table.compareFeatures tbody th p span {
    font-size: .8em;
}
table.compareFeatures tbody th.expandHighlight {
    background: #eee url(../../images/elements/bullets/grey_arrow_right.gif) no-repeat scroll 15px 12px;
}
table.compareFeatures tbody th.on {
    background: #eee url(../../images/elements/bullets/grey_arrow_down.gif) no-repeat 15px 12px;
}
table.compareFeatures tbody th p {
    padding-left: 40px;
}
table.compareFeatures tbody th .expandContent {
    font-weight: normal;
}
table.compareFeatures tbody td {
    background: #fff url(../../images/bg/border_bg.gif) repeat-y scroll right 0;
    border-bottom: none;
    border-top: none;
    padding: 8px 0;
    vertical-align: top;
}
table.compareFeatures tbody td p {
    margin: 0 10px;
    padding: 4px 0;
    text-align: center;
}
table.compareFeatures tbody td p .tick {
    background: #f3f3f3 url(../../images/elements/list_tick.gif) no-repeat scroll center center;
    display: block;
    padding: 4px 0;
    text-indent: -9999px;
}
table.compareFeatures tbody td p .greyTick {
    background: url(../../images/elements/greyTick.gif) no-repeat scroll center center;
    display: block;
    padding: 4px 0;
    text-indent: -9999px;
    vertical-align: center;}

table.compareFeatures tbody td p .greyCross {
    background: url(../../images/elements/greyCross.gif) no-repeat scroll center center;
    display: block;
    padding: 4px 0;
    text-indent: -9999px;
    vertical-align: center;}

table.compareFeatures tbody td.highlight {
    background: #f2f2f2;
    border-right: 1px solid #d6d6d6;}

table.compareFeatures tbody td p img {
    display: block;
    text-align: center;
    margin: 10px auto;}

table.compareFeatures tbody .highlightText {
    display: block;
    font-size: 1.5em;
    font-weight: bold;}

table.compareFeatures tbody td ul {
    border-top: 1px dotted #d6d6d6;
    list-style: none;
    margin: 0 10px;
    padding: 8px 0;}

table.compareFeatures tbody td ul li {
    padding-bottom: 2px;}
    
table.compareFeatures tbody td ul img {
    margin-right: 8px;}
    
/*** ***/


/*** 05 Channel category table ***/
/*** Collapsible table ***/
.collapseTable {
    position: relative;
    width: 100%;
}
.collapseTable thead {
    display: none;
}
.collapseTableFirst thead {
    display: table-row-group;
}
.collapseTable thead th {
    background: #2d2d2d url('../../images/bg/thead-bg.gif') repeat-x 0 0;
    border-top: 1px solid #8d8d8d;
    color: #fff;
    padding:  0;
}
.collapseTable thead th p {
    background: url('../../images/bg/thead-divider.gif') no-repeat 0 0;
    margin-left: -1px; /*to enable alignment with border in body*/
    margin: 15px 0;
    position: relative;
    width: 100%;
}
.collapseTable thead th.tl p {
    background: none;
}
.collapseTable thead th img {
    bottom: -20px; /* IE6 */
    display:block;
    height: 5px;
    left: 45%;
    position:absolute; /* IE6 absolute */
    width: 10px;
}
.collapseTable tbody.category tr.categoryHead th.withPrices {
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
}
.collapseTable tbody.category tr.categoryHead th.withPrice {
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    background: #494949 url('../../images/bg/grey_header_bg.png') repeat-x scroll 0 0;
    padding: 0;
}
.collapseTable tbody.category tr.categoryHead th.withPriceRight {
    border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    background: #494949 url('../../images/bg/grey_header_bg.png') repeat-x scroll 0 0;
    padding: 0;
}
.collapseTable tbody.category tr.categoryHead th.withPrice p,
.collapseTable tbody.category tr.categoryHead th.withPriceRight p {
    background: none;
    margin-left: 0;
    padding-left: 0;    
    text-align: center;
}
.collapseTable tbody.category tr.categoryHead.on th.withPrice p,
.collapseTable tbody.category tr.categoryHead.on th.withPriceRight p {
    background: none;
}
.collapseTable tbody.firstCategory tr th {
    border-top-right-radius: 0 !important;
    -webkit-border-top-right-radius: 0 !important;
    -moz-border-radius-topright: 0 !important;
}
.collapseTable tbody tr th.indent {
    padding-left: 40px;
}
.collapseTable tbody tr.expandController th {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    background: #494949 url('../../images/bg/grey_header_bg.png') repeat-x scroll 0 0;
    border-bottom: 8px solid #fff;
    cursor: pointer;
    padding: 0;
}
.collapseTable tbody tr.expandController th p {
    background: transparent url('../../images/elements/bullets/grey_arrow_right_on_grey.gif') no-repeat scroll 16px center;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    margin: 10px 0 10px 0;
    padding-left: 40px;
    text-align: left;
}
.collapseTable tbody tr.expandController th p:hover {
    background: transparent url('../../images/elements/bullets/white_arrow_down_on_grey.gif') no-repeat scroll 16px center;
}
.collapseTable tbody th, 
.collapseTable td {
    border-bottom: 1px solid #fff;
    vertical-align: top;
}
.collapseTable tbody th {
    background: #e8e8e8;
    text-align: left;
}
.collapseTable td {
    background: #f3f3f3;    
    text-align: center;
}
.collapseTable .expandContent th p {
    border-left: 1px solid #e8e8e8;
    cursor: default;
    margin: 0;
    padding: 6px 20px 6px 0;
}
.collapseTable .expandContent td p {
    border-left: 1px solid #e8e8e8;
    margin: 0;
    padding: 6px 20px;
}
.collapseTable tbody tr:last-child th,
.collapseTable tbody tr:last-child td,
.collapseTable tbody tr td.last:last-child {
    border-bottom: 8px solid #fff;
}
.collapseTable tbody tr:last-child td:last-child {
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
}
.collapseTable tbody tr.expandController.on th {
    border-bottom: 0!important;
}
.collapseTable tbody tr.expandController.on th.on p {
    background: transparent url('../../images/elements/bullets/grey_arrow_down_on_grey.gif') no-repeat scroll 16px center!important;
}
div.chanChannel,
div.chanContent{
    display: none;
}
div.chanTooltip {
    display: none;
    position: absolute;
    width: 375px;
    z-index: 20;
}
div.chanTooltip div.chanTTContent div.chanTTChannelInfo {
    background: transparent url('../../images/elements/tooltips/tvChannelNumberBg.gif') no-repeat 0 0;
    color: #fff;
    float: right;
    height: 45px;
    margin: 5px 10px 0 0;
    padding: 10px 6px 0px 6px;
    width: 180px;
}
div.chanTooltip div.chanTTContent div.chanTTChannelInfo span {
    display: block;
    float: left;
    padding: 2px 0 0 4px;
    text-align: right;
}
div.chanTooltip div.chanTTContent div.chanTTChannelInfo div.chanTTNumber {
    display: block;
    float: right;
    font-size: 1.8em;
    font-style: italic;
    font-weight: bold;
    margin-right: 10px;
    padding: 0 3px 0 0;
    text-align: right;
    width: 40px;
}
div.chanTooltip div.chanTTContent {
    background: transparent url('../../images/elements/tooltips/tvChannelContentBg.png') no-repeat 0 0;
    height: 122px;
    padding: 20px 10px 0 20px;
    width: 300px;
}
div.chanTooltip div.chanTTContent img {
    float: left;
    margin: 5px 0px 5px 17px;
}
div.chanTooltip div.chanTTContent div.chanHeader {
    clear: both;
    font-size: 1.35em;
    font-style: italic;
    margin: 0 8px 5px 15px;
    width: 270px;
}
div.chanTooltip div.chanTTContent div.chanText {
    margin: 0 8px 0 15px;
    width: 270px;
}
div.chanTooltip div.chanTTFooter {
    background: transparent url('../../images/elements/tooltips/tvChannelFooterBg.png') no-repeat 0 0;
    height: 44px;
    width: 339px;
}
.channelsTable .tick {
    background: url(../../images/browse/serviceabilityTick.gif) no-repeat center center;
    display: block;
    height: 20px;
    margin: 0 auto;
    padding: 0;
    text-indent: -99999px;
    width: 23px;
}
/*** ***/

/*** 06 channel grid ***/
.channelGridCol {
    float: left;
    margin-bottom: 16px;
    margin-right: 20px;
    width: 270px;
}
.channelGridCol h3 {
    float: left;
    margin-right: 20px;
}
.channelGridCol .clearfix p {
    float: right;
}
.channelGridCol img {
    margin-bottom: 3px;
    margin-right: 10px;
    width: 125px;
    height: 75px;
}
.channelGridColWide {
    width: 580px;
}
/*** ***/

/*** In-page Tabs ***/
.linkableTabs a.hiddenLink {
    display: none !important;}

.inpageTabs {
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 15px;
    padding-top: 0;}
    
.inpageTabs ul {
    float: left;
    list-style: none;
    margin: 0 5px 0 0;
    padding: 10px 0 0;}
    
.inpageTabsRight ul {
    float: right;}
    
.inpageTabs li {
    display: block;
    float: left;
    margin: 0;
    padding: 0;}
    
.inpageTabs a {
    background: url(../../images/elements/inpageTabsOff.gif) bottom left repeat-x;
    color: #fff;
    display: block !important;
    float: left;
    -moz-outline-style: none;
    outline: none;}

.inpageTabs a:active {
    outline: none;}

.inpageTabs a:focus {
    -moz-outline-style: none;}
    
.inpageTabs a span {
    display: block !important;
    font-weight: bold;}

.inpageTabs .noDivider strong { 
    background: none;
    display: block;}
    
.inpageTabs .firstTab a{
    background: url(../../images/elements/inpageTabsFirstOff.gif) bottom left no-repeat;
    display: block;
    padding-left: 23px;
    float: left;}
    
.inpageTabs .lastTab a {
    background: url(../../images/elements/inpageTabsLastOff.gif) bottom right no-repeat;
    display: block; 
    padding-right: 23px;
    float: left;}

.inpageTabs .lastTab a {
    border: none !important;
    float: left;}

.inpageTabs .lastTab strong { 
    background: none;}
    
.inpageTabs a span strong {
    background: url(../../images/elements/inpageTabsDivider.gif) right 10px no-repeat;
    display: block;
    padding: 9px 16px 8px;}

.inpageTabs .firstTab strong {
    padding-left: 0;}

.inpageTabs .lastTab strong {
    padding-right: 0;}

.inpageTabs .firstTab .selected strong { 
    background: none;}

.inpageTabs .lastTab .selected strong { 
    background: none;}
    
.inpageTabs .selected {
    background: url(../../images/elements/inpageTabsOnLeft.gif) bottom left no-repeat;
    border: none;
    color: #333;
    font-weight: bold;
    padding-left: 16px;}
    
.inpageTabs .selected span {
    background: url(../../images/elements/inpageTabsOnRight.gif) bottom right no-repeat;
    float: left;}

.inpageTabs .selected strong { 
    background: none;
    padding-left: 0;}
    
.inpageTabs .firstTab .selected {
    background: url(../../images/elements/inpageTabsFirstOnLeft.gif) bottom left no-repeat;
    padding-left: 23px;}
    
.inpageTabs .firstTab .selected span {
    background:  url(../../images/elements/inpageTabsFirstOnRight.gif) bottom right no-repeat;}
    
.inpageTabs .lastTab .selected {
    background: url(../../images/elements/inpageTabsLastOnRight.gif) bottom right no-repeat;
    padding-left: 0;
    padding-right: 23px;}
    
.inpageTabs .lastTab .selected span {
    background:  url(../../images/elements/inpageTabsLastOnLeft.gif) bottom left no-repeat;
    padding-left: 15px;}
    
/* 3a - in page tabs variant */
.tableTopper .firstTab .selected span,
.tableTopper .lastTab .selected span,
.tableTopper .selected span,
.tableTopper .firstTab span,
.tableTopper .lastTab span {
    background-image: url();}
    
.tableTopper {
    border-bottom: 0;
    margin-bottom: 0;
    margin-left: 10px;}
    
.tableTopper li.ui-state-default a {
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    background: url(../../images/bg/tariff_tab.gif) no-repeat #700000;
    float: left;
    height: 28px;
    margin-right: 1px;
    padding: 0 18px;}
    
/*.tableTopper li.ui-tabs-selected a,*/
.tableTopper li.firstTab a.selected,
.tableTopper li.lastTab a.selected,
.tableTopper li a.selected {
    background: url(../../images/bg/tariff_tab_selected.gif) no-repeat #474747;}
    
.tableTopper li a span {
    color: #fff;
    display: block;
    margin: 0 0 0 0;
    padding: 5px 0 0 0 !important;}
    
/*** ***/

/*** 14 Toggle switch ***/
ul.toggleView {
    height: 31px;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.toggleView li {
    color: #fff;
    float: left;
    padding-bottom: 5px;
}
ul.toggleView li a {
    background: #363636 url('../../images/bg/toggleOff.gif') repeat-x scroll 0 0;
    color: #fff;
    display: block;
    padding: 3px 12px;
    text-decoration: none;
}
ul.toggleView li:first-child a {
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
}
ul.toggleView li:last-child a {
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
}
ul.toggleView li.active {
    background: transparent url('../../images/elements/bullets/pointerLight.png') no-repeat scroll center bottom;
}
ul.toggleView li.active a {
    background: #dadada url('../../images/bg/toggleOn.gif') repeat-x scroll 0 0;
    color: #000;
}
/*** ***/

/*** 15 channel category search ***/
div.channelSearch {
    clear: none;
    display: none;
    float: right;
}
body.js div.channelSearch {
    display: block;
}
div.channelSearch input {
    background: transparent url('../../images/browse/searchBoxBg.gif') no-repeat scroll 0 0;
    border: none;
    height: 17px;
    margin: 0 6px 0 0;
    padding: 7px 31px 7px 7px;
    width: 232px;
}
div.channelSearch a {
    display: inline-block;
    float: none;
}
/* The below has been commented out for demo purposes but when implemented should be uncommented */
div.searchResults{
    /*display: none;*/
}
div.firstHeader {
    padding: 10px 0;
}
div.firstHeader h2 {
    margin: 0;
    padding: 0;
}
div.searchCount {
    background: transparent url('../../images/browse/searchBg.gif') no-repeat scroll 0 0;
    float: left;
    font-size: 1.2em;
    font-style: italic; 
    font-weight: bold;
    height: 30px;
    padding: 6px 0 0 33px;
}
div.clearSearch {
    float: right; 
}
div.clearSearch a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background:#DADADA url('../../images/bg/toggleOn.gif') repeat-x scroll 0 0;
    color: #000;
    display: inline-block;
    font-style: italic;
    font-weight: bold;
    padding: 5px 12px;
}
div.clearSearch a:hover {
    text-decoration: none;
}
/*** ***/

/*** 17 All channels list ***/
.channelContainer {
    background: url('../../images/browse/tv/channelListMain.gif') 50% top no-repeat;
    padding: 25px 0 0;
    width: 850px;
    margin: 0;
}
.channelContainerInner {
    background: url('../../images/browse/tv/channelListCol.gif') 4px 30px repeat-y;
    padding: 0 5px;
}
.channelContainerInner div {
    float: left;
    margin: 0 10px;
    width: 260px;
    display: inline;
    padding: 0;
}
.channelContainerInner div h3 {
    margin: 0 0 0 10px;
    padding-bottom: 0;
}
.channelContainerInner div span {
    color: #666;
    display: block;
    padding-left: 10px;
}
.channelContainer h3 span{
    display: block;
}
.channelContainer div.last {
    margin-right: 0;
}
.channelContainer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.channelContainer .channelLogos {
    border-bottom: 1px dotted #b2b2b2;
    border-top: 1px dotted #b2b2b2;
    margin: 15px 0 20px;
    padding: 10px 0 5px 0;
    width: 260px;
    text-align: center;
}
.channelContainer .channelLogos li {
    display: block;
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
}
.channelContainer .channelList {
    float: left;
    width: 125px;
}
.channelContainer .channelList li {
    font-size: .95em;
    line-height: 1.6em;
    margin: 0;
    padding: 0 0 0 10px;
}
/*** ***/

/*** 21 Comparison detail ***/
.comparisonDetail {
    border-right: 1px solid #cdcdcd;
    float: right;
    position: relative;
}
.comparisonDetail.firstComparisonDetail,
.firstComparisonDetail {
    margin-top: -30px;}
    
.comparisonDetail .tierDetail{
    border-bottom: 1px solid #cdcdcd;
    border-left: 1px solid #cdcdcd;
    float: left;
    padding: 10px 0;
    width: 192px;}
    
.comparisonDetail .labelDetail {
    background: #eaeaea url(../../images/bg/compare-tier-label.gif) bottom left repeat-x;
    border-bottom: 1px solid #cdcdcd;
    border-left: none;
    text-align: left;
    float: left;
    padding: 10px 0;
    width: 192px;}

.colBG .labelDetail {
    background: none;
    border-bottom: none; }
    
.comparisonDetail .tierDetail p {
    margin-left: 10px;
    margin-right: 10px;
}
.comparisonDetail .labelDetail p {
    font-size: 1.15em;
    padding: 0 15px;}
    
.comparisonDetail .badge {
    z-index: 10;}
    
.comparisonDetailAlt .tierDetail {
    background: #fff;}

.comparisonDetail.twoCol .labelDetail,
.comparisonDetail.threeCol .labelDetail,
.comparisonDetail.fourCol .labelDetail{
    border-bottom: none;}
    
.inPageProductTable .comparisonDetail {
    float: right;}
    
.inPageProductTable .comparisonDetail .tierDetail {
    width: 148px;}
    
.inPageProductTable .comparisonDetail.fourCol .tierDetail {
    width: 110px;}
    
.inPageProductTable .comparisonDetail .labelDetail {
    width: 128px;}

.comparisonDetail.twoCol.colBG .tierDetail,
.comparisonDetail.threeCol.colBG .tierDetail,
.comparisonDetail.fourCol.colBG .tierDetail {
    background-color: #e8e8e8;
}
    
/*** ***/

/*** 22 Comparison pricing ***/
div.compareContainer {
    position: relative;
}
ul.compareSwitch {
    background: url(../../images/browse/compareSwitch.gif) left 8px no-repeat;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    position: absolute;
    width: 96px;
    height: 27px;
}
ul.compareSwitch li {
    display: block !important;
    float: left !important;
    height: 44px;
    margin: -8px -5px 8px -5px;
    padding: 0;
    width: 58px;
    position: relative; /* This is for IE6 & negative margins */
}
ul.compareSwitch li.selected {
    background: url(../../images/browse/linkCompareSelected.gif) 0 0 repeat-x;
}
ul.compareSwitch p {
    margin-bottom: 0 !important;
    padding: 0 !important;
}
ul.compareSwitch a {
    color: #fff;
    font-weight: bold;
    font-style: italic;
    display: block;
    height: 44px;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 58px;
    text-indent: -9999px;
}
ul.compareSwitch a:hover {
    text-decoration: none;
}
ul.compareSwitch li.compareTitle {
    height: auto;
    margin: 0;
    position: absolute;
    top: -48px;
    right: 0px;
    width: auto;
}
.comparisonPricing {
    background:transparent url(../../images/browse/compareSwitchArrow.gif) 222px 23px no-repeat;
    padding: 0 0 0 234px;
    margin-bottom: 20px;
}
.comparisonPricing .tierPricing:first-child {
    border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    border-left: 1px solid #ccc;}

.comparisonPricing .tierPricing:last-child {
    border-radius: 0 0 5px 0 ;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    border-right: 1px solid #ccc;}
    
.comparisonPricing .tierPricing {
    background: #e8e8e8;
    float: left;
    margin: 0;
    padding: 15px 0 5px;
    text-align: center;
    width: 194px;
    border-left: 1px solid #f9f9f9;
    border-bottom: 1px solid #ccc;}
    
.comparisonPricing .tierPricing p {
    padding: 2px 10px 0;}

.comparisonPricing .tierPricing .heightMatch p {
    text-align: left;}
    
.comparisonPricing .tierPricing .productPrice {
    font-size: 1.7em;
    font-weight: bold;}
    
.comparisonPricing .tierPricing .offerPrice {
    color: #c00;
    font-weight: bold;}
    
.comparisonPricing .tierPricing .newCta {
    float: none;
    display: none; /* Note: was inline-block, but has been hidden to allow override with button in richtext */
    margin-top: 10px;}
    
/*** ***/

/*** 23 Virtual tabs ***/
.compareTabs {
    margin: 0; /* Note: Margin left needs to be changed to 60px when placed outside of class="inner" */ 
    position: relative;
    height: 110px;
}
.compareTabs div,
.compareTabs a  {
    bottom: 0;
    position: absolute;
    color: #fff;
    font-style: italic;
    height: 100%;
    display: block;
}
.compareTabs div p {
    padding: 12px 0 0;
    font-size: 1.3em;
}
.compareTabs div a {
    color: #fff;
    display: block;
    font-style: italic;
    height: 100%;
    font-size: .8em;
}
.compareTabs div a:hover {
    text-decoration: none;
}
.compareTabs div span.icon {
    display: block;
    float: left;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
    margin: 0 4px 0 14px;
    text-align: center;
    text-indent: -9999em;
    width: 39px;
}
.compareTabs .tab1,
.compareTabs .tab2,
.compareTabs .tab3,
.compareTabs .tab4  {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}
.compareTabs .tabCompare{
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    background: url('../../images/browse/tabCompareAllOff.gif') top left no-repeat;
    height: 38px;
    left: 60px;
    width: 235px;
}
.compareTabs .selected {
    background: #fff;
    color: #333;
}
.compareTabs .tabCompare p {
    margin: 0 10px;
}
.compareTabs .tab1 a.selected,
.compareTabs .tab2 a.selected,
.compareTabs .tab3 a.selected {
    background: url('../../images/browse/tabCompareOn.gif') top left no-repeat;
    color: #333;
}
/*** ***/

/*** 24 Quick sell ***/
.quickSell {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 15px;
    width: 580px;}

.quickSellTier {
    background: #f3f3f3 url(../../images/browse/quickSellTier.gif) bottom left no-repeat;
    padding: 20px 30px; }

.quickSellTier:hover {
    cursor: pointer;}

.quickSell .hover {
    background: #fbfbfb url(../../images/browse/quickSellTierHover.gif) bottom left no-repeat;}

.quickSellTier h3 {
    font-family: Arial, sans-serif;
    font-size: 22px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 0;
    margin-bottom: 10px;
}

.quickSellTier p {
    font-size: 14px;}

.quickSellTier .button {
    float: left;}

.quickSellTier.firstTier {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;}

.quickSellTier.lastTier {
    margin-bottom: -10px;}

.quickSellTier .corePricing {
    float: right;
    font-size: 13px;
    margin: 0 0 0 30px;
    padding-top: 0;
    width: 180px;}

.quickSellTier .corePricing .productPrice {
    font-size: 22px;}

.quickSellTier .corePricing span.greenTxt {
    font-size: 12px;}

.quickSellTier .offerPrice {
    color: #678713 !important;
    font-size: .9em;}

.quickSellExclusive {
    background: url(../../images/browse/quickSellExclusive.gif) bottom left no-repeat;
    border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    margin-bottom: -5px;
    padding: 10px 35px 20px;}

.quickSellExclusive p{
    margin: 0;
    padding: 0;}

.quickSellBundle {
    background: #7d7d7d;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    color: #fff;
    padding: 10px 20px 20px;}

.quickSellBundle h4{
    font-family: 'HelveticaNeueLTStd45',Arial,sans-serif;
    margin: 0;
    padding: 0;}

.quickSellBundle .button {
    margin-top: 15px;
    display: inline !important;}

.quickSellBundle .full {
    width: 100%;}

.quickSellBundle .full .button {
    margin-left: 20px;}

.quickSellBundle .half {
    float: left;
    margin-right: 15px;
    width: 45%;}

.quickSellDD {
    background: #575757 url(../../images/browse/quickSellDD.gif) bottom left no-repeat;}

.quickSellDDTop {
    background: url(../../images/browse/quickSellDDTop.gif) top left no-repeat;
    color: #bcbcbc;
    margin-top: -7px;
    padding: 15px 25px 15px;}

.quickSellExpand .expandController {
    background: #d8d8d8 url(../../images/browse/quickSellExpandController.gif) bottom left no-repeat;
    display: block;
    margin: 0;
    padding: 16px 0;}
    
.quickSellExpand .expandHighlight {
    background: url(../../images/browse/quickSellArwR.gif) 0 center no-repeat;  
    color: #333;
    margin-left: 25px;
    padding-left: 25px;
    text-decoration: none;}

.quickSellExpand .expandController .on {
    background: url(../../images/browse/quickSellArwB.gif) 0 center no-repeat;}

.quickSellExpand .expandContent {
    background: #3e3e3e url(../../images/browse/quickSellExpandContent.gif) bottom left repeat-x;
    color: #f4f4f4;
    padding: 20px 30px;}

.quickSellExpand .expandContent ul {
    margin: 0;
    padding: 0;}

div.quickSellExpand div.column75 {
    width: 385px !important;
}
div.quickSellExpand div.column33 {
    width: 160px !important;
}
div.quickSellExpand div.column66 {
    width: 340px !important;
}
div.quickSellExpand div.column50 {
    width: 250px !important;
}
div.quickSellExpand div.column25,
div.quickSellExpand div.contentColumns4 {
    width: 115px !important;
}
/*** ***/

/*** 26 - Hero carousel ***/

  /* this is in vm-carousels.css */

/*** ***/

/*** 27 - Phone Carousel ***/

div.mobileCarouselInner {
    width: 499px;
    float: left;
    clear: left;
    height: 350px;
    position: relative;
    margin: 24px 0 10px 10px;
    padding: 24px 35px 0 35px;
}
div.mobileCarouselInner h2 {
    position:absolute;top:0;
}
div.mobileCarouselInner div.clip {
    overflow: auto;
    overflow-x: scroll;
    width: 496px;
    float: left;
    position: relative;
}
div.mobileCarouselInner table {
    margin-bottom: 10px;
}
div.mobileCarouselInner thead th {
    text-align: center;
    vertical-align: top;
}
div.phoneDetail .newCta {
    display: inline-block;
    float: none;
    margin-top: 5px;
}
div.phoneDetail .newCta.ctaPrimarySmall {
    background: transparent url('../../images/buttons/secondary_small_bg.png');
    font-weight: normal;
}
div.phoneDetail .newCta.ctaPrimarySmall:hover {
    background-position: center bottom;
    text-decoration: none;
}
div.mobileCarouselInner thead th.phone img {
    margin: 0 18px;
    cursor: pointer;
    width: 132px;
    height: 250px;
}
div.mobileCarouselInner thead th.phone h3 {
    margin: 0 10px 5px;
    padding: 0;
    font-size: 1.1667em;
}
body.js div.mobileCarouselInner div.clip {
    overflow: hidden;
}
body.js div.mobileCarouselInner ul.nav {
    margin: 0;
    padding: 0;
    position: absolute;
    /*top: 0;*/
    left: 0;
}
body.js div.mobileCarouselInner ul.nav li.prev,
body.js div.mobileCarouselInner ul.nav li.next {
    position: absolute;
    display: block;
    height: 91px;
    width: 35px;
    z-index: 6;
    top: 100px;
    left: 0;
    background: url('../../images/browse/mobile/carousel_arrows_active.png') no-repeat 0 center;
    margin: 0;
}
body.js div.mobileCarouselInner ul.nav li.next {
    left: 531px;
    background-position: -35px center;
}
body.js div.mobileCarouselInner ul.nav li.disabled {
    background-image: url('../../images/browse/mobile/carousel_arrows_inactive.png');
}
body.js div.mobileCarouselInner ul.nav li a {
    display: block;
    width: 35px;
    height: 35px;
}
body.js div.mobileCarouselInner ul.nav li a span {
    display: none;
}
body.js div.mobileCarouselInner ul.nav li.disabled a {
    cursor: default;
}
body.js div.mobileCarouselInner ul.carouselNavigator {
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
body.js div.mobileCarouselInner ul.carouselNavigator li {
    width: 15px;
    height: 28px;
    padding-top: 4px;
    float: left;
    background: url('../../images/buildorder/mobile_navigator_dot_selection.gif') no-repeat center top;
}
body.js div.mobileCarouselInner ul.carouselNavigator li div.icons {
    width: 11px;
    height: 16px;
    margin-left: 4px;
    /*/background: url('../../images/buildorder/mobile_navigator_icon.gif') repeat-x left center;*/
    cursor: pointer;
}
body.js div.mobileCarouselInner ul.carouselNavigator li.selected {
    /*background: url('../../images/buildorder/mobile_navigator_selection.gif') no-repeat center top;*/
    background: url('../../images/buildorder/mobile_navigator_dot_selected.gif') no-repeat center top;
}
body.js div.mobileCarouselInner ul.carouselNavigator li.selected div.icons {
    /*background-image: url('../../images/buildorder/mobile_navigator_icon_selected.gif');*/
}
div.mobileCarouselInner div.phoneZoom {
    width: 230px;
    height: 340px;
    position: absolute;
    top: 25px;
    background: transparent url('../../images/elements/lightbox-ico-loading.gif') center no-repeat;
    z-index: 10;
    display: none;
}
div.mobileCarouselInner div.phoneZoom .close {
    background: url(../../images/elements/close_button.png);
    height:37px;
    width:38px;
    float:right;
    text-indent:-300em;
    position:absolute;top:0;right:0;
    cursor:pointer
}
div.mobileCarouselInner div.phoneZoom img {
    width: 230px;
    height: 340px;
    visibility: hidden;
}
div.mobileCarouselInner div.phoneDetails {
    display: none;
}
div.mobileCarouselInner div.phoneDetail {
    width: 168px;
}
body.js div.mobileCarouselInner .opaque {
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
body.js div.mobileCarouselInner .faded {
    color: #999999;
}
div.mobileCarouselInner .badgeContainer div.badge img{
    width:60px;
    height:70px;
}
div.phoneTip {
    z-index:10;
    position: relative;
    top: -300px;
    left: 180px;
    width: 256px;
}
div.phoneTip div.phoneTipTop {
    background: transparent url('../../images/browse/mobile/tip-top-bg.png') repeat-y;
    width: 209px;
    padding: 15px 15px 0 35px;
}
div.phoneTip div.phoneTipTop h4 {
    font-size:1.4em;
    margin: 15px 0 10px 0;
    padding: 0;
}
div.phoneTip div.phoneTipFooter {
    background: transparent url('../../images/browse/mobile/tip-bot-bg.png') top right no-repeat;
    width: 256px;
    height: 39px;
    float: left;
}
/*charges datatable*/
.charges_datatable{
    width: 100%;
    border-collapse: collapse;
    margin-bottom:10px;
    float: left;
}
.charges_datatable tr.expandController th{
    border-left: 1px solid #C2C2C2; 
}
.charges_datatable thead th{
    background:#2d2d2d url('../../images/bg/thead-bg.gif') repeat-x 0 0;
    color:#fff;
    padding:3px 0;
}
.charges_datatable thead th div{
    background:url('../../images/bg/thead-divider.gif') no-repeat 0 center;
    padding:8px 3px;
    margin-left:-1px; /*to enable alignment with border in body*/
}
.charges_datatable th.first div{
    background-image:none;
}
.charges_datatable th.first {
    width:128px;
    border-top-left-radius:3px;
    -webkit-border-top-left-radius:3px;
    -moz-border-radius-topleft:3px;
}
.charges_datatable th.last {
    width:410px;
    border-top-right-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
}
.charges_datatable tbody th,
.charges_datatable td {
    border-bottom: 1px solid #fff;
    padding: 16px 21px;
    text-align: center;
    vertical-align: middle;
}
.charges_datatable tbody th{
    background: #e8e8e8;
    text-align: left;
}
.charges_datatable tbody th.button,
.charges_datatable tbody td.button {
    width:60px;
    padding: 8px 21px;
    background-color: #E8E8E8;
    border-top-right-radius:3px;
    -webkit-border-top-right-radius:3px;
    -moz-border-radius-topright:3px;
}
.charges_datatable tbody th.theader {
    background: #c2c2c2;
    font-style: italic;
    font-size: 1.3em;
    font-weight: normal;
}
.charges_datatable th.firstheader {
    border-top: 2px solid #404040;
}
.charges_datatable td{
    background:#f3f3f3; 
    border-left:1px solid #e8e8e8;
}
.charges_datatable th.theader p {
    margin: 0;
}
.charges_datatable th.expandHighlight p {
    background: url('../../images/elements/grey_arrow_right.gif') left no-repeat;
    padding-left: 20px;
}
.charges_datatable th.on p {
    background: url('../../images/elements/grey_arrow_down.gif') left no-repeat;
    padding-left: 20px;
}
.charges_datatable tbody td p {
    margin: 0;
}
.charges_datatable ul.tariff_details {
    margin: 0;
    padding: 0;
    list-style: none;
}
.charges_datatable ul.tariff_details li {
    font-size: 0.9em;
    padding-bottom: 5px;
}
.charges_datatable th ul.tariff_details a {
    font-size: 1em !important;
}
.charges_datatable tbody p.price {
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;
}
#tariffs .expandContent.hidden td{
    border: 0;
}
/*** ***/

/*** 30 - Handset views carousel ***/
.handsetCarousel1 .imgSwtchr {
    display:block;
    width:50px;
    height:50px;
    border-bottom:1px solid #ccc;
    margin:0;
    background:#FFF;
}
.handsetCarousel1 li:last-child .imgSwtchr {
    border-bottom:0;
}
.handsetCarousel1 .imgSwtchr img {
    display:block;
    border:0;
    padding:0;
    margin:0;
}
/*.handsetCarousel1 {width:140px;}*/
.handsetCarousel1, 
.handsetCarousel2 {float:left;}
.clear {clear:both;}
.spacer15 {height:15px;}
/*** ***/

/*** 31 - Handset action buttons ***/
a.hsActionB {
    float:left;
    margin-right:10px;
}
/*** ***/

/*** 32 - Handset features list ***/
.keyFeaturesItem {
    min-height: 35px;
    padding: 7px 0 7px 60px;
    background:url('../../images/browse/mobile/featuresimgmap.png') repeat-y scroll 0 0;
}
.kfiQwerty{background-position:0 0;}
.kfiWifi    {background-position:0 -52px;}
.kfi2mcam  {background-position:0 -111px;}
.kfiMediap{background-position:0 -168px;}
.handsetFWrapper{width:365px;}
/*** ***/

/*** 33 - Great deal promoter ***/

.dblPromoBox {
    background: url(../../images/browse/mobile/dblPromoBoxShadow.jpg) left 25px no-repeat;
    margin-bottom: 16px;
    padding: 0 7px 0 6px;
    position: relative;
    width: 207px;
}
.sglPromoBox {
    background-position: left -26px;}

.dblPromoBox .corePricing {
    background: #f6f6f6 url('../../images/browse/mobile/dblPromoBox.jpg') bottom left no-repeat;
    margin: 0 0 0;
    padding: 15px 0 14px;
    position: relative;
    width: 100%;
}
.dblPromoBox p {
    margin: 0 0 0 20px !important;
    padding: 0;
}
.dblPromoBox .productPrice strong {
    font-size: 1.05em;
}
.dblPromoBox .productPrice span {
    font-size: .55em;
    font-style: normal;
}
.dblPromoBox .newCta {
    margin-top: 5px;
}
.corePricing span.extraInfo {
    display: block;
    font-style: italic;
    margin-top: 5px;}
    
.corePricing .offerPrice {
    color: #c00;
    font-weight: bold;}
    
.corePricing .newCta {
    float: left;}
    
.corePricing p {
    margin: 0 0 4px 0;}

.corePricing .productPrice {
    font-size: 2em;
    margin-bottom: 3px;
    font-weight: bold;}
    
/*** ***/

/*** 34 - Helper navigation ***/

/*** ***/

/*** 36 - PAYG price and cta ***/

/*** ***/

/***  37 - Phones to compare selector
   +  39 - Handset comparison    ***/
#paym_tariffs_nav {
    list-style: none;
    margin: 0;
    padding: 0;
}
#paym_tariffs_nav li {
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    background: url('../../images/bg/tariff_tab.gif') no-repeat #700000;
    float: left;
    height: 28px;
    margin-right: 1px;
    padding: 0 20px;
}
#paym_tariffs_nav li.selected {
    background: url('../../images/bg/tariff_tab_selected.gif') no-repeat #474747;
}
#paym_tariffs_nav li a {
    color: #fff;
    display: block;
    margin-top: 4px;
}

.filterHandset {
    background: url('../../images/browse/mobile/filterHandsetBg.png') top left no-repeat;
    height: 231px !important;
}
.filterHandset form {
    float: left;
    width: 274px;
    padding: 15px 0 0 0;
}
.filterHandset .filter {
    float: left;
    width: 137px;
    margin: 0;
    padding: 0;
    overflow: visible;
}
.filterHandset .filter p {
    margin: 0 0 0 20px;
    padding: 0;
}
.filterHandset .filter .newCta {
    margin-top: 20px;
}
.filterHandset .sortPrice  {
    width: auto;
    /*margin-top: 53px; removed as part of issue 4383 hiding  pay as you go filter*/
    margin-top:0;
}   
.filterHandset .sortContract {display:none;}
.compare_wrapper {
    float:left; 
    height:190px; 
    overflow:none;
}
.filterHandset .compare {
    float: left;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    width: 543px;
}
.filterHandset .compare li {
    float: left;
    width: 180px;
    height: 152px;
    text-align: center;
}
.filterHandset .compare img {
    background: url('../../images/browse/mobile/handset-shadow-sml.gif') center bottom no-repeat;
    padding: 0 0 12px;
    margin: 0 0 5px;
}
.filterHandset .compare p {
    margin: 0 0 8px;
    padding: 0;
}
.filterHandset .btnCompare {
    clear: both;
    width: 309px;
    padding-top: 12px;
}
.filterHandset .compare .btnCompare .newCta {
    float: left;
    margin-left: 234px;
    display: inline;
}
.handsetList {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}
.handsetList li {
    background: url('../../images/browse/mobile/handsetListBg.jpg') 3px 3px no-repeat;
    float: left;
    display: block;
    width: 266px;
    height: 213px;
    margin: 0 7px 11px 0;
    position: relative;
    overflow: hidden;
}
.handsetList li.selected {
    background: url('../../images/browse/mobile/handsetListBgSelected.jpg') top left no-repeat;
}
.handsetList li.last {
    margin-right: 0;
}
.handsetList img {
    float: left;
    height: 160px;
    margin: 25px 20px 0 30px;
}
.handsetList div.badge img {
    height: auto;
}
.handsetList h2 {
    margin: 25px 0 7px;
    font-size:1.45em;
}
.handsetList .newCta {
    float: left;
}
.handsetList .testBadgeClass {
    background: url('../../images/browse/mobile/promo.png') top left no-repeat;
    width: 61px;
    height: 60px;
    position: absolute;
    bottom: 0;
    margin: 0;
    padding: 10px 0 0;
    left: 14px;
}
.handsetList p {
    margin: 0 0 12px;
    padding: 0;
}
.handsetList p.remove {
    margin: 0;
    padding: 0;
}
.compare .ctaLinkWht {
    margin-right: 30px;
    margin-top: 40px;
    display: block;
}
.compareHandset ul {
    background: url(../../images/browse/mobile/compareHandsetBg.gif) top right no-repeat;
    float: right;
    width: 820px;
    margin: 0;
    padding: 12px 8px 0 0;
    list-style: none;
}
.compareHandset li.intro {
    width: 210px;
    padding: 0;
    margin: 0 20px 0 10px;
    position: relative;
}
.compareHandset li.intro .suggestedDeals {
    background: url(../../images/browse/mobile/dealsArw.gif) right no-repeat;
    position: absolute;
    bottom: 65px;
    right: 20px;}

.compareHandset li.intro p.subsection {
    font-size: 1.7em;
    margin: 0 30px 0 0;
    padding: 0;
    width: 100%;}
    
.compareHandset li.intro .moreTariff {
    font-size: .9em;
    margin: 0;
    padding: 0;
    width: 100%;}
    
.compareHandset li {
    width: 173px;
    float: left;
    margin: 0 0;
    padding: 0 10px;
    min-height: 485px;
    overflow: hidden;}
    
.compareHandset li h3 {
    font-size: 1.2em;
    margin: 0;}

.compareHandset li .button {
    float: left;}
    
.compareHandset ul p {
    width: auto;
    float: none;
}
.compare .remove {
    text-align: center;
    margin: 0;
    padding: 0 0 20px;
}
.handsetList .remove a ,
.compare .remove a,
.compareHandset .remove a {
    background: url('../../images/elements/icons/iconMinus.gif') left no-repeat;
    padding: 3px 0 3px 25px;
    color: #333;
    line-height:20px;
}   
.compareHandset .remove {
    text-align:center;
}
.compareHandset img {
    display: block;
    margin: 0 auto;
    padding: 0;
    background: url('../../images/bg/handset-shadow.gif') bottom no-repeat;
    padding-bottom: 30px;
}
.compareHandset .loading p {
    margin-top: 250px;
    color: #ccc;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
.compareHandset .loading img {
    display: block;
    background: none;
    margin-top: 15px;
}
.compareHandset .addHandset {
    background: url('../../images/browse/mobile/addHandset.gif') center 35px no-repeat;
}
.compareHandset .addHandset p {
    padding-top: 250px;
    color: #ccc;
    font-weight: bold;
    font-size: 1.5em;
    text-align: center;
}
.compareHandset .addHandset a {
    text-align: center;
    display: block;
}
.compareHandset .addHandset form div.field {
    padding: 0 0 10px;
}
.compareHandset .addHandset form div.field div.input {
    margin-left: 0;
}
.compareHandset .addHandset form div.field div.input div.inputWrapper {
    width: 200px;
    margin-right: 0;
} 
.compareHandset .addHandset form div.field div.input div.inputWrapper div {
    xmargin: 0 9px 0 0;
} 
.compareHandset .addHandset form div.field div.input a {
    text-align: left;
}

/* component 37, the titles in the compare basket section need 
   this otherwise the aliasing goes murky during animation (all IE) */
ul.compare li p strong {
    background-color: #eee;
}
/*** ***/

/*** 40 - Handset comparison JSON ***/

/*** ***/

/*** 41 - Headline expandable block ***/
.question {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background-color: #e8e8e8;
    border: 1px solid #d6d6d6;
    padding: 6px 0 6px;
}
.question a {
    background: url('../../images/elements/bullets/grey_arrow_right.gif') 0 center no-repeat;
    color: #333;
    margin: 0 10px;
    padding-left: 20px; 
}
.question a.on {
    background: url('../../images/elements/bullets/grey_arrow_down.gif') 0 center no-repeat;
}
.answer {
    margin: 0 30px 15px;
}
.answer img {
    float: left;
    margin-right: 20px;
    display: block;
    width: 125px;   
}
.answer .withImg {
    float: left;
    width: 355px;
}
/*.faqQuestion .expandable .answer {
    width: 672px;
}*/
/*** ***/

/*** 42 - Query tool tip ***/

    /* moved to global.css */

/*** ***/

/*** 46 - Bundle summary ***/
.bundle {
    background: #e8e8e8;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 0 3px 3px #929293;
    -moz-box-shadow: 0 3px 3px #929293;
    -webkit-box-shadow: 0 3px 3px #929293;
    margin: 0 0 20px;
    padding: 20px 0 15px;
    width: 580px;}

.bundle h2 {
    font-size: 1.5em;
    font-weight: normal;
    margin: 0 0 0 20px;}

.bundle .bundleLeft {
    float: left;
    width: 400px;}

.bundle .bundleRight {
    float: left;
    margin: 15px 10px 0 0;
    text-align: center;
    width: 170px;}

.bundle .bundleRight .button {
    display: inline-block;
    float: none;}

.bundle .bundleContent {
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 15px 20px; 0}

.bundleInfo {
    background: #fefefe url(../../images/browse/bundleInfoBg.jpg) bottom left repeat-x;
    border-right: 1px solid #ccc;
    margin: 0;
    padding: 10px 0 0;
    width: 165px;}

.bundleInfo p {
    padding: 0px 0 10px;}

.bundle2Product .bundleInfo {
    height: 70px;}
    
.bundle3Product .bundleInfo {
    height: 60px;}

.bundle4Product .bundleInfo {
    height: 50px;}

.bundleExtras {
    margin: 20px 0 0 15px;
    padding: 0; 
    float: left;
    width: 170px;}

.bundleExtras h3 {
    font-size: 12px;
    margin: 0;}

.bundleExtras p {
    margin: 0 10px;
    padding: 0;}

.bundleExtras ul {
    margin: 5px 15px;
    padding: 0;}
    
.bundleExtras .extrasImg {
    display: block;
    padding: 11px 0 0;
    margin: 10px 0 10px;}
    

/*** ***/

/*** 47 - Bundle core component ***/
.bcDarkBG {
    background-color: #ddd;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 400px;
}
.bcDarkBGWide {
    background-color: #ddd;
    margin: 0 0 10px 0;
    width: 580px;
}
.bcDarkBGNarrow {
    background-color: #ddd;
    margin: 0 0 10px 0;
    padding: 10px;
    width: 172px;
}
.bundleCore {
    background: #fff url(../../images/browse/bundles/bg-core.gif) left bottom repeat-x;
    color: #333;
    padding: 25px 10px 10px;
    position: relative;
    width: 380px;
}
.bundleCore.firstBundleCore {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
}
.bundleCore .bundleArw {
    height: 18px;
    position: absolute;
    top: 25px;
    right: -11px;
    width: 11px;
}
.bundleCore .expandController:hover {
    cursor: default;
}
.bundleCore p.service {
    margin-left: 20px;
    padding-bottom: 5px;
}
.bundleCore .expandHighlight {
    background: url(../../images/browse/bundles/arrow.png) 5px 12px no-repeat;
    float: left;
    height: 22px;
    width: 15px;
}
.bundleCore .expandHighlight.on {
    background: url(../../images/browse/bundles/arrow-on.png) 5px 12px no-repeat;
}
.bundleCore .bcRightCol {
    margin-left: 69px;
}
.bundleCore .bcRightCol ul {
    margin: 0;
    padding: 0;
}
.bundleCore .bcRightCol li {
    background: url(../../images/browse/bundles/bullet.png) 0 7px no-repeat;
    list-style: none;
    margin: 8px 0 6px 0;
    padding: 0 0 0 12px;
}
.bundleCore .bcRightCol .greenTxt {
    background: url(../../images/browse/bundleBullet.gif) 0 4px no-repeat;
    padding-left: 14px;
}
.bundleCore .bcRightCol img {
    margin: 5px 0;
}
.bundleCore .bcRightCol span.newCta {
    clear: both;
    float: left;
    margin-top: 12px;
}
.bundleCore .bcRightCol span.newCta a {
    color: #fff;
}
.bundleCore .btnGreySmall {
    float: left;
}
/*** ***/

/*** 48 - Bundle extra ***/
.bundleExtraHead {
    background: #fff;
    border-bottom: 2px solid #eee;
    width: 400px;}

.bundleExtraHead h3 {
    font-size: 1.1em;
    font-weight: normal;
    margin: 0;
    padding: 12px 0 12px 10px;}

.bundleExtra {
    background-color: #fff;
    color: #333;
    margin-bottom: 1px;
    width: 400px;}
    
.bundleExtra .beContent {
    padding: 10px;
    cursor: default;}
    
.bundleExtra .beContent .expandHighlight {
    background: url(../../images/browse/bundles/arrow.png) 5px 9px no-repeat;
    float: left;
    height: 20px;
    width: 15px;}
    
.bundleExtra .beContent .expandHighlight.on {
    background-image: url(../../images/browse/bundles/arrow-on.png);}

.bundleExtra .beContent img {
    float: left;
    margin: 0 0 0 8px;}
    
.bundleExtra .beContent .beRightCol {
    float: right;
    font-weight: bold;
    margin: 6px 0 0 0;
    width: 275px;}
    
.bundleExtra .beContent .beRightCol p {
    margin: 0;}
    
.bundleExtra .beContent .expandContent {
    float: right;
    margin: 6px 0 0 0;
    width: 299px;}
    
.bundleExtra .beContent .expandContent p {
    margin: 0;}
    
.bundleExtra .beContent .expandContent p a {
    color: #333;
    text-decoration: underline;}

.bundleExtra.lastBundleExtra {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;}
    
/*** ***/

/*** 49 - Bundle price ***/
.bundleBuy {
    color: #333;
    display: inline-block;
    text-align: center;
    width: 172px;
}
.horizontalBundleBuy {
    border-top: 1px solid #ccc;
    text-align: left;
    width: 530px;
    padding: 10px 20px 15px;
}
.bundleBuy .productPrice {
    display: block;
    font-size: 3em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    line-height: 1em;
}
.horizontalBundleBuy .productPrice {
    position: absolute;
    left: 0;
    margin-right: 20px;
    margin-top: 20px;
    width: 130px;
    height: 100%;
}
.horizontalBundleBuy .bundle-desc{
    overflow: hidden;
    position: relative;
    padding-left: 150px;
}
.bundleBuy p {
    margin-bottom: 10px;
}
.horizontalBundleBuy p {
    margin: 0;}

.bundleBuy .button {
    display: inline-block;
    float: none;}
    
.bundleBuy.horizontalBundleBuy .bpLink {
    display: inline;
    margin: 0 0 0 150px;
    padding: 0;}
    
.bundleBuy div.bpLink a {
    color: #c00;
    display: inline-block;
    margin-top: 8px;}
    
.bundleBuy.horizontalBundleBuy .bpLink a {
    margin: 0;
    padding: 0;}
    
.bundleBuy a.newCta {
    display: inline-block;
    float: none;}
    
.bundleBuy.horizontalBundleBuy .button {
    float: right;
    margin-top: 20px;}
    
.bundleBuy.horizontalBundleBuy .bpLink {
    float: left;
    width: 250px;}
    
/*** ***/

div.bundleCore  p span.highlight {
    margin: 0 0 8px 0;
}

/*** 50 - Shop Nav ***/

div.inner.heroNavInner {
    margin: 0;
    padding: 45px 20px 20px 20px!important;
}

div.shopNav {
    background: transparent url('../../images/shop/bg-nav.png') 0 0 no-repeat;
    height: 178px;
    margin: -35px 24px -44px 24px;
    position: relative;
    width: 892px;
    z-index: 100;
}
div.shopNav p {
    display: none; /*removed block to display none*/
    margin: 0;
}
div.shopNav a:hover {
    text-decoration: none;
}
div.shopNav h2 {
    font-weight: bold;
    font-size: 1.4em;
    left: 533px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 60px;
    display:none; /*added to hide from ribbon*/
}
div.shopNav p.shopNavSubline {
    color: #333;
    font-size: 0.75em;
    left: 533px;
    margin: 0;
    padding: 0;
    display: inline-block;
    position: absolute;
    top: 84px;
    width: 200px;
}
div.shopNav div.shopNavButtonOuter {
    left: 744px;
    width: 134px;
    text-align: center;
    position: absolute;
    top: 96px;
    display: inline-block;
}
div.shopNav a.shopNavButton {
    background: #dadada url('../../images/shop/bg-button.gif') 0 -7px repeat-x;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #000;
    display: inline-block;
    font-size: 0.8em;
    font-style: italic;
    padding: 7px 12px;
}
div.shopNav a.shopNavButton:hover {
    background-position: 0 -70px;
}
div.shopNav a.shopNavItem1,
div.shopNav a.shopNavItem2,
div.shopNav a.shopNavItem3,
div.shopNav a.shopNavItem4 {
    color: #333;
    float: left;
    text-align: center;
}
div.shopNav a.shopNavItem1 {
    font-size: 1.5em;
    height: 100px;
    line-height: 1.0em;
    padding-top: 55px;
    width: 130px;
}
div.shopNav a.shopNavItem2 {
    font-size: 1.2em;
    height: 85px;
    line-height: 1.0em;
    padding-top: 60px;
    width: 130px;
}
div.shopNav a.shopNavItem3 {
    font-size: 1.1em;
    line-height: 1.0em;
    height: 82px;
    padding-top: 63px;
    width: 128px;
}
div.shopNav a.shopNavItem4 {
    font-size: 1.1em;
    height: 82px;
    line-height: 1.0em;
    padding-top: 63px;
    width: 126px;
}
div.shopNav a.shopNavItem1on,
div.shopNav a.shopNavItem2on,
div.shopNav a.shopNavItem3on,
div.shopNav a.shopNavItem4on {
    color: #333;
    display: none;
    line-height: 1.0em;
    position: absolute;
    text-align: center;
}
div.shopNav a.shopNavItem1on {
    background: transparent url('../../images/shop/bg-nav1on.png') 0 15px no-repeat;
    font-size: 1.6em;
    height: 128px;
    left: -19px;
    padding-top: 70px;
    top: -16px;
    width: 154px;
}
div.shopNav a.shopNavItem2on {
    background: transparent url('../../images/shop/bg-nav2on.png') 0 15px no-repeat;
    font-size: 1.3em;
    height: 110px;
    left: 110px;
    padding-top: 68px;
    top: -9px;
    width: 151px;
}
div.shopNav a.shopNavItem3on {
    background: transparent url('../../images/shop/bg-nav3on.png') 0 15px no-repeat;
    font-size: 1.2em;
    height: 93px;
    left: 249px;
    padding-top: 61px;
    top: -3px;
    width: 141px;
}
div.shopNav a.shopNavItem4on {
    background: transparent url('../../images/shop/bg-nav4on.png') 0 15px no-repeat;
    font-size: 1.2em;
    height: 93px;
    left: 376px;
    padding-top: 61px;
    top: 0;
    width: 141px;
}
/*div.shopNav a.shopNavItem1shadow {
    background: transparent url('../../images/shop/bg-nav1shadow.png') 0 6px no-repeat;
}
div.shopNav a.shopNavItem2shadow {
    background: transparent url('../../images/shop/bg-nav2shadow.png') -1px 16px no-repeat;
}
div.shopNav a.shopNavItem3shadow {
    background: transparent url('../../images/shop/bg-nav3shadow.png') -3px 11px no-repeat;
}*/

/*** ***/

/*** 53. third level navigation ***/
div.thirdLevNav {
    background: transparent url('../../images/existingcustomers/thirdLevNavBox.png') 0 0 no-repeat;
    position: relative;
    width: 946px;
    height: 270px;
    margin: -36px -75px 0 -60px;
}
div.thirdLevNav div.tlnList {
    float: left;
    padding-left: 50px;
    padding-top: 25px;
    width: 420px;
    height: 190px;
}
div.thirdLevNav div.tlnPic {
    float: right;
    padding-right: 40px;
    padding-top: 25px;
    width: 430px;
    height: 180px;
}
div.thirdLevNav div.tlnList ul {
    margin: 0;
    padding: 0 0 0 3px;
    width: 206px;
    float: left;
}
div.thirdLevNav div.tlnList p {
    margin-top:15px;
    font-size: 1.5em;
    font-style: italic;
    font-weight: bold;
}
div.thirdLevNav div.tlnList ul li {
    padding: 0;
    margin-bottom: 10px;
    list-style-type:none;
}
div.thirdLevNav div.tlnList ul a {
    font-size: 1.2em;
    color: #333;
    background: transparent url('../../images/elements/arrowRight_on.gif') no-repeat right center;
    padding: 1px 17px 1px 5px;
}
div.thirdLevNav div.tlnList ul a.selected {
    background: url('../../images/buttons/primary_medium_bg.png') repeat 0 26px;
    padding: 3px 5px;
    color: #eee;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}

/*** 54. ***/
div.launchListItem {
    border-top: 1px dotted #aaa;
    width: 220px;
}
div.launchListItem  img {
    float: left;
    margin: 15px 10px 5px 5px;
}
div.launchListItem  p {
    margin: 10px 0;
    width: 170px;
}
div.launchListItem  a {
    font-weight: bold;
}
div.launchListItem  div {
    float: left;
    margin: 20px 0 0;
}
div.col-right1 div.launchListItem a {
    color: white;
    font-size:14px;
}
div.col-right div.noLine,
div.col-right1 div.noLine {
    border-top: 0;
}

/*** 55. Upgrade promoter 
        (most of the styles are from 24 Choose package )***/
        
.upgradePromoterInner .container div.richText{
    padding-top:0;
    background:none;
}       
.upgradePromoterInner .container .newCta {
    margin-top:3px;
}
.upgradePromoterInner .container .text{
    padding-top:5px;
}
.upgradePromoterInner .upFooter {
    color:#fafafa;
    margin:10px 3px 5px 3px;
}

/*** 60-63 - Overlay Components (from moreinfo.css) ***/

div.lightbox div.components table td.active {border:1px solid #008000}

span#L_minutes,
span#XL_minutes,
span#XXL_minutes {
    font-size:1.333em;
    line-height:16px;
    display:block;
    font-weight:bold;
}

div.lightbox div.components p {
    margin:0;
}
div.lightbox div.components h2 {
    height: 31px;
    margin: 0;
    text-indent: -999em;
}
div.lightbox div.components h2.tv {
    background: url('../../images/titles/more_info_tv.gif') no-repeat;
    width: 111px;
}
div.lightbox div.components h2.bb {
    background: url('../../images/titles/more_info_broadband.gif') no-repeat;
    width: 215px;
}
div.lightbox div.components h2.ph {
    background: url('../../images/titles/more_info_phone.gif') no-repeat;
    width: 156px;
}
div.lightbox div.components h2.mo {
    background: url('../../images/titles/more_info_mobile.gif') no-repeat;
    width: 156px;
}
div.lightbox div.components h2.mo_tariff {
    background: url('../../images/titles/more_info_tariffs.gif') no-repeat;
    width: 143px;
}
div.lightbox div.components h2.mo_phone {
    background: url('../../images/titles/more_info_handsets.gif') no-repeat;
    width: 194px;
}
div.lightbox div.components h2.mo_add_extras {
    background: url('../../images/titles/more_info_add_extras.gif') no-repeat;
    width: 259px;
}
div.lightbox div.components div.header {
    position: absolute;
}
div.lightbox div.components div.header ul li a {
    text-indent: 0;
}
.lightbox .moreinfo .more_info_text {
    margin-top: 40px;
    width: 550px;
}
div.lightbox div.components div.more_info_text p {
    margin: 14px 210px 0 0;
}
div.lightbox div.components div.more_info_text ul {
    list-style: none;
    padding: 0;
}
div.lightbox div.components div.more_info_text li {
    background: url('../../images/elements/bullets/red.gif') no-repeat 0 5px;
    margin-bottom: 10px;
    padding-left: 10px;
}
div.lightbox div.components div.header ul {
    list-style-type: none;
    margin: 8px 0 0;
    padding: 0;
}
div.lightbox div.components div.header ul li {
    margin-bottom: 3px;
}
div.lightbox div.components table {
    margin-top: 10px;
}
div.lightbox div.components table thead th {
    font-weight: normal;
    text-align: left;
    vertical-align: bottom;
}
div.lightbox div.components table thead th div.productHolder {
    color: #fff;
    height: 153px;
    position: relative;
    top: 12px;
}
div.lightbox div.components table thead th.tier1 div.productHolder {
    background: url('../../images/moreinfo/tier1.gif') no-repeat center bottom;
    height: 119px;
}
div.lightbox div.components table thead th.tier2 div.productHolder {
    background: url('../../images/moreinfo/tier2.gif') no-repeat center bottom;
    height: 136px;
}
div.lightbox div.components table thead th.tier3 div.productHolder {
    background: url('../../images/moreinfo/tier3.gif') no-repeat center bottom;
    height: 153px;
}
div.lightbox div.components table thead th.tier1 div.selected {
    background-image: url('../../images/moreinfo/tier1_selected.gif');
}
div.lightbox div.components table thead th.tier2 div.selected {
    background-image: url('../../images/moreinfo/tier2_selected.gif');
}
div.lightbox div.components table thead th.tier3 div.selected {
    background-image: url('../../images/moreinfo/tier3_selected.gif');
}
div.lightbox div.components table thead th.tier1 div.current {
    background-image: url('../../images/moreinfo/tier1_default_3col.gif');
}
div.lightbox div.components table thead th.tier2 div.current {
    background-image: url('../../images/moreinfo/tier2_default_3col.gif');
}
div.lightbox div.components table thead th.tier3 div.current {
    background-image: url('../../images/moreinfo/tier3_default_3col.gif');
}
div.lightbox div.components table thead th div.productHolder span.icon {
    background: no-repeat center -117px;
    display: block;
    float: left;
    font-weight: bold;
    height: 39px;
    line-height: 39px;
    margin: 3px 4px 0 14px;
    text-align: center;
    text-indent: -999em;
    width: 39px;
}
div.lightbox div.components table thead th div.selected span.icon {
    background-position: center -78px;
}
div.lightbox div.components table thead th div.current span.icon {
    background-position: center -39px;
}
div.lightbox div.components table thead th.tier_m div.productHolder span.icon {
    background-image: url('../../images/buildorder/tier_icon_m.png');
}
div.lightbox div.components table thead th.tier_mp div.productHolder span.icon {
    background-image: url('../../images/buildorder/tier_icon_mp.png');
}
div.lightbox div.components table thead th.tier_l div.productHolder span.icon {
    background-image: url('../../images/buildorder/tier_icon_l.png');
}
div.lightbox div.components table thead th.tier_xl div.productHolder span.icon {
    background-image: url('../../images/buildorder/tier_icon_xl.png');
}
div.lightbox div.components table thead th.tier_xxl div.productHolder span.icon {
    background-image: url('../../images/buildorder/tier_icon_xxl.png');
}
div.lightbox div.components table thead th div.productName {
    font-size: 1.2em;
    font-style: italic;
    font-weight: 400;
    letter-spacing: .8px;
    line-height: 17px;
    margin: 0 10px 0 57px;
    padding-top: 14px;
}
div.lightbox div.components table thead th div span.count {
    display: block;
    font-size: 1.5em;
    font-weight: 200;
    letter-spacing: 1px;
    line-height: 24px;
}
div.lightbox div.components table thead th div span.speed {
    font-size: 2.25em;
    line-height: 36px;
}
div.lightbox div.components table thead th div span.upto {
    display: block;
    font-size: .8125em;
    margin-top: -7px;
}
div.lightbox div.components table thead td {
    vertical-align: top;
    margin-top: 10px;
}
div.lightbox div.components table thead td a {
    float: left;
}
div.lightbox div.components table tbody th,
div.lightbox div.components table tbody td {
    border: 1px solid #ccc;
    border-top-width: 0;    
    padding: 16px 0 13px;
    vertical-align: top;
}
div.lightbox div.components table tbody th {
    background: #ebebeb url('../../images/moreinfo/feature_head_bg.gif') repeat-x center bottom;
    border-bottom-color: #fff;
    color: #666;
    font-weight: normal;
    padding: 23px 10px 13px;
    text-align: left;
}  
div.lightbox div.components table tbody th div.titleLabel {
    color: #333;
    font-size: 1.333em;
    margin-bottom: 6px;
}
div.lightbox div.components .last th div,
div.lightbox div.components .alt th div,
div.lightbox div.components .first th div {
font-weight:bold;
}
div.lightbox div.components table tbody th div.titleLabel div.input {
    margin-left: 0;
}
div.lightbox div.components table tbody th span {
    font-size: .9167em;
}
div.lightbox div.components table tbody tr:first-child th {
    -moz-border-radius-topleft: 5px;
}
div.lightbox div.components table tbody tr:last-child th {
    border-bottom-color: #ccc;
    -moz-border-radius-bottomleft: 5px;
}
div.lightbox div.components table tbody td {
    background-color: #f2f2f2;
    border-bottom-width: 0;
    border-left: none;
    text-align: center;
}
div.lightbox div.components table tbody tr.alt td {
    background-color: #fff;
}   
div.lightbox div.components table tbody tr.last td {
    border-bottom-width: 1px;
}
div.lightbox div.components table tbody tr:first-child td:last-child {
    -moz-border-radius-topright: 5px;
}
div.lightbox div.components table tbody tr:last-child td:last-child {
    -moz-border-radius-bottomright: 5px;
}
div.lightbox div.components tr.first td,
div.lightbox div.components tr.first th {
    border-top-width: 1px;
}
div.lightbox div.components tr.channels td {
    font-size: 0.9167em;
}
div.lightbox div.components tr.channels td span {
    color: #666;
    display: block;
    margin: 0 5px 3px;
}
div.lightbox div.components tr.channels img {
    border-top: 1px dotted #c2c2c2;
    display: block;
    margin: 0 auto;
    padding: 8px 0;
}
div.lightbox div.components td span.price {
    display: block;
    font-size: 2em;
    line-height: 24px;
}
div.lightbox div.components td span.free {
    display: block;
    font-size: 1.6667em;
    margin-top: 3px;
}
div.lightbox div.components td img.tick {
    display: block;
    margin: -4px auto 0;
}
div.lightbox div.components tr.users td div {
    margin-bottom: 5px;
    text-align: center;
}
div.lightbox div.components tr.users td strong {
    font-size: 1.1667em;
}
div.lightbox div.components tr.storage strong {
    display: block;
    margin-bottom: 3px;
}
div.lightbox div.components tr.storage div.size strong {
    font-size: 1.333em;
    line-height: 16px;
}   
div.lightbox div.components tr.storage ul.iconList {
    border: 1px dotted #a9a9a9;
    border-left: none;
    border-right: none;
    color: #666;
    margin: 4px 6px 6px;
    text-align: left;
}
div.lightbox div.components tr.storage ul.iconList li.photos {
    background-image: url('../../images/moreinfo/moreinfo_icon_photos.gif');
}
div.lightbox div.components tr.storage ul.iconList li.music {
    background-image: url('../../images/moreinfo/moreinfo_icon_music.gif');
}
div.lightbox div.components tr.storage ul.iconList li.videos {
    background-image: url('../../images/moreinfo/moreinfo_icon_videos.gif');
}
div.lightbox div.components tr.storage ul.iconList li.documents {
    background-image: url('../../images/moreinfo/moreinfo_icon_documents.gif');
}
div.lightbox div.components tr.storage ul.iconList li strong {
    display: inline;
    margin: 0;
}
div.lightbox div.components h3 {
    border-bottom: 1px solid #d6d6d6;
    font-family: Helvetica Neue;
    font-size: 1.5em;
    font-style: italic;
    font-weight: 200;
    margin: 0 0 15px;
    padding: 0 0 5px;
}
div.lightbox div.components h3 a {
    float: right;
    font-family: Arial;
    font-size: .6667em;
    font-style: normal;
    font-weight: normal;
}
div.lightbox div.components img.product {
    float: right;
}
div.lightbox div.components ul.features {
    list-style: none;
    margin: 0;
    padding: 5px 20px 0 0;
}  
div.lightbox div.components ul.features li {
    margin-bottom: 10px;
}
div.lightbox div.components ul.tick li {
    background: url('../../images/elements/list_tick.gif') no-repeat left top;
    padding-left: 27px;
}
div.lightbox div.components ul.plus li {
    background: url('../../images/elements/list_plus.gif') no-repeat left top;
    padding-left: 19px;
}
div.lightbox div.components ul.features li strong {
    display: block;
    font-size: 1.1667em;
    margin-bottom: 5px;
}
div.lightbox div.components ul.features li strong span {
    font-size: .8571em;
    font-weight: normal;
}
div.lightbox div.components div.col {
    padding-top: 15px;
    width: 350px;
}
div.lightbox div.components div.col_1 {
    margin-right: 20px;
}
div.lightbox div.components a.select {
    bottom: 19px;
    left: 52px;
    margin-bottom: 0;
    position: absolute;
}
div.lightbox div.components span.selected {
    bottom: 25px;
    letter-spacing: 1px;
    position: absolute;
    text-align: center;
    text-shadow: none;
    width: 178px;
}
div.lightbox div.components div.selected a.select,
div.lightbox div.components div.selected span.unavailable,
div.lightbox div.components span.selected {
    display: none;
}  
div.lightbox div.components div.selected span.selected {
    display: block;
}
div.lightbox div.components span.unavailable {
    color: #a1a1a1;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    position: absolute;
    bottom: 25px;
    text-align: center;
    text-shadow: none;
    width: 178px;
}
p.footnote {
    margin: 0 0 10px 2px;
}

/*** mobile carousels ***/
div.lightbox div.components div.mo_moreinfo div.header {
    position: static;
}
div.mo_moreinfo div.clip {
    overflow: auto;
    width: 720px;
    padding-bottom: 15px;
}
div.lightbox div.components div.mo_moreinfo table.phones thead th {
    text-align: center;
}
div.lightbox div.components div.mo_moreinfo table.phones thead td {
    background-color: #fff;
}
div.mo_moreinfo table.phones thead th img {
    margin: 0 36px;
}
div.mo_moreinfo table.phones thead tr.tariffs th {
    padding: 56px 0 26px 0;
}
div.mo_moreinfo table.phones thead tr.tariffs th img {
    margin: 0 18px;
}
div.mo_moreinfo table.phones thead th h3 {
    border: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1667em;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
}
div.mo_moreinfo table.phones thead th a {
    display: block;
    margin-bottom: 25px;    
}
div.mo_moreinfo table.phones thead td div {
    width: 148px;
}
div.mo_moreinfo table.phones tbody {
    font-size: .91667em;
}
div.lightbox div.components div.mo_moreinfo table.phones tbody tr {
    background-color: #fff;
}
div.lightbox div.components div.mo_moreinfo table.phones tbody th {
    color: #333;
    font-weight: bold;
    padding: 7px 11px;
}
div.lightbox div.components div.mo_moreinfo table.phones tbody td {
    padding: 7px 0 7px 20px;
    text-align: left;
}
div.lightbox div.components div.mo_moreinfo table.phones tbody tr.first th,
div.lightbox div.components div.mo_moreinfo table.phones tbody tr.first td {
    border-top-width: 1px;
}

/***** mobile carousels - JS only *****/
body.js div.mo_moreinfo div.clip {
    overflow: hidden;
    position: relative;
}
body.js div.mo_moreinfo ul.nav {
    left: 0px;
    margin: 0;
    position: absolute;
    top: 75px;
}
body.js div.mo_moreinfo ul.nav .prev,
body.js div.mo_moreinfo ul.nav .next {
    background: transparent url('../../images/buildorder/carousel_arrows_active.png') no-repeat 0 center;
    display: block;
    height: 91px;
    left: 120px;
    position: absolute;
    top: 50px;
    width: 35px;
    z-index: 6;
}
body.js div.mo_moreinfo ul.nav li.next {
    background-position: -35px center;
    left: 715px;
}
body.js div.mo_moreinfo ul.nav li.disabled {
    background-image: url('../../images/buildorder/carousel_arrows_inactive.png');
}
body.js div.mo_moreinfo ul.nav li a {
    display: block;
    height: 35px;
    width: 35px;
}
body.js div.mo_moreinfo ul.nav li a span {
    display: none;
}
body.js div.mo_moreinfo ul.carouselNavigator {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 32px;
    top: 7px;
}
body.js div.mo_moreinfo ul.carouselNavigator li {
    background: url('../../images/buildorder/mobile_navigator_default_4x.gif') no-repeat center top;    
    float: left;
    height: 28px;
    padding-top: 3px;
    width: 50px;
}
body.js div.mo_moreinfo ul.carouselNavigator li {
    background: url('../../images/buildorder/sim_navigator_default_4x.gif') no-repeat center top;    
}
body.js div.mo_phone_carousel ul.carouselNavigator li div.icons {
    background: url('../../images/buildorder/mobile_navigator_icon.gif') repeat-x left center;
    cursor: pointer;
    height: 16px;
    margin-left: 4px;
    width: 11px;
}
body.js div.mo_phone_carousel ul.carouselNavigator li.selected {
    background: url('../../images/buildorder/mobile_navigator_selection_4x.gif') no-repeat center top;
}
body.js div.mo_tariff_carousel ul.carouselNavigator li.selected {
    background: url('../../images/buildorder/sim_navigator_selection_4x.gif') no-repeat center top;
}
body.js div.mo_phone_carousel ul.carouselNavigator li.selected div.icons {
    background-image: url('../../images/buildorder/mobile_navigator_icon_selected.gif');
}
body.js div.mo_tariff_carousel ul.carouselNavigator li div.icons {
    background: url('../../images/buildorder/sim_navigator_icon.gif') repeat-x left center;
    cursor: pointer;
    height: 16px;
    margin-left: 4px;
    width: 11px;
}
body.js div.mo_tariff_carousel ul.carouselNavigator li.selected div.icons {
    background-image: url('../../images/buildorder/sim_navigator_icon_selected.gif');
}
body.js div.mo_moreinfo table.duplicate {
    width: 148px;
}

/*** broadband data samples ***/
div.lightbox div.components div.data_options {
    margin-top: 0;
}
div.lightbox div.components div.data_options div.header {
    margin-left: 180px;
}
div.data_text {
    margin-left: 180px;
    width: 300px;
}
div.lightbox div.components div.more_info_text div.data_text p {
    margin: 0;
}
div.lightbox div.components div.more_info_text div.data_text label {
    display: block;
    margin-bottom: 6px;
}
.lightbox form .field .input .inputWrapper .dd_display {
    font-size: .875em;
    margin: 0;
    padding: 0 4px 0 0;
    white-space: nowrap;
}
div.lightbox form div.field div.input div.inputWrapper .dd a {
    font-size: .875em;
}
div.lightbox form div.field div.input div.inputWrapper .dd_display span {
    font-size: 1em;
}
form div.field div.input div.downloadItem {
    width: 13em;
}
.downloadItem .dd_display a {
    left: 8px;
}
form div.field div.active div.downloadItem {
    background-image: url('../../images/forms/input_14px_active_right.gif');
}

/*** default service - change package specific ***/
div.lightbox div.components table thead th div.default span.icon {
    background-position: center -39px;
}
div.lightbox div.components span.selected {
    width: 100%;
    left:0;
}

/*** BADGE STYLES ***/

.badgeContainer {
    position: relative;
}
.handsetList .badge,
.badgeContainer .badge {
    position: absolute;
}
.handsetList .badge{
    bottom: 0;
    left: 14px;
}
.handsetList .badge img{
    margin: 0;
    padding: 0;
}
/*** 66 - Action confirmation overlay ***/

div.lightbox div.legacy_warning{
    width: 280px;   
}
div.lightbox div.legacy_warning h2 {
    background: url('../../images/titles/legacyextraproductremoval.gif') no-repeat;
    height: 21px;
}
div.lightbox div.legacy_warning .legacy_name{
    color: #c00;
    font-size: 1.5em;
    font-weight:bold;
    display: block;
    margin: 15px 0;
}
div.lightbox div.legacy_warning input{
    float: left; 
    margin-top:41px;
}
div.lightbox div.legacy_warning label{
    border-top:1px solid #d6d6d6;
    font-weight: bold;  
    display: block;
    padding: 28px 0 28px 25px;
    margin-top:23px;
}
.lightbox .legacy_warning .options {
    border-top: 1px solid #d6d6d6;
}
.lightbox .legacy_warning .options {
    margin: 20px 0 20px 0;
    overflow: hidden;
    padding: 20px 2px 0 0;
}
.lightbox .legacy_warning .options a {
    float: left;
}
.lightbox .legacy_warning .options li {
    float: right;
    min-height: 1px;
    margin: 0 0 0 15px;
    padding: 0;
}
div.sixty-three-overlay-action-confirmation_lightbox {
    border: 4px solid #ffe400;
    background: url('../../images/panels/legacy_tile.gif') repeat-x bottom #feffff;
}
div.lightbox div.legacy_warning {
    width: 300px;
    background: url('../../images/elements/dodo.gif') no-repeat center top;
    padding-top: 40px;
}
div.sixty-three-overlay-action-confirmation_lightbox #close-button {
    display: none;
}

/*** ***/

/*** 69 - Serviceability component ***/
.serviceability {
    font-size: 1em;
    /*position: absolute;*/
    margin-bottom: -115px;
    width: 292px; }
    
div.hero-right .serviceability {
    font-size: 0.8em; }
    
.serviceability .left h3 {
    font-weight: normal;
    font-size: 1.4em;
    margin: 0;
    padding: 14px 0 10px 11px;}
    
.serviceability .left h4 {
    color: #333;
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 11px 5px;
    padding: 0;}
    
.serviceability #servUnchecked,
.serviceability #servChecked {
    height: 79px;}
    
.serviceability #drawer {
    z-index: 50;
    position: absolute;}
    
.serviceability #servChecked,
.serviceability #drawer,
.serviceability div.alert {
    display: none;} 
    
.serviceability .left {
    color: #fff;
    float: left;
    margin: 0;
    padding: 0;
    width: 221px; }
    
.serviceability .left form {
    background: url(../../images/browse/serviceabilityLeft.gif) top left no-repeat;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    height: 126px; }

.serviceability .left .servWrap {
    background: url(../../images/browse/serviceabilityWrap.gif) top left no-repeat;
    height: 38px;
    margin: 0 0 0 6px;
    padding: 5px 0 0 4px;
    width: 209px; }
    
.serviceability .left .enterPostcode {
    background: #c31111 url(../../images/browse/serviceabilityInput.gif) top left no-repeat;
    border-style: hidden;
    border-width: 0;
    color: #666;
    float: left;
    font-size: 14px;
    height: 29px;
    margin: 0 !important;
    padding: 0 0 0 5px !important;
    width: 152px;
    line-height: 2em; }
    
.serviceability .left .address {
    background: url(../../images/browse/serviceabilityInputFull.gif) top left no-repeat;
    color: #666;
    font-size: 1.2em;
    font-style: italic;
    margin-left: 1px;
    padding: 6px 5px;
    width: 200px; }
    
.serviceability .left .submit,
.serviceability .left .faux-submit {
    float: left;
    height: 27px;
    margin-top: 1px;
    width: 43px; }
    
.serviceability .left .changeAddress {
    background: url(../../images/browse/serviceabilityArw.gif) right 6px no-repeat;
    color: #fff;
    float: left;
    font-weight: bold;
    font-size: 1em;
    margin: 3px 0 0 11px;
    padding-right: 9px; }
    
.serviceability .left .alert,
.serviceability .left .error-postcode {
    background: #fecb00 url(../../images/browse/serviceabilityAlert.gif) bottom left no-repeat;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.55);
    -moz-box-shadow:    2px 2px 10px rgba(50, 50, 50, 0.55);
    box-shadow:         2px 2px 10px rgba(50, 50, 50, 0.55); }

.serviceability .left .error-postcode {
    position: absolute;
    z-index: 50;
    display: none; }
    
.serviceability .left .alert p,
.serviceability .left .error-postcode p {
    background: url(../../images/browse/serviceabilityAlertIcon.gif) left 10px no-repeat;
    color: #000;
    margin: 0 15px;
    padding: 9px 0 9px 25px; }
    
.serviceability .left .alert a {
    color: #000;
    text-decoration: underline; }
    
.serviceability .results {
    background: url(../../images/browse/serviceabilityRight.png) top left no-repeat;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    float: right;
    height: 138px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 71px; }
    
.serviceability .results li {
    margin: 0;
    padding: 0 0 0 5px;
    text-indent: -99999px;
    height: 30px !important; }
    
.serviceability .results .last {
    border: none; }
    
.serviceability li span.iconProd,
.serviceability li span.icon2 {
    display: block;
    float: left;
    height: 20px;
    margin: 6px 0 0;
    width: 25px; }

.serviceability .details li span.icon2 {
    margin-top: 3px; }
    
.serviceability .broadband .iconProd {
    background: url(../../images/browse/serviceabilityBB.gif) top left no-repeat; }
    
.serviceability .tv .iconProd {
    background: url(../../images/browse/serviceabilityTV.gif) top left no-repeat; }
    
.serviceability .phone .iconProd {
    background: url(../../images/browse/serviceabilityPhone.gif) top left no-repeat; }
    
/*.serviceability .mobile .iconProd {
    background: url(../../images/browse/serviceabilityMobile.gif) top left no-repeat;} Temporarily Disabled */ 
    
.serviceability .no .iconProd,
.serviceability .maybe .iconProd {
    background-position: bottom left; }
    
.serviceability .yes .icon2,
.serviceability .yesNat .icon2 {
    background: url(../../images/browse/serviceabilityTick.gif) 0 0 no-repeat;
    margin-left: 3px; }
    
.serviceability .no .icon2 {
    background: url(../../images/browse/serviceabilityCross.gif) 0 0 no-repeat;
    margin-left: 3px; }
    
.serviceability .maybe .icon2 {
    background: url(../../images/browse/serviceabilityQuestion.gif) 0 0 no-repeat;
    margin-left: 3px; }

/* Temporarily Disabled Mobile Results - Start */   
.serviceability .mobile.yes .icon2,
.serviceability .mobile.no .icon2,
.serviceability .mobile.maybe .icon2 {background: none;}

.serviceability .details li.mobile {display: none;}
/* Temporarily Disabled Mobile Results - End */
    
.serviceability .left .expander {
    background: url(../../images/browse/serviceabilityExpander.png) top left no-repeat;
    float: left;
    height: 24px;
    margin-left: 11px;
    padding-left: 0;
    position: absolute;
    text-align: center; 
    width: 108px;
    z-index: 50;}
    
.serviceability .expander a {
    color:#fff;
    font-style: italic;
    font-weight: bold;}
    
.serviceability .expander a.open {
    background: url(../../images/browse/serviceabilityArwDwn.gif) right no-repeat;
    padding-right: 16px;}
     
.serviceability .expander a.close {
    background: url(../../images/browse/serviceabilityArwUp.gif) right no-repeat;
    padding-right: 16px;}

.serviceability .left .order {
    background: url(../../images/browse/serviceabilityOrder.png) top left no-repeat;
    float: left;
    height: 24px;
    left: 107px;
    margin-left: 0px;
    padding-left: 0;
    position: absolute;
    text-align: center; 
    width: 108px;
    z-index: 51;}

.serviceability .order a {
    color:#fff;
    font-style: italic;
    font-weight: bold;}

.serviceability .details {
    border: 1px solid #cfcfcf;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    width: 219px;}
    
.serviceability .details ul {
    margin: 0;
    padding: 0;}
    
.serviceability .details li {
    background: #fdfdfd url(../../images/browse/serviceabilityDetails.gif) bottom left repeat-x;
    list-style: none;
    padding: 5px 0;
    text-indent: -99999px;}

.serviceability .details li span p {
    margin: 3px 0 0;
    padding: 0;}
    
.serviceability .details li.noIndent {
    text-indent: 0;}
    
.serviceability .details li .cableBB,
.serviceability .details li .nationalBB,
.serviceability .details li .yesText,
.serviceability .details li span.noText,
.serviceability .details li span.maybeText {
    display: none; /* this is to hide the details text on page load */}

.serviceability .details .yes .yesText,
.serviceability .details .no .noText,
.serviceability .details .maybe .maybeText {
    display: block;}

.serviceability .details .yes .yesText.nationalBB {
    display: none;}
    
.serviceability .details li .yesText,
.serviceability .details li .maybeText,
.serviceability .details li .noText{
    text-indent: 0;}
    
.serviceability .details li .yesText  {
    color: #333;
    font-weight: bold;}
    
.serviceability .details li .noText {
    color: #c00;
    font-weight: bold;}

.serviceability .details li .maybeText {
    color: #c00;
    font-weight: bold;}
    
.serviceability .details .contact {
    text-indent: 0;
    padding-left: 28px;
    padding-top: 0px;
    margin-bottom: 5px;
    clear: both;}

.serviceability .details .contact p {
    color: #333;
    font-weight: normal;}

.serviceability .details .contact .contactNo {
    color: #333;
    display: block;
    font-size: 1.3em;
    font-weight: bold;}
    
.serviceability .details #bbSpeed {
    width: auto;
    height: auto;
    float: none;
    display: inline;}
    
.serviceability .noBL {
    -webkit-border-bottom-left-radius: 0 !important;
    -moz-border-radius-bottomleft: 0 !important;
    border-bottom-left-radius: 0 !important;}
    
.serviceability .noBR {
    -webkit-border-bottom-right-radius: 0 !important;
    -moz-border-radius-bottomright: 0 !important;
    border-bottom-right-radius: 0 !important;}

/*** ***/

/*** 70 - Purchase help component ***/
.purchaseHelpModule {
    background: #bbb url(../../images/browse/purchaseHelpBg.gif) top left repeat-x;
    border: 1px solid #ccc;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 15px;
    width: 220px;
}
.purchaseHelpModuleOuter {
    padding: 10px 4px;
}
.purchaseHelpModuleInner {
    background: url(../../images/browse/purchaseHelpInner.gif) bottom left no-repeat;
    margin-bottom: 15px;
    margin-top: 5px;
    width: 212px;
    height: 264px;
}
.purchaseHelpModuleOuter h2 {
    color: #333;
    font-size: 16px;
    font-weight: normal;
    padding: 0 0 10px 10px;
    margin: 0;
    line-height:20px;
}
.purchaseHelpModuleOuter p {
    font-size: 1em;
    font-weight: normal;
    text-align: center;
}
.purchaseHelpModule .purchaseHelpModuleOuter {
    color: #fff;}
    
.purchaseHelpModule ul {
    list-style:none;
    margin:0 0 10px;
    padding: 10px 15px 15px;}
    
.purchaseHelpModule ul li {
    font-weight:bold;
    border-bottom:1px dotted #999;
    padding:5px 0 5px 5px;
    margin: 0px;
    background:none;}
    
.purchaseHelpModuleInner ul li img {
    float: left;
    padding-right:15px;
    padding-top: 10px;}
    
.purchaseHelpModuleInner ul li p {
    color: #000;
    text-align:left;
    margin:10px 0px;
    padding: 0px;
    float:left;
    font-size:12px;}
    
.purchaseHelpModuleInner ul li.last {
    border-bottom:none;
    padding-top: 0px;}
    
/*** ***/

/*** 71 - Build bundle component ***/
.bundleModule {
    background: #7d7d7d url(../../images/browse/choosePackageBtm.jpg) bottom left repeat-x;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 15px;
    width: 220px;}
    
.bundleModuleInner {
    background: url(../../images/browse/choosePackageTop.jpg) top left repeat-x;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px;}
    
.bundleModuleInner h3 {
    font-size: 1.4em;
    font-weight: normal;
    font-style:italic;
    line-height: 20px;
    margin: 0;
    padding: 0 0 10px 10px;}
    
.bundleModuleInner p {
    font-size: 1em;
    font-weight: normal;
    text-align: center;}

.bundleModuleInner img {
    margin-left: -10px;}
    
.bundleModule .bundleModuleInner .newCta {
    display: inline-block;
    float: none;}
    
.bundleModule .bundleModuleInner {
    color: #fff;}
    
/*** ***/

/***72. Top Movies ***/
.withIcon .header img {
    float: left;
    padding-right: 5px;
    padding-top: 10px;}
    
.generalPromotion.withIcon h3 {
    padding: 10px 20px 15px;}
    
.sideList ul {
    list-style: none;
    margin: 0 0 10px;
    padding: 0 20px;}
    
.sideList ul li {
    background: none;
    border-top: 1px dotted #999;
    font-size: 12px;
    padding: 5px 0 !important;
    margin: 0;}
    
.sideList ul li.first {
    border-top: none;}
    
.sideList ul li img {
    display: block;
    float: left;
    margin-right: 5px;}
    
.sideList ul li p {
    margin: 0 0 5px 30px;
    padding-right: 0;}
    
.sideList ul li p img {
    background: none;
    left: 0;
    padding-right: 5px;
    position: relative;
    top: 0;}
    
.sideList ul li p a {
    font-size: 11px;}

.sideList ul li span {
    display: block;
    float: left;
    margin-top: 8px;
    width: 120px;}

/**CSS for component 73**/
.generalPromotion {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #f5f5f5;
    color: #000;
    margin: 14px 0 15px;
    border: 1px solid #ccc;
    padding: 0 0 10px;
    width: 218px;
}
.generalPromotion .header {
    background: url(../../images/browse/generalPromoterGrey.gif) bottom left no-repeat;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    margin-bottom: 15px;
    padding: 0 12px;}

.darkPromotion .header {
    background: url(../../images/browse/generalPromoterDark.gif) bottom left no-repeat;}

.lightPromotion .header {
    background: url(../../images/browse/generalPromoterLight.gif) bottom left no-repeat;}

.generalPromotion h3 {
    color: #fff;
    font-size: 18px;
    font-weight: normal;
    margin: 0;
    padding: 15px 0;}

.lightPromotion h3 {
    color: #333;}

.generalPromotion .header img {
    display: block;
    float: left;
    margin-right: 12px;}

.generalPromotion p {
    padding-left:10px !important;
    padding-right:10px;
    font-size:12px;}
    
.generalPromotion p strong {
    font-size:15px;}
    
.generalPromotion ul {
    margin:0 10px;
    padding:0;
    list-style:none;}
    
.generalPromotion ul li {
    padding: 0 0 10px 0;}
    
.generalPromotion .generalPadding {
    padding: 0 10px;}
    
.greenTick li {
    background: transparent url('../../images/elements/tickGreenSwitch.png') no-repeat;
    padding: 1px 0 1px 20px;}

.generalPromotion h3 span {display:block;font-size:14px;line-height:20px;}
.generalPromotion .withDivider {
    padding-bottom: 5px;}
    
/*** ***/

/*** 74 - Multiple Columns ***/
div.contentColumns {
    width: 100%;
}
div.contentColumns2,
div.contentColumns3,
div.contentColumns4,
div.contentColumns5 {
    float: left;
    margin-right: 15px;
}
div.lightboxInner div.contentColumns3 {
    margin-right:10px;
}
div.fullWidth div.contentColumns2.column25,
div.full-width div.contentColumns2.column25 {
    width: 200px;
}
div.fullWidth div.contentColumns2.column33,
div.full-width div.contentColumns2.column33 {
    width: 268px;
}
div.fullWidth div.contentColumns2.column50,
div.full-width div.contentColumns2.column50 {
    width: 390px;
}
div.fullWidth div.contentColumns2.column66,
div.full-width div.contentColumns2.column66 {
    width: 532px;
}
div.fullWidth div.contentColumns2.column75,
div.full-width div.contentColumns2.column75 {
    width: 600px;
}
div.fullWidth div.contentColumns3.column25,
div.full-width div.contentColumns3.column25 {
    width: 195px;
}
div.fullWidth div.contentColumns3.column33,
div.full-width div.contentColumns3.column33 {
    width: 260px;
}
div.fullWidth div.contentColumns3.column50,
div.full-width div.contentColumns3.column50 {
    width: 390px;
}
div.fullWidth div.contentColumns4,
div.full-width div.contentColumns4 {
    width: 190px;
}
div.fullWidth div.contentColumns5,
div.full-width div.contentColumns5 {
    width: 145px;
}
div.col-left div.contentColumns2.column25,
div.col-right2 div.contentColumns2.column25 {
    width: 140px;
}
div.col-left div.contentColumns2.column33,
div.col-right2 div.contentColumns2.column33 {
    width: 188px;
}
div.col-left div.contentColumns2.column50,
div.col-right2 div.contentColumns2.column50 {
    width: 280px;
}
div.col-left div.contentColumns2.column66,
div.col-right2 div.contentColumns2.column66 {
    width: 372px;
}
div.col-left div.contentColumns2.column75,
div.col-right2 div.contentColumns2.column75 {
    width: 420px;
}
div.col-left div.contentColumns3.column25,
div.col-right2 div.contentColumns3.column25 {
    width: 135px;
}
div.col-left div.contentColumns3.column33,
div.col-right2 div.contentColumns3.column33 {
    width: 180px;
}
div.col-left div.contentColumns3.column50,
div.col-right2 div.contentColumns3.column50 {
    width: 270px;
}
div.col-left div.contentColumns4,
div.col-right2 div.contentColumns4 {
    width: 130px;
}
div.contentColumns2.last,
div.contentColumns3.last,
div.contentColumns4.last,
div.contentColumns5.last {
    margin-right: 0!important;
}

div.panel div.grey-panel div.contentColumns3.column33 {
    width: 175px;
}

div.panel div.col-right-short div.contentColumns div.column50 {
    width: 230px;
}

div.panel div.col-right-short div.contentColumns div.column50.last {
    padding-left: 20px;
}
/*** ***/

/*** 75 - Mega tables ***/
.megaTable {
    margin: 0 0 20px;
    width: 100%;}

.megaTable p {
    margin: 0;
    padding: 0;}

.megaTable td,
.megaTable th {
    margin: 0;
    padding: 15px 10px;
    vertical-align: top; }

.megaTable.megaTableNarrow td,
.megaTable.megaTableNarrow th {
    margin: 0;
    padding: 8px 10px;}
    
.megaTable thead th {
    background: #454545 url(../../images/bg/thead-bg.gif) bottom left repeat-x;}

.megaTable thead th:first-child {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;}
    
.megaTable thead th:last-child {
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;}

.megaTable thead tr:not(.titleBar) th.noBorder+th {
border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;}

/*disable rounded corners in infobar if we have header above */
.megaTable thead tr:not(.titleBar)+tr.infoBar th:first-child,
.megaTable thead tr:not(.titleBar)+tr.infoBar th.noBorder+th {
border-top-left-radius: 0 !important;
-moz-border-radius-topleft: 0 !important;
-webkit-border-top-left-radius: 0 !important;}

.megaTable thead tr:not(.titleBar)+tr.infoBar th:last-child {
border-top-right-radius: 0 !important;
-moz-border-radius-topright: 0 !important;
-webkit-border-top-right-radius: 0 !important;} 
    
.megaTable thead th:first-child p {
    background: none;
    margin: 0;
    padding: 0;
    max-width: 820px;}

.megaTable thead tr.titleBar th {
    background: none;
    padding: 5px 10px;}

.megaTable thead tr.titleBar th p {
    background: none;
    color: #333;
    margin: 0;
    max-width: 820px;
    padding: 0;
    text-align: center;}

.megaTable thead th p {
    background: url(../../images/bg/thead-divider.gif) 0 0 no-repeat;
    color: #fff;
    font-weight: normal;
    margin-left: -9px;
    padding-left: 9px;}
    
.tableStripe tbody tr:nth-child(odd) td{ 
   background: #ededed;}
  
/* This style is for IE only */  
.tableStripe tbody tr.alt td {/* JS fallback for table stripe in browse.js */
    background: #ededed;}

.tableColStripe tbody td:nth-child(odd) {
    background:#ededed;}

.tableColStripe tbody td.altCol {
    background: #ededed;}
 
.megaTable tbody th {
    background: #e5e5e5;
    border-bottom: 1px solid #fff;
    border-left: none;
    font-weight: normal;}

.megaTable tbody th.darkTh {
    background: #454545 url(../../images/bg/thead-bg.gif) bottom left repeat-x;}

.megaTable tbody th.darkTh p {
    color: #fff;
    font-weight: bold;}

.megaTable tbody th p {
    text-align: left;}
    
.megaTable tbody td {
    background: #fcfcfc;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #e5e5e5;}
    
.megaTable tfoot td {
    background: #dedede url(../../images/bg/tfoot-bg.gif) bottom left repeat-x;
    text-align: center;}

.megaTable tfoot td:first-child {
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;}
    
.megaTable tfoot td:last-child {
    border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;}

.megaTable tfoot td p {
    background: url(../../images/bg/tfoot-divider.gif) 0 0 no-repeat;
    margin-left: -9px;
    padding-left: 6px;}

.megaTable tfoot td:first-child p {
    background: none;}

.megaTable .noBorder {
    border: none !important;
    background: none !important;}

.megaTable .lastRow {
    }

.megaTable .button {
    display: inline-block;
    float: none;}

.emptyCell thead th:nth-child(2) p {
    background: none;}

.emptyCell thead th:nth-child(2) {
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;}

.emptyCell tfoot td:nth-child(2) p {
    background: none;}

.emptyCell tfoot td:nth-child(2) {
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;}

.specTable td, .specTable th {
    margin: 0;
    padding: 8px 10px;}

.specTable thead th p {
    font-weight: bold;
    text-align: left;}

.specTable tbody tr th {
    width: 40%;}
    
/* Plain table styles - no coloured first column */
.plainTable tbody th {
    background: #ededed;
    border-bottom: 1px solid #e5e5e5;}

.plainTable tbody td {
    background: #ededed;
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;}

.plainTable.tableStripe tbody tr:nth-child(even) td,
.plainTable.tableStripe tbody tr:nth-child(even) th { 
   background: #fff;
   border-bottom: 1px solid #fff; }
   
.plainTable.tableColStripe tbody td:nth-child(even) {
    background: #fff;}

/*** ***/

/*** My Virgin Media - Summary Profile ***/

/*** 101 - Alert ***/
/* The styles for this component is in global.css */

/*** 102 - Profile Summary ***/
/* this component has been descoped */

/*** 104 - Log-in CTA ***/
.loginCTA {
    margin-bottom: 20px;
}
.loginCTA p {
    margin: 0;
}
.loginCTA .loginCTAInner {
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #71706b url('../../images/browse/loginCTA.gif') repeat-x left bottom;
    color: #fff;
    font-style: italic;
    margin-bottom: 5px;
    padding: 15px 0;
}
.loginCTA .loginCTAInner p {
    font-size: 16px;
    font-weight: normal;
    margin: 0 10px 0 0;
    padding: 0; 
}
.loginCTA .loginCTAInner p a {
    margin-top: 10px;
}
.loginCTA .loginCTAInner .leftCTA {
    float: left;
    width: 230px; /*178px;*/
    margin: 0 0 0 70px;
    background: url('../../images/browse/loginCTADivider.gif') right repeat-y;
    display: inline;
}
.loginCTA .loginCTAInner .rightCTA {
    float: left;
    padding-left: 40px;
}
.loginCTA .loginCTAInner .rightCTA .note {
    float: left;
    width: 190px;
    font-size: 1em;
    font-style: normal;
    line-height: 130%;
    padding: 10px 40px 0 0;
}

/*** 104a - Register module ***/
.registerModule {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #71706b url('../../images/browse/loginCTA.gif') repeat-x left bottom;
    color: #fff;
    margin: 0 0 20px;
    padding: 20px 50px;
    width: 480px;
}
.registerModule h2 {
    font-size: 18px;
}
.registerModule h3 {
    font-weight: normal;
    margin: 0 20px;
    padding: 5px 0;
}
.registerModule p {
    margin: 0 20px;
    padding: 0;
    float: left;
    width: 220px;
    display: inline;
}
.registerModule .newCta {
    margin-right: 20px;
}

/*** Raw html -  Register module RHS ***/
.registerRight {
    margin: 0 auto 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #71706b url('../../images/browse/loginCTA.gif') repeat-x left bottom;
    color: #fff;
    padding: 15px 0;
    width: 220px;
}
.registerRight p {
    padding: 5px 0 0;
    margin: 0;
}
.registerRight .btnRedSmall {
    margin-left: 30px;
}
.registerRight .btnWhiteSmall {
    margin-right: 30px;
}
/* FROM BROWSE-COMPONENTS2.CSS */
/* general and shared classes */
div.myDBBox {
    width: 630px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    box-shadow: 2px 2px 8px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 2px 8px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 8px rgba(0,0,0,.4);
    background: #fff url('../../images/bg/browse-foot-bg.gif') repeat-x scroll 0 0;
    border: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 25px;
}

body.js div.myDBBox {
    /*display: none;*/
}

div.myDBBoxInner {
    padding: 10px 20px 10px 20px;
    color:#000;
    display: block;
}

div.myDBBoxInner.hidden {
    display: none;
}

div.myDBBox h2 {
    font-size: 18px;
    padding: 15px 0 10px 20px;
    margin: 0; 
}
div.myDBBox p.headNote {
    font-size: 1.5em;
}

div.myDBBox div.width300 {
    background: #eee url('../../images/bg/vmhomebills-left.png') no-repeat 0 0;
    height: 140px;
    margin-left: 10px;
    text-align: center;
    width: 348px;
}
div.myDBBox div.width115 {
    background: #eee url('../../images/bg/vmhomebills-right.png') no-repeat 0 0;
    height: 140px;
    margin-right: 10px;
    text-align: center;
    width: 194px;
}
div.myDBBox div.width300 div.width115 {
    background: none;
    width: 160px;
}
div.myDBBox div.width115 p.smallLabel {
    margin: 15px 0 5px;
}
div.myDBBox div.greyBox div.fl a.newCta {
    margin: 0 25px 0 15px;
    padding: 0 15px;
}
div.myDBBox div.greyBox  p {
    margin: 0 0 8px 0;
}
div.myDBBox div.greyBox  .smallLabel {
    font-size: 14px;
    font-weight: bold; 
}
div.myDBBox div.greyBox  .total {
    font-size: 35px;
    font-style: italic;
    line-height: 100%;
}
div.myDBBox div.width115 a.newCta {
    margin-right: 42px !important;
}
div.myDBBox .ctaSecondarySmall,
div.myDBBox .btnGreySmall {
    background: transparent url(../../images/buttons/primary_small_bg.png) repeat scroll 0 0;
}
div.myDBBox .ctaSecondaryMedium,
div.myDBBox .btnGreyMedium {
    background: transparent url(../../images/buttons/primary_medium_bg.png) repeat scroll 0 0;
}
div.smallCal {
    width:75px;
    height:60px;
    background: url('../../images/mydashboard/smallcal.gif') no-repeat 0 0;
    margin: 0 auto;
    line-height: 15px;
}
div.smallCal span.calMonth {
    display: block;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding: 3px 0 11px 0; 
}
div.smallCal span.calDate {
    color: #666;
    display: block;
    font-size: 25px;
    font-style: italic;
    text-align: center;
}
div.roundedShade{
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    background: #fff url('../../images/bg/my_db_bg.gif') repeat-x 0 0;
    padding: 20px 0 0 0;
    width: 590px;
}

div.myVMInfoShell div#myPackage span.btnGreySmall {
    background: transparent url('../../images/buttons/primary_medium_bg.png');
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    padding: 0 18px 0 15px;
}

/* my bills */ 
div.myDBBox div.greenTickPar {
    width: 380px;
}
div.myDBBox div.greenTickPar p{
    padding: 20px 20px 20px 70px;
    background: url('../../images/billpayments/infoBox_tick.gif') no-repeat 10px 25px;
}

div.myDBBox div.paperLess {
    margin-top: 15px;
    padding-top: 18px;
    border-top: 2px solid #eee;
}
div.myDBBox div.paperLess span {
    margin: 0;
}
div.myDBBox div.paperLess p{
    background: url('../../images/mydashboard/papericon.gif') no-repeat 4px -6px;
    float: left;
    margin: 0;
    padding: 0 0 8px 70px;
    width: 360px;
}
div.myDBBox div.paperLess div.noBG p {
    background: none;
    margin-top: 7px;
    padding: 0;
    float: right;
    width: 150px !important;
}

/* my package */
div.myDBBox .service {
    background:transparent url('../../images/elements/icons/myvm_package_icons.gif') no-repeat scroll 0 0;
    font-size: 12px;
    height: 35px;
    padding: 15px 0 0 85px;
}
div.myDBBox .service.tv         {background-position: 5px -66px;}
div.myDBBox .service.tvOff {background-position: 5px 0px;}
div.myDBBox .service.bb         {background-position: 5px -192px;}
div.myDBBox .service.bbOff {background-position: 5px -127px;}
div.myDBBox .service.ph         {background-position: 5px -314px;}
div.myDBBox .service.phOff {background-position: 5px -250px;}

div.myDBBox .roundel{
    position: absolute;
    height: 30px;
    width: 30px;
    top: -5px;
    left: 50px;
    background: url('../../images/elements/icons/speed-roundels.png') no-repeat 0 35px;
}

/* tier roundels */
div.myDBBox .tier_100, div.myDBBox .tier_XXXL {background-position: 0 -245px;}
div.myDBBox .tier_XXL {background-position: 0 -314px;}
div.myDBBox .tier_XL {background-position: 0 -350px;}
div.myDBBox .tier_L {background-position: 0 -385px;}
div.myDBBox .tier_MPlus {background-position: 0 -420px;}
div.myDBBox .tier_M {background-position: 0 -455px;}
div.myDBBox .tier_S {background-position: 0 -490px;}
div.myDBBox .tier_D {background-position: 0 -525px;}

/* provisioning code roundels */
div.myDBBox .tier_RTS98C, div.myDBBox .tier_DAP, div.myDBBox .tier_RTS05, div.myDBBox .tier_RTS98, div.myDBBox .tier_RTS15 {background-position: 0 -3px;} /* 2Mb */
div.myDBBox .tier_RTS5 {background-position: 0 -36px;} /* 5Mb */
div.myDBBox .tier_RTSM10, div.myDBBox .tier_BAS {background-position: 0 -72px;} /* 10Mb */
div.myDBBox .tier_RTS01, div.myDBBox .tier_RTS20L, div.myDBBox .tier_RTS20M {background-position: 0 -106px;} /* 20Mb */
div.myDBBox .tier_RTS30, div.myDBBox .tier_RTS30L {background-position: 0 -141px;} /* 30Mb */
div.myDBBox .tier_RTS50 {background-position: 0 -176px;} /* 50Mb */
div.myDBBox .tier_RTS60 {background-position: 0 -209px;} /* 60Mb */
div.myDBBox .tier_RTS100, div.myDBBox .tier_RTS100M {background-position: 0 -245px;} /* 100Mb */
div.myDBBox .tier_RTS120 {background-position: 0 -280px;} /* 120Mb */

div.myDBBox a.cta {
    font-size: 15px;
    color: #333;
    background: transparent url('../../images/elements/arrowRight_on.gif') no-repeat right center;
    padding: 1px 11px 1px 5px;
}

div.myDBBox div.myPackageDark {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: #252e3d url('../../images/mydashboard/my_package_dark_box.gif') repeat-x center bottom;
    padding: 20px 150px 30px 20px;
    color: #fff;
    font-size: 1.2em;
}

div.myDBTitleBar {
    padding-right: 16px;
}

div.myDBTitleBar h2 {
    background: url('../../images/mydashboard/panel-open-arrow.gif') 20px 18px no-repeat;
    cursor: pointer;
    float: left;
    font-size: 1.5em;
    padding-left: 38px;
}
div.myDBTitleBar h2 a {
    color: #000000;
    position: relative;
}
div.myDBTitleBar h2 a:hover {
    text-decoration: none;
}

div.myDBTitleBar h2.closed {
    background: url('../../images/mydashboard/panel-closed-arrow.gif') 20px 18px no-repeat;
}

div.myDBMoveButtons {
    float: right;
    height: 23px;
    position: relative;
    text-align: right;
    width: 80px;
}

a.myDBUpArrow {
    background: url('../../images/mydashboard/up-arrow.gif') 0 0 no-repeat;
    cursor: pointer;
    display: none;
    height: 23px;
    margin: 11px 2px 0 0;
    width: 23px;
}

a:hover.myDBUpArrow {
    background: url('../../images/mydashboard/up-arrow_rollover.gif') 0 0 no-repeat;
}

a.myDBDownArrow {
    background: url('../../images/mydashboard/down-arrow.gif') 0 0 no-repeat;
    cursor: pointer;
    display: none;
    height: 23px;
    margin: 11px 2px 0 0;
    width: 23px;
}

a:hover.myDBDownArrow {
    background: url('../../images/mydashboard/down-arrow_rollover.gif') 0 0 no-repeat;
}
    
/* COMPONENT 106 - App Tray - BEGIN */

.myAppsTray {
    background: #555 url('../../images/bg/myappstray.gif') repeat-x 0 0;
    display: none;
    width: 100%;
    height: 153px;
    overflow: hidden;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.myAppsTrayClosed {
    background: #d55 url('../../images/bg/myappstray.gif') repeat-x 0 -153px;
    width: 100%;
    height: 3px;
    overflow: hidden;
    display: none;
    border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}
.myAppsTrayButton {
    background: transparent url('../../images/bg/myappstray.gif') no-repeat 0 -211px;
    display: block;
    font-size: 12px;
    color: #111;
    font-style: italic;
    font-weight: bold;
    padding: 2px 0 0 14px;
}
.myAppsTrayButton:hover {
    text-decoration: none;
}
.myAppsTrayButton.closed {
    background-position: 0 -189px;
}
.myAppsTrayButtonBg {
    background: #ccc url('../../images/bg/myappstray.gif') repeat-x 0 -156px;
    float: right;
    margin-right: 20px;
    height: 21px;
    padding: 0 7px;
    border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
}
.myAppsTrayButtonBg:hover {
    background: #ccc url('../../images/bg/myappstray_rollover.gif') repeat-x 0 -156px;
}

div.myAppsTray div.carouselAction,
div.myAppsTray div.carouselAction ul li,
div.myAppsTray div.carouselAction ul {
    height: 120px;
}
div.myAppsTray div.carouselAction {
    margin: 0;
    padding: 0;
    width: 920px;
    overflow: hidden;
}
div.myAppsTray div.carouselAction ul li {
    display: block;
    float: left;
    list-style: none;
    margin-bottom: 0;
    padding: 0 5px;
    text-align: center;
    width: 122px;
}
div.myAppsTray div.carouselAction ul {
    margin: 0;
    width: 9000px;
    padding: 0;
}
div.myApps a.icon {
    display: block;
    margin: 10px auto 5px auto;
    padding: 0;
    height: 60px;
    width: 60px;
    background: transparent url('../../images/myapps/app-buttons.png') no-repeat 0 0;
    _background: transparent url('../../images/myapps/app-buttons.gif') no-repeat 0 0;
}
div.myApps a.icon.email         {background-position: 0px 0px;}
div.myApps a:hover.icon.email   {background-position: 0px -121px;}
div.myApps li.active a.icon.email, div.myApps li.active a:hover.icon.email  {background-position: 0px -60px;}
div.myApps a.icon.music         {background-position: -66px 0px;}
div.myApps a:hover.icon.music           {background-position: -66px -121px;}
div.myApps li.active a.icon.music, div.myApps li.active a:hover.icon.music  {background-position: -66px -60px;}
div.myApps a.icon.backup            {background-position: -131px 0px;}
div.myApps a:hover.icon.backup          {background-position: -131px -121px;}
div.myApps li.active a.icon.backup, div.myApps li.active a:hover.icon.backup    {background-position: -131px -60px;}
div.myApps a.icon.secur         {background-position: -196px 0px;}
div.myApps a:hover.icon.secur           {background-position: -196px -121px;}
div.myApps li.active a.icon.secur, div.myApps li.active a:hover.icon.secur  {background-position: -196px -60px;}
div.myApps a.icon.homSup        {background-position: -261px 0px;}
div.myApps a:hover.icon.homSup      {background-position: -261px -121px;}
div.myApps li.active a.icon.homSup, div.myApps li.active a:hover.icon.homSup {background-position: -261px -60px;}
div.myApps a.icon.webSpa            {background-position: -326px 0px;}
div.myApps a:hover.icon.webSpa          {background-position: -326px -121px;}
div.myApps li.active a.icon.webSpa, div.myApps li.active a:hover.icon.webSpa    {background-position: -326px -60px;}
div.myApps a.icon.VMT           {background-position: -391px 0px;}
div.myApps a:hover.icon.VMT             {background-position: -391px -121px;}
div.myApps li.active a.icon.VMT, div.myApps li.active a:hover.icon.VMT  {background-position: -391px -60px;}
div.myApps a.icon.spotify               {background-position: -455px 0px;}
div.myApps a:hover.icon.spotify             {background-position: -455px -121px;}
div.myApps li.active a.icon.spotify, div.myApps li.active a:hover.icon.spotify  {background-position: -455px -60px;}

div.myAppsTray a.smallWhite {
    color: #fff;
    font-size: 12px;
}
div.myAppsTray div.carouselControlsOuter {
    display: none;
    text-align: center;
}
body.js div.myAppsTray div.carouselControlsOuter  {
    display: block;
}
div.myAppsTray span.carouselControls  {
    background: transparent url('../../images/carousel/carousel-nav-bg-darkgrey.gif') 0 0 repeat-x; /* IE */
    display: inline-block;
    margin: 4px auto 0 auto;
}
div.myAppsTray span.carouselControls a {
    cursor:pointer;
}
div.myAppsTray a.carouselPager  {
    background: url('../../images/carousel/carousel-nav-button-darkgrey.gif') no-repeat 8px 5px;
    display: inline-block;
    height: 20px;
    line-height: 999px;
    overflow: hidden;
    padding: 0 8px;
    width: 10px;
}
div.myAppsTray a.carouselPager.active {
    background: url('../../images/carousel/carousel-nav-button-on-darkgrey.gif') no-repeat 8px 5px;
}
div.myAppsTray a.carouselPrevious {
    background: url('../../images/carousel/carousel-nav-left-darkgrey.gif') no-repeat;
    margin-right: 10px;
}
div.myAppsTray a.carouselNext {
    background: url('../../images/carousel/carousel-nav-right-darkgrey.gif') no-repeat;
    margin-left: 10px;
}
div.myAppsTray a.carouselNav {
    display: inline-block;
    line-height: 999px;
    overflow: hidden;
    height: 20px;
    width: 19px;
}
/* COMPONENT 106 - App Tray - END */

/* COMPONENT 105 - APP LAUNCH BLOCK - BEGINS */

div.appLauncherOuter {
    float: left;
    padding-bottom: 20px;
}
div.appLauncher {
    background: #a9a9a9 url('../../images/bg/app-launch.gif') 0 0 repeat-x;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    color: #333333;
    cursor: pointer;
    display: inline;
    float: left;
    height: 195px;
    margin: 0 0 0 14px;
    padding: 8px;
    position: relative;
    width: 187px;
}
div.appLauncher div.appHeader {
    position: relative;
}
div.appLauncher div.appTick {
    background: url('../../images/elements/icons/tick.png') 0 0 no-repeat;
    height: 29px;
    left: 43px;
    position: absolute;
    top: 0;
    width: 30px;
}
div.appLauncher div.appTick span {
    display: inline-block;
    text-indent: -9999px;
}
div.appLauncher img.appImg {
    float: left;
    height: 54px;
    margin: 8px;
    width: 55px;
}
div.appLauncher h2 {
    float: left;
    line-height: 1.3em;
    font-size: 16px;
    font-style: normal;
    margin: 8px 0 0 2px;
    width: 103px;
}
div.appLauncher div.tagLine {
    font-size: 12px;
    margin: 5px;
}
div.appLauncher div.noteBox {
    background-color: #c8c8c8;
    border: 1px inset #cccccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-size: 1.1em;
    text-align: center;
}
div.appLauncher div.noteBox.singleLine {
    height: 50px;
    padding: 25px 8px 0 8px;
}
div.appLauncher div.noteBox.doubleLine {
    height: 55px;
    padding: 20px 8px 0 8px;
}
div.appLauncher div.noteBox.tripleLine {
    height: 65px;
    padding: 10px 8px 0 8px;
}
div.appLauncher div.noteBox.quadLine {
    height: 73px;
    padding: 2px 8px 0 8px;
}
div.appLauncher div.noteBox.alert {
    background: #ffcc00 url('../../images/bg/review_alert_bg_tile.png') left bottom repeat-x;
    border: 1px inset #ffcc00;
    height: 57px;
    padding: 10px;
    text-align: left;
}
div.appLauncher div.noteBox.alert p {
    margin: 8px 10px;
    text-align: center;
}
div.appLauncher div.noteBox.infoBox {
    background: #595f6b url('../../images/bg/my-apps-dashboard-message-bg.jpg') scroll repeat-x 0 0;
    border: 1px inset #595f6b;
    color: #ffffff;
    height: 77px;
}
div.appLauncher div.left {
    float: left;
    width: 110px;
}
div.appLauncher div.right { 
    float: left;
    width: 69px;
}
div.appLauncher div.infoTitle {
    display: none;
    font-size: 0.9em;
    margin-top: 7px;
}
div.appLauncher div.infoText {
    margin: 10px 0px 0px 5px;
    line-height: 17px;
}
div.appLauncher div.infoText p {
    margin: 0;
}
div.appLauncher div.hover {
    display: none;
}
body.js div#popup {
    width: 223px;
    position: absolute;
    display: none;
    z-index: 30;
}
body.js div#popup div.hover {
    background-color: #656565;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 1.1667em;
    padding: 1px;
}
body.js div#popup div.hover.over {
    -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    display: block;
}
body.js div#popup p {
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    margin: 2px 2px 0 2px;
    background: #4e4848 url('../../images/popupnav/popup_title_tile.gif') repeat-x bottom left;
    color: #fff;
    cursor: default;
    font-size: 16px;
    font-family: 'HelveticaNeueLTStd45Light',Arial,sans-serif;
    line-height: 22px;
    padding: 12px 16px;
    letter-spacing: 0.75px;
}
body.js div#popup ul {
    margin: 0 2px 2px;
    list-style: none;
    padding: 0;
}
body.js div#popup ul li a {
    background: #b4b4b4 url('../../images/popupnav/popup_item_tile.gif') repeat-x center center;
    border-bottom: 1px solid #a8a8a8;
    border-top: 1px solid #ccc;
    cursor: pointer;
    float: none;
    margin: 0;
    width: 185px;
    padding: 8px 16px;
    display: inline-block;
    color: #333333;
}
body.js div#popup ul li a:hover {
    background-image: url('../../images/popupnav/popup_item_selected_tile.gif');
    color: #ffffff;
    text-decoration: none;
}
body.js div#popup ul li:last-child {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
}
body.js div#popup ul li.selected a {
    background-image: url('../../images/popupnav/popup_item_selected_tile.gif');
    border-bottom-color: #6a0000;
    border-top-color: #fb4343;
    color: #ffffff;
}
body.js div#popup ul li.selected a:hover {
    background-image: url('../../images/popupnav/popup_item_selected_tile_over.gif');
}
/* COMPONENT 105 - APP LAUNCH BLOCK - ENDS */

/*** 108 - Scrolling height-limited block ***/
.scrollMaxHeightBlock {
    overflow-y: auto; /* Not in author mode */
    overflow-x:hidden;
    border: 1px solid #ccc;
    margin-bottom: 16px;
    padding: 10px;
    position:relative;
}
/*** ***/

/*** 113 - Show-hide control ***/
div.gettingStartedContainer {
    margin: 20px 0;
}
div.gettingStartedContainer p {
    max-width: 100%;
    width: 840px;
}
span.showHideBut {
    display: block;
    margin-bottom: 10px;
}
span.showHideBut a {
    background: transparent url('../../images/elements/showHide.png') no-repeat center right;
    margin-top: -30px;
    padding-right:10px;
}
span.hideShow {
    display: block;
    margin-bottom: 10px;
}
span.hideShow a {
    background: transparent url('../../images/elements/showHide.png') no-repeat center right;
    margin-top: -30px;
    padding-right:10px;
}
div.hiddenContainer,
div.showContainer {
    width:880px;
    clear: both;
}
div.showHideBg {
    background: #ccc url('../../images/bg/gettingStartedBG.png') no-repeat center -6px;
    color: #fff;
}

div.showHideBg h2,
div.showHideBg h3,
div.showHideBg h4 {
    color: #fff;
}
div.marginSpill {
    margin-left: -30px;
}
div.hiddenContainer {display:none;}
/*** ***/

/*** 114 - App functional link ***/
.appRightModule {
    background: #fefefe url('../../images/bg/browse-head-bg.gif') bottom left repeat-x;
    border: 1px solid #f1f1f1;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -moz-box-shadow: 2px 2px 2px #d4d4d4; 
    box-shadow: 2px 2px 2px #d4d4d4; 
    width: 220px;
    padding: 10px 0;
    margin: 14px 0 0;
}
.appRightModule h2 {
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0 10px 15px;
    font-size: 1.5em;
    text-align: center;
}
.appRightModule p {
    margin-left: 10px;
}
.appRightModule .extraNote {
    margin: 0;
    border: none;
}
.appRightModule .extraNote p {
    font-size: .95em;
    clear: both;
    width: 100%;
    float: none;
    margin: 0 0 5px;
    padding: 0;
}
.appRightModule .content {
    padding: 16px 0 0;
    margin: 0 10px;
    border-top: 1px solid #c6c6c6;
}
.appRightModule .first {
    border: none;
    padding: 0;
}
.appRightModule div p {
    float: left;
    width: 70px;
    font-size: 1.2em;
    margin: 0;
    padding: 0 0 10px;
}
.appRightModule .registerRHS {
    padding: 0 10px;
}
.appRightModule .registerRHS h2 {
    text-align: left;
    padding: 0 0 15px;
    line-height: 120%;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
}
.appRightModule .registerRHS p {
    float: none;
    width: 100%;
    font-size: 100%;
}
/*** ***/

/*** 115 - Functional buttons ***/
.functionalButtons a {
    margin-left: 10px;
}
/*** ***/

/*** 116 - Statement selector - fix to view label***/
.statementSelectorForm .accessibility {
    display: block;
}
/*** ***/

/*** 117 - Graphic tab control  ***/
/* Note: these styles are located in billpayments.css */
/*** ***/

/* COMPONENT 119 - ORDER DETAILS BLOCK - BEGINS */
div.orderMissing p,
div.orderIncomplete p,
div.orderDetailsInner div.errorBlock p {
    margin: 0;
    padding: 0;
}
div.orderDetailsInfo {
    background: url('../../images/bg/order-details-info.png') 0 0 no-repeat;
    height: 51px;
    margin: 0 0 -8px 20px;
    position: relative;
    width: 782px;
    z-index: 20;
}
div.orderDetailsInfo p {
    color: #ffffff;
    font-size: 0.95em;
    font-weight: bold;
    margin: 0 0 0 60px;
    padding: 12px 0 0 0;
}
div.orderDetailsInner {
    background: url('../../images/bg/order-details.png') 0 0 no-repeat;
    height: 146px;
    margin: 0 -1px;
    position: relative;
    width: 822px;
    z-index: 10;
}
div.orderDetailsInner div.globalAlert {
    clear: both;
    margin: 0 20px; 
}
div.errorBlock div.error1 {
    font-size: 1.1em;
}
div.errorBlock div.error2 {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.5em;
}
div.orderDetailsInner div.leftCol {
    float: left;
    text-align: center;
    width: 160px;
}
div.orderDetailsInner div.midCol {
    float: left;
    text-align: center;
    width: 248px;
}
div.orderDetailsInner div.rightCol {
    float: left;
    text-align: center;
    width: 412px;
}
div.orderDetailsInner div.title {
    color: #888888;
    font-size: 1.2em;
    font-style: italic;
    font-weight: bold;
    margin: 12px 0;
}
div.orderDetailsInner div.refNum {
    font-size: 1.7em;
    font-weight: bold;
    margin-top: 15px;
}
div.orderDetailsInner div.refComment {
    color: #888888;
    font-size: 0.9em;
    margin: 15px 25px 0 25px;
}
div.orderDetailsInner div.icons div.iconService {
    margin-left: 24px!important;
}
div.orderDetailsInner div.icons img.toolTipIcon {
    margin-left: 10px!important;
}
div.orderDetailsInner div.icons img.icon {
    display: inline-block;
    height: 57px;
    margin-top: 8px;
}
div.orderDetailsInner div.when {
    background: url('../../images/bg/order-date.png') 0 0 no-repeat;
    display: inline;
    float: left;
    height: 77px;
    margin: 6px 10px 15px 35px;
    width: 100px;
}
div.orderDetailsInner div.when.tbc {
    background: url('../../images/bg/order-date-tbc.png') 0 0 no-repeat;
}
div.orderDetailsInner div.when div.day {
    color: #ffffff;
    padding-top: 4px;
}
div.orderDetailsInner div.when div.date {
    font-size: 1.6em;
    font-style: italic;
    padding-top: 12px;
}
div.orderDetailsInner div.delivery1 {
    color: #666666;
    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 5px;
    padding-top: 5px;
    text-align: left;
    width: 245px;
}
div.orderDetailsInner div.delivery1 p {
    display: inline;
}
div.orderDetailsInner div.delivery2 {
    color: #666666;
    float: left;
    font-size: 0.9em;
    padding-top: 3px;
    text-align: left;
    width: 225px;
}
div.orderDetailsDelivery {
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    margin: -20px 0 10px 19px;
    padding: 20px 0 15px 0;
    width: 780px;
}
div.orderDetailsDelivery img {
    float: left;
    margin: 0 0 0 15px;
    width: 73px;
}
div.orderDetailsDelivery p {
    float: left;
    margin: 5px 15px 0 15px;
    padding: 0;
    width: 660px;
}
/* COMPONENT 119 - ORDER DETAILS BLOCK - ENDS */

/** COMPONENT 120 - IN PAGE TABS - STARTS **/

div.compareContainer {
    /*float:right !important;*/
}

div.compareContainer #tier1.default {height:109px;margin-top:34px;}
div.compareContainer #tier2.default {height:126px;margin-top:17px;}
div.compareContainer #tier3.default {height:143px;}
div.compareContainer #tier4.default {height:160px;}

div.compareContainer .default span.selected {display:none;}

div.compareContainer .selected span.selected {
    position:absolute;
    bottom:10px;
}

/*span.selected needs to be the same width as the default container so the text sits center*/
div.compareContainer.threeColumn .selected span.selected {width:148px;}
div.compareContainer.fourCol .selected span.selected {width:110px;}

div.compareContainer.fourCol #tier1.default {margin-top:51px;}
div.compareContainer.fourCol #tier2.default {margin-top:34px;}
div.compareContainer.fourCol #tier3.default {margin-top:17px;}

div.compareContainer .selected span.selected {
    display:block;
    text-align:center;
    background: none;
}

div.compareContainer .default {
    width:148px;
    float:left;
    margin-left:2px;
    color:#FFF;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    border-radius:5px 5px 0 0;
    background:#414141 url('../../images/moreinfo/tierBGBlack.jpg') no-repeat right top;
}
div.compareContainer.fourCol .default {
    background:#414141 url('../../images/moreinfo/tierBGBlackFourCol.jpg') no-repeat right top;
}
div.compareContainer.fourCol .default {
    width:110px;
    float:left;
    margin-left:2px;
    color:#FFF;
}

div.compareContainer .default.selected {
    background:#414141 url('../../images/moreinfo/tierBGGreen.jpg') no-repeat right top;
}
div.compareContainer .tier_mp.selected span.icon,
div.compareContainer .tier_l.selected span.icon,
div.compareContainer .tier_xl.selected span.icon,
div.compareContainer .tier_xxl.selected span.icon {
    background-position: center -39px;
}
div.compareContainer.fourCol .default.selected {
    background:#414141 url('../../images/moreinfo/tierBGGreenFourCol.jpg') no-repeat right top;
}

div.compareContainer div.productContainer {
    font-size:1.1667em;
    font-style:italic;
    font-weight:200;
    letter-spacing:0.5px;
    line-height:17px;
    margin:0 10px 0 40px;
    padding-top:14px;
    text-shadow:2px 2px 2px #000000;
}
div.compareContainer span.speed {
    text-align:left;
    font-size:2.25em;
    line-height:36px;
}
div.compareContainer span.upTo {
    display:block;
    font-size:0.8125em;
    margin-top:-7px;
}
div.compareContainer.fourCol span.speed {font-size:2em}
/*
.tier_m span.icon {background-image:url(../../images/elements/icons/tier_icon_m.gif);}
.tier_mp span.icon {background-image:url(../../images/elements/icons/tier_icon_mp.gif);}
.tier_l span.icon {background-image:url(../../images/elements/icons/tier_icon_l.gif);}
.tier_xl span.icon {background-image:url(../../images/elements/icons/tier_icon_xl.gif);}
.tier_xxl span.icon {background-image:url(../../images/elements/icons/tier_icon_xxl.gif);}
.tier_100 span.icon {background-image:url(../../images/elements/icons/tier_icon_100.gif);}
*/
/*
span.icon {
    background:transparent none no-repeat scroll center top;
    display:block;
    float:left;
    font-weight:bold;
    height:39px;
    line-height:39px;
    margin:3px 4px 0 3px;
    text-align:center;
    text-indent:-999em;
    width:39px;
}*/
/* COMPONENT 120 - IN PAGE TABS - ENDS */

/*** 121 - Enhanced CTA ***/
.enhancedCtaContainer {
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    width: 580px;
}
.enhancedCtaContainer .light {
    background: #fefefe url('../../images/bg/browse-head-bg.gif') bottom left repeat-x;
    float: left;
    width: 289px;
    border-left: 1px solid #ccc;    
}
.enhancedCtaContainer .dark {
    background: #71706B url('../../images/browse/loginCTA.gif') repeat-x left bottom;
    clear: both;
    color: #fff;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;    
}
.enhancedCtaContainer .vertical {
    text-align: center;
    padding: 15px 0 5px;
}
.enhancedCtaContainer .horizontal {
    padding: 15px 0 15px 65px;
}
.enhancedCtaContainer {
    postition: relative;
}
.enhancedCtaContainer h2 {
    margin: 0 0 10px;
    padding: 0;
    font-size: 18px;
}
.enhancedCtaContainer img {
    margin-right: 5px;
}
.enhancedCtaContainer .vertical .newCta {
    float: none;
    display: inline-block;
}
.enhancedCtaContainer .horizontal .newCta {
    background: transparent url('../../images/buttons/primary_medium_bg.png') repeat scroll 0 0;
}
.enhancedCtaContainer .horizontal div {
    float: left;
    padding: 0 10px 0 0;
}
.enhancedCtaContainer .noBorder {
    border: none;
}
/* END BROWSE-COMPONENTS2.CSS */

/* margin below raw html video component */
object object {
    margin-bottom: 20px;
}

/* LOGGED OUT CAROUSEL */
/* FLASH */
.flashContainer {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
}

/* MYVM LOGGEDOUT HEADER */
div.myVmHeaderContainer {
    background: transparent url('../../images/myvm/header-bkg.png') 0 0 no-repeat;
    height: 139px;
    margin: -41px 24px -44px;
    position: relative;
    width: 899px;
    z-index: 100;
    padding: 25px 0 0;
    overflow: hidden;
}

div.myVmHeaderContainer p {
    font-size: 12px;
}
div.myVmHeaderContainer .info {
    padding-left: 95px;
    float: left;
    width: 478px;
    background: url('../../images/myvm/icon.gif') 40px 0 no-repeat;
}
div.myVmHeaderContainer .info h2 {
    font-size: 18px;
    margin: 10px 0 5px;
}
div.myVmHeaderContainer .actions {
    margin-top: 15px;
    float: left;
    width: 235px;
    padding: 0 35px 0 50px;
}
div.myVmHeaderContainer .actions .text {
    clear: both;
    padding-right: 10px;
    padding-top: 5px;
}

div.myVmHeaderContainer .actions .ctaPrimaryLarge {
    margin-right: 25px;
}

object.billingPromo {
    margin-left: 20px;
}

/**
component 106 fix
This can be removed once more apps have been added
**/
div.myAppsTray span.carouselControls,
div.myAppsTray li.carouselItem1 {
    display: none !important;
}
div.myAppsTray div.carouselAction ul li {
    width: 145px;
}
div.myAppsTray {
    height: 110px;
}
div.mobileCarousel {
    background: url(../../images/browse/mobile/carousel_bg.png) no-repeat;
    height: 443px;
    margin-bottom: 16px;
    width: 588px;
}
div.panel div.fullbleed {
    padding:30px;
    background: #FFF url(../../images/panels/full_bleed_bg.png) no-repeat;
    margin-bottom:10px;}

div.panel div.fullbleed .handsetViewsCarousel {
    height: 382px;}

.fullbleed .inpageTabs ul {padding: 25px 0 0;}

.handsetCarousel1 ul {
    list-style:none;
    margin:36px 70px 0 0;
    padding:5px 0;
    border: 1px solid #CCC;
    background:#FFF;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;    
    border-radius: 5px; 
}

.handsetFWrapper ul {
    padding:0;
}
.handsetFWrapper ul li {
    list-style:none;
    padding: 10px 0 10px 30px;
    background: url(../../images/elements/greenTick.png) no-repeat left center;
}

/*.comparisonDetail {float:left;}*/
.twoCol .tierDetail .newCta , 
.threeCol .tierDetail .newCta , 
.fourCol .tierDetail .newCta  {float:none;display:inline-block;}

.twoCol .tierDetail {width:247px;}
.threeCol .tierDetail {width:194px;}
.fourCol .tierDetail  {width:159px;}

.twoCol .labelDetail {width:322px;}
.threeCol .labelDetail {width:224px;}
.fourCol .labelDetail {width:178px;}

.comparisonDetailAlt.twoCol .labelDetail,
.comparisonDetailAlt.threeCol .labelDetail,
.comparisonDetailAlt.fourCol .labelDetail   {background:none;}

ul.compareSwitch li.compareTitle {background:none;text-align:right;width:130px;} 


.twoCol ul.compareSwitch {top: 65px; left: 198px;}
.twoCol .comparisonPricing {background:transparent url(../../images/browse/compareSwitchArrow.gif) 308px 23px no-repeat; padding: 0 0 0 322px}
.twoCol .comparisonPricing .tierPricing {width:247px;}

.threeCol ul.compareSwitch { top: 65px; left: 111px;}

.fourCol ul.compareSwitch {top: 65px; left: 56px;}
.fourCol .comparisonPricing {background:transparent url(../../images/browse/compareSwitchArrow.gif) 164px 23px no-repeat; padding: 0 0 0 179px}
.fourCol .comparisonPricing .tierPricing {width:159px;}

/*** RAW HTML COMPONENTS ***/

/* Validate snippet */
.paygContractDeals {
    margin:20px 0;
    width: 580px;}
.paygContractDeals.fullWidth {
    width: 100%;}
.paygContractDeals form label {color:#fff; float: left; width: 300px; padding-left: 10px;}
.paygContractDeals.fullWidth form label { width: 400px;}
.paygContractDeals form {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    position:relative;  
    background: #464646 url(../../images/forms/paygContractDealsDarkGrey.png) bottom left repeat-x;
    padding-bottom: 20px;
    min-height: 90px;}
.paygContractDeals form input {
    display: block; float: left; height: 20px; width: 20px; margin: 0; padding: 0;}
.paygContractDeals div.notCustomer {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    color:#333;
    position:relative;
    background: #dcdcdc url(../../images/forms/paygContractDealsGrey.png) bottom left repeat-x;}
.paygContractDeals div.notCustomer p {
    width:290px; float:left;}
.paygContractDeals.fullWidth div.notCustomer p {
    width:390px;}
.paygContractDeals button, .paygContractDeals a {
    position: absolute;
    right: 10px;
    top: 23px;}
.paygContractDeals.fullWidth button, .paygContractDeals.fullWidth a {
    right: 40px;}
.paygContractDeals .btn2 {
    position: absolute;
    right: 10px;
    top: 63px;}
.paygContractDeals .formWrap h4 {margin:0;color:#FFF;}
.paygContractDeals div.notCustomer .formWrap h4 {color:#333}
.paygContractDeals .formWrap {
    width:340px;
    padding:20px;}
.paygContractDeals.fullWidth .formWrap {
    width: 440px;
    padding-left: 40px;}

/* Validate snippet in lightbox */
.mobileContractDeals {
    margin:20px 0;
    background: url(../../images/bg/mobileContractDealsLightboxBG.png) no-repeat;
    width:641px;
    height:173px;
    position:relative;}
    
.mobileContractDeals form {
    width:320px;
    position:absolute;
    left:20px;top:20px;
    display:block;}

.mobileContractDeals form button {
    margin-top: 10px;}
    
.mobileContractDeals div.notCustomer {
    width:300px;
    position:absolute;
    right:0;top:20px;
    display:block;}
    
.mobileContractDeals button, .mobileContractDeals a {float:none;display:inline-block}
.mobileContractDeals .formWrap h4 {margin:0;}
.mobileContractDeals .formWrap {
    position:relative;
    width:280px;}

/* Existing customers box */
.existingCustomerBox {
    background: #252525 url(../../images/browse/existingCustomers.gif) top left no-repeat;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    padding: 5px 0;
    margin-bottom: 20px;
    width: 580px;}

.existingCustomerBox h3 {
    color: #fff;
    font-style: italic;
    font-weight: normal;}

.existingCustomerBox .left {
    float: left;
    margin-right: 20px;
    position: relative;
    width: 350px;}

.existingCustomerBox .left h3 {
    padding-left: 9px;}

.existingCustomerBox .left p {
    float: left;
    margin: 0;
    padding: 0;}

.existingCustomerBox .left a {
    color: #fff;
    display: block;
    margin-bottom: 22px;}

.existingCustomerBox .left a.btnRedMedium {
    bottom: -10px;
    position: absolute;
    right: 8px;}

.existingCustomerBox .left a.upgrade {
    margin-left: 9px;
    padding: 5px 0 5px 36px;}

.existingCustomerBox .left a.payOnline {
    background: url(../../images/browse/existingCustomersSprite.gif) 0 -76px no-repeat;
    margin-left: 9px;
    padding: 5px 0 5px 35px;}

.existingCustomerBox .left a.exclusiveDeals {
    background: url(../../images/browse/existingCustomersSprite.gif) 0 -35px no-repeat;
    margin-left: 9px;
    padding: 10px 0 5px 33px;}

.existingCustomerBox .right {
    margin-right: 9px;
}

/* Comparison Table in Lightbox fix */
div#lightbox-container-box .comparisonDetail .heightMatch {
    height: 100px;
    width: 194px;
}


div#lightbox-container-box .threeColCompare .tab1 {
    left: 171px;
}

div#lightbox-container-box .threeColCompare .tab2 {
    left: 363px;
}

div#lightbox-container-box  .threeColCompare .tab3 {
    left: 556px;
}

div#lightbox-container-box .comparisonDetail .tierDetail p {
    margin-top: 0px;
}

/* Starter CTA bar - Raw html */

.starterCTABar {
    background: #222;
    color: #fff; }

.starterCTABar p {
    float:left;
    margin: 0;
    padding: 0;}

.starterCTABar .left {
    background: #222;
    float: left;
    padding: 10px 40px 5px 25px;
    width: 485px;}
    
.starterCTABar .left p {
    font-size: 24px;
    font-weight: bold;
    margin-top: 4px;}
    
.starterCTABar p span {
    color: #858585;
    font-size: 12px;}

.starterCTABar .right {
    background: #3b3b3b;
    float: right;
    padding: 10px 15px 5px;
    width: 240px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px; }   
    
.starterCTABar .right p {
    margin-top: 4px;}

/* Specials box - Raw html */
.specialsBox {
    background: url(../../images/bg/specialsBox.jpg) 0 0 no-repeat;
    color: #fff;
    min-height: 40px;
    margin-bottom: 20px;
    padding: 15px 50px 17px; }

.specialsBox p {
    float: left;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding-top: 10px;}

.specialsBox em {
    font-weight: normal; }
    
/* Existing customers RHS - Raw html */
.existingCustomersRHS {
    background: url(../../images/browse/existingCustomersDiv.gif) 50% 52px no-repeat;
    width: 220px; }
    
.existingCustomersRHS h3 {
    background: #dfdede url(../../images/browse/existingCustomersTop.gif) 0 0 repeat-x;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    margin: 0;
    padding: 15px 0;
    text-align: center; }
    
.existingCustomersRHS a {
    color: #fff; }

.existingCustomersRHS a.email,
.existingCustomersRHS a.signin {
    background: url(../../images/browse/existingCustomersBtnOff.gif) 0 0 repeat-x;
    display: block;
    float: left;
    padding: 10px 0;
    text-align: center;
    width: 109px;}

.existingCustomersRHS a.email:hover,
.existingCustomersRHS a.signin:hover {
    background: url(../../images/browse/existingCustomersBtnOn.gif) 0 0 repeat-x;
    color: #fff;
    text-decoration: none; }

.existingCustomersRHS .email span {
    background: url(../../images/browse/existingCustomersEmail.png) 50% 0 no-repeat;
    display: block;
    padding-top: 40px; }

.existingCustomersRHS .signin span {
    background: url(../../images/browse/existingCustomersSignIn.png) 50% 0 no-repeat;
    display: block;
    padding-top: 40px; }

.existingCustomersRHS ul {
    clear: both;
    color: #fff;
    background: #424242 url(../../images/browse/existingCustomersGrey.gif) 0 0 repeat-x;
    list-style-type: square;
    margin: 0;
    padding: 15px 15px 0 30px; }

.existingCustomersRHS p {
    padding-left: 0 !important;}

.existingCustomersRHS p a:hover {
    background: none; }

/* Sales component - Raw html */
.salesBox {
    color: #fff;
    margin-bottom: 15px;
    width: 580px; }
    
.salesBox h3 {
    font-size: 22px;
    margin: 0 0 5px;
    padding: 0; }

.salesBox p {
    font-size: 16px;
    margin: 0;
    padding: 0 0 10px; }

.salesBox a {
    color: #fff; }

.salesBox .smallprint {
    color: #ccc;
    font-size: 11px;
    font-weight: normal;
    width: 375px; }

.salesBox.full .smallprint {
    width: 340px; }

.salesBox .top {
    background: url(../../images/browse/salesBox.jpg) 0 0 no-repeat;
    padding: 15px 15px 5px 30px;
    position: relative;
    z-index: 10; }

.salesBox.full {
    width: 100%; }

.salesBox.full .top{
     background: url(../../images/browse/salesBoxFull.jpg) 0 0 no-repeat;
     padding-left: 150px;
     padding-right: 150px; }
    
.salesBox .img {
    margin: -5px 0 0;
    padding: 0;
    position: relative;
    z-index: 5; }

.salesBox .img a {
    display: block; }

.salesBox .right {
    float: right;
    margin-top: 30px;
    padding-right: 15px; }

.salesBox .right .btnRedMedium {
    float: none; }

.salesBoxMini {
     background: url(../../images/browse/salesBoxMini.jpg) 0 0 no-repeat !important;
     margin-bottom: 15px;
     padding: 25px 0 15px;
     width: 100%; }
    
.salesBoxMini .miniInner {
    width: 500px;
    margin: 0 auto; }

.salesBoxMini p {
    color: #a9a9a9;
    float: left;
    font-size: 13px; 
    margin: 3px 0 0;
    padding: 0; }

.salesBoxMini p strong {
    color: #fff;
    font-size: 25px; }

.salesBoxMini strong span {
    font-size: 19px; }
    
/* Collections - RAW html */
.collections {
    margin-bottom: 20px;
    padding: 0;
    position: relative; }

.collections h2 {
    height: 54px;
    margin: 0;
    padding: 0;
    text-indent: -99999px;}
    
.collections.generic h2 {
    height: 35px;
    text-indent: 0;
    color: #fff;
    padding: 5px 0 0 20px;
}

.collections.essential h2 { background: url(../../images/browse/collections/heading-essential.jpg) 0 0 no-repeat; }
.collections.essential.generic h2 { background: url(../../images/browse/collections/heading-essential-plain.gif) 0 0 no-repeat; }
.collections.premiere h2 {  background: url(../../images/browse/collections/heading-premiere.jpg) 0 0 no-repeat; }
.collections.premiere.generic h2 { background: url(../../images/browse/collections/heading-premiere-plain.gif) 0 0 no-repeat; }
.collections.free-tv.generic h2 { background: #4E596D; }
.collections.free-tv.generic ul {width: auto;}
.collections.vip h2 {   background: url(../../images/browse/collections/heading-vip.jpg) 0 0 no-repeat; }
.collections.starter h2 {   background: url(../../images/browse/collections/heading-starter.jpg) 0 0 no-repeat; }
.collections.starter.generic h2 {   background: url(../../images/browse/collections/heading-starter-plain.gif) 0 0 no-repeat; }
.collections.classic h2 { background: url(../../images/browse/collections/heading-classic.jpg) 0 0 no-repeat; }
.collections.classic.generic h2 { background: url(../../images/browse/collections/heading-classic-plain.jpg) 0 0 no-repeat; }

.collections .priceBadge {
    position: absolute;
    top: 0;
    right: 25px;
    width: 95px;
    height: 95px;
}

.collections .priceBadge img {
    display: block;
    float: none;
    margin-bottom: 10px;}

.collections .priceBadge a {
    margin-right: 8px;}

.collections .content {
    background: #f1f1f1 url(../../images/browse/collections/collectionsBg.gif) bottom left repeat-x;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px;}

.collections.starter .content {
    background: #ffff url(../../images/browse/collections/starterBg.gif) bottom left repeat-x;
    border: 1px solid #c9c9c9;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    padding: 20px;}

.collectionsInfo {
    margin-top: 25px;
    width: 100%;}

.collections .collectionsInfo img {
    float: left;}

.collections .collectionsInfo div {
    float: left ;
    width: 255px;}

.collections .collectionsInfo div div {
    text-align: center;
    width: 110px;}
    
.collections ul {
    float: left;
    margin: 0;
    padding: 15px 0 0;
    width: 125px; }

.collections li {
    list-style: none;
    padding: 0 0 15px 22px;
    text-align: left;   }

.collections.essential li { background: url(../../images/browse/collections/tick-essentials.gif) 0 0 no-repeat; }
.collections.premiere li { background: url(../../images/browse/collections/tick-premiere.gif) 0 0 no-repeat; }
.collections.vip li { background: url(../../images/browse/collections/tick-vip.gif) 0 0 no-repeat; }
.collections.starter li {   background: url(../../images/browse/collections/tick-starter.gif) 0 0 no-repeat; }
.collections.classic li {   background: url(../../images/browse/collections/tick-classic.gif) 0 0 no-repeat; }

.collections .btnSpacer {
    margin-right: 15px;
}

.collections.generic .collectionsInfo .rightCol {
    margin: 10px 0 0 45px;
    width: 225px;
}
.collections.starter .collectionsInfo .rightCol {
    margin-left: 40px;
}

.collections.generic .collectionsInfo .rightCol p {
    font-size: 11px;
    padding-left: 11px;
    text-align: right;
}

.collections.generic .collectionsInfo .middleCol,
.collections.generic .collectionsInfo .middleCol div {
    width: 280px;
    text-align: left;
    padding-top: 25px;
}

.collections.generic .collectionsInfo .middleCol {
    padding: 0 0 0 15px;
}
.collections.generic .collectionsInfo {
    margin-top: 0px;
}
    
.collections.generic .collectionsInfo .leftCol {
    width: 215px;
}

.collections.generic .priceBadge {
    top: -30px;
}

.collections-standard {
    background: #f1f1f1 url(../../images/browse/collections/standard-bg-1x170.gif) bottom left repeat-x;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 20px 10px;
    margin-bottom: 20px;
    width: 800px;}

.collections-standard ul,
.collections-standard .contentColumns {
    background: url(../../images/browse/collections/standard-divider.png) 0 0 repeat-y;
    margin: 0;
    padding: 0;}

.collections-standard li {
    display: block;
    float: left;
    list-style: none;
    width: 160px; }

.collections-standard img {
    display: block;
    text-align: center;}

.collections-standard p {
    margin: 5px 10px 0 15px;
    padding: 0;}
    

/* Mike - Updated collection lightbox CSS */
.compareLightboxTitle { max-width: 100% !important; }
.compareLightboxTitle1 { display: block; font-size: 20px; font-weight: bold; text-align: center; }
.compareLightboxTitle2 { display: block; font-size: 17px; margin-bottom: 20px; margin-top: 5px; text-align: center; }
#compare-lightbox { background: #F1F1F1 url("../../images/browse/collections/collectionsBg.gif") left bottom repeat-x; border-radius: 0 0 5px 5px; float: left; height: 366px; position: relative; width: 385px; }
#compare-lightbox.classic { margin: 9px 0 25px 0; }
#compare-lightbox.essential { float: right;  margin: 9px 0 25px 0; }
#compare-lightbox.premiere { float: right; }
#compare-lightbox.vip { height: 476px; }
#compare-lightbox.collections h2 { height: 46px; padding: 0; margin: 0; width: 385px; }
#compare-lightbox.collections.free-tv h2 { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/free-tv-strip.jpg") 0 0 no-repeat; }
#compare-lightbox.collections.classic h2 { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/heading-collection-classic.jpg") 0 0 no-repeat; }
#compare-lightbox.collections.essential h2 { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/heading-collection-essential.jpg") 0 0 no-repeat; }
#compare-lightbox.collections.premiere h2 { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/heading-collection-premiere.jpg") 0 0 no-repeat; }
#compare-lightbox.collections.vip h2 { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/heading-collection-vip.jpg") 0 0 no-repeat; }
#compare-lightbox.collections.essential-family h2 { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/heading-collection-essential-family.png") 0 0 no-repeat; }
#compare-lightbox.collections .badge { height: 26px; position: absolute; top: 10px; right: 66px; width: 136px; }
#compare-lightbox.collections .priceBadge { height: 66px; position: absolute; top: -9px; right: 9px; width: 64px; }
#compare-lightbox.collections .collectionInfo { margin: 10px 0 0 0; }
#compare-lightbox.collections .collectionInfo .leftCol { float: left; margin-left: 15px; position: relative; width: 85px; }
#compare-lightbox.collections .collectionInfo .rightCol { float: right; margin-right: 20px; width: 260px; } 
#compare-lightbox.collections .collectionInfo .rightCol a.btnRedMedium { float: left; font-weight: bold; margin-bottom: 20px; } 
#compare-lightbox.collections .collectionInfo #collectionExtras { position: absolute; bottom: 15px; left: 12px; }
#compare-lightbox.collections .collectionInfo #collectionExtras p { color: #828282; font-style: italic; margin: 0; padding: 0 0 5px 0; }
#compare-lightbox.collections .rightCol p.priceInfo { color: #469210; font-size: 14px; font-weight: bold; text-align: left; }
#compare-lightbox.collections .rightCol p.termsText { margin: 0; padding-left: 22px; text-align: left; }
#compare-lightbox.collections .collectionInfo .priceInfo span { color: #000; font-size: 12px; font-weight: normal; }
#compare-lightbox.collections ul { clear: both; float: none; margin: 0; padding: 0; width: 260px; }
#compare-lightbox.collections li { list-style: none; padding: 0 0 9px 22px; text-align: left; }
#compare-lightbox.collections.free-tv li { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/small-free-tv-ticks.gif") 0 3px no-repeat; }
#compare-lightbox.collections.classic li { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/small-classic-ticks.png") 0 3px no-repeat; }
#compare-lightbox.collections.essential li { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/small-essential-ticks.png") 0 3px no-repeat; }
#compare-lightbox.collections.premiere li { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/small-premiere-ticks.png") 0 3px no-repeat; }
#compare-lightbox.collections.vip li { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/small-vip-ticks.png") 0 3px no-repeat; }
#compare-lightbox.collections.essential-family li { background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/small-essential-family-ticks.png") 0 3px no-repeat; }
#compare-lightbox.collections .hr-break { border-top: 1px solid #C3C3C3; padding: 5px 0 0 0; width: 260px; }
.compareLightboxLegalStuff { float: left; width: 100%; }
 #compare-lightbox.collections.essential-family-sports h2 {background: url("../../content/dam/eSales/Bundles/collections/collectionsnew/essential-family-sports-collection.png") 0 0 no-repeat;}
#compare-lightbox.essential-family, #compare-lightbox.essential-family-sports {
    height: 447px;
}
#compare-lightbox.vip, #compare-lightbox.essential-family-sports {
    float: right;
}   
#compare-lightbox.essential, #compare-lightbox.classic {
height: 395px;
}    
/* Three Col lightbox built by Tuss
#compare-lightbox {display: inline;float: left;margin-left: 13px;margin-right:6px;width: 247px;}
#compare-lightbox.collections.generic .collectionsInfo .leftCol {width: 172px;padding: 0;}
#compare-lightbox h2 {font-size:12px;}
#compare-lightbox li{width: 208px;}
#compare-lightbox .rightCol {margin-left: 0;width: 212px;}
#compare-lightbox .content {height: 600px;}
#compare-lightbox.collections.essential.generic h2{
    background: url("../../images/browse/collections/ess-banner.jpg") no-repeat scroll 0 0 transparent;
} 
.then {margin-right: 67px;}
#compare-lightbox.collections.premiere.generic h2{
    background: url("../../images/browse/collections/prem-banner.jpg") no-repeat scroll 0 0 transparent;
}

#compare-lightbox.collections.vip.generic h2{
    background: url("../../images/browse/collections/vip-ban.jpg") no-repeat scroll 0 0 transparent;
}
#compare-lightbox.collections.generic .priceBadge {
    left: 173px;
    top: -15px;
}
 

#starter-lightbox p.term {
    display: inline;
    float: right;
    width: 250px;
}

.intro-starter1 {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.intro-starter2 {
    display: block;
    font-size: 17px;
    margin-bottom: 20px;
    margin-top: 5px;
    text-align: center;
}
 #starter-lightbox  {
    display: inline;
    float: left;
    background: url("../../images/browse/collections/collectionsBg.gif") repeat-x scroll left bottom #F1F1F1;
    border: 1px solid #C9C9C9;
    border-radius: 0 0 5px 5px;
    padding: 20px 20px 20px 0;
    height: 142px;
    margin-bottom: 50px;
    border-top:5px solid #7d8296;
    width: 773px;
    margin-left: 10px;
    position:relative;
}
.starter-lightbox h2 {
    margin-bottom: 0;
    width: 250px;
        display: inline;
    float: left;
    }

#starter-lightbox  li {
    background: url("../../images/browse/collections/tick-starter.gif") no-repeat scroll 0 0 transparent;
    list-style: none outside none;
    padding: 0 0 15px 22px;
    text-align: left;
}
#starter-lightbox .Badge img {
    height: 62px;
    left: 705px;
    position: absolute;
    top: -52px;
    width: 62px;
}

.starter-lightbox .Badge {float: left; display: inline; right: 10px; position: relative;}
#starter-lightbox p.priceInfo {
    color: #469210;
    display: inline;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 10px;
    position: relative;
    width: 250px;
}
#starter-lightbox p.term {
    display: inline;
    float: right;
    position: relative;
    top: 72px;
    width: 250px;
}
#starter-lightbox .last {
    border-right: medium none;
}

#starter-lightbox ul {
    float: left;
    margin: 0;
    padding: 7px 12px 10px;
    width: 160px;
}

#starter-lightbox .col {
    border-right: 1px solid #C1C1C1;
    display: inline;
    float: left;
    height: 80px;
    margin-top: 18px;
    width: 181px;
}

#starter-lightbox .last {
    border-right: medium none;
    margin-left: 21px;
}

#starter-lightbox .mid {
margin-left: 41px;
}
.collections .collectionsInfo div.hr-break{
    border-top: 1px solid #C3C3C3;
    width: 191px;
}
.btnMid{display: inline;float: left;margin-left: 54px;}

#compare.collections ul{
    left: -12px;
    position: relative;
}
*/

/* feature Component */
.featureBox { width: 580px; height: 300px; margin-bottom: 15px; }
.featureBox  .miniInner { padding: 15px 5px 15px 15px; }
.featureBox  p { width: 420px; }
.featureBox .right {    float: right; margin-top: 0px; padding-right: 15px;}
.featureBox  h3 { margin-bottom: 10px; }

/* select package Component */
.selectPackage { width: 580px; margin-bottom: 20px }
.selectPackage h4 { color: #333; margin: 10px 0; }
.selectPackage ul { padding-left: 0px; margin-left: 0px; }
.selectPackage li { background: url(../../images/browse/gradientSelectPackage.gif) left top no-repeat; width: 120px; list-style: none; text-align: center; min-height: 80px; padding-top: 2px; float: left; overflow: hidden; }
.selectPackage li.first, .selectPackage li.last { width: 110px; }
.selectPackage li.first { background: none; }           

/* collections upgrade */
.collections.upgrade.premiere h2 { background: url(../../images/browse/collections/heading-premiere-plain.gif) 0 0 no-repeat; height: 35px; text-indent: 0; color: white; padding: 5px 0 0 20px; margin: 0; }
.collections.upgrade.vip h2 { background: url(../../images/browse/collections/heading-vip-plain.gif) 0 0 no-repeat; height: 35px; text-indent: 0; color: white; padding: 5px 0 0 20px; margin: 0; }
.collections.upgrade.starter1 h2 { background: url(../../images/browse/collections/heading-essential-plain.gif) 0 0 no-repeat; height: 35px; text-indent: 0; color: white; padding: 5px 0 0 20px; margin: 0; }
.collections.upgrade.classic h2 { background: url(../../images/browse/collections/heading-classic-plain.jpg) 0 0 no-repeat; height: 35px; text-indent: 0; color: white; padding: 5px 0 0 20px; margin: 0; }
.upgrade.premiere .content { background: url(../../images/browse/collections/premiere-cpromo-880x215.jpg) 0 0 no-repeat; width: 820px; height: 215px; padding: 0;}
.upgrade.vip .content { background: url(../../images/browse/collections/vip-cpromo-880x215.jpg) 0 0 no-repeat; width: 820px; height: 215px; padding: 0;}
.upgrade.starter1 .content { background: url(../../images/browse/collections/essentials-cpromo-880x215.jpg) 0 0 no-repeat; width: 820px; height: 215px; padding: 0;}
.collections .upgradeInfo { padding: 30px 0 0 40px; font-size: 17px;  color: #333; line-height: 20px; }
.collections.starter1 .upgradeInfo h3 { margin-bottom: 5px; }
.collections .upgradeInfo  .button { float :left; margin-top: 20px;  }

/*Collections Main Component */
.premiereFeature { margin: -30px 0 20px -30px; overflow: hidden; width: 880px;}
.collections.essential.premiereFeature h2 {background: url(../../images/browse/collections/essentials-header-880x56.gif) 0 0 no-repeat; }
.collections.premiere.premiereFeature h2 {background: url(../../images/browse/collections/premiere-header-880x56.gif) 0 0 no-repeat; }
.collections.starter.premiereFeature h2 {background: url(../../images/browse/collections/starter-header-880x56.gif) 0 0 no-repeat; }
.collections.vip.premiereFeature h2 {background: url(../../images/browse/collections/vip-header-880x56.gif) 0 0 no-repeat; }
.collections.classic.premiereFeature h2 {background: url(../../images/browse/collections/classic-header-880x56.png) 0 0 no-repeat; }

.essential.premiereFeature .collectionsInfo { background: url(../../images/browse/collections/essentails-mainbg-880x550.jpg) 0 0 no-repeat; width: 880px; height: 609px; padding: 0; margin-top: 0; text-align: center; }
.premiere.premiereFeature .collectionsInfo { background: url(../../images/browse/collections/premiere-mainbg-880x650.jpg) 0 0 no-repeat; width: 880px; height: 675px; padding: 0; margin-top: 0; text-align: center; }
.starter.premiereFeature .collectionsInfo { background: url(../../images/browse/collections/starter-mainbg-880x530.jpg) 0 0 no-repeat; width: 880px; height: 550px; padding: 0; margin-top: 0; text-align: center; }
.vip.premiereFeature .collectionsInfo { background: url(../../images/browse/collections/vip-mainbg-880x650.jpg) 0 0 no-repeat; width: 880px; height: 746px; padding: 0; margin-top: 0; text-align: center; }
.classic.premiereFeature .collectionsInfo { background: url(../../images/browse/collections/classic-mainbg-880x550.jpg) 0 0 no-repeat; width: 880px; height: 650px; padding: 0; margin-top: 0; text-align: center; }

.premiereFeature .collectionsInfo .taglineA { display: block; padding-top: 40px; text-align: center; font-size: 20px; font-weight: bold; }
.premiereFeature .collectionsInfo .taglineB { display: block; text-align: center; font-size: 14px; margin-top: 5px;  }
.premiereFeature .collectionsInfo p { max-width: 840px; margin-bottom: 20px; clear: both; }
.premiereFeature  .basketButtons { width: 263px; float: right; margin: 0 30px 0 0; padding: 0; }
.premiereFeature  .basketButtons p { padding-left: 7px; text-align: right; clear: both; }
.premiereFeature  .basketButtons .priceInfo,
.collections.generic .rightCol p.priceInfo { margin: 0 0 10px 0; text-align: right; color: #469210; font-size: 14px; font-weight: bold; }
.premiereFeature  .basketButtons .priceInfo span,
.collections.generic .rightCol .priceInfo span { color: #000; font-size: 12px; font-weight: normal; }
.vip.premiereFeature  .basketButtons { margin: 15px 55px 0 0; padding: 0; }
.premiereFeature .left { margin-left: 60px; }
.collections p.offerInfo { width: 360px; right: 40px; top: 13px; color: white; margin: 0; padding: 0; position: absolute; }
.collections.starter p.offerInfo { color: #000; }
.collections.vip p.offerInfo { width: 413px; }
.collections .content .legal { margin-left: 65px; text-align: right; }

.premiereFeature .basketButtons .priceInfo { position: absolute; top: 5px; right: 135px; }
.premiereFeature .basketButtons .priceInfo span { color: #fff; }

/* Collection Home Header */
.collectionsHomeInfo {
    margin: 0 0 30px 65px;
}
div.panel div.collectionsHomeInfo p {max-width:710px;}

.collectionsHomeInfo .taglineA  { 
    display: block;  
    text-align: center; 
    font-size: 16px; 
}
.collectionsHomeInfo .taglineB  { 
    display: block; 
    text-align: center; 
    font-size: 12px; 
    margin-top: 5px;    
}

.collectionsSpacer {
    margin-bottom: 0px;
    clear: both;
}

/*Collections Roundel*/
.collections .priceBadge p {
    position: relative;
    left: 0;
    top: 15px;
    text-align: center;
    color: #fff;
}

.collections .priceBadge p img {
    position: relative;
    top: -15px;
}

.collections .priceBadge p span {
    font-weight: bold;
    font-size: 20px;
    display: block;
    margin: 4px 0;
}

/*TouchCommerce DIV container fix*/
.purchaseHelpModule #inqC2C2ImgContainer {
    margin-bottom: -15px;
} 

/* Online special: �60 off 
p.online-special, .collections.generic .collectionsInfo .rightCol p.online-special {
    color: #469210;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 5px;
}

div.panel .specail-offer {
    color: #469210;
    font-size: 0.8em;
    font-weight: bold;
    margin-bottom: -20px;
    margin-top: 14px;
}

div.panel .specail-offer-ess {
font-weight: bold;
    font-size: 0.8em;
     color: #469210;
    margin-bottom: -20px;
    margin-top: 14px;

}
.collections.generic .collectionsInfo .rightCol p {
    display: inline;
    float: right;
}
*/

.buildYourOwnBundle p.img img{
display: block;
}
.buildYourOwnBundle p.img img.left{
float: left;
}
.buildYourOwnBundle p.img img.right{
float: right;
}
.buildYourOwnBundle p.img img.center{
margin: 0 auto;
}
.buildYourOwnBundle p.img{
max-width: none;
}
.buildYourOwnBundle p.img{
overflow: hidden;
}

/*Build Your Own Bundle - Custom Styles - 2 col split*/ 
.buildYourOwnBundle  .two-col-with-image .left,
.buildYourOwnBundle  .two-col-with-image .right {
    float: left;
    width: 390px;
    margin: 50px 0 0 20px;
}

.buildYourOwnBundle  {
    position: relative; /*required for h2 position hack*/
}

.buildYourOwnBundle .two-col-with-image h2 {
    position: absolute;
    top: 5px;
    left: 15px;
}

.buildYourOwnBundle .two-col-with-image h2 .white {
    color: #fff;
}

.buildYourOwnBundle  .two-col-with-image h3  {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0px; 
}

.buildYourOwnBundle  .two-col-with-image img {
    float: left;
}

.buildYourOwnBundle  .two-col-with-image ul  {
    width: 259px;
    float: left;
    margin-top: 10px;
    padding-left: 21px;
}

.buildYourOwnBundle  .two-col-with-image li {
    list-style: none;
    padding: 0 0 15px 22px;
    text-align: left;   
    background: url(../../images/browse/collections/tick-essentials.gif) 0 0 no-repeat; 
}

.buildYourOwnBundle  .two-col-with-image .priceBadge {
    position: absolute;
    top: -25px;
    right: 5px;
}
.buildYourOwnBundle  .two-col-with-image .price-info {
    clear: both;
    width: 259px;
    padding-left: 110px;
}
/*** ***/

/*Collections 5 Col Split*/
.collections-standard .textAndMedia,
.collections-standard .textAndMedia .textImageTop img,
.collections-standard .textAndMedia .textImageTop div {
    margin-bottom: 0px;
}

.collections-standard .contentColumns5 .textAndMedia .textImageTop div p {
    width: 122px;
}
/*** ***/

/* Mubin free-tv style integration */
.collections.free-tv.premiereFeature h2 {
    background: url(../../images/browse/collections/heading-free-tv-880x50.jpg) 0 0 no-repeat;
}
.collections.free-tv h2 {
    background: url(../../images/browse/collections/heading-free-tv-820x50.jpg) 0 0 no-repeat;
}
.collections.free-tv li {
    background: url(../../images/browse/collections/tick-free-tv.gif) 0 0 no-repeat;
    list-style: none;
}
/***/