/* 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 .newCta {
	float: left;
}
.textAndMedia .downloadBox, 
.richText .downloadBox {
	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 .downloadBox img, 
.richText .downloadBox img {
	margin-left: 25px;
}
.textAndMedia .downloadBox div, 
.richText .downloadBox div {
	margin-right: 25px;
	padding-left: 5px;
}
.richText .downloadBox {
	padding-left: 15px;
}
.richText .downloadBox p {
	margin-bottom: 5px;
}
.textAndMedia .lastCol {
	margin-right: 0 !important;
}

/* 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 {
	padding:0 0 20px 20px !important;}

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

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

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


/* END OF CONTENT MANAGED STYLES */

/* COMPONENT STYLES */
.richText p {
	margin-bottom: 20px;
}
.cqImage {
	margin-bottom: 20px;
}
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.greenText { color: #428f0f; }
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; }
.textAndMedia ul li.greenTickList { background: url('/images/browse/collections/tick-essentials.gif') 0 0 no-repeat; float: left; list-style: none; padding: 0 0 10px 25px; text-align: left; width: 50%; }

/*** 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-left: 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 {
	float: left;
}

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

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

/*** 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: 1.7em;
	margin-bottom: 3px;
}
/*** ***/

/*** 03 compare table ***/
.compareHead {
	margin-top: -35px;
}
.compareHead ul {
	list-style: none;
	margin: 0 0 0 247px;
	padding: 0;
}
.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 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: 80px;
	width: 190px;
}
.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 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 .extraSpec {
	background: #fff;
	margin-top: -10px;
	margin-right: -10px;
	padding-top: 0;
	float: right;
	display: inline;
}
.compareRow .expandContent .extraSpec div.bbSpec {
	float: left;
	display: block;
	width: 190px;
	border-right: 1px solid #e8e8e8;
	padding: 5px 0;
}
.compareRow .expandContent .extraSpec ul {
	margin: 0;
	padding: 0;
} 
.compareRow .expandContent .extraSpec li {
	margin: 0 0 5px;
	padding-left: 10px;
} 
.compareRow .expandContent .extraSpec .last {
	border-right: none !important;
}
.comparisonTemplate .compareRow .expandContent .extraSpec div.bbSpec {
	width: 170px;
}
.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: 16px;
	margin-top: -35px;
	width: 100%;
}
table.compareFeatures thead th {
	background: #2d2d2d url('../../images/bg/thead-bg.gif') repeat-x 0 0;
	border-top: 1px solid #8d8d8d;
	color: #fff;
	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 {
	position: absolute;
	text-align: center !important;
	margin: 0 5px 0 0;
	width: 10px;
	height: 5px;
	display: block;
	left: 45%;
	bottom: -20px;
}
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: #eee url('../../images/bg/border_bg.gif') repeat-y scroll 0 0;
	font-weight: normal;
	padding: 8px 0;
}
table.compareFeatures tbody th p {
	margin: 0 1px;
	padding: 4px 0 4px 15px;
	text-align: left;
}
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: #f3f3f3 url('../../images/bg/border_bg.gif') repeat-y scroll right 0;
	padding: 8px 0;
}
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;
}
/*** ***/

/*** 04a Alt feature comparison table ***/
table.compareFeaturesAlt {
	margin-bottom: 20px;
	margin-top: 0;
	width: auto;
	border-bottom: 1px solid #d6d6d6;
}
table.compareFeaturesAlt thead th {
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
}
table.compareFeaturesAlt 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;
	padding: 8px 0;
}
table.compareFeaturesAlt tbody th p {
	padding: 0 10px 0 20px;
	font-size: 1.1em;
}
table.compareFeaturesAlt tbody th p span {
	font-size: .8em;
}
table.compareFeaturesAlt tbody td {
	background-color: #fff;
	border-bottom: none;
	border-top: none;
	vertical-align: top;
}
table.compareFeaturesAlt 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.compareFeaturesAlt 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.compareFeaturesAlt tbody td.highlight {
	background: #f2f2f2;
	border-right: 1px solid #d6d6d6;
}
table.compareFeaturesAlt tbody td p img {
	display: block;
	text-align: center;
	margin: 10px auto;
}
table.compareFeaturesAlt tbody .highlightText {
	font-weight: bold;
	font-size: 1.5em;
	display: block;
}
table.compareFeaturesAlt tbody td ul {
	margin: 0 10px;
	padding: 8px 0;
	list-style: none;
	border-top: 1px dotted #d6d6d6;
}
table.compareFeaturesAlt tbody td ul li {
	padding-bottom: 2px;
}
table.compareFeaturesAlt 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 {
	display:block;
	position:absolute; /* IE6 absolute */
	left: 45%;
	bottom: -20px; /* IE6 */
	width: 10px;
	height: 5px;
}
.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;
	text-align: center;
	padding-left: 0;
	margin-left: 0;
}
.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;
	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 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;
	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 {
	position: absolute;
	width: 339px;
	display: none;
	z-index: 20;
}
div.chanTooltip div.chanTTChannelInfo {
	background: transparent url('../../images/elements/tooltips/tvChannelNumberBg.png') no-repeat 0 0;
	width: 145px;
	color: #ffffff;
	margin: 0 0 -20px 40px;
	padding: 16px 6px 6px 6px
}
div.chanTooltip div.chanTTChannelInfo span {
	width: 53px;
	padding: 2px 0 0 19px;
	display: block;
	float: left;
	text-align: right;
}
div.chanTooltip div.chanTTChannelInfo div.chanTTNumber {
	width: 28px;
	padding: 9px 34px 0 0;
	display: block;
	float: right;
	font-size: 1.8em;
	font-weight: bold;
	font-style: italic;
}
div.chanTooltip div.chanTTContent {
	background: transparent url('../../images/elements/tooltips/tvChannelContentBg.png') no-repeat 0 0;
	padding: 26px 10px 0 35px;
}
div.chanTooltip div.chanTTContent img {
	float: left;
	margin: 15px 8px 0 6px;
}
div.chanTooltip div.chanTTContent div.chanHeader {
	float: right;
	width: 200px;
	margin: 7px 8px 5px 0;
	font-size: 1.35em;
	font-style: italic;
}
div.chanTooltip div.chanTTContent div.chanText {
	float: right;
	width: 200px;
	margin: 0 8px 0 0;
}
div.chanTooltip div.chanTTFooter {
	background: transparent url('../../images/elements/tooltips/tvChannelFooterBg.png') no-repeat 0 0;
	width: 339px;
	height: 44px;
}

/*** ***/

/*** 06 channel grid ***/
.channelGridCol {
	float: left;
	margin-bottom: 16px;
	margin-right: 20px;
	width: 48%;
}
.channelGridCol img {
	margin-bottom: 3px;
	margin-right: 10px;
	width: 125px;
	height: 75px;
}
.channelGridColWide {
	width: 96%;
}
/*** ***/

/*** 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.ui-tabs-selected a strong { 
	background: none;}

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

.inpageTabs .ui-tabs-selected a strong { 
	background: none;
	padding-left: 0;}
	
.inpageTabs .firstTab.ui-tabs-selected a {
	background: url(../../images/elements/inpageTabsFirstOnLeft.gif) bottom left no-repeat;
	padding-left: 23px;}
	
.inpageTabs .firstTab.ui-tabs-selected a span {
	background:  url(../../images/elements/inpageTabsFirstOnRight.gif) bottom right no-repeat;}
	
.inpageTabs .lastTab.ui-tabs-selected a {
	background: url(../../images/elements/inpageTabsLastOnRight.gif) bottom right no-repeat;
	padding-left: 0;
	padding-right: 23px;}
	
.inpageTabs .lastTab.ui-tabs-selected a span {
	background:  url(../../images/elements/inpageTabsLastOnLeft.gif) bottom left no-repeat;
	padding-left: 15px;}

/*** 08 compare boxes table ***/
.boxesTable {
	margin-bottom: 3px;
	text-align: center;
	width: 100%;
}
.boxesTable p {
	margin-bottom: 0;
}
.boxesTable thead th p {
	padding: 8px 3px;
	font-weight: normal;
	font-size: 1.2em;
}
.boxesTable .subHead th {
	border-bottom: 0;
	height: auto;
	background: #363636;
}
.boxesTable .subHead th p {
	background: url('../../images/bg/thead-divider.gif') no-repeat 0 center;
	color: #fff;
	font-size: 1.2em;
	font-style: italic;
	font-weight: normal;
	padding: 15px 0;
	position: relative;
	width: 100%;
	margin-left: -1px;
}
.boxesTable .subHead th.tl p {
	background: none;
}
.boxesTable .subHead th img {
	position: absolute;
	display: block;
	left: 45%;
	bottom: -5px;
}
.boxesTable tbody th.box {
	padding-top: 5px;
	vertical-align: top;
	border-right: 1px solid #c0c0c0;
}
.boxesTable tbody th.box p {
	margin-bottom: 8px;
}
.boxesTable tbody td {
	background-color: #e1e1e1;
	border-bottom: 1px solid #c0c0c0;
	border-right: 1px solid #c0c0c0;
	height: 78px;
}
.boxesTable tbody td span {
	font-size: 1.3em;
}
.boxesTable tbody td.rowSpan {
	background-color: #fbfbfb;
	border-top: none;
	border-bottom: 1px solid #c0c0c0;
}
.boxesTable span {
	display: block;
	margin-top: 3px;
}
.boxesTable .highlighted th {
	border-top: 2px solid #cc0001;
	border-bottom: 2px solid #cc0001;
}
.boxesTable .highlighted td {
	background: #fbfbfb;
	border-top: 2px solid #cc0001;
	border-bottom: 2px solid #cc0001;
}
/*** ***/

/*** 09 Snippet import ***/

/*** ***/

/*** 10 Twin snippet import ***/
.twinSnippetImport1 { 
	float: left;
	margin: 0 10px 10px 0;
}
.twinSnippetImport2 { 
	display: inline-block;
	margin-bottom: 10px;
}

.twinSnippets .width75 { width: 580px; }
.twinSnippets .width25 { width: 230px; }
.twinSnippets .width50 { width: 405px; }

.browseHead .width75, .browseFoot .width75 { width: 640px; }
.browseHead .width25, .browseFoot .width25 { width: 230px; }
.browseHead .width50, .browseFoot .width50 { width: 435px; }

.col-left .twinSnippets .width75 { width: 390px; }
.col-left .twinSnippets .width25 { width: 180px; }
.col-left .twinSnippets .width50 { width: 285px; }

/*** ***/

/*** 12 Core pricing ***/
.corePricing {
	margin: 0 20px 16px 0;
	padding-top: 5px;
	width: 200px;
}
.corePricing .productPrice {
	font-size: 2em;
	margin-bottom: 3px;
	font-weight: bold;
}

.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;
}
/*** ***/

 /*** 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 {
	float: right;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	position: relative;
}
.comparisonDetail .tierDetail,
.comparisonDetail .labelDetail {
	float: left;
	text-align: center;
	width: 192px;
	border-left: 1px solid #cdcdcd;
	padding: 10px 0;
}
.comparisonDetail .labelDetail {
	text-align: left;
}
.comparisonDetail .tierDetail p {
	margin-left: 10px;
	margin-right: 10px;
}
.comparisonDetail .labelDetail p {
	padding: 0 15px;
	font-size: 1.15em;
}
.comparisonDetail .labelDetail {
	background: #eaeaea url(../../images/bg/compare-tier-label.gif) bottom left repeat-x;
}
.comparisonDetail .badge {
	z-index: 10;
}
.comparisonDetailAlt .tierDetail {
	background: #FFF;
}
.inPageProductTable .comparisonDetail {
	float: right;
}
.inPageProductTable .comparisonDetail .tierDetail {
	width: 148px;
}
.inPageProductTable .comparisonDetail.fourCol .tierDetail {
	width: 110px;
}
.inPageProductTable .comparisonDetail .labelDetail {
	width: 128px;	
}
/*** ***/

/*** 22 Comparison pricing ***/
div.compareContainer {
	position: relative;
}
ul.compareSwitch {
	bottom: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	width: 240px;
}
ul.compareSwitch li {
	background: url('../../images/browse/linkCompareOff.gif') top left repeat-x;
	margin: 0 0 1px;
	padding: 0;
	height: 35px;
}
ul.compareSwitch li.selected {
	background: url('../../images/browse/linkCompareOn.gif') top left repeat-x;
}
ul.compareSwitch li.selected a {
	background: url('../../images/browse/linkCompareSelected.gif') right no-repeat;
}
ul.compareSwitch p {
	margin-bottom: 0;
}
ul.compareSwitch a {
	color: #fff;
	display: block;
	padding-right: 24px;
	text-align: right;
	margin: 0;
	height: 35px;
	line-height: 35px;
}

.comparisonPricing {
	background: transparent url('../../images/bg/compare-tier-bg.gif') repeat-y scroll 228px 0;
	padding: 5px 0 5px 240px;
}
.comparisonPricing .tierPricing {
	float: left;
	text-align: center;
	width: 192px;
	margin: 0;
	padding: 0;
}
.comparisonPricing .tierPricing p {
	padding: 2px 10px 0;
}
.comparisonPricing .tierPricing .productPrice {
	font-size: 1.7em;
	font-weight: bold;
}
.comparisonPricing .tierPricing .offerPrice {
	color: #c00;
	font-weight: bold;
}
.comparisonPricing .tierPricing .newCta {
	float: none;
	xmargin-left: 40px;
	display: inline-block;
}
/*** ***/

/*** 23 Virtual tabs ***/

.compareTabs {
	margin: 0; /* Note: Margin left needs to be changed to 60px when placed outside of class="inner" */ 
	position: relative;
	height: 100px;
}
.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 .tabS,
.compareTabs .tabM,
.compareTabs .tabL {
	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/tabCompareL.gif') top left no-repeat;	
}
.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 .tabS,
.compareTabs .tabS a {
	height: 63px;
	left: 299px;
	width: 190px;
}
.compareTabs .tabM,
.compareTabs .tabM a {
	height: 81px;
	left: 492px;
	width: 190px;
}
.compareTabs .tabL,
.compareTabs .tabL a {
	height: 100px;
	left: 686px;
	width: 190px;
}
.compareTabs .tabS a.selected,
.compareTabs .tabM a.selected,
.compareTabs .tabL a.selected {
	background: url('../../images/browse/tabCompareOn.gif') top left no-repeat;
	color: #333;
}
.compareTabs .tier_mp span.icon {
	background: url('../../images/buildorder/tier_icon_mp.png') 0 -124px no-repeat;
}
.compareTabs .tier_mp a.selected span.icon {
	background: url('../../images/buildorder/tier_icon_mp.png') 0 -7px no-repeat;
}
.compareTabs .tier_l span.icon {
	background: url('../../images/buildorder/tier_icon_l.png') 0 -122px no-repeat;
}
.compareTabs .tier_l a.selected span.icon {
	background: url('../../images/buildorder/tier_icon_l.png') 0 -5px no-repeat;
}
.compareTabs .tier_xl span.icon {
	background: url('../../images/buildorder/tier_icon_xl.png') 0 -119px no-repeat;
}
.compareTabs .tier_xl a.selected span.icon {
	background: url('../../images/buildorder/tier_icon_xl.png') 0 -2px no-repeat;
}
/*** ***/

/*** 24 Choose package  ***/
.choosePackage {
	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: 580px;
}
.choosePackageInner {
	background: url('../../images/browse/choosePackageTop.jpg') top left repeat-x;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 18px 20px;
}
.choosePackage .container {
	margin: 0;
	padding: 0;
	background: #fff url('../../images/browse/choosePackageTier.jpg') bottom left no-repeat;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
.choosePackage .container div.choosePackageColumn {
	border-right: 1px solid #ccc;
	margin: 10px 0;
	padding: 0;
	display: block;
	float: left;
	width: 178px;
	position: relative;
}
.choosePackage .productPrice {
	font-size: 1.3em;
	font-weight: bold;
}
.choosePackage .container .last {
	background: none;
	border-right: none !important;
}
.choosePackage .container p {
	padding: 0;
	margin: 0;
}
.choosePackage .container .topInfo { /* ie6 */
	padding-top: 0;
	float: none;
	background: none;
	border: none !important;
}
.choosePackage .container .heightMatch p,
.choosePackage .container .heightMatch1 p {
	padding: 0 10px 10px 30px;
}
.choosePackage .packageName {
	font-size: 1.5em;
	font-style: italic;
	padding: 6px 10px 15px;
	margin: 0;
	line-height:19px;
	display: block;
}
.choosePackage .packageName .name {
	display: block;
	float: left;
	width: 100px;
}
.choosePackage .container .icon {
	background: no-repeat scroll center 0 transparent;
	display: inline;
	float:left;
	font-weight:bold;
	height:39px;
	line-height:39px;
	margin:0 0 0 10px;
	padding: 0;
	text-align:center;
	text-indent:-999em;
	width:39px;

}
.choosePackage .container .tier_mp {
	background-image: url('../../images/buildorder/tier_icon_mp.png');
}
.choosePackage .container .tier_m {
	background-image: url('../../images/buildorder/tier_icon_m.png');
}
.choosePackage .container .tier_l {
	background-image: url('../../images/buildorder/tier_icon_l.png');
}
.choosePackage .container .tier_xl {
	background-image: url('../../images/buildorder/tier_icon_xl.png');
}
.choosePackage .container .tier_xxl {
	background-image: url('../../images/buildorder/tier_icon_xxl.png');
}
.choosePackage .price {
	margin: 0;
	padding: 0 10px 0 30px;
}
.choosePackage .price b {
	font-size: 1.5em;
	font-style: italic;
}
.choosePackage .container .extraInfo {
	padding: 0 10px 0 30px;
}
.choosePackage .container .newCta {
	float: left;
	margin-left: 30px;
	display: block;
	margin-top: 15px;
}
.choosePackage .more {
	padding: 0 0 0 30px;
	margin: 0 0 20px;
	display: block;
	clear: both;
}
.choosePackage .more a {
	color: #333;
	text-decoration: underline;
}
.choosePackage .message {
	background: url('../../images/browse/choosePackageMsg.png') top left no-repeat;
	width: 540px;
	height: 61px;
	margin: -4px 0 10px;
	padding: 0;
}
.choosePackage .message p {
	color: #fff;
	text-align: center;
	padding-top: 20px;
}
.choosePackage .bundlePromo {
	background: url('../../images/browse/choosePackageBundle.gif') top right no-repeat;
}
.choosePackage .bundlePromo h3 {
	font-weight: normal;
	color: #fff;
	font-style: italic;
	margin: 0;
	padding:0 0 10px;
}
.choosePackage .bundlePromo p {
	color: #fff;
	float: left;
	width: 365px;
}
.choosePackage .bundlePromo .newCta {
	float: right;
	margin-top: 15px;
}
.choosePackage .bundlePromo .newCta:focus {
	outline: 1px dotted #ccc;
}

/*** ***/

/*** 25 Phone services pricing component ***/

/* Main table */
.mainTable {
	width: 100%;
	margin-bottom: 16px;
}
.pricingTable { /* This is class is added for the phone services pricing table as it includes the toggle component */
	margin-top: -35px;	
}
.mainTable p {
	margin-bottom: 0;
}
.mainTable .productPrice {
	font-weight: bold;
}

.mainTable thead th {
	background: #2d2d2d url('../../images/bg/thead-bg.gif') repeat-x 0 0;
	color: #fff;
	padding: 3px 0;	
}
.mainTable thead th.red {
	background: #c00 url('../../images/bg/thead-bg-red.gif') repeat-x 0 0;
}
.mainTable thead th p {
	background: url('../../images/bg/thead-divider.gif') no-repeat 0 0;
	margin-left: -1px; /* to enable alignment with border in body */
	padding: 8px 3px;
	position: relative;
	width: 100%;
}
.mainTable th img {
	display: block;
	position: absolute;
	left: 46%;
	bottom: -8px;
}
.mainTable thead th.tl p{
	background-image: none; /* removes divider from left of first heading column */
}
.mainTable tbody tr:last-child th {
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
}
.mainTable tbody tr:last-child td:last-child {
	border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
}
.mainTable tbody th, 
.mainTable td {
	border-bottom: 1px solid #fff;
	padding: 16px 21px;
	vertical-align: center;
}
.mainTable tbody th {
	background: #e8e8e8;
	text-align: left;
}
.mainTable tbody th p span.standardTxt {
	display: block;
	font-weight: normal;
}
.mainTable tbody th .expandHighlight {
	background: transparent url('../../images/elements/bullets/grey_arrow_right.gif') no-repeat 0 center;
	padding-left: 26px;
	cursor: pointer;
}
.mainTable tbody th .on {
	background: transparent url('../../images/elements/bullets/grey_arrow_down.gif') no-repeat 0 center;
}
.mainTable tbody .expandContent {
	font-weight: normal;
	margin-top: 15px;
	display: block;
}
.mainTable td {
	background: #f3f3f3;	
	border-left: 1px solid #e8e8e8;
	text-align: center;
}
.mainTable span.greenTxt {
	color: #428f0f;
	display: block;
	font-weight: bold;
	font-size: 1.6em;
	margin-bottom: 5px;
}
.mainTable td p img {
	margin-top: 8px;	
}
.mainTable tbody .installInfo {
	display: block;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}
/*** ***/

/*** 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 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.mobileCarouselInner thead th.phone img {
    margin: 20px 18px 0;
    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.gif') no-repeat 0 center;
}
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.gif');
}
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: 39px;
    height: 28px;
    padding-top: 4px;
    float: left;
}
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;
}
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 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;
}

/*** 28 - Monthly tariff comparison grid ***/

ol.mobileTariffsNav{
	margin:0;
	list-style:none;
	padding:0;
}

ol.mobileTariffsNav li{
	float:left;
	background:url('../../images/bg/tariff_tab.gif') no-repeat #700000;
	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;
	padding:0 20px;
	height:28px;

	margin-right:1px;
}
ol.mobileTariffsNav li.selected{
	background:url('../../images/bg/tariff_tab_selected.gif') no-repeat #474747;
}
ol.mobileTariffsNav li a{
	margin-top: 7px;
	color:#fff;
	display:block;
}
div.mobileTariffs th.first {
	border-top-left-radius:0;
    -webkit-border-top-left-radius:0;
    -moz-border-radius-topleft:0;
}
div.mobileTariffs td {
	text-align:center;
}
div.mobileTariffs td.extraDetails {
	text-align:left;
}
div.mobileTariffs div.gridTerms {
	float: left;
	clear: both;
	margin: -4px 0 14px 0;
	font-size: 0.9em;
	width: 100%;
	display: block;
}
div.mobileTariffs div.gridTerms  a{
	text-decoration: underline;
	color: #333333;
}

/*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{
	vertical-align: middle;
	border-bottom:1px solid #fff;
	padding: 16px 21px;
}
.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;
}
/*** ***/

/*** 29 - Perfect partners ***/
.perfect_partners {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background: url('../../images/bg/horizon.gif') #fff repeat-x 0 0;
	border: 1px solid #ccc;
	margin: 8px 0;
	padding: 22px 20px;
}
.perfect_partners ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.perfect_partners li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	text-align: middle;
	width: 179px;
}
.perfect_partners li a.handset-pic {
	background: url('../../images/bg/handset-shadow.gif') no-repeat bottom;
	display: block;
	margin: 40px auto 0;
	min-height: 190px;
}
.perfect_partners li img.photo {
	display: block;
	margin: 0 auto;
}
.perfect_partners li p{
	margin: 5px 0;
	text-align: center;
}
.perfect_partners li div.cta{
	display: inline;
	float: right;
	left: -50%;
	position: relative;
	z-index: 2;
}
.perfect_partners li a{
	font-weight: normal;	
}
.perfect_partners li .newCta{
	float: left;
	left: 50%;
	margin: 0 auto;
	position: relative;
}
.perfect_partners li p.price {
	font-weight: normal;
	margin: 0 20px;
}
/*** ***/

/*** 30 - Handset views carousel ***/
.handsetCarousel1 .imgSwtchr {
	display:block;
	width:50px;
	height:50px;
	border:1px solid #ccc;
	padding:2px;
	margin:5px ;
}
.handsetCarousel1 .imgSwtchr:hover {
	border:3px solid #aaa;
	padding: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:400px;}
/*** ***/

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

.dblPromoBox {
	background: url('../../images/browse/mobile/dblPromoBoxShadow.jpg') left 25px no-repeat;
	margin-bottom: 10px;
	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;
	padding: 0;
}
.dblPromoBox .productPrice strong {
	font-size: 1.05em;
}
.dblPromoBox .productPrice span {
	font-size: .55em;
	font-style: normal;
}
.dblPromoBox .newCta {
	margin-top: 5px;
}
.dblPromoBox .or {
	position: absolute;
	text-indent: -9999px;
	background: url('../../images/browse/mobile/go.gif') top left no-repeat;
	width: 37px;
	height: 37px;
	top: -18px;
	right: 18px;
}

/*** ***/

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

/*** ***/

/*** 35 - Handset tech specs ***/

.features_datatable {
	border: 1px solid #ccc;
	border-collapse: separate;
	border-spacing:0;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px;
}
.features_datatable th,
.features_datatable td {
	border-bottom: 1px solid #fff;
	height: 21px;
	padding: 5px 0 5px 12px;
}
.features_datatable th{
	background: #ebebeb url('../../images/browse/mobile/feattblbg.png') repeat-x 0 bottom;
	border-bottom: 0;
	text-align: left;
}
.features_datatable th.first{
	border-top-left-radius:4px;
	-webkit-border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
}
.features_datatable th.last{
	border-bottom-left-radius:4px;
	-webkit-border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	height:20px;
	border:0;
}
.features_datatable td.first{
	border-top-right-radius:4px;
	-webkit-border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
}
.features_datatable td.last{
	border-bottom-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	height:20px;
	border:0;
}
.features_datatable td.odd{
	background-color:#eee;
}
.footNote {
	color: #666;
	font-size: .9em;
}







/*** ***/

/*** 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: 7px;
}

.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;
}	
.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;
	margin: 25px 20px 0 30px;
}
.handsetList h2 {
	margin-top: 25px;
	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: 240px;
	padding: 0;
	margin: 0;
	position: relative;
}
.compareHandset li.intro p.subsection {
	font-size: 1.7em;
	margin: 0;
	padding: 0 10px 0 0;
	position: absolute;
	bottom: 65px;
	right: 20px;
	background: url('../../images/elements/arrowRight_on.gif') right 6px no-repeat;
}
.compareHandset li.intro .moreTariff {
	font-size: .9em;
	position: absolute;
	bottom: 46px;
	right: 30px;
	margin: 0;
	padding: 0;
}
.compareHandset li {
	width: 173px;
	float: left;
	margin: 0 0;
	padding: 0 10px;
	min-height: 485px;
	overflow: hidden;
}
.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: 40px;
}
.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;
}

/*** ***/

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

	/* moved to global.css */

/*** ***/

/*** 43 - Mobile broadband tarrifs table ***/
.mbbTable .subHead th {
	border-right: 2px solid #fff;
}
.mbbTable .subHead th.firstHead {
	background-color: #999;
}
.mbbTable .subhead th.firstHead p {
	background-image: none;
}
.mbbTable .subHead th p {
	background-image: none;
	font-size: 1em;
}
.mbbTable tbody th {
	background: #d4d4d4;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	font-size: 1.3em;
}
.mbbTable tbody th span {
	font-size: 2em;
	display: block;
	line-height: 100%;
}
.mbbTable tbody td {
	height: 50px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}
.mbbTable tbody td.lastCol,
.mbbTable .subHead th.lasthead {
	border-right: none !important;
}

/*** ***/

/*** 44 - Product type option ***/
.bbType {
	padding: 0 20px 30px;
}
.bbTypeLast {
	background: url('../../images/browse/bbOptionBg.gif') bottom left no-repeat;
}
.bbType .left {
	float: left;
	width: 365px;	
}
.bbType .right {
	width: 140px;
	float: right;
	margin-left: 35px;
	display: inline;
}
.bbType h2 {
	margin: 0 0 15px;
	padding: 0;
	width: 200px;
}
.bbType img {
	margin-left: 20px;
}
.bbType .price {
	display: block;
	font-size: 1.7em;
	margin-bottom: 5px;
}
/*** ***/

/*** 45 - Extra comparitive price ***/
.extraPriceTable {
	width: auto;
}
.extraPriceTable tbody td {
	height: 50px;
}
/*** ***/

/*** 46 - Bundle summary ***/
.bundleColThree {
	width: 260px;
	float: left;
	margin-right: 20px;
	display: inline; /* For IE6 */
}
.bundleColFour {
	width: 193px;
	float: left;
	margin-right: 16px;
	display: inline; /* For IE6 */
}
.bundleColTwo {
	width: 400px;
	float: left;
	margin-right: 20px;
	display: inline; /* For IE6 */
}
.bundleColFour h2, .bundleColThree h2,
.bundleColTwo h2 {
	font-style: italic;
	line-height: 110%;
}
.bundleSummary .last {
	margin-right: 0 !important;
}
.bundle {
	background: url('../../images/browse/bundleSummaryBg.png') top left repeat-x;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 30px 0;
	text-align: center;
	-moz-box-shadow: 0 3px 3px #929293;
	-webkit-box-shadow: 0 3px 3px #929293;
	box-shadow: 0 3px 3px #929293;
}
.bundleColThree .bundle {
	width: 260px;
}
.bundleColFour .bundle {
	width: 193px;
}
.bundleColTwo .bundle {
	width: 400px;
}
.bundle .bundlePrice {
	padding-bottom: 10px;
	text-align: center;
}.bundle .bundlePrice  p{
	margin: 5px 0;
}
.bundle .bundlePrice p {
	margin-bottom: 5px;
}
.bundle .price {
	font-size: 3em;
	font-weight: bold;
	display: block;
	line-height: 1em;
	margin-bottom: 10px;
}
.bundle .offer {
	color: #678713;
	font-weight: bold;
}
.bundle .first {
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
div.bundleInfo {
	background: #fff url('../../images/browse/bundleInfoBg.jpg') bottom left repeat-x;
	margin: 0 12px;
	padding: 30px 0 30px 0;
	width: auto;
	text-align: left;
}
.bundleExtras {
	margin: 0 12px 20px;
	padding: 10px 0;
	background: #fff;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	text-align: left;
}
.bundleExtras p {
	margin: 0 10px;
	padding: 0;
}
.bundleExtras .extrasTitle {
	color: #888;
	font-size: 1.1em;
}
.bundleExtras .extrasImg {
	border-top: 2px solid #f0f0f0;
	display: block;
	padding: 11px 0 0;
	margin: 10px 0 10px;
}
.bundleExtras .extrasInfo {
	border-top: 2px solid #f0f0f0;
	font-weight: bold;
	display: block;
	padding-top: 10px;
}
.bundle .freeSection {
	text-align: left;
	padding: 0 10px;
}
.bundle .freeSection ul {
	margin: 0 0 15px;
	padding: 0;
}
.bundle .freeSection li {
	color: #4b7c0b;
	font-weight: bold;
	margin: 0 15px 5px 0;
	background: url('../../images/browse/bundleBullet.gif') left 4px no-repeat;
	padding-left: 16px;
	text-align: left;
	list-style: none;
}
.bundle .newCta {
	float: none;
	display: inline-block;
}
/*** ***/

/*** 47 - Bundle core component ***/
div.bcDarkBG {
	background-color: #ddd;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 400px;
}
div.bcDarkBGWide {
	background-color: #ddd;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 540px;
}
div.bcDarkBGNarrow {
	background-color: #ddd;
	margin: 0 0 10px 0;
	padding: 10px;
	width: 172px;
}
div.bundleCore {
	background: #fff url('../../images/browse/bundles/bg-core.gif') left bottom repeat-x;
	color: #333333;
	padding: 25px 10px 10px 10px;
	width: 380px;
}
div.bundleCore.firstBundleCore {
	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;
}
div.bundleCore div.expandController:hover {
	cursor: default;
}
div.bundleCore p.service {
	margin-left: 20px;
}
div.bundleCore div.expandHighlight {
	background: url('../../images/browse/bundles/arrow.png') 5px 12px no-repeat;
	float: left;
	height: 22px;
	width: 15px;
}
div.bundleCore div.expandHighlight.on {
	background-image: url('../../images/browse/bundles/arrow-on.png');
}
div.bundleCore div.bcRightCol {
	margin-left: 69px;
}
div.bundleCore div.bcRightCol ul {
	margin: 0;
	padding: 0;
}
div.bundleCore div.bcRightCol li {
	background: url('../../images/browse/bundles/bullet.png') 0 5px no-repeat;
	list-style: none;
	margin: 8px 0 6px 0;
	padding: 0 0 0 10px;
}
div.bundleCore div.bcRightCol img {
	margin: 5px 0;
}
div.bundleCore div.bcRightCol span.newCta {
	clear: both;
	float: left;
	margin-top: 12px;
}
div.bundleCore div.bcRightCol span.newCta a {
	color: #fff;
}
div.bundleContent {
	padding-bottom: 5px;
}
div.bundleCore .btnGreySmall {
	float: left;
}
/*** ***/

/*** 48 - Bundle extra ***/
div.bundleExtra {
	color: #333;
	width: 400px;
}
div.bundleExtra div.beContent {
	background-color: #fff;
	margin-bottom: 1px;
	padding: 10px;
	cursor: default;
}
div.bundleExtra div.beContent div.expandHighlight {
	background: url('../../images/browse/bundles/arrow.png') 5px 9px no-repeat;
	float: left;
	height: 20px;
	width: 15px;
}
div.bundleExtra div.beContent div.expandHighlight.on {
	background-image: url('../../images/browse/bundles/arrow-on.png');
}
div.bundleExtra div.beContent img {
	float: left;
	margin: 0 0 0 8px;
}
div.bundleExtra div.beContent div.beRightCol {
	float: right;
	font-weight: bold;
	margin: 6px 0 0 0;
	width: 300px;
}
div.bundleExtra div.beContent div.beRightCol p {
	margin: 0;
}
div.bundleExtra div.beContent div.expandContent {
	float: right;
	margin: 6px 0 0 0;
	width: 299px;
}
div.bundleExtra div.beContent div.expandContent p {
	margin: 0;
}
div.bundleExtra div.beContent div.expandContent p a {
	color: #333;
	text-decoration: underline;
}
/*** ***/

/*** 49 - Bundle price ***/
div.bundleBuy {
	color: #333;
	display: inline-block;
	text-align: center;
	width: 172px;
}
div.horizontalBundleBuy {
	text-align: left;
	width: 520px;
}
div.bundleBuy .productPrice {
	display: block;
	font-size: 3em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
div.horizontalBundleBuy .productPrice {
	float: left;
	width: 130px;
}
div.horizontalBundleBuy .extraInfo {
	display: block;
}
div.bundleBuy p {
	margin-bottom: 10px;
}
div.horizontalBundleBuy div.bpLink {
	margin-left: 130px;
	display: inline;
}
div.bundleBuy div.bpLink a {
	color: #333;
	display: inline-block;
	margin-top: 8px;
	text-decoration: underline;
}
div.bundleBuy.horizontalBundleBuy div.bpLink a {
	margin-top: 0;
}
div.bundleBuy.horizontalBundleBuy div.bpContent {
	float: right;
	width: 385px;
}
div.bundleBuy div.bpDetails {
	margin: 10px 0;
}
div.bundleBuy.horizontalBundleBuy div.bpDetails {
	margin: 2px 0;
}
div.bundleBuy.horizontalBundleBuy h2 {
	float: left;
	width: 130px;
}
div.bundleBuy a.newCta {
	display: inline-block;
	float: none;
}
div.bundleBuy.horizontalBundleBuy a.newCta {
	float: right;
}
div.bundleBuy.horizontalBundleBuy div.bpMonth,
div.bundleBuy.horizontalBundleBuy div.bpDetails,
div.bundleBuy.horizontalBundleBuy div.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: block;
	margin: 0;
}
div.shopNav a:hover {
	text-decoration: none;
}
div.shopNav h2 {
	font-weight: bold;
	display: inline-block;
	font-size: 1.4em;
	left: 533px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 60px;
}
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 {
	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;
}

/*** 56. ***/
.cl {clear: both;}

.mobBPromo  {width: 583px;}

.mobBPromo .mobBHead,
.mobBPromo .mobBMiddle,
.mobBPromo .mobBFooter {
	background-image: url('../../images/existingcustomers/mobBBPromoPanel.jpg');
	margin:0;
	padding:10px;
}
.mobBPromo .mobBHead     {
	background-position: 0 0; 
	color: #fff;
	padding-bottom: 15px;
	padding-left: 20px;
}
.mobBPromo .mobBCol {
	float: left;
}
.mobBPromo .mobBMiddle {
	background-position: 0 -308px; 
	color: #333;
}
.mobBPromo .mobBFooter {
	background-position: 0 -798px; 
	color: #fff;
	height: 82px;
	overflow: none;
}
.mobBPromo .mobBHead  .mobBHeadLeft {
	float: left;
	width: 390px;
}
.mobBPromo .mobBHead  .mobBHeadRight {
	float: left; 
	padding-left: 15px;
}
.mobBPromo .mobBHead  h2 {
    font-style: italic;
	margin-top: 3px;
}
.mobBPromo .mobBHead  ul  {
	margin: 0;
	padding: 0;
	width: 195px;
}
.mobBPromo .mobBHead  li  {
	padding: 2px 0px 2px 24px;
	margin: 0;
	list-style-type:none;
	background: url('../../images/elements/bullets/greentickongrey.gif') no-repeat 0 4px;
}

.mobBPromo .mobBMiddlePabel {
	float: left;
	width: 260px;
	padding:0 10px;
}
.mobBPromo .mobBDivider {
	border-right: 1px solid #aaa;
}
.mobBMiddlePabel span {
	margin-bottom: 6px;
}
.mobBMiddlePabel .mobBMidHead {
	font-size: 1.6em;
    font-style: italic;
	margin-bottom: 12px;
	margin-top: 3px;
}
.mobBMiddlePabel ul{padding: 0; margin: 0;}
.mobBMiddlePabel li {
	padding-left: 10px;
	background: url('../../images/elements/bullets/grey.gif') no-repeat 0 6px;
	margin-bottom: 2px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}
.mobBMiddle .mobBMiddleSmallPrint {
	padding: 0 10px;
}
.mobBMiddle .mobBMiddleSmallPrint p{
	margin: 10px 0 0 0;
}

.mobBMiddlePabel .mobBMidTermBox {
	padding: 10px 0 5px 0;
}
.mobBMiddlePabel .mobBMidTermBox img {
	float: right;
	margin: 0 7px 0 0;
}
.mobBMiddlePabel .mobBMidTermBox p {
	float: left;
	margin: 0;
}
.mobBMiddle .mobBMidInline {
	display: inline;
}
.mobBMiddle .mobBMidPrice {
	font-size: 1.8em;
    font-style: italic;	
}
.mobBMiddle .mobBMidTtl {
	font-size: 1.4em;
    font-style: italic;	
	margin: 9px 0 8px 0;
}
.mobBMiddle .mobBMidStrike {
	text-decoration: line-through;
}
.mobBMiddle .mobBMidModem {
	margin-top: 4px;
}


.mobBFooter .mobBFooterLeft {
	float: left;
	font-size:1.5em;
	font-style: italic;	
	padding: 35px 0 0 0;
	width: 237px;
	text-align: right;
}
.mobBFooter .mobBFooterRight {
	float: left;
	padding: 23px 0 0 0;
}
.mobBFooter img {
	float: left;
	padding: 20px 20px 0 17px;
}
.mobBFooter .mobBFooterRight span {
	font-size: 2.1em;
	font-style: italic;	
	display: block;
	margin: 6px 0;
}


/*** 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;
	width: 292px;
	position: absolute;
}
div.hero-right .serviceability {
	font-size: 0.8em;
}
.serviceability .left h3 {
	font-style: italic;
	font-weight: normal;
	font-size: 1.2em;
	height: 47px;
	margin: 0;
	padding: 0 11px;
	line-height: 47px;
}
.serviceability .left h4 {
	margin: 0 11px 5px;
	padding: 8px 0 0;
	font-style: italic;
	font-weight: normal;
	font-size: 1.1em;
}
.serviceability #servUnchecked,
.serviceability #servChecked {
	height: 79px;
}
.serviceability .left {
	float: left;
	color: #fff;
	width: 221px;
	margin: 0;
	padding: 0;
}
.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;
}
.serviceability .left p {
	padding: 0 0 0 11px;
	margin: 0;
}
.serviceability .left .enterPostcode {
	border-style: hidden;
    border-width: 0;
    color: #666;
	padding: 5px 0 0 5px;
    background: url('../../images/browse/serviceabilityInput.gif') top left no-repeat;
	width: 165px;
	height: 28px;
	font-style: italic;
	float: left;
}
.serviceability .left .address {
	color: #666;
	padding: 6px 5px;
    background: url('../../images/browse/serviceabilityInputFull.gif') top left no-repeat;
	width: 190px;
	font-style: italic;
	font-size: 1.2em;
	margin-left: 11px;
}
.serviceability .left .submit {
	float: left;
	width: 30px;
	height: 28px;
}
.serviceability .left .changeAddress {
	font-weight: bold;
	font-size: .9em;
	color: #fff;
	text-decoration: underline;
	float: right;
	background: url('../../images/browse/serviceabilityArw.gif') right 6px no-repeat;
	padding-right: 9px;
	margin-right: 14px;
	margin-top: 3px;
}
.serviceability .left .alert {
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	background: #fecb00 url('../../images/browse/serviceabilityAlert.gif') bottom left no-repeat;
}
.serviceability .left .alert p {
	color: #000;
	margin: 0 15px;
	padding: 9px 0 9px 25px;
	background: url('../../images/browse/serviceabilityAlertIcon.gif') left 10px no-repeat;
}
.serviceability .left .alert a {
	color: #000;
	text-decoration: underline;
}
.serviceability .results {
	float: right;
	width: 71px;
	height: 138px;
	margin: 0;
	padding: 0;
	background: url('../../images/browse/serviceabilityRight.png') top left no-repeat;
	list-style: none;
	border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
}
.serviceability .results li {
	text-indent: -99999px;
	padding: 5px 0 6px 12px;
	margin: 0;
}
.serviceability .results .last {
	border: none;
}
.serviceability li span.icon,
.serviceability li span.icon2 {
	width: 25px;
	height: 20px;
	display: block;
	float: left;
}
.serviceability .broadband .icon {
	background: url('../../images/browse/serviceabilityBB.gif') top left no-repeat;
}
.serviceability .tv .icon {
	background: url('../../images/browse/serviceabilityTV.gif') top left no-repeat;
}
.serviceability .phone .icon {
	background: url('../../images/browse/serviceabilityPhone.gif') top left no-repeat;
}
.serviceability .mobile .icon {
	background: url('../../images/browse/serviceabilityMobile.gif') top left no-repeat;
}
.serviceability .no .icon,
.serviceability .maybe .icon {
	background-position: bottom left;
}
.serviceability .yes .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;
}
.serviceability .left .expander {
	background: url('../../images/browse/serviceabilityExpander.png') top left no-repeat;
	width: 134px;
	height: 36px;
	margin-left: 41px;
	text-align: center;	
	padding-left: 0;
}
.serviceability .expander a {
	color:#fff;
	font-style: italic;
}
.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 .details {
	width: 219px;
	background: #fdfdfd url('../../images/browse/serviceabilityDetails.gif') bottom left repeat-x;
	border: 1px solid #cfcfcf;
	border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	padding-top: 10px;
	padding-bottom: 5px;
}
.serviceability .details p {
	color: #333;
}
.serviceability .details ul {
	margin: 0;
	padding: 0;
}
.serviceability .details li {
	text-indent: -99999px;
	padding: 5px 0;
	list-style: none;
	margin-left: 11px;
}
.serviceability .details li span.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 li .yesText {
	text-indent: 0;
}
.serviceability .details li .yesText a {
	color: #390;
	font-weight: bold;
	text-decoration: underline;
}
.serviceability .details li .noText,
.serviceability .details li .maybeText {
	text-indent: 0;
	color: #000;
	font-weight: normal;
	text-decoration: none;
}
.serviceability .details li .noText a,
.serviceability .details li .maybeText a {
	color: #000;
	text-decoration: underline;
}
.serviceability .details .contact {
	color: #666;
	font-weight: bold;
	text-indent: 0;
	padding-left: 2px;
	padding-top: 8px;
	clear: both;
}
.serviceability .details .contact strong {
	color: #000;
	font-size: 1.5em;
}
.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: #000 bottom left repeat-x;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	margin-bottom: 15px;
	width: 220px;
}
.purchaseHelpModuleInner {
	background: #fff url('../../images/bg/purchaseHelp_bg.png') bottom left no-repeat;
	margin-bottom: 15px;
	width: 200px;
}
.purchaseHelpModuleOuter {
	background: url('../../images/browse/purchaseHelpTop.jpg') top left repeat-x;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 10px 10px;
}
.purchaseHelpModuleOuter h2 {
	font-style: italic;
	font-weight: normal;
	padding: 10px 0 10px 10px;
	margin: 0;
	text-align: left;
	line-height:20px;
	font-size:18px;
}
.purchaseHelpModuleOuter h3 {
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding: 0 0 10px 15px;
}
.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-left:10px;
	padding-bottom: 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;
}
.purchaseHelpFooter ul li {
	border:none;
}
.purchaseHelpFooter span.ctaLink a {
	color:#fff;
	background-image: url('../../images/elements/form_help_link_arrow_white.gif');
}
.purchaseHelpFooter ul li {
	width:80px;
	float:left;
}
/*** ***/

/*** 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 10px;
}
.bundleModuleInner h3 {
	font-size: 1.4em;
	font-weight: normal;
	font-style:italic;
	margin: 0;
	padding: 0 0 10px 10px;
	line-height: 20px;
}
.bundleModuleInner p {
	font-size: 1em;
	font-weight: normal;
	text-align: center;
}
.bundleModule .bundleModuleInner .newCta {
	display: inline-block;
	float: none;
}
.bundleModule .bundleModuleInner {
	color: #fff;
}
/*** ***/

/***72. Top Movies ***/
.withIcon h3 img {
	padding-right: 5px; 
	position: relative;
	top: 5px;
}
.generalPromotion.withIcon h3 {
	padding: 5px 20px 15px;
}
.withIcon h3 span {
	margin-left: 33px;
}
.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: 10px 0 5px 0px;
}
.sideList ul li.first {
	border-top: none;
}
.sideList ul li img {
	display: block;
	float: left;
}
.sideList ul li p {
	margin: 0 0 5px 30px;
	padding-right: 0;
}
.sideList ul li p img {
	background: none;
	left: 0;
	position: relative;
	top: 0;
}
.sideList ul li p a {
	font-size: 11px;
}

/**CSS for component 73**/
.generalPromotion {
	-moz-border-radius: 5px;
	background: #f5f5f5 url('../../images/titles/singleBG.gif') no-repeat scroll 0 0;
	margin: 14px 0 0;
	border: 1px solid #ccc;
	padding: 0 0 10px;
	width: 218px;
}
.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-bottom: 10px;
}
.generalPromotion .generalPadding {
	padding: 0 10px;
}
.greenTick li {
	background: transparent url('../../images/elements/tickGreenSwitch.png') no-repeat;
	padding: 1px 0 1px 20px;
}
.generalPromotion h3 {
	color: #fff;
	font-size: 16px;
	margin: 0;
	padding: 15px 20px;
	width: 178px;
}
.generalPromotion h3 {
	height: 33px;
}
.generalPromotion.doubleHead {
	background: #efefef url('../../images/titles/doubleBG.gif') no-repeat;
}
.generalPromotion.doubleHead h3 {
	height: 49px;
	padding: 10px 20px 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 {
	float: left;
	margin-right: 15px;
}
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: 400px;
}
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.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 {
	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 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 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: 178px;
	margin: 0 20px 0 20px;
	background: url('../../images/browse/loginCTADivider.gif') right repeat-y;
	display: inline;
}
.loginCTA .loginCTAInner .rightCTA {
	float: left;
}
.loginCTA .loginCTAInner .rightCTA .note {
	float: left;
	width: 190px;
	font-size: 1em;
	font-style: normal;
	line-height: 130%;
	padding: 10px 10px 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;
}
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: 27px;
	font-weight: bold;
	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 {
	display: block;
	text-align: center;
	font-size: 23px;
	font-weight: bold;
}

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: 10px;
	border-top: 2px solid #eee;
}
div.myDBBox div.paperLess span {
	margin: 0;
}
div.myDBBox div.paperLess p{
	padding: 0px 0px 15px 70px;
	background: url('../../images/mydashboard/papericon.gif') no-repeat 4px -6px;
	float: left;
	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;}
div.myDBBox .tier_MPLite  {background-position: 0 -588px;} /* More TV */

/* 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, div.myDBBox .tier_RTS5S {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, div.myDBBox .tier_RTS40 {background-position: 0 -141px;} /* 30Mb */
div.myDBBox .tier_RTS50, div.myDBBox .tier_RTS50L, div.myDBBox .tier_RTS50M, div.myDBBox .tier_RTS50S {background-position: 0 -176px;} /* 50Mb */
div.myDBBox .tier_RTS60, div.myDBBox .tier_RTS80 {background-position: 0 -209px;} /* 60Mb */
div.myDBBox .tier_RTS100, div.myDBBox .tier_RTS100M, div.myDBBox .tier_RTS100S, div.myDBBox .tier_RTS100XL {background-position: 0 -280px;} /* 100Mb */
div.myDBBox .tier_RTS120 {background-position: 0 -245px;} /* 120Mb */
div.myDBBox .tier_RTS150 {background-position: 0 -554px;} /* 150Mb/152Mb */

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,
.myAppsTrayClosed,
.myAppsTrayButtonBg {
	display: none; }
	
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;}


/* 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 {
	margin: 0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* 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;
}

/** mobile price rise calculator **/
html.js .calculator-left {
    float: left;
    margin-right: 20px;
    width: 50%;
}
.calculator-right {
    display: none;
}
html.js .calculator-right {
    float: right;
    display: block;
}
.calculator-right form {
    border-radius: 5px;
    border: 3px solid #fb0e00;
    text-align: right;
    margin-top: -28px;
}
.calculator-right .row {
    margin: 12px;
}
.calculator-right p {
    margin-top: 10px;
    font-size: 11px;
}
.calculator-right label,
.calculator-right .label {
    position: relative;
    top: 2px;
    text-align: left;
}
.calculator-right input,
.calculator-right .output {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
    padding: 5px;
    width: 112px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    text-align: right;
}