/* === Temp Custom CSS === */

/*.hiddenStructure{
	display:none;
}*/


/* === End Of Temp Custom CSS === */


/* ==== Start of container.css ==== */
div.mainContainer {
	position: relative;
}
div.mainContainer h1 {
	float: left;
}
div.mainContainer div.helpTip {
	display: inline-block;
	float: left;
	clear: left;
	font-size: 0.8em;
	margin-left: 30px;
	margin-bottom: -100px;
}
div.mainContainer div.helpTip ul{
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
div.mainContainer div.helpTip a.whiteLink{
	color: #fff;
	text-decoration: underline;
	cursor: pointer;
}
div.mainContainer div.helpTip a.whiteLink:hover {
	color: #fff;
	text-decoration: none;
}
div.mainContainer div.headerPanel {
	height: auto!important;
	height: 72px;
	min-height: 72px;
	color: #eee;
}

div.discovermod{
	/*border:1px solid #cccccc; */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px;
	background: url(../images/bg/bgdiscover_module.jpg) top left no-repeat;
	height: 204px;
	width: 210px;
}

div.shopnatmod{
	/*border:1px solid #cccccc; */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px;
	background: url(../images/bg/bgvirgin_shop_nat.jpg) top left no-repeat;
	height: 177px;
	width: 210px;
}
div.welcomemod{
	/* border:1px solid #cccccc; */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	margin-bottom:20px;
	background: url(../images/welcome.jpg) top left no-repeat;
	height: 110px;
	width: 210px;
}

div.mainContainer div.searchPanel {
	background: url(../images/bg/search-bg.png) top left no-repeat;
	position: absolute;
	height: 36px;
	width: 466px;
	right: 0;
	top: 0;
	padding: 12px 10px 10px 30px;
	font-size: 0.9em;
}
div.mainContainer div.searchPanel form div.fields, div.mainContainer div#categorySearch form div.fields {
	float: left;
	padding: 3px;
}
div.mainContainer form div.plainField div.searchWrapper {
	padding: 4px;
	border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
	background-color: #fff;
	display: inline-block;
	width: 195px;
}
div.mainContainer form div.plainField div.searchWrapper input {
	border: 0px;
	width: 190px;
}
.searchNormal {
	display: none;
}
div.mainContainer form div.plainField div.searchWrapper input:focus {
	outline: none;
}
div.mainContainer div.searchFields {
	float: right;
}
div.mainContainer div.searchField {
	display: inline-block;
}
div.mainContainer input.searchButton {
	display: inline-block;
	margin-left: 4px;
	cursor: pointer;
}
div.mainContainer div.helpTip span.toolTipOuter,
div.mainContainer div.searchPanel span.toolTipOuter {
	position: relative;
	top: 3px;
}
div.mainContainer div.statusPanel {
	padding: 8px 20px 15px 10px;
	margin-top: -10px;
	text-align: right;
}
div.mainContainer div.headerPanel div.statusPanel {
	padding-top: 28px;
}
div.mainContainer div.statusPanel span {

	font-weight: 1.5em;
	display: inline-block;
	color: #eee;
	padding: 4px 0 10px 40px;
	background: url('../images/elements/icons/status-icon.png') top left no-repeat;

}
div.mainContainer label input:focus,
div.mainContainer input.searchButton:focus,
div.mainContainer div.statusPanel a:focus {
	outline: 1px dotted #fff;
}
div.mainContainer input.searchButton::-moz-focus-inner { 
    border: 0;
    padding: 0;
}
div.mainContainer a.greyButton {
	background: #dadada url('../images/buttons/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: 6px 10px;
	text-decoration: none!important;
	margin-left: 10px;
}
div.mainContainer a.greyButton:hover {
	background-position: 0 -70px;
}
div.panel div.inner.withNav {
	background: #ffffff url('../images/bg/bg-with-navNew.gif') top left repeat-y;
	position: relative;
}

/* LEFT NAV BEGINS */

div.mainContainer ul.helpNav,
div.mainContainer ul.helpNav ul {
	list-style: none;
	margin: 0;
	width:190px;
	padding: 0;
}
div.mainContainer ul.helpNav {
	margin: -9px 0 0 -20px;
	float: left;
}
div.mainContainer ul.helpNav li {
	float: left;
	clear: left;
	display: inline;
}
div.mainContainer ul.helpNav li a {
	padding: 12px 5px;
	display: inline-block;
	border-bottom: 1px solid #cecece;
	padding-left: 42px;
	width: 143px;
	color: #333333;
	font-size: 1.1em;
}
div.mainContainer ul.helpNav li.first a {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
}
div.mainContainer ul.helpNav li a.home {
	background: url('../images/nav/level1-bgNew2.gif') 0 0 no-repeat;
}
div.mainContainer ul.helpNav li a.BBnI {
	background: url('../images/nav/level1-bgNew2.gif') 0 -70px no-repeat;
}
div.mainContainer ul.helpNav li a.EmailNat {
	background: url('../images/nav/level1-bgNew2.gif') 0 -140px no-repeat;
}
div.mainContainer ul.helpNav li a.TV {
	background: url('../images/nav/level1-bgNew2.gif') 0 -210px no-repeat;
}
div.mainContainer ul.helpNav li a.TP {
	background: url('../images/nav/level1-bgNew2.gif') 0 -280px no-repeat;
}
div.mainContainer ul.helpNav li a.BnP {
	background: url('../images/nav/level1-bgNew2.gif') 0 -350px no-repeat;
}
div.mainContainer ul.helpNav li a.Upgrad {
	background: url('../images/nav/level1-bgNewjoin.gif') 0 -118px no-repeat;
}
div.mainContainer ul.helpNav li a.VM {
	background: url('../images/nav/level1-bgNew2.gif') 0 -845px no-repeat;
}
div.mainContainer ul.helpNav li a.topic1697 {
	background: url('../images/nav/level1-bgNew2.gif') 0 -985px no-repeat;
}
div.mainContainer ul.helpNav li.current a {
	color: #ffffff;
}
div.mainContainer ul.helpNav li.current a.home,
div.mainContainer ul.helpNav li.current a.home:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 0 no-repeat;
}
div.mainContainer ul.helpNav li.current a.BBnI,
div.mainContainer ul.helpNav li.current a.BBnI:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -70px no-repeat;
}
div.mainContainer ul.helpNav li.current a.EmailNat,
div.mainContainer ul.helpNav li.current a.EmailNat:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -140px no-repeat;
}
div.mainContainer ul.helpNav li.current a.TV,
div.mainContainer ul.helpNav li.current a.TV:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -210px no-repeat;
}
div.mainContainer ul.helpNav li.current a.TP,
div.mainContainer ul.helpNav li.current a.TP:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -280px no-repeat;
}
div.mainContainer ul.helpNav li.current a.BnP,
div.mainContainer ul.helpNav li.current a.BnP:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -350px no-repeat;
}
div.mainContainer ul.helpNav li.current a.Upgrad,
div.mainContainer ul.helpNav li.current a.Upgrad:hover {
	background: #000000 url('../images/nav/level1-bg-join.gif') 0 -70px no-repeat;
}
div.mainContainer ul.helpNav li.current a.topic1697,
div.mainContainer ul.helpNav li.current a.topic1697:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -489px no-repeat;
}
div.mainContainer ul.helpNav li a.home:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -420px no-repeat;
}
div.mainContainer ul.helpNav li a.BBnI:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -490px no-repeat;
}
div.mainContainer ul.helpNav li a.EmailNat:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -560px no-repeat;
}
div.mainContainer ul.helpNav li a.TV:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -630px no-repeat;
}
div.mainContainer ul.helpNav li a.TP:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -700px no-repeat;
}
div.mainContainer ul.helpNav li a.BnP:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -770px no-repeat;
}
div.mainContainer ul.helpNav li a.Upgrad:hover {
	background: url('../images/nav/level1-bgNewjoin.gif') 0 -167px no-repeat;
}
div.mainContainer ul.helpNav li a.VM:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -917px no-repeat;
}
div.mainContainer ul.helpNav li a.topic1697:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -1032px no-repeat;
}
div.mainContainer ul.helpNav li a:hover {
	color: #cc0000;
	text-decoration: none;
}
div.mainContainer ul.helpNav li.current a:hover {
	color: #ffffff;
}
div.mainContainer ul.helpNav ul li a,
div.mainContainer ul.helpNav ul.current ul li a {
	background: #e5e5e5 url('../images/nav/level2-bgNew.gif') top left no-repeat!important;
	color: #333!important;
	width: 165px;
	padding-left: 20px;
	font-size: 1.0em;
}
div.mainContainer ul.helpNav li li a:hover,
div.mainContainer ul.helpNav ul.current ul li a:hover {
	background: #c5c5c5 url('../images/nav/level2-bgNew.gif') 0 -80px no-repeat!important;
	color: #ffffff!important;
}

div.mainContainer ul.helpNav li li a:hover,
div.mainContainer ul.helpNav ul.current ul li a.current {
	background: #c5c5c5 url('../images/nav/level2-bgNew.gif') 0 -80px no-repeat!important;
	color: #ffffff!important;
}

div.mainContainer ul.helpNav ul ul li a:hover {
	color: #cc0000;
	text-decoration: none;
}

/* LEFT NAV ENDS */

/* BREADCRUMBS BEGINS */

div.mainContainer div.breadcrumbs {
	width: 660px;
	background-color: #e5e5e5;
	padding: 11px 30px 11px 20px;
	float: right;
	text-align: left;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: -20px;
	margin-top: -9px;
}

/* BREADCRUMBS ENDS */

/* MAIN CONTENT AREA BEGINS */

div.mainContainer div.mainContent {
	width: 670px;
	float: left;
	padding: 20px 20px 0px 20px;
	margin-right: -30px;
}

/* MAIN CONTENT AREA ENDS */

/* COLUMN DEFINITIONS BEGINS */

div.mainContainer div.mainContent div.wideColumn {
	float: left;
	width: 440px;
	overflow:hidden;
}

div.narrowColumn {
	float: right;
	
	width: 210px;
}
div.frontPage{
	width: 220px;
}
/* COLUMN DEFINITIONS ENDS */

/* ELEMENT STYLES BEGINS */

div.tabbedLinks {
    border: 1px solid #cccccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
	background: #eeeeee url(../images/bg/tabs-bg.gif) 0 0 repeat-x;
}
div.tabbedLinks.addedTop {
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
div.tabbedLinks h3 {

	margin-left: 10px;

	padding-top:10px;
}
div.tabbedLinks ul.links {
    list-style: none;
    margin: 0;
    padding: 0;
	background-color: #f7f7f7;
}
div.tabbedLinks ul.links li {
    border-bottom: 1px dotted #ccc;
}
div.tabbedLinks ul.links li:last-child {
    border-bottom: none;
}
div.tabbedLinks ul.arrowLinks {
    list-style: none;
    margin: 0;
    padding: 0;
	background: url(../images/bg/arrows-bg.gif) left bottom repeat-x;
}
div.tabbedLinks li.icon_video a {
    padding: 15px 10px 15px 28px;
	display: inline-block;
	background: url(../images/elements/tab-link-arrow.gif) 8px 14px no-repeat;
}

div.tabbedLinks li.icon_guide a {
    padding: 15px 10px 15px 28px;
	display: inline-block;
	background: url(../images/elements/pdficon.png) 8px 14px no-repeat;
}

div.tabbedLinks a.arrowLink {
	vertical-align: middle;
	height: 25px;
    padding: 11px 10px 11px 36px;
	margin-left: -6px;
	/* margin-right: -1px; */
	display: block;
	color: #333333;
	background: url(../images/bg/spanner-bg.gif) 0 0 no-repeat;
}
div.tabbedLinks li.last a.ctaLink {
    padding: 11px 10px 11px 30px;
	display: inline-block;
}
div.tabbedLinks li.current a.arrowLink {
	background: url(../images/bg/spanner-bg-selected.gif) 0 0 no-repeat;
	color: #ffffff;
}
div.tabbedLinks a.arrowLink:hover {
	text-decoration: none;
	background: url(../images/bg/spanner-bg-selected.gif) 0 0 no-repeat;
	color: #ffffff;
}
div.tabbedContent {
    border: 1px solid #cccccc;
	border-width: 1px 1px 1px 1px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #f6f6f6;
    padding: 0 14px 0 14px;
    margin-bottom: 20px;
	z-index: 10;
    	
}
div.wideColumn div.header {
    background-color: #c5c5c5;
	z-index: 1000;
	position: relative;
}
div.wideColumn div.header h3 {
	font-size: 1.33em;
    font-weight: normal;
    padding: 16px;
    color: #333333;
	margin: 0;
}
div.tabbedContent div.title h3 {
    font-size: 1.33em;
    font-weight: normal;
    margin: 0;
    padding: 18px 0 16px 0;
    color: #333;
}
div.narrowColumn div.header {
	background: #474747 url(../images/bg/assist-bg.gif) 0 0 repeat-x;
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
div.narrowColumn div.header h3{
    font-size: 1.33em;
    font-weight: normal;
    margin: 0;
    padding: 15px 15px 16px 12px;
    color: #ffffff;
	text-align:center;
}
div.narrowColumn div.tabbedLinks div.subheader {
	background-color: #c5c5c5;
	padding: 12px;
}
div.narrowColumn div.tabbedLinks div.subheader p {
	margin: 0;
	padding: 0;
}
div.tabbedContent.details {
	padding-top: 11px;
	padding-bottom: 12px;
}
div.tabbedContent.details h3 {
	margin: 0;
	font-size: 1.5em;
}
div.tabbedContent.details h4 {
	font-size: 1.25em;
	margin: 15px 0 10px 0;
}
div.tabbedContent div.options {
	margin-bottom: 15px;
}
div.tabbedContent div.optionRadio {
	padding: 9px 0 0 0;
	background: #bebebe url(../images/bg/radio-bg.gif) 0 0 repeat-x;
	display: inline-block;
	height: 34px;
	width: 44px;
	float: left;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid white;
	text-align: center;
}
div.tabbedContent div.optionText {
	
	background:transparent;
	padding: 10px 12px 5px 12px;
	display: inline-block;
	width: 338px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
	float: left;
	height: 28px;
	position:relative;	
	/*vertical-align: middle*/
}
div.tabbedContent div.noText{
	width: 362px;
	margin: 0;
	border-bottom: 1px dotted #ccc;
	height: 1px;
	position:relative;
	padding: 0 0 0 0;
}
div.tabbedContent div.noRadio {
	height: 1px;
	width: 44px;
	position:relative;
	border-bottom: 1px solid #cccccc;	
}

/*div.tabbedContent td:nth-child(2) {
	border-top: 1px dotted #ccc;
	height:27px !important;
	padding-top:2px;
}
div.tabbedContent table tr:nth-last-child(1) {
	border-bottom: 1px dotted #ccc;
	height:27px !important;
}
*/

div.tabbedContent div.optionText.first {
	border-top: 1px dotted #ccc;
	height:27px !important;
}
div.tabbedContent div.optionText.first.above {
	border-bottom: none;
	height:27px;
}



div.tabbedContent div.optionText.selected {
	background:none repeat scroll 0 0 #FFFFFF;
	border-bottom:1px dotted #fff;
	border-top:1px dotted #fff;
	border-right:1px solid #FFFFFF;
	font-weight:bold;
	display: inline-block;
	height:27px;
	left:1px;
	padding:14px 12px 0;
	text-align:left;
}


div.tabbedContent.details a.startButton {
	float: left;
}
div.tabbedContent.details input.continueButton {
	float: right;
}

div.tabbedContent ul {
    list-style:none;
    margin:0;
    padding:0;
}
div.tabbedContent ul li{
    border-top:1px dotted #ccc;
    padding:10px 0px 1px 0px;
    margin:0;
    /*border-style: none none none solid;
    border-top:1px dotted #ccc;
    border-width: medium medium medium 1px;
    display: inline;
    margin: 0px;
    padding: 0 2.5em;*/
}

div.tabbedContent ul li.first{
	border-left: none;
}

div.tabbedContent ul li dd {   
   padding:0;
   margin:0;
   border-bottom:0px dotted #cccccc;
   padding-bottom:0.5em;
   margin-bottom:0em;
   display: inline;
}

div.tabbedContent ul li dt {
   font-size:1.1em;
   font-weight:bold;
   margin-bottom:0.7em;   
}

div.paging ul li{
    display: inline;
}
div.tabbedContent div.paging {
	text-align: right;
	color: #cccccc;
	margin-bottom: 15px;
	padding-top: 15px;
	border-top: 1px solid #cccccc;
}
div.tabbedContent div.paging a {
	/*display: inline-block;*/
}
div.tabbedContent a.previousCtaLink {
	background: url("../images/elements/form_help_link_arrow_back.gif") no-repeat scroll left center transparent;
	margin: 1px 0 0;
	padding-left: 7px;
}
div.wideColumn ul.tabs {
	list-style: none;
    margin: 0;
    padding: 0;
	z-index: 20;
	margin-bottom: -7px;
	overflow:hidden;
}
div.wideColumn ul.tabs li {
	display: inline-block;
	float: left;
}
div.wideColumn ul.tabs li a {
	color: #ffffff;
	background: transparent url("../images/bg/tab.gif") bottom center repeat-x;
	font-size: 1.1em;
	display: inline-block;
	width: 100%;
	padding: 10px 0 17px 0;
	text-align: center;
	border-left: 1px solid #ffffff;
}
div.wideColumn ul.tabs li.current a,
div.wideColumn ul.tabs li.current a:hover {
	background: transparent url("../images/bg/tab_selected.gif") bottom center no-repeat;
}
div.wideColumn ul.tabs li a:hover {
	background: transparent url("../images/bg/tab_over.gif") bottom center no-repeat;
}
div.wideColumn ul.tabs li a:hover {
	text-decoration: none;
}
div.wideColumn ul.tabs li#portaltab-browse-0 {
	width: 100px;
}
div.wideColumn ul.tabs li#portaltab-browse-0 a {
	-moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
	border-left: none;
}
div.wideColumn ul.tabs li#portaltab-browse-1 {
	width: 129px;
}
div.wideColumn ul.tabs li#portaltab-browse-2 {
	width: 80px;
}
div.wideColumn ul.tabs li#portaltab-browse-3 {
	width: 130px;
}
div.wideColumn ul.tabs li#portaltab-browse-3 a {
	-moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}
div.wideColumn ul.tabs li.tab1 {
	width: 100px;
}
div.wideColumn ul.tabs li.tab1 a {
	-moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;
	border-left: none;
}
div.wideColumn ul.tabs li.tab2 {
	width: 129px;
}
div.wideColumn ul.tabs li.tab3 {
	width: 80px;
}
div.wideColumn ul.tabs li.tab4 {
	width: 80px;
}
div.wideColumn ul.tabs li.tab4 a {
	-moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

div.narrowColumn div.tabs {
	background-color: #9e9e9e;
	width: 92%;
	margin: 0 auto;
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
}
div.narrowColumn div.tabs ul {
	list-style: none;
    margin: 0;
    padding: 0 20px 0 20px;
}
div.narrowColumn div.tabs ul li {
	display: inline;
}
div.narrowColumn div.tabs ul li a {
	color: #ffffff;
	font-size: 1.2em;
	display: inline-block;
	padding: 10px 10px;
}
div.narrowColumn div.tabs ul li.current a {
	-moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
	background-color: #ffffff;
	color: #333333;
}
div.narrowColumn div.tabs ul li a:hover {
	text-decoration: none;
}

/* ELEMENT STYLES ENDS */
/* ==== end container.css ==== */

/* ==== start content-ckb.css ==== */
h2{
    font-size:2.50em;  
}

h2.broadband{
    /*background:url(../images/bg/broadband_icon.jpg) no-repeat left top;
    height:46px;
     */
    display: inline-block;
    float:left;
    padding:0px 0 10px 0px;
    margin-top:0;
    margin-bottom:0.3em;
	

}

h2.billing{
    /*background:url(../images/bg/billing.jpg) no-repeat left center;
    height:30px;
    display: inline-block;    
    padding:0px 0 0 0px;
    margin-top:0;*/
    margin-bottom:1em;
    

}

h2.email{
    /*background:url(../images/bg/email.jpg) no-repeat left center;
    height:30px;
    display: inline-block;
    padding:0px 0 0 0px;
    margin-top:0;*/
    margin-bottom:0.9em;
	
;
}

h2.tv{
    /*background:url(../images/bg/tv.jpg) no-repeat left center;
    height:30px;
    display: inline-block;
    padding:0px 0 0 0px;
    margin-top:0;*/
    margin-bottom:0.9em;
	

}

h2.telephone{
    /*background:url(../images/bg/telephone.jpg) no-repeat left center;
    height:30px;
    display: inline-block;
    padding:0px 0 0 0px;
    margin-top:0;*/
    margin-bottom:1em;
    	

}

h2.help{
    background:url(../images/bg/help_icon.jpg) no-repeat left top;
    height:32px;
    padding:9px 0 5px 52px;
    margin:18px 0 16px 0;
}


h3.broadband{
    height:29px;
    padding:0px 0 0 3px;
    margin-top:0;
    margin-bottom:0.27em;
	display: inline-block;
	margin-left:0px;

}

h3.broadband cufon{
    margin-top: 4px;
}

h3.billing{
    height:30px;
    padding:0px 0 0 3px;
    margin-top:0;
    margin-bottom:0.27em;
	display: inline-block;
	

}

h3.billing cufon{
    margin-top: 4px;
}

h3.email{
    height:20px;
    padding:0px 0 0 3px;
    margin-top:0;
    margin-bottom:0.27em;
	display: inline-block;
	padding-bottom: 9px;

}

h3.email cufon{
    margin-top: 4px;
}

h3.tv{
    height:20px;
    padding:0px 0 0 3px;
    margin-top:0;
    margin-bottom:0.27em;
	display: inline-block;

}

h3.tv cufon{
    margin-top: 4px;
}

h3.telephone{
    height:20px;
    padding:0px 0 0 3px;
    margin-top:0;
    margin-bottom:0.27em;
	display: inline-block;

}

h3.telephone cufon{
    margin-top: 4px;
}

h4{
  font-weight:normal;

  margin-top:0;
}

/*h4{
    font-size:1.17em;
    font-weight:normal;
}*/

div.panel p.standFirst{
	font-family: Arial;
    font-size:12px;
    margin:0 0 21px 0;
}

div.panel p.mainDescription{
	font-family: Arial;
    font-size:14px;
    margin:0 0 21px 0;
}

div.category{
    border:1px solid #cccccc;
    border-width:0px 1px 1px 1px;
    padding:60px 10px 18px 10px;
    background:url(../images/bg/categoryBg.jpg) #fff repeat-x left bottom;
    position:relative;
    -moz-border-radius:  0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin-bottom:20px;
    height: 120px;
}

div.mainContent div.category{
    padding-top:55px;
    width:288px;
}

div.categoryTitle{
   background:url(../images/bg/categoryTitleBg.jpg) repeat-x left bottom;
   position:absolute;
   top:-2px;
   left:-1px;
   padding:0px 15px 0px 15px;
   margin:0;
   width:269px;
   font-weight:normal;
   -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

div.mainContent div.categoryTitle{
    width:280px;
}

div.categoryTitle h3{
    font-weight:normal;    
    
    color:#fff;
    margin:0;
    padding:14px 0 15px 30px;
}

div.broadband h3{
    background:url(../images/bg/broadband.jpg) no-repeat left center;
}

div.telephone h3{
    background:url(../images/bg/telephone.jpg) no-repeat left center;
}
div.tv h3{
    background:url(../images/bg/tv.jpg) no-repeat left center;
}
div.email h3{
    background:url(../images/bg/email.jpg) no-repeat left center;
}
div.mobile h3{
    background:url(../images/bg/mobile.jpg) no-repeat left center;
}
div.billing h3{
    background:url(../images/bg/billing.jpg) no-repeat left center;
}
div.upgrade h3{
    background:url(../images/bg/upgrade.png) no-repeat left center;
}
div.joiningus h3{
    background:url(../images/bg/joiningus.png) no-repeat left center;
}
div.justjoined h3{
    background:url(../images/bg/justjoined.png) no-repeat left center;
}


div.category p{
    margin:0 0 1.5em 0;
    
}

/*div.categoryFoot, div.contentFoot{
    border-top:1px dotted #a7a7a7;
    padding-top:13px;
    
}*/

div.categoryFoot, div.contentFoot{
    border-top:1px dotted #a7a7a7;
    padding-top:20px;
    overflow:hidden;
    clear:both;
}

div.categoryFootBou
{    
    	border-top: 1px dotted #A7A7A7;
    	bottom: 0;
    	clear: both;
    	overflow: hidden;
    	padding: 20px 0;
    	position: absolute;
	width: 93%;
}

div.contentFoot
{
	border-top:1px dotted #a7a7a7;
	padding-top:20px;
	overflow:hidden;
	clear:both;
}


div#categoryFoot, div.contentFoot{
    padding-top:10px;
    overflow:hidden;
    clear:both;
}

div.categoryFoot a{
    display:block;
    margin-right:10px;
    float:left;
}

div.categoryFootBou a{
    display:block;
    margin-right:10px;
    float:left;
}

div#categoryFoot a{
    display:block;
    margin-right:10px;
    float:left;
}

div.contentFoot a{
    display:block;
}

body.js div.categoryFootBou span.toolTipOuter {
    float:right;
}
body.js div#categoryFoot span.toolTipOuter {
    float:right;
}

div.relatedContent{
    border:1px solid #cccccc;
    border-width:0px 1px 1px 1px;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    position:relative;
    background:url(../images/bg/hotTopics.jpg) repeat-x left bottom;
    padding:50px 14px 0 14px;
    margin-bottom:20px;
}

div.relatedContent div.title{
    background:url(../images/bg/wideColTitle.jpg) no-repeat left top;
    width:390px;
    height:50px;
    position:absolute;
    top:0;
    left:-1px;
    padding:0px 14px;
}

div.narrowColumn div.relatedContent div.title{
    background:url(../images/bg/rightColTitle.jpg) no-repeat left top;
    width:192px;
}

div.relatedContent div.title h3{
    font-size:1.33em;
    font-weight:normal;
    margin:0;
    padding:16px 0 0 0;
}

div#virginmobile{
    margin-top: 6px;
    float: right;
}

div.narrowColumn div#hotTopics.relatedContent{
    margin-top:-19px;
}

div#forumTopics.relatedContent h3{
    padding:5px 0 0 0;
    line-height:1.1;
}

div.relatedContent ul, div.category ul{
    list-style:none;
    margin:0;
    padding:0;

}

div.relatedContent ul li, div.category ul li{
    border-bottom:1px dotted #ccc;
    padding:15px 0;
}

div.relatedContent ul li:last-child, div.category ul li:last-child{
    border-bottom:none;
}

div#forumTopics.relatedContent ul li{
   padding:10px 0;
}

div#forumTopics.relatedContent ul li ul{
    margin:0;
    padding:0;
}

div#forumTopics.relatedContent ul li ul li{
    border-bottom:none;
    padding:2px 0;
}

div.infoBlocks{
    border:1px solid #cccccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom:20px;
    background:url(../images/bg/adsBg.jpg) repeat-x #f2f1ee top left;
    padding:10px 10px 0px 14px;
    /*margin-top: 19px;*/
}

div.contactus{
    border:1px solid #cccccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom:20px;
    background:url(../images/bg/adsBg.jpg) repeat-x #f2f1ee top left;
    padding:10px 10px 0px 14px;
    /*margin-top: 19px;*/
}

#temp {
}


div.infoBlocks p{
    margin:0;
     min-height:44px;
    height:auto !important;
    height:44px;
}

div.infoBlocks.support p{
    background:url(../images/bg/support.gif) no-repeat top right;
    padding-right:50px;   
}

div.infoBlocks.contactus p{
    background:url(../images/bg/support.gif) no-repeat top right;
    padding-right:50px;   
}

div.infoBlocks.manage p{
     background:url(../images/bg/manage.gif) no-repeat top right;
    padding-right:50px;
}

div.infoBlocks.faults p#faults{
     background:url(../images/bg/faults.png) no-repeat top right;
     padding-top: 10px;
}

/*ayush*/
div.infoBlocks.faults{
	background:url(../images/bg/addsBg.jpg) repeat-x #4a4a4a top left;
	color: white;
}
/*ends here*/

div.tabbedContent.details.article div.infoBlocks{
	width:162px;
}



div.askJenny{
    background:url(../images/bg/askJenny.jpg) no-repeat right bottom;
    border:1px solid #cccccc;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    margin-bottom:20px;
    padding:10px 14px 5px 14px;
    min-height:45px;
    height:auto !important;
    height:45px;
    
}

div.askJenny p a{
    display:inline-block;
}

div.askJenny p{
    width:125px;
    background:none;
    margin:0;
}

div.col{
    width:300px;
    float:left;
    margin-right:20px;
    padding-top:2px;    
}

/*div.last
{
    float:right;    
}*/

div.mainContent  div.col{
    width:325px;

}

div.mainContent  div.col.last{
    margin-right:0px;
    /*float:right;*/
}

div.holderClass {
	height: 285px;
	margin: 0px 0 15px 0;
}

div#mainTwoCol {
    width:640px;
    float:left;
}

div.category ul li{
    padding:10px 0;
}

div.category ul li:first-child{
    padding-top:0;
}

div.mainContent .categoryFoot a.ctaLink{
    font-weight:bold;
}

div.searchResults div.tabbedContent {
    border-width: 1px 1px 1px 1px;
    -moz-border-radius: 0px 4px 4px 4px;
   /* -webkit-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 0px;*/
}


dl{
    padding-bottom:3em;
}

dt{
   /*font-size:1.33em;*/
   /*margin-bottom:0.7em;*/
}

dd{
    padding:0;
    margin:0;
    /*border-bottom:1px dotted #cccccc;*/
   /* padding-bottom:1.5em;
    margin-bottom:1.5em;*/
}

dd:last-child{
    border-bottom:none;
}

div.wideColumn.searchResults ul.tabs li.tab2 a {
    -moz-border-radius: 0px 4px 4px 4px;
    -webkit-border-radius: 0px 4px 4px 4px;
    border-radius: 0px 4px 4px 0px;
}

div.wideColumn div.paging{
    border-top:none;
    color:#333;
    margin-bottom:15px;
    padding-top:15px;
    text-align:right;
    font-size:12px;
}

div.wideColumn div.paging span{
    text-align:left;
    /*float:left;
    display: inline;*/
    padding-left: 0px;
    padding-right: 70px;
    /*margin-right: 90px;*/
}


div.wideColumn div.paging.top {
  background:url(../images/bg/divider.jpg) no-repeat center bottom;
  padding-bottom:20px;
}

div.wideColumn div.paging.bottom {
    background:url(../images/bg/divider_bottom.jpg) no-repeat center top;
    padding-top:20px;
}

div.paging.top a.previousCtaLink, 
div.paging.bottom a.previousCtaLink {
    background:url(../images/bg/prev.gif) no-repeat left center;
    padding-left:26px;
    padding-top: 5px;
}

div.paging.top a.nextCtaLink,
 div.paging.bottom a.nextCtaLink{
    background:url(../images/bg/next.gif) no-repeat right center;
    padding-right:26px;
    padding-top: 5px;
}

div.wideColumn div.paging a{
    height:18px;
}

div#categorySearch{
    background:#313131;
    padding:10px 10px 5px 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom:19px;
    overflow:hidden;
	display:none;
}

div.mainContainer div#categorySearch div.searchFields {
    float:left;
}

div.mainContainer div#categorySearch form div.plainField div.searchWrapper {
    width:250px;
}

div.mainContainer div#categorySearch form div.plainField div.searchWrapper input {
    width:245px;
}

div.mainContainer div#categorySearch form div.plainField.fields{
    margin-top:6px;
}

div.utilNav{
	border-bottom:1px dotted #CCCCCC;
	overflow:hidden;
	margin-bottom:15px;
}

div.utilNav ul{
	margin:0;
	padding:0;
	float:right;
}

div.utilNav ul li{
	border:none;
	padding:0;
	margin-left:10px;
	display:block;
	float:left;
	padding:5px 0 10px 0;
}

div.utilNav ul li:last-child{
	padding:5px 1px 10px 0;
}


div.details.article h3{
	font-size:1.67em;
	font-weight:normal;
	line-height:1.1;
	margin-bottom:13px;
}

div.details.article{
	margin-bottom:20px;
}


div.contentFoot div.fields{
	font-size:1.33em;
}

div.contentFoot div.fields{
	margin-bottom:15px;
}

div.contentFoot div.fields.comments label{
	display:block;
	margin-bottom:15px;
}


div.contentFoot div.fields.comments div.inputWrapper {
	width:408px;
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:1px solid #666666;
    background:#fff;
    min-height:89px;
}

div.contentFoot div.fields.comments textarea{
	display:block;
	width:398px;
	padding:5px;
	border:none;
	font-size:0.75em;
	min-height:79px;
	height:auto !important;
	height:79px;
	
}

div.additionalHelp{
	overflow:hidden;
	width:410px;
	margin-right:-20px;
}

div.additionalHelp div.infoBlocks{
	width:162px;
	float:left;
	margin-right:10px;
}

a.ctaLink.back {
background:transparent url(../images/elements/form_help_link_arrow_back.gif) no-repeat scroll left center;
margin:0px 0px 20px 0px;
padding-left:7px;
float:left;
}

a.ctaLink.backToTop {
background:transparent url(../images/elements/form_help_link_arrow_up.gif) no-repeat scroll right center;
float:right;
}
/* ==== end content-ckb.css ==== */


/* ==== start forms.css ==== */
form {
	margin: 0;
	padding: 0;
	position: relative;
}
fieldset {
	border: none;
	margin: 0;
	padding: 0;
}

/*** left column fieldsets ***/
div.col_1 form fieldset {
	padding: 0 20px 9px 77px;
}
div.col_1 form fieldset.extra { /* ie6.css */
	background: url('../images/forms/extra_fieldset_bg.png') no-repeat 45px 0px;
	padding-top: 14px;
}

/*** left column user icon ***/
div.col_1 form div.user_icon {
	background: url('../images/elements/user_icon_shadow.gif') no-repeat center bottom;
	left: 11px;
	margin-top: 3px;
	padding-bottom: 15px;
	position: absolute;
}

/*** intro block for authentication details ***/
form div.authenticate {
	margin: 7px 0 18px;
}
form div.authenticate h3 {
	color: #333;
	margin-bottom: 5px;
}

/*** top level field container ***/
form div.field {
	margin: 0;
	padding: 8px 0 0;
	position: relative;
}
form div.double {
    padding-bottom: 7px;
}

/*** error messaging ***/
form div.field div.error {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: url('../images/forms/error_indicator.gif') no-repeat 8px center;
	border: 1px solid #c00;
	float: right;
	margin-right: 0px;
	padding: 10px 0;
	width: 200px;
	z-index: 2;
}
form div.field.invalid div.error {width:180px;}
form div.field div.error div {
	font-size: .91667em;
	line-height: 1.25em;
	padding-left: 36px;
}
form div.invalid div.error {
	display: block;
}
form div.field div.alignErrorToPrevious {
	top: -58px;
}
form div.locked div.error {
	display: none;
}

/*** main input labels ***/
form div.field div.label {
    float: left;
}
form div.field div.label label,
form div.field div.label div.textConfiguration {
    display: block;
    font-size: 16px; /* equiv 16px */
    text-align: right;
    line-height: 36px;
    width: 250px;
}
form div.field div.label div.textConfiguration {
	float: right; 
}
form div.field div.label span {
	font-size: .6111em; /* equiv 11px */
	line-height: 0;
}
form div.double div.label {
    padding-top: 8px;
}
form div.double div.label label ,
form div.double div.label div.textConfiguration {
    line-height: 20px;
}

/*** main input container ***/
form div.field div.input {
	margin-left: 266px;
	position: relative;
}

form div.field div.input input {
	border: none;
	border-width: 0;
	display: block;
	padding: 0;
	font-family: Arial, sans-serif;
	font-size: 1.1667em;
	width: 263px;
}
form div.field div.input div.postcode input {
	width:110px;
}
form div.field div.input div.year input {
	width: 58px;
}

/*** field hints ***/
form div.field div.input span.hint {
	font-size: 0.91667em;
	left: 319px;
	line-height: 1.25em;
	position: absolute;
	top: 0;
	width: 180px;
}
form div.field div.active span.hint {
	display: block;
}

/*** password strength indicator ***/
form div.field div.input span.passwordStrength {
	width: 140px;
}
form div.input span.passwordStrength span.icon {
	background: url('../images/forms/strength_indicator.gif') no-repeat 0 0;
	display: none;
	float: left;
	height: 28px;
	margin: 5px 5px 1em 0; /* bottom margin added to stop text wrapping underneath */
	width: 30px;
}
form div.input span.passwordStrength span.strengthLevel {
	display: block;
}
form div.input span.passwordStrength span.strengthDescription {
	font-weight: normal;
}

/*** container for multiple (floated) inputs (e.g. last bill date) ***/
form div.field div.multipleInputs {
    margin-left: 266px;
}
form div.field div.multipleInputs div.input {
	float: left;
	margin: 0 10px 0 0;
}

/*** field borders - default ***/
form div.field div.input div.inputWrapper { 
	background: url('../images/forms/input_14px_default_right.gif') no-repeat right center;
	margin-right: 12px;
	width: 310px;
}
form div.field div.input div.inputWrapper div {
	background: url('../images/forms/input_14px_default_left.gif') no-repeat left center;
	margin: 0 33px 0 0;
	padding: 11px 0 10px 14px;
}
form div.field div.multipleInputs div.inputWrapper,
form div.field div.date div.inputWrapper {
	background: url('../images/forms/input_14px_default_date_right.gif') no-repeat right center;
	float: left;
	margin-right: 4px;
}
form div.field div.multipleInputs div.inputWrapper div {
	margin-right: 10px;
}
form div.field div.date { /* ie.css */
}
form div.noHint div.date div.inputWrapper div {
	margin-right: 6px;
}

/*** field borders - active ***/
form div.field div.active div.inputWrapper {
	background: url('../images/forms/input_14px_active_hint_right.gif') no-repeat right center;
}
form div.noHint div.active div.inputWrapper {
	background: url('../images/forms/input_14px_active_right.gif') no-repeat right center;
}
form div.field div.active div.inputWrapper div {
	background: url('../images/forms/input_14px_active_left.gif') no-repeat left center;
}
form div.noHint div.multipleInputs div.active div.inputWrapper {
	background: url('../images/forms/input_14px_active_date_right.gif') no-repeat right center;
}

/*** field borders - error ***/
form div.invalid div.input div.inputWrapper {
	background: url('../images/forms/input_14px_error_right.gif') no-repeat right center;
}
form div.invalid div.input div.inputWrapper div {
	background: url('../images/forms/input_14px_error_left.gif') no-repeat left center;	
}
form div.invalid div.multipleInputs div.input div.inputWrapper {
	background: url('../images/forms/input_14px_error_date_right.gif') no-repeat right center;
}

/*** field borders - locked ***/
form div.locked div.input div.inputWrapper {
	background-image: url('../images/forms/input_14px_locked_right.gif');
}
form div.locked div.input div.inputWrapper div {
	background-image: url('../images/forms/input_14px_locked_left.gif');
}
form div.locked div.multipleInputs div.input div.inputWrapper {
	background: url('../images/forms/input_14px_locked_date_right.gif') no-repeat right center;
}

/*** supplemental inputs (e.g. show my password ***/
form div.field div.supplemental {
    margin-left: 266px;
	margin-top: 7px;
}
form div.field div.supplemental input { /* ie6.css */
	background: none;
	float: left;
	margin: 0 5px 0 2px;
	padding: 0;
	width: 15px;
}
form div.field div.beforeHelp {
	position: absolute;
}

/*** field help links ***/
form div.help { 
	clear: left;
	margin-right: 220px;
	text-align: right;
}
.cols_1 form div.help { 
	margin-right: 340px;
}
form div.helpCaptcha { 
	margin-right: 329px;
}

/*** non-input display in form container ***/
form div.field div.display {
    font-size: 1.1667em;
    line-height: 36px;
    padding-top: 1px;
}

/*** specific field widths ***/
form div.field div.input div.short {
	float: left;
	width: 125px;
}
form div.field div.input div.day { 
	width: 70px;
}
form div.field div.input div.years,
form div.field div.input div.months,
form div.field div.input div.month,
form div.field div.input div.monthMoved {
	width: 124px;
}
form div.field div.input div.year,
form div.field div.input div.yearMoved { 
	width: 85px;
}
form div.field div.input div.residenceYear { 
	width: 115px;
}
form div.field div.amount div.pounds { 
	width: 62px;
}
form div.field div.amount div.pence {
	width: 45px;
}
form div.field div.input div.area {
	width: 125px;
}
form div.field div.short input {
	width: 78px;
}
form div.field div.amount div.pounds input { 
	width: 38px;
}
form div.field div.amount div.pence input { 
	width: 21px;
}

/*** stepper ***/
form div.field div.stepper div.inputWrapper { 
	background-image: url('../images/forms/input_14px_default_stepper_right.gif');
	width: 55px;
}
form div.field div.stepper div.inputWrapper div { 
	background-image: url('../images/forms/input_14px_default_stepper_left.gif');
	margin-right: 10px;
	padding: 8px 0 8px 11px;
}

/*** text inline with floated inputs ***/
form div.field div.multipleInputs span { 
	display: block;
	float: left;
	font-size: 1.33em;
	margin-right: 4px;
	margin-top: 13px;
}

/*** general form text and colours ***/
form div.field p {
	color: #000;
}
form div.locked {
	color: #757575;
}
form div.locked div.input div.inputWrapper input {
	background-color: #f3f3f3;
}

/*** radio button options ***/
form div.radio {
	line-height: 1.9em;
	overflow: hidden;
	padding-bottom: 1px;
}
form div.double div.radio {
    padding-top: 9px;
}
form div.field div.radio input {
	float: left;
	margin: 11px 3px 0 2px;
	width: auto;
}
form div.radio label,
form div.radio div.textConfiguration {
	display: block;
 	float: left;
 	font-size: 16px;
 	line-height: 36px;
 	margin: 0 10px;
}
form div.radio label span {
	color: #666;
}
form div.field div.checkbox input {
    float: left;
    width: auto;
}
form div.field div.checkbox label,
form div.field div.checkbox div.textConfiguration  {
    display: block;
    margin-left: 30px;
    padding-top: 3px;
    width: 300px;
}

/* js only rules */
.js .securityQuestion .ownQuestion,
.js span.hint {
	display: none;
}

/*** misc ***/
form div.field img.captcha {
	float: left;
	margin-right: 10px;
}
form p.termsItem input {
	margin: 0 5px;
	padding: 0;
}

/*** dropdowns ***/
form div.field div.input div.inputWrapper .dd_display,
form div.field div.input div.inputWrapper input {
	background: none;
	height: 16px;
	margin: 0;
	padding: 0;
}
#tv_extras_panel form div.field div.input div.inputWrapper .dd_display {
    background: url('../images/forms/input_14px_default_left.gif') no-repeat;
}
#tv_extras_panel form div.field div.input.active div.inputWrapper .dd_display {
    background: url('../images/forms/input_14px_active_left.gif') no-repeat;
}
#tv_extras_panel form .kit div.field {
    float: left;
}
#tv_extras_panel form div.field div.input div.inputWrapper {
    margin: 0;
    width: 80px;
}
#tv_extras_panel form div.field div.input div.inputWrapper .dd_display,
table form div.field div.input div.inputWrapper .dd_display {
	margin: 0 33px 0 0;
	padding: 11px 0 10px 14px;
}
form div.field div.multipleInputs div.input .dd_display {
	background: none;
	padding: 0 4px 0 0;
}
form div.field div.input div.inputWrapper .dd_display span {
	display: block;
	float: left;
	font-size: 1.167em;
	line-height: 1em;
	margin: 1px 0 0;
}
form div.field div.input div.addressField .dd_display span {
	display: block;
	float: left;
	font-size: 1.167em;
	line-height: 1em;
	margin: 1px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 230px;
}
.dd_display a {
	background: url('../images/forms/flyout_control.gif') no-repeat center center;
	display: block;
	float: right;
	height: 25px;
	left: 4px; /* IE7 */
	position: relative; /* IE7 */
	top: -5px; /* IE7 */
	width: 25px;
}

.dd_display a:hover {
	background-image: url('../images/forms/flyout_control_over.gif');
}
form div.field div.input div.inputWrapper .dd_display, form div.field div.input div.inputWrapper input {
	outline:none;
}
.dd_display a.up {
	background-image: url('../images/forms/stepper_control_up.gif');
	height: 10px;
	top: -2px;
	width: 21px;
}
.dd_display a.up:hover {
	background-image: url('../images/forms/stepper_control_up_over.gif');
}
.dd_display a.down {
	background-image: url('../images/forms/stepper_control_down.gif');
	height: 11px;
	width: 21px;
	top: -2px;
}
.dd_display a.down:hover {
	background-image: url('../images/forms/stepper_control_down_over.gif');
}
form div.field div.input div.inputWrapper .dd {
	background: #fdfdfd none;
	border: 1px solid #666;
	display: none;
	height: auto;
	left: 3px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 33px;
	z-index: 1000;
}
form div.field div.input div.inputWrapper .ddGrid {
	width: 185px;
}
form div.field div.input div.inputWrapper .ddDay {
	width: 202px;
}
form div.field div.input div.inputWrapper .ddArea {
	width: 137px;
}
.dd a {
	color: #000;
	display: block;
	font-size: 1.167em;
	padding: 6px;
}
.ddGrid a {
	border: 1px solid #c8c8c8;
	border-left-width: 0;
	border-top-width: 0;	
	float: left;
	padding: 6px 0;
	text-align: center;
}
.dd a.selected,
.dd a:hover {
	background-color: #c00;
	color: #fff;
}
.dd a:hover {
	background-color: #ddd;
	color: #000;
}
.ddArea a {
	width: 45px;
}
.ddDay a {
	width: 28px;
}
form div.field.invalid {
	clear: both;
}
.ddyear a {
	width: 36px;
}

/*** text area elememts - same look as input/textboxes ***/
form div.field div.input div.textareaWrapper {
	background: transparent url('../images/forms/textarea_default_right.gif') no-repeat right center;	
}
form div.field div.input div.textareaWrapper div {
	background: transparent url('../images/forms/textarea_default_left.gif') no-repeat left center;
}
form div.invalid div.input div.textareaWrapper {
	background: transparent url('../images/forms/textarea_error_right.gif') no-repeat right center;
} 
form div.invalid div.input div.textareaWrapper div {
	background: transparent url('../images/forms/textarea_error_left.gif') no-repeat left center;
}
form div.field div.active div.textareaWrapper {
	background: transparent url('../images/forms/textarea_active_hint_right.gif') no-repeat right center;
} 
form div.field div.active div.textareaWrapper div {
	background: transparent url('../images/forms/textarea_active_left.gif') no-repeat left center;
}
form div.noHint div.active div.textareaWrapper {
	background: transparent url('../images/forms/textarea_active_right.gif') no-repeat right center;
} 
form div.textareaStyle div.error {
	margin-top: 21px;
}
form textarea {
	font-family: Arial,sans-serif;
	/*font-size: 1.1667em;*/
	font-size: 1.33 em;
	resize: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background:#FFFFFF url(../images/bg/textarea.gif) repeat-x scroll left top;
	border:1px solid #444;
	padding:5px;
}
.buttonsSection {
	border-top: 1px solid #ccc;
	clear: both;
	margin-top: 26px;
	overflow: hidden;
	padding-top: 10px;
	width: 100%;
}
.buttonsSection input {
	float: right;
	margin-left: 20px;
}
/* ==== end forms.css ==== */


/* ==== start global.css ==== */
body {
	background: #000000;
	font-family: Arial, sans-serif;
	font-size: 100%;
	margin:0;
	line-height: .9375em; /* equiv 15px */
}

div#content {
	background: #770000 url(../images/bg/red_pool2.jpg) no-repeat center -146px;
    background-attachment: fixed;	
	padding: 0 0 50px 0;
}

a {
	color: #333;
	text-decoration: none;
}
a:hover {
	color: #c00;
	text-decoration: underline;
}
/*focus requires to be commited to all states and variations*/
/*focus end*/
img {
    border: none;
}

/*** headings ***/
h1 {
	font-family: Helvetica Neue 45 Light;
    color: #fff;
	display: inline-block;
    /* margin: 8px 0 14px 0; */
    padding: 0 30px;
	z-index: 10;
}
p.subTitle {
	color: #fff;
	display: inline;
}
div.underTitle {
	margin-top: -50px;
	z-index: -1;
}
div.helperNav {
	float: right;
	position: relative;
	right: 30px;
	top: 36px;
}
div.panel_tabbed h1 {
    line-height: 57px; /* taking into account relative offset of tabs below */
}
div.panel_hero h1,
div.panel_breadcrumb h1 {
    line-height: 63px;
}

/*** nav etc ***/
#nav {
	clip: rect(0px,960px,114px,0px);
	height: 90px;
	overflow: hidden;
	width: 960px;
}
div.buttons {
	margin-right: 40px;
	overflow: hidden;
	padding: 0 4px 4px 0;	
}
.withHeader {
	position: relative;
}
.withHeader .formContainer,
.withHeader .contentContainer {
	margin-top: 30px;
}
.withHeader .panel .inner {
	padding-top: 98px;
}
.formContainer .header,
.contentContainer .header {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
	background: #777671 url('../images/panels/header_tile.gif') repeat-x center bottom;
	color: #fff;
	font-size: .875em; /* equiv 14px */
	left: 70px;
	padding-top: 24px;
	position: absolute;
	top: 2px;
	width: 824px;
	z-index: 2;
}
.formContainer .header .inner,
.contentContainer .header .inner {
	overflow: hidden;
	padding: 0 44px 20px 60px;
}
.header .introduction {
	float: left;
	width: 460px;
}
.header .widget {
	background-color: #999;
	float: right;
	height: 20px;
	width: 260px;
}
#container .header h2 {
	background-image: url('../images/titles/jointhevirginmediacommunity.gif');
	height: 64px;
	margin: 0 0 8px 14px;
	width: 387px;
}
.header p {
	margin: 0 0 0 14px;
	line-height: 1.3em;
}

/* form layouts */
.contentContainer h2 {
	margin-left: 4px;
}
div.cols_2 .formContainer h2 {
	margin-left: 80px;	
}
.formContainer .panel p {
	margin-left: 79px;
}
.formContainer .panel fieldset p {
	margin-left: 2px;
	width: 290px;
}
.contentContainer .panel p {
	margin-left: 3px;
	width: 342px;
}
.formContainer div.buttons { /* ie6.css */
	margin: 0 0 15px 77px;
	width: 284px;
}
.contentContainer div.buttons {
	margin-bottom: 15px;
	margin-right: 0;
	width: 342px;
}
#register ul {
	list-style: none;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0;
}
#register ul li {
	display: block;
	float: left;
	margin: 0 0;
	text-align: center;
	width: 64px;
}

/* login block */
#login h2 {
	background-image: url('../images/titles/signin.gif');
	width: 103px;
}
#confirmPassword h2 {
	background-image: url('../images/titles/justchecking.gif');
	width: 236px;
}
#forgottenYourPassword h2 {
	background-image: url('../images/titles/forgottenyourpassword.gif');
	width: 402px;
}
#forgottenPassword h2 {
	background-image: url('../images/titles/forgottenpassword.gif');
	width: 310px;
}
#unregisteredEmailAddress h2 {
	background-image: url('../images/titles/unregisteredemailaddress.gif');
	width: 418px;
}
#allDone h2 {
	background-image: url('../images/titles/alldone.gif');
	width: 137px;
}
#changePassword h2 {
	background-image: url('../images/titles/changeyourpassword.gif');
	width: 361px;
}
#changePasswordEmail h2 {
	background-image: url('../images/titles/changepasswordemailsent.gif');
	width: 451px;
}
#findMe h2 {
	background-image: url('../images/titles/helpfindmyusername.gif');
	width: 358px;
}

/* registration teaser */
#register h2 {
	background-image: url('../images/titles/joinin.gif');
	width: 100px;
}
#register .testimonial {
	margin-left: -9px;
	margin-top: 37px;
}

/* registration section */
#registration .panel h2 {
	background-image: url('../images/titles/openyouronlineaccount.gif');
	width: 401px;
}

/* content stuff */
ul.options {
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
}
ul.options li { /* ie6.css */
	padding: 2px 0 2px 45px;
	margin-bottom: 18px;
	min-height: 35px;
}
ul.options li.email {
	background: url(../images/content/icon_email.gif) no-repeat left center;
}
ul.options li.online {
	background: url(../images/content/icon_online.gif) no-repeat left center;
}
ul.options li span {
	display: block;
}
ul.iconList {
    list-style: none;
    margin: 0;
    padding: 5px 0;
}
ul.iconList li {
    background: no-repeat 17px center;
    line-height: 19px;
    margin-bottom: 8px;
    padding-left: 50px;
}
ul.redBullet {
	list-style: none;
	margin: 0;
	padding: 0 0 10px;
}
ul.redBullet li {
	background: url('../images/elements/bullets/red.gif') left 5px no-repeat;
	list-style: none;
	padding-left: 16px;
}

/* Unordered list with bold heading */
ul.headingList li {
	margin-bottom: 15px;
}
ul.headingList li strong {
	display: block;
	margin-bottom: 5px;
}
div.panel p.withIcon { 
	padding: 2px 0 3px 45px;
}
div.panel p.withIcon span {
	display: block;
}
div.panel p.email {
	background: url('../images/content/icon_email.gif') no-repeat left center;
}
div.panel p.phone {
	background: url('../images/content/icon_phone.gif') no-repeat left center;
}

/* button styles */
.buttonHolder {
    overflow: hidden;
    padding: 10px 3px 0 0;
}   
.newCta {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    background: #9c0000 repeat-x center top;
    border: none;
    color: #fff;
    display: block;
    font-family: Helvetica, sans-serif;
    font-style: italic;
    margin: 0 0 4px;
    overflow: visible;
    padding: 0;
    width: auto;
}

.newCtaLight {
    border-radius: 4px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px; 
    box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    background: #9c0000 repeat-x center top;
    border: none;
    color: #fff;
    display: block;
    font-family: Helvetica, sans-serif;
    /*font-style: italic;*/
    margin: 0px 1px 0px -1px;
    overflow: visible;
    padding: 0;
    width: auto;
}


.newCta:hover {
    background-position: center bottom;
}
a.newCta {
    float: right;
}
a.newCta:hover {
    text-decoration: none;
}
.ctaLarge {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 23px 0 20px;
}
.ctaMedium {
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    padding: 0 18px 0 15px;
}

.ctaMediumLight{
    font-size: 15px;
    height: 27px;
    line-height: 23px;
    padding: 2px 0px 2px 7px;
    width: 220px;
}
.ctaSmall {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 13px 0 10px;    
}
.ctaPrimaryLarge {
    background: transparent url('../images/buttons/primary_large_bg.png');
}
.ctaSecondaryLarge {
    background: transparent url('../images/buttons/secondary_large_bg.png');
}
.ctaTertiaryLarge {
    color: #333;
    background: transparent url('../images/buttons/tertiary_large_bg.png');
}
.ctaPrimaryMedium {
    /*background: transparent url('../images/buttons/primary_medium_bg.png');*/
    background: url('../images/bg/generalPromoterRed.gif') bottom left no-repeat;
    text-align: left;
    padding-left: 6px;
}
.ctaSecondaryMedium {
    background: transparent url('../images/buttons/secondary_medium_bg.png');
}
.ctaTertiaryMedium {
    color: #333;
    background: transparent url('../images/buttons/tertiary_medium_bg.png');
}
.ctaPrimarySmall {
    background: transparent url('../images/buttons/primary_small_bg.png');
}
.ctaSecondarySmall {
    background: transparent url('../images/buttons/secondary_small_bg.png');
}
.ctaTertiarySmall {
    color: #333;
    background: transparent url('../images/buttons/tertiary_small_bg.png');
}

#faults .newCta {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px; 
    box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.7);
    background: #9c0000 repeat-x center top;
    border: none;
    color: black;
    display: block;
    font-family: Helvetica, sans-serif;
    font-style: italic;
    font-size:12px;
    margin: 0 0 4px;
    overflow: visible;
    padding: 0;
    width: auto;
}


#faults .ctaPrimaryMedium {
    /*background: transparent url('../images/buttons/faults.png');*/
    background: url("../images/buttons/bg-button.gif") repeat-x scroll 0 -7px #DADADA;
    /*background: gray;
    width: 139px;
    height: 37px;*/
    width: 130px;
    height: 28px;
    text-align: center;
}

#faults .ctaPrimaryMedium:hover {
	background-position: 0 -70px;
}

.faults {
   
    background: transparent url('../images/buttons/faults.png');
}
.newCta img {
    padding-left: 7px;
    position: relative;
    top: 1px;
}

/*** old ***/  	
.ctaButton {
	background-position: center top;
	background-repeat: no-repeat;
	border: none;
	display: block;
	float: right;
	height: 37px;
	margin-top: 10px;
	text-indent: -999em; 
}
a.ctaButton { /* ie6.css */
	line-height: 10em;
	text-indent: 0;
}
.ctaButton:hover {
	background-position: center bottom !important;
}
input.ctaButton {
	cursor: pointer;
	line-height: 0;
	padding: 0;
}
a.ctaLink {
	background: url('../images/elements/form_help_link_arrow.gif') no-repeat right center;
	margin: 1px 0 0;
	padding-right: 7px;
}

a.catFoot {
	color: #cc0000;
}

a.notcustomeranchor
{
	margin-top: 5px;
}

a.ctaLinkWhite {
	color: #fff;
	background: url('../images/elements/form_help_link_arrow_white.gif') no-repeat right center;
	font-size: 12px;
	margin: 1px 0 0;
	padding-right: 7px;
}

li.credit a.ctaLink {
background:url('../images/elements/popUpIcon.gif') no-repeat right center;
padding-right:15px;
}


a.ctaLinkWht {
	background: url('../images/elements/ctaLinkWht.gif') no-repeat right center;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 1px 0 0;
	padding-right: 7px;
}
.tertiary {
	margin-right: 10px;
}

/* text stuff */
fieldset h3 {
	color: #c00;
	font-size: 2em; /* equiv 24px */
	font-weight: normal;
	line-height: 1em;
	margin: 2px 0 10px 2px;
	padding: 0;
}
.highlight {
	color: #3c7a00;
	font-size: 1.1667em;
	font-weight: bold;
}
.or {
	background: url(../images/forms/alternatives_divider.gif) no-repeat center center;
	clear: left;
	font-size: 1.5em;
	margin-bottom: 15px;
	text-align: center;
	width: 270px;
}

/* image title replacement generic class */
.replaceH1 {
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	margin: 6px 0 14px 0;
	text-indent: -999em;
}

/* direct debit */
div.dd_mandate {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background-color: #e7e7e7;
	border: 2px solid #2e2e2e;
	margin: 10px 0;
	padding: 20px;
}
div.dd_mandate h3 {
    color: #333;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    margin: 0 0 12px;
    padding: 0;
}
div.dd_mandate h4 {
	margin-bottom: .4em; /* !!! needed? */
}
div.dd_mandate img {
	float: right;
}
div.dd_mandate ul {
	border-top: none;
	font-size: 11px;
	margin: 0 0 0 18px;
	padding: 0;
}
div.dd_mandate ul li {
	list-style: disc;
	margin: 0;
	padding: 10px 0;
}

/* misc */
.accessibility {
	display: none;
}
div.error {
	display: none;
}
div.show {
	display: block;
}
.placeholder {
	opacity: 0.3;
}
.clear {
	clear: both;
}
.clearLeft {
	clear: left;
}
.clearRight {
	clear: right;
}
.noBorder {
	border: none !important;	
}
.noBgImg {
	background-image: none !important;
}
.noBg {
	background: none !important;
}
.centerText {
	text-align: center;
}

/* -- Standard Floating Functions --*/
.floatLeft {
	float: left !important;
}
.floatRight {
	float: right !important;
}
.floatNone {
	float: none !important;
}

/* info boxes */
.infoBox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
	background-color: #feffff;
	background-position: 15px 12px;
	background-repeat: no-repeat;
	border: 4px solid;
	margin: 20px 0;
	min-height: 60px;
	position: relative;
}
.infoBox .ctaLink {color:#000; font-weight:bold;text-decoration:underline;}
.infoBox p {
	margin: 0 0 0 65px;
	padding: 15px 20px 15px 0;
}
.infoBox ul {
	list-style: none;
	margin: 0 0 0 65px;
	padding: 0 20px 0 0;
}
.infoBox a.close {
	background: none;
	cursor: pointer;
	padding: 0px;
	position: absolute;
	right: 6px;
	top: 5px;
} 
* html .infoBox a {
	right: 33px;	
}
.infoBoxError {
	background-image: url('../images/billpayments/infoBox_exclamation.gif');
	border-color: #f3c300;
}
.infoBoxWarning {
	background-image: url('../images/billpayments/infoBox_info.gif'); 
	border-color: #a0a0a0;
}
.infoBoxSuccess {
	background-image: url('../images/billpayments/infoBox_tick.gif');
	border-color: #289404;
}
.infoBoxError2 {
	background: #fc0 url('../images/bg/review_alert_bg_tile.png') repeat-x bottom; 
	border-color: #f3c300;
}
body.js .infoBoxError2 p {
	margin: 0px;
	padding: 15px 20px 15px 65px;
	background: url('../images/elements/icons/alert_icon.png') no-repeat 15px 12px;
}

/* tooltips */

.toolTipOuter {
	position: static;
	display: none;
}
.toolTipOuter span {
	margin: 0!important;
}
.toolTipPara {
	margin-bottom: 10px;
}
.toolTipPara p {
	display: inline;
}
body.js span.toolTipOuter {
	display: inline-block!important;
	margin: 0!important;
	
}
.toolTipOuter img.toolTipIcon {
	padding: 0 1px;
	margin: 0!important;
	float: none!important;
	top: 0px!important;
	position: static!important;
}
div#vmTooltip {
	position: absolute;
}
.toolTipInner {
	display: none!important;
}
.toolTipInnerNew {
	color: #333;
	left: -99px;
	line-height: normal;
	position: absolute;
	text-align: left;
	z-index:998;
	font-style: normal;
	margin-left: -10px;
}
.toolTipTop {
	top: 11px;
}
.toolTipLeft {
	top: -23px;
	left: 22px;
}
.toolTipRight {
	top: -23px;
	left: -231px;
}
.toolTipInnerNew h2 {
	background: none;
	margin: 0 0 4px 0;
	font-size: 1.1em;
}
.toolTipInnerNew p {
	margin: 0 0 4px 0;
	padding: 0;
}
.toolTipInnerNew p a{
	color: #333;
	text-decoration: underline;
}
.toolTipContent{
	color:#666;
	font-size:12px;
	z-index:100000;
	border: 3px solid #269204;
	background: #fff url(../images/elements/tooltips/paperBG.png) no-repeat 0 0 ;/*ie6*/
	width:210px;
	display: inline-block;
	padding:10px 10px 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
	box-shadow:3px 3px 0 0 rgba(0, 0, 0, 0.25);
	z-index:999;
}
.toolTipContent img {
	vertical-align: top;
}
.toolTipArrowLeft {
	background: url(../images/elements/tooltips/leftinfoArrow.png) no-repeat left 20px;
	padding-left: 9px;
	width: 245px;
	display: inline-block;
}
.toolTipArrowRight {
	background: url(../images/elements/tooltips/rightinfoArrow.png) repeat-x right 20px;
	width: 245px;
	display: inline-block;
}
.toolTipArrowTop {
	background: url(../images/elements/tooltips/topinfoArrow.png) no-repeat top center;
	padding-top:9px;
	width: 235px;
	display: inline-block;
}
/* ==== end global.css ==== */





/* ==== start index.css ==== */

dl {
	margin: 0 0 0 10px;
	padding: 10px 0 10px;
}
/* ==== Needed to be romoved as it affected styling ====

dl dt {
	float: left;
	width: 45px;
	border-right: 1px solid #666;
	margin-right: 7px;
}*/
dl dt,
dl dd {
    line-height: 18px;
}


/*
div.inner h2 {
    margin: 0;
    padding: 13px 0 8px;

}
*/

div.inner p {
    margin: -3px 0 6px;
}
/* ==== end index.css ==== */


/* ==== start layout.css ==== */
#container {
	margin: 0 auto;
	width: 960px;
}
#main {
	padding: 18px 0 9px;
	position: relative;
}

/* single column */
.cols_1 .col_1 {
	margin: 0;
	width: 960px;
}

/* two column grid */
.cols_2 .col_1 {
	float: left;
	margin: 0;
	width: 660px;
}
.cols_2 .col_2 {
	float: left;
	margin: 0;
	width: 300px;
}

/* three column grid */
.cols_3 .col_1,
.cols_3 .col_1_span {
	float: left;
	margin: 0;
}
.cols_3 .col_2 {
	float: left;
	margin: 0;
}
.cols_3 .col_3 {
	float: left;
	margin: 0;
}

/* panels */
div.panel { /* ie6 */
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,.4);
	background: transparent url('../images/panels/main_panel_tile.png') repeat-x center top;
	color: #333;
    margin: 0 10px;
    padding: 0 0 30px;
	position: relative;
}
div.panel span.pFoot {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;	
	background: transparent url('../images/panels/main_panel_bottom_tile.gif') repeat-x center top;
    display: block;
    height: 20px;
}
div.panel div.inner { /* ie6.css */ 
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;    
    background-color: #fff;
	font-size: .75em; /* equiv 12px */
    margin: 0 20px;
    padding: 9px 20px 0px 20px;
}
div.panel_breadcrumb div.inner {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
}
div.panel p {
	margin-top: 0;
	padding-left: 1px;
}
div.contentContainer div.panel {
	padding-left: 108px; 
	padding-right: 4px;
}

/* column / panel internals */
div.col_2 div.panel p {
	margin-right: 40px;
}

/* main hero */
div.hero {
    border-top: 1px solid #999;
    border-color: rgba(0,0,0,0.1);
    height: 287px;
    margin: 0 30px;
}

/* main tabs */
ul.main_tabs {
    border-color: rgba(0,0,0,0.1);
    border-top: 1px solid #999;
    list-style:none;
    margin: 0 30px;
    overflow: hidden;
    padding: 7px 0 0;
    position: relative;
    top: 7px;
}
div.panel_hero ul.main_tabs {
    border-color: #000;
    margin-top: -7px;
}
ul.main_tabs li {
    float: left;
    font-style: italic;
    text-align: center;
    padding: 4px 0 7px;
    
}
ul.main_tabs li.current {
    background: url('../images/navigation/main_tabs_on.gif') no-repeat center bottom;
}
div.panel_hero ul.main_tabs li.current {
    background: url('../images/navigation/main_tabs_hero_on.gif') no-repeat center bottom;
}
ul.main_tabs a {
    border-image: url(../images/navigation/main_tabs_divider.png) 0 1 0 0 stretch stretch;
    -moz-border-image: url(../images/navigation/main_tabs_divider.png) 0 1 0 0 stretch stretch;
    -webkit-border-image: url(../images/navigation/main_tabs_divider.png) 0 1 0 0 stretch stretch;
    border-width: 0 1px 0 0;
    border-right: 1px solid #fff;
    color: #fff;
    display: block;
    padding-bottom: 18px;
    text-decoration: none;
}
ul.main_tabs li.last a {
    border-width: 0;    
}
ul.main_tabs a span {
    opacity: 0.5;
}
ul.main_tabs li.current a span,
ul.main_tabs li a:hover span {
    opacity: 1;
}

/*** specific tab sizes and styles ***/
ul.main_tabs_3 li {
    width: 293px;
}
ul.main_tabs_4 li {
    width: 220px;
}
ul.main_tabs_5 li {
    width: 176px;
}
ul.main_tabs_6 li {
    width: 146px;
}
ul.main_tabs_6 a {
    padding-bottom: 10px;
    padding-top: 10px;
}
ul.main_tabs_6 li span {
   	font-size:12px;
}
ul.main_tabs_9 li {
    width: 97px;
}
ul.main_tabs_9 li a {
    padding-bottom: 15px;
    padding-top: 2px;
}
ul.main_tabs_9 li span {
    font-size: 0.75em;
}

/* Tooltips */
.boxy {
	color: #333;
	display: none;
	font-style: normal;
	left: -120px;
	line-height: normal;
	position: absolute;
	text-align: left;
	top: 10px;
	z-index:998;
}
div.boxy,
div.boxinfoArrowTop,
div.boxContent {
	margin-left: 0 !important;
}
div.boxy .replaceH2 {
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	height: 28px;
	margin: 0;
	text-indent: -999em;
}
.boxArrowLeft .boxContent, 
.boxArrowTop .boxContent, 
.boxinfoArrowTop .boxContent, 
.boxinfoArrowLeft  .boxContent,
.boxYellowArrowTop .boxContent,
.boxYellowArrowLeft .boxContent  {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.25);
	background: url('../images/elements/tooltips/paperBG.png') no-repeat 0 0 ;/*ie6*/
	background-color: #fff;
	border: 3px solid #da001a;
	padding: 10px 10px 10px;
	width: 214px;
	z-index: 999;
}
.boxArrowRight .boxContent, 
.boxArrowBottom .boxContent, 
.boxinfoArrowBottom .boxContent, 
.boxinfoArrowRight .boxContent, 
.boxYellowArrowBottom .boxContent, 
.boxYellowArrowRight .boxContent {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: -2px -2px 1px 1px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.25);
	background: url('../images/elements/tooltips/paperBG.png') no-repeat 0 0 ;/*ie6*/
	background-color: #fff;
	padding: 10px 10px 10px;
	width: 254px;
	z-index: 999;
}
div.boxy div.boxContent{
	color: #666 !important;
	font-size: 12px !important;
	z-index: 10000000;
}
div.boxy div.boxContent:hover {
	text-decoration: none;
}
div.boxy div.boxContent  p {
	margin-left: 0 !important;
	padding-left: 1px !important;
	text-decoration: none;
}
div.orderContainer div.extras div.extras_item_inline div.boxy div.boxContent  p {
	font-size: 1em !important;
}
div.boxy div.boxContent span {
	display: inline-block !important;
	font-size: 1em !important;
	font-weight: bold !important;
	line-height: normal;
	margin-left: 1px !important;
	padding-right: 0 !important;
}
.boxContent h2 {
	background: url('../images/temps/tooltips/didYouknow.png') no-repeat;/*ie6*/
}
.boxContent img {
	vertical-align: top;
}
.boxArrowLeft {
	background: url('../images/elements/tooltips/leftArrow.png') no-repeat left center;
	padding-left: 17px;
}
.boxArrowRight {
	background: url('../images/elements/tooltips/rightArrow.png') repeat-x right center;
	width: 255px;
}
#recommendationContainer .boxArrowRight {
	width: 297px;
}
.boxArrowTop {
	background: url('../images/elements/tooltips/topArrow.png') no-repeat top center;
	padding-top: 20px;
	width: 255px;
}
.boxArrowBottom {
	background: url('../images/elements/tooltips/bottomArrow.png') repeat-y bottom center;
	padding-bottom: 18px;
	width: 255px;
}
.boxArrowRight .boxContent, 
.boxArrowBottom .boxContent, 
.boxArrowLeft .boxContent, 
.boxArrowTop .boxContent {
	border: 3px solid #da001a;
}
.boxinfoArrowBottom .boxContent, 
.boxinfoArrowRight .boxContent, 
.boxinfoArrowTop .boxContent, 
.boxinfoArrowLeft  .boxContent {
	border: 3px solid #269204;	
}
.boxinfoArrowLeft {
	background: url('../images/elements/tooltips/leftinfoArrow.png') no-repeat left center;
	padding-left: 9px;
	width: 20px;
}
.boxinfoArrowRight {
	background: url('../images/elements/tooltips/rightinfoArrow.png') repeat-x right center;
	width: 249px;
}
.boxinfoArrowTop {
	background: url('../images/elements/tooltips/topinfoArrow.png') no-repeat top center;
	padding-top: 9px;
	width: 255px;
}
.boxinfoArrowBottom {
	background: url('../images/elements/tooltips/bottominfoArrow.png') repeat-y bottom center;
	padding-bottom: 9px;
	width: 255px;
}
.boxYellowArrowBottom .boxContent, 
.boxYellowArrowRight .boxContent, 
.boxYellowArrowTop .boxContent, 
.boxYellowArrowLeft  .boxContent {
	border: 3px solid #f3be00;	
}
.boxYellowArrowLeft {
	background: url('../images/elements/tooltips/leftinfoArrowYellow.png') no-repeat left center;
	padding-left: 9px;
	width: 20px;
}
.boxYellowArrowRight {
	background: url('../images/elements/tooltips/rightinfoArrowYellow.png') repeat-x right center;
	width: 249px;
}
.boxYellowArrowTop {
	background: url('../images/elements/tooltips/topinfoArrowYellow.png') no-repeat top center;
	padding-top:9px;
	width: 255px;
}
.boxYellowArrowBottom {
	background: url('../images/elements/tooltips/bottominfoArrowYellow.png') repeat-y bottom center;
	padding-bottom: 9px;
	width: 255px;
}

/* -- clearfix -- */
.clearfix:after, div.orderContainer div.extras div.header:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* ie mac fix */
.clearfix{
	display: inline-table;
}
* html .clearfix{
	/* nomac \*/height: 1%;/* nomac */
}
.clearfix {
	display: block;
}
.manualAddress {
	width: 750px;
}

/* Pagination */
.pagination p {
	float: left;
	font-size: 1.15em;
	font-weight: bold;
	padding-top: 1px;
}
.pagination ul {
	float: left;
	list-style: none;
	margin: 0 0 0 35px;
	padding: 0;
}
.pagination li {
	display: block;
	float: left;
	margin-right: 8px;
}
.pagination a {
	color: #333;
	display: block;
	font-size: 1.15em;
	padding: 2px 0;
	text-decoration: underline;
}
.pagination a.selected {
	color: #c00;
	font-weight: bold;
	text-decoration: none;
}
.pagination .previous {
	margin-right: 18px;
}
.pagination .previous a {
	background: url('../images/elements/previousOn.gif') left no-repeat;
	padding-left: 27px;
}
.pagination .next {
	margin-left: 10px;
}
.pagination .next a {
	background: url('../images/elements/nextOn.gif') right no-repeat;
	padding-right: 27px;
}
.pagination .disabled {
	color: #999;
	text-decoration: none;
	cursor: default;
	padding-bottom: 3px;
}
.pagination .previous .disabled {
	background: url('../images/elements/previousOff.gif') left no-repeat;
}
.pagination .next .disabled {
	background: url('../images/elements/nextOff.gif') right no-repeat;
}
p#userAccNum{
	color: #fff;
	font-size: .75em;
	margin-bottom: .5em;
	position: absolute;
	right: 30px;
	text-align: right;
	top: 31px;
}
/* ==== end layout.css ==== */


/* ==== start nav.css ==== */
/*CSS for Navigation*/
/*General CSS for head and nav*/
div#head {
	background: #fff url('../images/bg/navBG.gif') repeat-x top;
	margin: 0;
	overflow: visible;
	padding: 0;
	position:relative;
	z-index:1;
	height:115px;
	border: 1px solid #000;
} 
div#head a {
	color: #fff;
}
div#nav {
	height: 115px;
	margin: 0 auto;
	padding:0;
	overflow: visible;
	width: 960px;
}
div#nav ul {
	list-style: none;
}
div#nav ul li{
	float: left;
}
div#nav ul li a {
	text-decoration: none;
}
div#nav div#logo {
	float: left; 
	margin-left: ;
	position: relative; 
	top: 15px; 
}
/*End General CSS for head and nav*/

/*Top navigation*/

/*sliding doors*/
ul#topNav {
	background-color: #fff;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 4px 0 0;
}
ul#topNav li {
	float: left;
	display: inline;
	margin: 0 4px;
}
ul#topNav li a {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top right;
	color: #999;
	cursor: pointer;
	float: left;
	text-decoration: none;
}

ul#topNavRight li a {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top right;
	color: #999;
	cursor: pointer;
	float: right;
	text-decoration: none;
}

ul#topNav li a span {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top left;
	margin: 0 10px 0 -10px;
	padding: 5px 4px 3px 16px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float: left;
}
ul#topNavRight li a span {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top left;
	margin: 0 10px 0 -10px;
	padding: 5px 4px 3px 16px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float: right;
}
ul#topNav li#topActive a, ul#topNav li a:hover, ul#topNav li a:active, ul#topNav li a:focus {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat bottom right;
 	color: #fff;
}
ul#topNav li#topActive a span, ul#topNav li a:hover span, ul#topNav li a:active span, ul#topNav li a:focus span {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat bottom left;
}

ul#topNavRight {
	background-color: #fff;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: ;
	float:right;
}
ul#topNavRight li {
	float: right;
	display: inline;
	margin: 0 4px;
}
ul#topNavRight li a {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top right;
	color: #999;
	cursor: pointer;
	float: left;
	text-decoration: none;
}

ul#topNavRight li a {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top right;
	color: #999;
	cursor: pointer;
	float: right;
	text-decoration: none;
}

ul#topNavRight li a span {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat top left;
	margin: 0 10px 0 -10px;
	padding: 5px 4px 3px 16px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float: right;
}
ul#topNavRight li#topActive a, ul#topNavRight li a:hover, ul#topNavRight li a:active, ul#topNavRight li a:focus {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat bottom right;
 	color: #fff;
}
ul#topNavRight li#topActive a span, ul#topNavRight li a:hover span, ul#topNavRight li a:active span, ul#topNavRight li a:focus span {
	background: url('../images/navigation/global/topNavBG.gif') no-repeat bottom left;
}
/*End Top navigation*/

/*Sub navigation*/
div#subNavWrap {
	background: url('../images/bg/subnavBG.gif') repeat-x;
	height:31px;
}
ul#subNav {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 940px;
	position:relative;
	top:-6px;
}
ul#subNav li {
	float: left;
	margin: -20px 10px 0 0;
	width: auto;
}

ul#subNav li a {
	color:#FFF;
	display: block;
	font-size: 12px; 
	padding: 7px 13px 5px;
}
ul#subNav li a:hover,
ul#subNav li a:active,
ul#subNav li#subActive a {
	background: url('../images/navigation/global/subNavActive.png');
	text-decoration:none;
}
/*End Sub navigation*/

/*User navigation*/
ul#userNav {
	color: #fff;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 5px 10px;
	position: relative;
	right: 0;
	top: 6px;
}
ul#userNav li a {
	display: block;
	overflow: hidden;
	text-indent: -300em;
}
ul#userNav li#welcome {
	padding: 6px 8px 5px 8px;
}
ul#userNav li.endLeft, 
ul#userNav li.endRight {
	display: block;
	height: 27px;
	overflow: hidden;
	width: 9px;
}
ul#userNav li.endLeft	{
	background: url('../images/navigation/global/userNav/endLeft.gif') no-repeat;
}
ul#userNav li.endRight {
	background: url('../images/navigation/global/userNav/endRight.gif') no-repeat;
}

ul#userNav li.login a,
ul#userNav li.logout a,
ul#userNav li.storeLocator a,
ul#userNav li.yourOrder a,
ul#userNav li.chat a {
	height: 27px;
	display: block;
}

ul.loggedIn li.logout a {
	background: url('../images/navigation/global/userNav/Logout.gif') no-repeat;
	width: 65px;
}
ul.loggedOut li.login a {
	background: url('../images/navigation/global/userNav/Login.gif') no-repeat;
	width: 65px;
}
ul.loggedOut  li.logout,
ul.loggedIn li.login {
	display: none;
}
ul#userNav li.storeLocator a {
	background: url('../images/navigation/global/userNav/StoreLocator.gif') no-repeat;
	width: 107px;
}
ul#userNav li.yourOrder a {
	background: url('../images/navigation/global/userNav/basket.gif') no-repeat;
	width: 98px;
}
ul#userNav li.chat a {
	background: url('../images/navigation/global/userNav/chat.gif') no-repeat;
	width: 139px;
}
ul#userNav li a:hover,
ul#userNav li a:focus,
ul#userNav li a:active {
	background-position: ;
}
/*End User navigation*/

/*Main Site navigation - With Mega Drop Down*/
ul.mainNav {
	font-size: 18px;
	left: 0;
	margin: 0 0 0 70px;
}
ul.rightNav {
	float: right;
	margin: 0;
	padding: 0;
}

/*sliding doors css for background*/
ul.mainNav li h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}
ul.mainNav li {
	display: inline;
	float: left;
	margin: 7px 10px 0;
	padding: 0;
	position: relative;
	top: -28px;
}
ul.mainNav li a {
	color: #fff;
	cursor: pointer;
	float: left;
	font-weight:lighter;
	text-decoration: none;
}
ul.mainNav li a span {
	float: left;
	margin: 0 10px 0 -10px;
	padding: 14px 4px 10px 16px;
	position: relative; /*To fix IE6 problem (not displaying)*/
}
ul.mainNav li#active a,
 ul.mainNav li a:hover,
 ul.mainNav li a:focus,
 ul.mainNav li a:active,
 ul.mainNav li:hover a,
 ul.mainNav li:focus a {
	background: url('../images/navigation/global/mainNavBG.png') no-repeat top right;
 	color: #fff;
}
ul.mainNav li#active a span,
 ul.mainNav li a:focus span,
 ul.mainNav li a:active span,
 ul.mainNav li:focus a span,
 ul.mainNav li a:hover span,
 ul.mainNav li:hover a span {
	background: url('../images/navigation/global/mainNavBG.png') no-repeat top left;
}
ul.mainNav li a {outline:none;}

/*megadrop*/
ul.mainNav li div.sub ul {
	float: left;
	list-style: none;
	margin: 0; 
	padding: 0;
}
ul.mainNav div.sub ul li {
	color: #fff;
	width: 100%;
}
ul.mainNav div.sub h2 {
	background: none;
	color: #fff;
	display: block;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	line-height: 20px;
	margin: 0 0 8px;
	padding: 0;
}
ul.mainNav div.sub.subMyVM .last h2 {
	width: 155px;
}
ul.mainNav div.sub ul li a:hover, 
ul.mainNav #active div.sub ul li a:hover {
	background: none !important;
	color: #F00; 
}
ul.mainNav div.sub img {
	margin-left: 0;
}
ul.mainNav div.sub ul.widerBox {
	width: 210px;
}

/*End Main Site navigation*/


/*temp placement for drop down CSS*/
ul.mainNav li div.sub {
	position: absolute;
	top: 43px;
	float: left;
	-moz-border-radius:0 0 2px 2px;
	-webkit-border-radius:0 0 2px 2px;
	border-radius:0 0 2px 2px;
	-moz-box-shadow: 9px 9px 9px rgba(0,0,0,0.6);
	-webkit-box-shadow: 9px 9px 9px rgba(0,0,0,0.6);
	box-shadow: 9px 9px 9px rgba(0,0,0,0.6);
	background: #000;
	border: 4px solid #8a0000;
	display: none;
	margin-left: -9px;
	padding: 5px 5px 5px 10px;
	z-index:9999;
	clear:both;
}

ul.mainNav li:hover div.sub {display:block;opacity:1}

ul.mainNav li .right {
	right: 0;
}
ul.mainNav li div.sub div.col {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
	padding: 5px 10px 5px 0;
}

ul.mainNav li div.sub div.col.upsell.last, ul.mainNav li div.sub div.col.last {
	margin: 0;
}
ul.mainNav li div.sub p {
	color: #fff;
	font-size: 12px;
	margin: 0;
	padding: 0;
	width: 150px;
}
ul.mainNav li div.row {
	clear: both; 
	float: left; 
	margin-bottom: 10px;
	width: 100%; 
}
div.sub div.col h2 {
	background: none;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 8px;
	padding: 0;
}
ul.mainNav li div.sub ul {
	clear: both;
	float: none;
	margin: 30px 0 0;
}


ul.mainNav li div.sub ul li a {
	background: none !important;
	background-position: left center;
	color: #fff;
	float: none;
	height: auto;
	margin:0;
	padding: 5px 0;
		display:block;

}
ul.mainNav li div.sub ul li a:hover {
	color:#F00;
}
ul.mainNav li div.sub ul li a:active,
ul.mainNav li div.sub ul li a:focus {
	color:#F00;
	outline:1px dotted #FFF;
}


ul.mainNav li div.sub ul li {
	background: url('../images/elements/redArrowList.gif') no-repeat left 10px;	
	color: #fff;
	display: block;
	float: none; 
	font-size: 12px;
	height: auto;
	margin: 0;
	padding: 0 0 0 10px;
	text-decoration: none;
	text-indent: 0; /*--Reset text indent--*/
}
.sub ul.widerBox /*remove*/ {
	width: 210px;
}

/*packages unordered list*/
ul.mainNav li div.sub ul.packages {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: #1a1a1a;
	margin: 5px 0 5px;
	padding: 30px 0 0;
	width: 210px;
}
ul.mainNav li div.sub ul.packages li {
	float: none;
	height: 20px;
	margin: 5px 0 0 10px;
	display:block
}
ul.mainNav li div.sub ul.packages li a{
	background: none;
	margin-left: 15px;
	width:170px;
}
ul.mainNav li div.sub ul.packages li strong {
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
}
ul.mainNav li div.sub ul.packages li.tier_mp { 
	background: url('../images/navigation/global/m+.gif') no-repeat left center;
	height: 20px;
}
ul.mainNav li div.sub ul.packages li.tier_l {
	background: url('../images/navigation/global/l.gif') no-repeat left center;
	height: 20px;
}
ul.mainNav li div.sub ul.packages li.tier_xl { 
	background: url('../images/navigation/global/xl.gif') no-repeat left center;
	height: 20px;
}
/*end packages unordered list*/

/*Exclusive packages*/
ul.mainNav li div.sub div.exclusive {
	background: transparent url('../images/navigation/global/exclusiveBG.png') no-repeat !important;
	clear: both;
	height: 45px;
	width: 478px;
}
ul.mainNav li div.sub div.exclusive a {
	background: url('../images/navigation/global/whiteArrow.gif') no-repeat 10px center;
	color: #fff;
	display: block;
	padding: 15px 0 15px 25px;
}
ul.mainNav li div.sub div.exclusive a:focus,
ul.mainNav li div.sub div.exclusive a:active {
	outline: 1px dotted #fff;
}
/*End Exclusive packages*/

/*My Virgin Media*/

/*apps list*/
ul.mainNav li div.sub div.col div.apps {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #1a1a1a;
	height: 90px;
	margin: 10px 0 0;
	padding: 10px 0 10px;
	width: 200px;
}

ul.mainNav li div.sub div.col div.apps p {
	background-image: none;
	display: inline;
	float: left;
	overflow: hidden;
	margin-left:10px;
	width: 80px;
	height:40px;
}
ul.mainNav li div.sub div.col div.apps p a:focus,
ul.mainNav li div.sub div.col div.apps p a:active {
	border: 1px dotted #fff;
	color: #f00;
	height: 32px;
	overflow: hidden;
}
ul.mainNav li div.sub div.col div.apps p a {
	margin: 0;
	padding: 0 5px 0 0;
	background:none;
}
ul.mainNav li div.sub div.col div.apps p a span {
	float: left;
	height: 26px;
	margin: 0 10px 10px 0;
	padding: 10px 0 0 30px;
	width: 32px;
	background:none;
}
ul.mainNav li div.sub div.col div.apps p a span.email {
	background: url('../images/navigation/global/apps/email.png') no-repeat left center;
}
ul.mainNav li div.sub div.col div.apps p a span.music {
	background: url('../images/navigation/global/apps/music.png') no-repeat left center;
}
ul.mainNav li div.sub div.col div.apps p a span.security {
	background: url('../images/navigation/global/apps/security.png') no-repeat left center;
}
ul.mainNav li div.sub div.col div.apps p a span.backup {
	background: url('../images/navigation/global/apps/backup.png') no-repeat left center;
}
/*end apps list*/

/*my package*/
ul.mainNav li div.sub div.col ul.myServices {
	float: left;
	list-style: none;
	margin: 20px 0;
	padding: 0;
	width: 170px;
}
ul.mainNav li div.sub div.col ul.myServices li p {
	display: none;
}
ul.mainNav li div.sub div.col ul.myServices li {
	background: transparent no-repeat center top;
	float: left;
	height: 58px;
	margin: 0;
	padding: 0;
    text-indent: -999em;
	width: 42px;
}
ul.mainNav li div.sub div.col ul.myServices li.unselected {
    background-position: center bottom;
}
ul.mainNav li div.sub div.col ul.myServices li.type-tv {
    background-image: url('../images/navigation/global/mypackage/tv_unselected_small_icon.gif');
}
ul.mainNav li div.sub div.col ul.myServices li.type-bb {
    background-image: url('../images/navigation/global/mypackage/bb_unselected_small_icon.gif');
}
ul.mainNav li div.sub div.col ul.myServices li.type-ph {
    background-image: url('../images/navigation/global/mypackage/ph_unselected_small_icon.gif');
}
ul.mainNav li div.sub div.col ul.myServices li.type-mo {
    background-image: url('../images/navigation/global/mypackage/mo_unselected_small_icon.gif');
}
ul.mainNav li div.sub div.col ul.myServices li span.badge {
	display: block;
	height: 18px;
	left: 22px;
	position: relative;
	text-indent: -999em;
	top: 10px;
	width: 18px;
}
ul.mainNav li div.sub div.col ul.myServices li.unselected span.badge {
    display: none;
}
ul.mainNav li div.sub div.col ul.myServices li span.badge_m {
	background: url('../images/buildorder/badge_small_m.gif') no-repeat center center;
}
ul.mainNav li div.sub div.col ul.myServices li span.badge_mp {
	background: url('../images/buildorder/badge_small_mp.gif') no-repeat center center;
}
ul.mainNav li div.sub div.col ul li span.badge_l {
	background: url('../images/buildorder/badge_small_l.gif') no-repeat center center;
}
ul.mainNav li div.sub div.col ul.myServices li span.badge_xl {
	background: url('../images/buildorder/badge_small_xl.gif') no-repeat center center;
}
ul.mainNav li div.sub div.col ul.myServices li span.badge_xxl {
	background: url('../images/buildorder/badge_small_xxl.gif') no-repeat center center;
}

/* mega drop down widths */
.subWidth1 { width: 610px !important; }
.subWidth2 { width: 380px !important; }
.subWidth3 { width: 770px !important; }
.subWidth4 { width: 800px !important; }

/* column widths */
ul.mainNav li div.sub div.colWidth1 { width: 150px; }
ul.mainNav li div.sub div.colWidth2 { width: 200px; }
ul.mainNav li div.sub div.colWidth3 { width: 300px; }

ul.mainNav li div.sub div.colWidth3 ul { 
	clear: none;
	float: none;
	margin-top: 0;
}
ul.mainNav li div.sub div.colWidth3 ul li { 
	float: none !important;
	top: 0;
}
ul.mainNav li div.sub div.colWidth3 p {
	color: #999;
	font-size: 11px;
	margin-bottom: 15px;
	width: 210px;
}
ul.mainNav li div.sub div.colWidth3 img {
	display: inline;
	float: right;
	left: 0;
	margin: 0 0 5px 15px;
	position: relative;
}
ul.mainNav li div.sub.subNewVM p {
	color: #999;
	font-size: 12px;
}
ul.mainNav li div.sub.subNewVM p.small {
	color: #999;
	font-size: 11px;
}

/*sample footer code*/
div#footerWrap {
	background: #000;
	border-top: 2px solid #8b0101;
	bottom: 0;
	display: block;
	margin:0;
	padding: 10px 0 20px;
	width: 100%;
}
div#footer {
	font-size: 11px;
	margin: 0 auto;
	width: 940px;
}
div#footer p#disclaimer {
	bottom: 0;
	color: #fff;
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 40px;
}
div#footer h4 {
	background: none;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
}
div#footer div.disclaimer ul {
	bottom: 0;
	float: left;
	left: 0;
	list-style: none;
	margin: 10px 0;
	padding: 0;
	/*position: relative;*/
}
div#footer div.disclaimer li {
	border-right: 1px solid #fff;
	float: left;
	margin: 20px 5px 0 0; 
	padding: 0 10px 0 0;
	width: auto;
}
div#footer div.disclaimer li.last {
	border-right: none;
}
div#footer ul {
	display: block;
	list-style: none;
	margin: 0 10px;
	padding: 0;
}
div#footer ul li {
	margin: 5px 0;
}
div#footer ul li a{
	color: #ccc;
}
div#footer div.footCol {
	float: left;
	list-style: none;
	margin: 0 20px 0 0;
	padding: 0;
	width: 220px;
}
div#footer div.first ul {
	margin-left: 0;
	padding-left: 0;
}
div#footer div.last {
	margin-right: 0;
	padding-right: 0;
}
div#footer div.copyright {
	color: #fff; 
	float: right;
}

/* ==== end nav.css ==== */

/* ==== Start MISC Classes ==== */
.searchNormal {
	display: none;
}
/* ==== end MISC Classes ==== */

.searchCount {
	margin:10px 0px;
	padding-top: 30px;
}

div.articleContent img {
	padding:0px 5px;
}

.relatedArticlesTitle {
	width:181px;
	-moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: transparent;
    background-image: url("../images/bg/rightColTitle.jpg");
    background-position: left top;
    background-repeat: no-repeat;
    height: 50px;
    left: -1px;
    padding-bottom: 0;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 0;
    position: absolute;
    top: 0;

}

.relatedArticlesTitle  h3{
		padding-top:14px;
}


/* FROM NAV.CSS */
/* GENERAL CSS FOR HEADER and NAV */
div#head {
	background: #fff url(../images/common/header/navBG.gif) repeat-x top;
	height: 115px;
	line-height: 15px;
	margin: 0;
	overflow: visible;
	padding: 0;
	position:relative;
	z-index: 1;
}
div#head a {
	color: #fff;
}
div#nav {
	height: 115px;
	margin: 0 auto;
	overflow: visible;
	padding: 0;
	width: 960px;
}
div#nav ul {
	list-style: none;
}
div#nav ul li{
	float: left;
}
div#nav ul li a {
	text-decoration: none;
}
div#nav div#logo {
	float: left; 
	position: relative; 
	top: 12px; 
}
div.minimal #logo {
	top: 39px !important;
}
/* END GENERAL CSS FOR HEAD AND NAV */

/* TOP NAV */
/* SLIDING DOORS */
ul#topNavRight {
	float: right;
}
ul#topNav {
	float: left;
}

ul#topNavRight,
ul#topNav {
	background-color: #fff;
	font-size: 12px;
	list-style: none;
	margin: 0;
	padding: 4px 0 0;
}
ul#topNavRight li,
ul#topNav li {
	float: left;
	display: inline;
	margin: 0 4px;
}
ul#topNavRight li a,
ul#topNav li a {
	background: url(../images/common/header/topNavBG.gif) no-repeat top right;
	color: #999;
	cursor: pointer;
	float: left;
	text-decoration: none;
}
ul#topNavRight li a span,
ul#topNav li a span {
	background: url(../images/common/header/topNavBG.gif) no-repeat top left;
	margin: 0 10px 0 -10px;
	padding: 5px 4px 3px 16px;
	position: relative; /*To fix IE6 problem (not displaying)*/
	float: left;
}
ul#topNavRight li#topActive a, ul#topNavRight li a:hover, ul#topNav li a:active, ul#topNavRight li a:focus,
ul#topNav li#topActive a, ul#topNav li a:hover, ul#topNav li a:active, ul#topNav li a:focus {
	background: url(../images/common/header/topNavBG.gif) no-repeat bottom right;
 	color: #fff;
}
ul#topNavRight li#topActive a span, ul#topNavRight li a:hover span, ul#topNavRight li a:active span, ul#topNavRight li a:focus span,
ul#topNav li#topActive a span, ul#topNav li a:hover span, ul#topNav li a:active span, ul#topNav li a:focus span {
	background: url(../images/common/header/topNavBG.gif) no-repeat bottom left;
}
/* END TOP NAV */

/* SUB NAV */
div#subNavWrap {
	background: url(../images/common/header/subnavBG.gif) repeat-x;
	height: 31px;
}
ul#subNav {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	position: relative;
	top: -7px;
	width: 940px;
}
ul#subNav li {
	float: left;
	margin: -17px 10px 0 0;
	width: auto;
}
ul#subNav li.last {
	float: right;
	margin-right: 0;
}
ul#subNav li a {
	color:#fff;
	display: block;
	font-size: 12px; 
	padding: 5px 10px 7px;
}
ul#subNav li a:hover,
ul#subNav li a:active,
ul#subNav li#subActive a {
	background: transparent url(../images/common/header/subNavActive.png) repeat-x scroll 0 0;
	text-decoration: none;
}
ul#subNav li#cablePackage,
ul#subNav li#natPackage,
ul#subNav li#cableStatus,
ul#subNav li#natStatus {
	display: none;
}
/* END SUB NAV */

/* USER NAV */
ul#userNav {
	color: #fff;
	float: right;
	font-size: 11px;
	margin: 0;
	padding: 5px 10px;
	position: relative;
	right: 0;
	top: 5px;
}
ul#userNav li {
	display: block;
}
ul#userNav li a {
	display: block;
	overflow: hidden;
	text-indent: -300em;
}
ul#userNav li#welcome {
	display: none;
	padding: 5px 8px;
}
ul.loggedOut ul#userNav li#welcome {
	display: none;
}
ul#userNav li.endLeft, 
ul#userNav li.endRight {
	display: block;
	height: 27px;
	overflow: hidden;
	width: 9px;
}
ul#userNav li.endLeft	{
	background: url(../images/common/header/userNav/endLeft.gif) no-repeat;
}
ul#userNav li.endRight {
	background: url(../images/common/header/userNav/endRight.gif) no-repeat;
}

ul#userNav li.login a,
ul#userNav li.logout a,
ul#userNav li.storeLocator a,
ul#userNav li.yourOrder a,
ul#userNav li.chat a {
	display: block;
	height: 27px;
}

ul.loggedIn li.logout a {
	background: url(../images/common/header/userNav/logout.gif) no-repeat;
	width: 70px;
}
ul.loggedOut li.login a {
	background: url(../images/common/header/userNav/login.gif) no-repeat;
	width: 70px;
}
ul.loggedOut  li.logout,
ul.loggedIn li.login {
	display: none !important;
}
ul#userNav li.storeLocator a {
	background: url(../images/common/header/userNav/storeLocator.gif) no-repeat;
	width: 102px;
}
ul#userNav li.yourOrder a {
	background: url(../images/common/header/userNav/basket.gif) no-repeat;
	width: 76px;
}
ul#userNav li.chat a {
	background: url(../images/common/header/userNav/chat.gif) no-repeat;
	width: 136px;
}
/* END USER NAV */

/* MAIN SITE NAV (WITH MEGADROPDOWNS) */
ul.mainNav {
	font-size: 18px;
	left: 0;
	margin: 0 0 0 70px;
}
ul.rightNav {
	float: right;
	margin: 0;
	margin-top: -26px !important;
	padding: 0;
}

/* SLIDING DOORS CSS FOR BACKGROUND */
ul.mainNav li h2 {
	font-size: 18px;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}
ul.mainNav li {
	display: inline;
	float: left;
	margin: 7px 10px 0;
	padding: 0;
	position: relative;
	top: -26px;
}
ul.mainNav li a {
	color: #fff;
	cursor: pointer;
	float: left;
	font-weight: lighter;
	text-decoration: none;
}
ul.mainNav li a span {
	float: left;
	margin: 0 10px 0 -10px;
	padding: 15px 4px 10px 16px;
	position: relative; /*To fix IE6 problem (not displaying)*/
}
ul.mainNav li.active a,
ul.mainNav li a:hover,
ul.mainNav li a:focus,
ul.mainNav li a:active,
ul.mainNav li:hover a,
ul.mainNav li:focus a {
	background: url(../images/common/header/mainNavBG.png) no-repeat top right;
 	color: #fff;
}
ul.mainNav li.active a span,
ul.mainNav li a:focus span,
ul.mainNav li a:active span,
ul.mainNav li:focus a span,
ul.mainNav li a:hover span,
ul.mainNav li:hover a span {
	background: url(../images/common/header/mainNavBG.png) no-repeat top left;
}
ul.mainNav li a {
	outline: none;
}

ul.mainNav li .right {
	right: 0;
}
ul.rightNav li {
	display: none;
	top: 0!important;
}

ul#subNav li#cablePackage,
ul#subNav li#cableStatus,
ul#subNav li#natPackage,
ul#subNav li#natStatus {
	display: none;
}

/* END MAIN SITE NAV */

#suggestion {
	display:none;
}


/* New Category Styles */

div.categoryNew{
    border:1px solid #cccccc;
    border-width:0px 1px 1px 1px;
    padding:60px 10px 18px 10px;
    background:url(../images/bg/categoryBg.jpg) #fff repeat-x left bottom;
    position:relative;
    -moz-border-radius:  0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin-bottom:20px;

}

div.mainContent div.categoryNew{
    padding-top:55px;
    width:305px;
}

div.categoryTitleNew{
   background:url(../images/bg/categoryTitleBg.jpg) repeat-x left bottom;
   position:absolute;
   top:-2px;
   left:-1px;
   padding:0px 15px 0px 15px;
   margin:0;
   width:269px;
   font-weight:normal;
   -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}

div.mainContent div.categoryTitleNew{
    width:297px;
}

div.categoryTitleNew h3{
    font-weight:normal;
    letter-spacing: 0.2px;
    color:#fff;
    margin:0;
    padding:14px 0 15px 30px;
}

div.categoryNew p{
    margin:0 0 1.5em 0;
    
}

div.relatedContent ul, div.categoryNew ul{
    list-style:none;
    margin:0;
    padding:0;

}


div.relatedContent ul li, div.categoryNew ul li{
    border-bottom:1px dotted #ccc;
    padding:15px 0;
}

div.relatedContent ul li:last-child, div.categoryNew ul li:last-child{
    border-bottom:none;
}

h1, h2, div#nav ul li h2, h3, h4 {
font-family:'HelveticaNeueLTStd45Light',Arial,sans-serif;
}

ul.mainNav li h2 {
font-size:18px;
letter-spacing:1px;
}

@font-face {
    font-family: 'HelveticaNeueLTStd45Light';
    src: url('helveticaneueltstd-lt-webfont.eot?') format('eot'),
         url('helveticaneueltstd-lt-webfont.woff') format('woff'),
         url('helveticaneueltstd-lt-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-lt-webfont.svg#webfontmsojilYo') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2, h3, h4 div#nav ul h2 {
	font-weight: normal;
}
h1 {
	font-weight:normal
}
h2,h3,h4 {
	font-weight:bold;
	letter-spacing:0.75px;
	margin: 0 0 20px;
}

h1 {
    color: #fff;
	display: block;
	font-size: 30px;
	letter-spacing: 0.75px;
    margin: 0;
    padding: 27px 0 27px 30px;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
}

div.panel h5 {
	font-size: 15px;
	font-weight:bold;
	font-family:arial;
	
}

.searchText {
	display:none;
}

/* Article content styles from Tony/Jonny */

div.articleContent ul {
	list-style-type:disc;
	Border:none;
	padding-left:30px;
}

div.articleContent ul li {

	Border:none;
	padding:0px;
}



div.dashBoard {        
    border-radius: 4px;    
    height: auto!important;
    height: 80px;
    
}

div.articleContent dl{
	margin: 0 0 0 0px;
	padding: 5px 0 13px;

}

div.articleContent dl dt {
	float: left;
	width: 99%;
	border-right: 0px solid #666;
	margin-right: 7px;
	font-size:100%;
}

.optionsTable{}

.textColor{
	color:white;
	text-decoration:underline;
}


div#page {
	background: #770000 url(../images/bg/red_pool2.jpg) no-repeat center -146px;
	    background-attachment: fixed;	
	padding: 50px 0 380px 50px;
}

div.articleContent p{
	margin: 0;
	padding: 6px 0 1px 0;

}

div.articleContent li p{
	margin: 0;
	padding: 6px 0 3px 0;

}

div.articleContent img{
	margin: 4px 0 6px;
}

/* Forum Search CSS*/
#search-globalnav {
background-color: transparent;
padding: 0em 0em 0em 0em;
white-space: nowrap;
list-style: none;
margin: 0;
height: auto;
line-height: normal;
margin-bottom:0em;
font-size:100%;
}

#search-globalnav {
margin-left:0px;
margin-top:0;
}

#search-globalnav li {
display: inline-block;
line-height:1.6;
margin-left: 0px;
margin-right:0px;
padding:0px;
/*float:left;*/
background-image:none;
line-height:33px;
text-align:center;
width:220px;
display:block;
float:left;
}



#search-globalnav li a {
/* The normal, unselected tabs. They are all links */
background-color:#333;
color: #ffffff;
margin-right: 0em;
margin-left: 0em;
height:auto !important;
height:33px;
min-height:33px;
padding: 0;
/*margin-bottom:7px;*/
text-decoration: none;
display: block;
}

#search-globalnav li.selected {
/*background-image:url(../images/selected-article-tab.gif);*/
background-position:center bottom;
background-repeat:no-repeat;
}

#search-globalnav li.selected a {
/* The selected tab. There's only one of this */
background-color:#ffcccb;
background-color:#c00;
/*background: transparent url("../images/bg/tab_selected.gif") bottom center no-repeat;*/
font-weight:bold;
color:#ffffff;
}

div#articleListContent dl#articleTable dd#forumSearchResults.portletItem ul.forumMessageDetails li {
border:none;
display:inline;
padding:0 2.5em;
border-left:1px solid #666666;
}

#forumSearchResults.portletItem ul.forumMessageDetails {
	display: inline;
}

#forumSearchResults.portletItem ul.forumMessageDetails li {
	display: inline;
	border-style: none none none solid;
	border-width: medium medium medium 1px;
	padding: 0 0.5em;
}

#forumSearchResults.portletItem ul.forumMessageDetails li.first {
	display: inline;
	border-left-style: none;
	padding-right: 4px;
	padding-left: 0px;
}

div#articleListContent dl#articleTable dd#forumSearchResults ul.forumMessageDetails li.first {
padding-left:0px;
border-left:none;
}

ul.forumMessageDetails {
font-size:90%;
color:#666666;
}

span.forumPostDetails {
/*font-size:90%;
color:#666666;*/
background: url('../images/elements/form_help_link_arrow.gif') no-repeat right center;
margin: 1px 0 0;
padding-right: 7px;
}

div#articleListContent dl#articleTable dd.portletItem ul.searchResultsList li dt span.forumPostDetails a {
color:#1516A3;
text-decoration:none;
}

span.forumPostDetails a{
/*	color: #1516A3;
	text-decoration:none;*/
}

#forumModule li dl.forumMessageItem dt {
float:left;
clear:left;
margin-right:0.25em;
}

#forumModule li dl.forumMessageItem dd {
margin-left:0px;
}

#articleListMsgRowForum
{
	/*padding: 0px;*/
	padding-top: 40px;
	margin-bottom: 5px;
	background-color: #F5F5F5;
	/*border-top: 1px solid #CCC;*/
}

div#articleListContent dl#dFaqModule dd.portletItem,
div#articleListContent dl#articleTable dd.portletItem {

margin-bottom:0px;
padding-bottom:0px;
}

div#articleListContent dl#dFaqModule dd.portletItem.portletFooter,
div#articleListContent dl#articleTable dd.portletItem.portletFooter {
background-color:#e2e2e2;
margin-top:0px;
}


div#articleListContent dl#dFaqModule dd.portletItem ul li:hover,
div#articleListContent dl#articleTable dd.portletItem ul li:hover {
/*border:1px solid red;*/
}

div#articleListContent dl#dFaqModule dd.portletItem ul li dl dt,
div#articleListContent dl#articleTable dd.portletItem ul li dl dt {
/*line-height:1.6;*/
line-height:1.6;
margin-bottom:5px;
}

.hiddenStructure {
	display:none !important;
}

div#articleListContent dd#forumSearchResults.portletItem ul.forumMessageDetails li {
border:none;
display:inline;
padding:0 2.5em;
border-left:1px solid #666666;
}


div#articleListContent dd#forumSearchResults ul.forumMessageDetails li.first {
padding-left:0px;
border-left:none;
}

ul.forumMessageDetails {
font-size:90%;
color:#666666;
}

span.forumPostDetails {
font-size:90%;
color:#666666;
}

div#articleListContent dd.portletItem ul.searchResultsList li dt span.forumPostDetails a {
color:#1516A3;
text-decoration:none;
}

#forumModule li dl.forumMessageItem dt {
float:left;
clear:left;
margin-right:0.25em;
}

#forumModule li dl.forumMessageItem dd {
margin-left:0px;
}

#forumModuleContainer dd#portletItem,
#forumModuleContainer dt.portletHeader {
border-color:#AEB8BA;
}

#forumModuleContainer dd.portletItem ul li a {
font-weight:normal;
color:#1516A3;
}

#forumModuleContainer dd.portletItem div.details a {
font-weight:normal;
color:#1516A3;
}

.moduleContainer
{
	margin-bottom: 9px;
	width: 210px;
	margin-left: 0px;
	margin-right:0px;
		
}

#forumModuleContainer dl.portlet,
#forumModuleContainer dt.portletHeader,

{
	border-color:#999999;
}

#forumModuleContainer dt.portletHeader
{
	background-color:#666666;
	padding:3px 20px;
	/*padding-left:0.5em;*/
	/*min-height:35px;*/
	height:auto !important;
	/*height:35px;*/
	color:#ffffff;
	border-top:none;
	
}


#forumModuleContainer dt.portletHeader span
{
	display:block;
	padding-bottom:2px;
}


#forumModuleContainer dt.portletHeader
{
	background-color:#666666;
	font-size:14px;
	padding:3px 20px;
}

#forumModuleContainer dl#tutorials dd.portletItem {
	padding:0 10px;
}

#portletItem {
margin: 0;
padding: 1em;
border-left: 1px solid  #CCC;
border-right: 1px solid  #CCC;
border-bottom: 1px solid  #CCC;
background-color: #F6F6F6;
padding-bottom:0em;
margin-bottom:0em;
}

dt#portletHeader
{
margin: 0px;

}

.bulleted {
padding-right: 0px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
list-style-type: none;
margin-left: 0px;
}

#forumModuleContainer dd#portletItem ul li a {
font-weight: normal;
color: #1516A3;
}

#forumModuleContainer dd.forumMessageItem{

margin-bottom:0px;

}

dl#forumModule{
margin:0px;
padding:0px;
}

#forumModuleContainer dd#portletItem div.details a {
font-weight: normal;
color: #1516A3;
}


dl.forumMessageItem{

margin:0px;

}

#faultsModule {
	/*display: none;*/
}

#forumModuleContainer {
	display: none;
}

/*VM Jan2012 */
div.TopicHolderClass {
	height: 165px;
	margin: 0px 0 15px 0;
}
div.TopicHolderClassTop {
	height: 145px;
	margin: 0px 0 15px 0;
}

div.subTopicTitle{   
   position:absolute;
   padding:10px 15px 0px 15px;
   margin:0;
   width:400px;
   font-weight:normal; 
   top:-1px;
   left:-1px;
   
}
div.subTopicDesc{
   padding:0px 0px 10px 5px;
   margin:0;
}

div.topicNew{
    border:1px solid #cccccc;
    border-width:1px 1px 1px 1px;
    padding:60px 10px 18px 10px;    
    position:relative;    
    border-radius: 0px 0px 4px 4px;
    margin-bottom:20px;
    background:url(../images/bg/categoryBg.jpg) #fff repeat-x left bottom;
    -moz-border-radius:  0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
}

div.mainContent div.topicNew{
    padding-top:55px;
    width:418px;
}

div.topicNew p{
    margin:0 0 1.5em 0;
    
}

div.topicNew ul{
    list-style:none;
    margin:0;
    padding:0;
    padding-left:5px;	   
}

div.topicNew ul li{
    border-bottom:0px dotted #ccc;
    padding:3px 0;    
}

div.topicNew ul li a{
    color: #C00;
}

div.topicNew ul li:last-child{
    border-bottom:none;
}

div.topicFoot{    
    padding-top:10px;
    padding-left:6px;
    overflow:hidden;
    clear:both;   
}
div.topicFoot a:hover {
	color: #C00;
	text-decoration: underline;
} 

div.topTopicImage{
    padding:0;    
    position:relative;    
    border-radius: 0px 0px 4px 4px;
    margin-bottom:20px;
    width:438px;
    /*border:1px solid #cccccc; */
    /*border-width:1px 1px 1px 1px; */
    height:127px;
}
div.bottomTopicImage{
    padding:0;    
    position:relative;    
    /*border-radius: 0px 0px 4px 4px; */
    margin-bottom:20px;
    width:438px;
    /*border:1px solid #cccccc; */
    /*border-width:1px 1px 1px 1px; */
    height:127px;
    clear: both;
}

.topTitle{
    width:65%;
    float:left;
}

.topImage{
   width:35%;
   float:right;
}

div.digitalHome {        
    border-radius: 4px;    
    height: auto!important;
    height: 90px;
    
}

div.infoBlocks.digitalHomeImage p{
     background:url(../images/bg/digital-home-support-40x40.gif) no-repeat top left;
    padding-left:70px;
    padding-top:5px;
}

a.dHome {
	color: #000;
	font-weight:bold;
	font-size:14px;
}

div.colWidth1{
    padding-top:10px;
    width:325px;
}

div.colWidth{
    width:100px;
    float:left;
    margin-right:20px;
    padding-top:2px;
    
}

div.mainContent  div.colWidth{
    width:195px;
    text-align:center;

}

div.mainContent  div.colWidth.last{
    margin-right:0px;
    /*float:right;*/
}

#topicTitleDiv
{
	height:40px;
}

/*VM Feb2012 */
#discoverBB {	
	border:1px solid #cccccc;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin-bottom:20px;	
	min-height:45px;	
	height:181px;    	
    	width: 210px;
}

#discoverBB p a{
    display:inline-block;
}

#discoverBB p{
    width:125px;
    background:none;
    margin:0;
    padding-left: 0px;
}

div.colWidth2 dl dt {
	float: left;
	width: 30%;
	
}


#toptitle {
	font-size:1.1em;
	font-weight:bold;	
	padding-bottom:50px;
	padding-left:10px;
	padding-right:90px;
}


#topdesc {
	font-size:1em;
	font-weight:normal;	
	padding-bottom:60px;
}


div.tabbedLinks h4 {
	margin-left: 10px;
	padding-top:15px;
	line-height:15px;
}

/*VM Mar12 - fix for masking*/
#topicTitleDiv h2.bbconnect,#topicTitleDiv h2.wifi, #topicTitleDiv h2.security,#topicTitleDiv h2.webspace,#topicTitleDiv h2.vstuff,#topicTitleDiv h2.digitalhome, #topicTitleDiv h2.duconnect{
    float:left;   
}

#topicTitleDiv h2.email,
#topicTitleDiv h2.telephone,
#topicTitleDiv h2.billing,
#topicTitleDiv h2.tv,
#topicTitleDiv h2.upgrade,
#topicTitleDiv h2.mobile,
#topicTitleDiv h2.justjoined,
#topicTitleDiv h2.joiningus
{
    float:left;
}

#topicTitleDiv h2.emailIE7,
#topicTitleDiv h2.telephoneIE7,
#topicTitleDiv h2.billingIE7,
#topicTitleDiv h2.tvIE7,
#topicTitleDiv h2.upgradeIE7,
#topicTitleDiv h2.mobileIE7,
#topicTitleDiv h2.justjoinedIE7,
#topicTitleDiv h2.joiningusIE7
{
    float:left;
    line-height: 1.5em;
}

/*styles for new Email landing topic */
div.mainContainer ul.helpNav li.current a.EmailCab,
div.mainContainer ul.helpNav li.current a.EmailCab:hover {
	background: #000000 url('../images/nav/level1-bg-currentNew.gif') 0 -140px no-repeat;
}
div.mainContainer ul.helpNav li a.EmailCab {
	background: url('../images/nav/level1-bgNew2.gif') 0 -140px no-repeat;
}
div.mainContainer ul.helpNav li a.EmailCab:hover {
	background: url('../images/nav/level1-bgNew2.gif') 0 -560px no-repeat;
}
#ratingMessageWrapper p.thanksMessage a
{
	color:red;
	display:inline;
	text-decoration:underline;
}
#ratingMessageWrapper p#ratingMessagePTag
{
	margin-bottom:10px;
}
button
{
    cursor: pointer;
}
table.mainTwoColTable
{
}
table.mainTwoColTable tr.mainTwoColRow
{
	
}
table.mainTwoColTable tr.mainTwoColRow td.mainTwoColColumn
{
}

div.mainContainer ul.helpNav li a.topicjustjoin {
	background: url('../images/nav/level1-bgNewjoin.gif') 0 -16px no-repeat;
}
div.mainContainer ul.helpNav li a.topicjustjoin:hover {
	background: url('../images/nav/level1-bgNewjoin.gif') 0 -68px no-repeat;
}

div.mainContainer ul.helpNav li.current a.topicjustjoin,
div.mainContainer ul.helpNav li.current a.topicjustjoin:hover {
	background: #000000 url('../images/nav/level1-bg-join.gif') 0 -140px no-repeat;
}

div.mainContainer ul.helpNav li a.topicthinkjoin {
	background: url('../images/nav/level1-bgNewjoin.gif') 0 -216px no-repeat;
}
div.mainContainer ul.helpNav li a.topicthinkjoin:hover {
	background: url('../images/nav/level1-bgNewjoin.gif') 0 -268px no-repeat;
}

div.mainContainer ul.helpNav li.current a.topicthinkjoin,
div.mainContainer ul.helpNav li.current a.topicthinkjoin:hover {
	background: #000000 url('../images/nav/level1-bg-join.gif') 0 0px no-repeat;
}

div#bottomSpace{
    border-top:none;
}

/* JB Added */
div#tabbedContainer {height:125px;}
div#tabbedContainer ul li {border-radius: 3px 3px 0 0;background:#fff; display:inline;float:left; width:18%; height:100px;border:1px solid #ccc;margin: 0 13px 10px 0;cursor:pointer; text-align:center; font-weight:bold;}
ul#tabbedList {list-style:none;}
div#tabbedContainer li.selectedTab {border:1px solid #cc0000; cursor:default;}
div#divChild {margin-top:10px;}
img.artFloatImg {float:right;width:20%;}
img.tabbedImage {height: 85px; padding: 0 16px 0 14px; width: 85px;}
div#divChild ul li {border: medium none; padding: 0;	list-style-type: disc; margin: 0 0 5px 30px;}