@import "helvetica/helvetica.css"; /*required to reference helvetica neue @font-face*/
@import "megadropdown.css"; /*required to hack this into OIM */

body {
	background: #fff;
	font-family: Arial, sans-serif;
	font-size: 100%;
	margin: 0;
	line-height: 1.13em; /* equiv 18px */
}
	
/* Fullbleed blackground exmaple */
.fullbleed #main {
	padding-top: 305px;	}

body.buildorder #content,
body.changepackagetool #content {
    padding-bottom: 100px;
}
a {
	color: #c00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
/*focus requires to be commited to all states and variations*/
/*focus end*/
img {
    border: none;
}

/*** headings ***/
h1, h2, div#nav ul li h2, h3, h4 {
	font-family: 'HelveticaNeueLTStd45Light', Arial, sans-serif;
}
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: #333;
	display: block;
	font-size: 30px;
	letter-spacing: 0.75px;
    margin: 0;
    padding: 27px 0 27px 30px;
}
h1.invisible {
	display: none;
}
h2 {
	font-size: 22px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
	line-height: 20px;
}
.hidden {
	display: none;
}
p.subTitle {
	color: #fff;
	display: inline;
	padding: 0 !important;
}
div.underTitle {
	border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
	margin-top: -72px;
	z-index: 0;
}
div.helperNav {
	float: right;
	position: absolute;
	right: 30px;
	top: 36px;
}
div.panel_tabbed h1 {
    line-height: 57px; /* taking into account relative offset of tabs below */
}

/*** nav etc ***/
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 {
	line-height: 1.3em;
	margin: 0 0 0 14px;
}

/* 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;
	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 */
	margin-bottom: 18px;
	min-height: 35px;
	padding: 2px 0 2px 45px;
}
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 15px;
}
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;
}
.btnRedSmall,
.btnRedMedium,
.btnRedLarge,
.btnGreySmall,
.btnGreyMedium,
.btnGreyLarge,
.btnWhiteSmall,
.btnWhiteMedium,
.btnWhiteLarge,
.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;
	float: right;
    font-family: Helvetica, sans-serif;
    font-style: italic;
    margin: 0 0 4px;
    overflow: visible;
    padding: 0;
    width: auto;
    cursor:pointer;
}
.btnRedSmall:hover,
.btnRedMedium:hover,
.btnRedLarge:hover,
.btnGreySmall:hover,
.btnGreyMedium:hover,
.btnGreyLarge:hover,
.btnWhiteSmall:hover,
.btnWhiteMedium:hover,
.btnWhiteLarge:hover,
a.newCta:hover,
.newCta:hover {
    background-position: center bottom;
	text-decoration: none;
}
a.newCta.giveSpacing {
	margin: 0 10px;
}
.btnRedLarge,
.btnGreyLarge,
.btnWhiteLarge,
.ctaLarge {
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    padding: 0 23px 0 20px;
}
.btnRedMedium,
.btnGreyMedium,
.btnWhiteMedium,
.ctaMedium {
    font-size: 13px;
    height: 27px;
    line-height: 27px;
    padding: 0 18px 0 15px;
}
.btnRedSmall,
.btnGreySmall,
.btnWhiteSmall,
.ctaSmall {
    font-size: 12px;
    height: 22px;
    line-height: 22px;
    padding: 0 13px 0 10px;    
}
.btnRedLarge,
.ctaPrimaryLarge {
    background: transparent url('../../images/buttons/primary_large_bg.png');
}
.btnGreyLarge,
.ctaSecondaryLarge {
    background: transparent url('../../images/buttons/secondary_large_bg.png');
}
.btnWhiteLarge,
.ctaTertiaryLarge {
    color: #333;
    background: transparent url('../../images/buttons/tertiary_large_bg.png');
}
.btnRedMedium,
.ctaPrimaryMedium {
    background: transparent url('../../images/buttons/primary_medium_bg.png');
}
.btnGreyMedium,
.ctaSecondaryMedium {
    background: transparent url('../../images/buttons/secondary_medium_bg.png');
}
.btnWhiteMedium,
.ctaTertiaryMedium {
    color: #333;
    background: transparent url('../../images/buttons/tertiary_medium_bg.png');
}
.btnRedSmall,
.ctaPrimarySmall {
    background: transparent url('../../images/buttons/primary_small_bg.png');
}
.btnGreySmall,
.ctaSecondarySmall {
    background: transparent url('../../images/buttons/secondary_small_bg.png');
}
.btnWhiteSmall,
.ctaTertiarySmall {
    color: #333;
    background: transparent url('../../images/buttons/tertiary_small_bg.png');
}
.newCta img {
    padding-left: 7px;
    position: relative;
    top: 1px;
}
.btnRedSmall a,
.btnGreySmall a,
.btnRedMedium a,
.btnGreyMedium a,
.btnRedLarge a,
.btnGreyLarge a,
.newCta a {
	color: #fff !important;
}
.btnRedSmall a:hover,
.btnGreySmall a:hover,
.btnWhiteSmall a:hover,
.btnRedMedium a:hover,
.btnGreyMedium a:hover,
.btnWhiteMedium a:hover,
.btnRedLarge a:hover,
.btnGreyLarge a:hover,
.btnWhiteLarge a:hover,
.newCta a:hover {
	text-decoration: none;
	
}
.btnWhiteSmall a,
.btnWhiteMedium a,
.butWhiteLarge a,
.ctaTertiarySmall a,
.ctaTertiaryMedium a,
.ctaTertiaryLarge a {
	color: #333;
}

/*** 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,
span.ctaLink a {
	background: url('../../images/elements/form_help_link_arrow.gif') no-repeat right center;
	margin: 1px 0 0;
	padding-right: 7px;
}
a.ctaLink_back {
	background: url('../../images/elements/form_help_link_arrow_back.gif') no-repeat left center;
	margin: 1px 0 0;
	padding-left: 7px;
}
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;
}
a.ctaLinkWhite_back {
	color: #fff;
	background: url('../../images/elements/ctaLinkWht_leftArrow.gif') no-repeat left center;
	font-size: 16px;
	margin: 1px 0 0;
	padding-left: 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;
	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 h3 {
	padding-bottom: .4em; /* !!! needed? */
	display: block;
}
div.dd_mandate img {
	float: right;
}
div.DD02  div.dd_mandate img {
	float: none;
	position: absolute;
	right: 30px;
}
div.dd_mandate ul {
	border-top: none;
	font-size: 11px;
	margin: 10px 0 0 18px;
	padding: 0;
}
div.dd_mandate ul li {
	list-style: disc;
	margin: 10px 0;
	padding: 0;
	max-width: 700px;
	vertical-align: text-top;
}

/* MISC STYLES */
.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;
}
.withDivider {
	border-bottom: 1px dotted #b2b2b2;
	margin-bottom: 20px;
}
.floatBreaker {
	clear: both;
}
.spacer10 {
	height: 10px;
}
.spacer20 {
	height: 20px;
}
.spacer30 {
	height: 30px;
}
.spacer40 {
	height: 40px;
}
.myVMInfoShellItems .rawHtml .spacer10 {
	height:55px;
}
.fl,
.floatLeft {
	float: left !important;
}
.fr,
.floatRight {
	float: right !important;
}
.floatNone {
	float: none !important;
}
.rel {position: relative;}
.m10 {margin: 10px;}
.mt25 {margin-top: 25px;}
.width115 {width: 115px;}
.width195 {width: 195px;}
.width300 {width: 300px;}

/* PAGE LEVEL TABS */
.generalTabControl ul,
.generalTabControl li {
	border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
	border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
.generalTabControl ul {
	padding: 0 20px;
	margin: 0 30px;
}
.generalTabControl li {
	display: block;
	float: left;
	margin: 0;
}
.generalTabControl li a {
	color: #fff;
	background: #000;
	display: block;
	font-size: .8em;
	padding: 4px 19px;
	margin-right: 10px;
	border-radius: 4px 4px 0 0;
	font-size: 14px;
	line-height: 20px;
	border: 1px solid #000;
	text-decoration: none;
}
.generalTabControl li a:hover {
	background: #ae0000;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FlMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjODAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ae0000 0%, #c80000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ae0000), color-stop(100%,#c80000));
	background: -webkit-linear-gradient(top,  #ae0000 0%,#c80000 100%);
	background: -o-linear-gradient(top,  #ae0000 0%,#c80000 100%);
	background: -ms-linear-gradient(top,  #ae0000 0%,#c80000 100%);
	background: linear-gradient(to bottom,  #ae0000 0%,#c80000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ae0000', endColorstr='#c80000',GradientType=0 );
	border-color: #C00;
}
.generalTabControl li.active a,
.generalTabControl li.active a:hover {
	color: #000;
	background: #fff;
	border-color: #fff;
}
div.panel div.inner.tabs {
	border-top-left-radius: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
}

/*  PAGE LEVEL COMPARISON TABS */
.compareTabsControl {
	display: block;
	height: 100px;
	margin: 0 0 0 50px; 
	position: relative;
	width: 850px;
}
.compareTabsControl a,   /* You can use a tab as an A or a DIV (if you dont want it to be clickable) */
.compareTabsControl div { /* eg.: div.compareTabsControl A.tabL   OR   div.compareTabsControl DIV.tabL*/
	background: url('../../images/browse/tabCompareL.gif') top left no-repeat;	
	bottom: 0;
	color: #fff;
	display: block;
	font-size: .9em;
	font-style: italic;
	line-height:22px;
	padding: 16px 0 0 14px;
	position: absolute;
	text-decoration: none;
	width: 190px;
}
.compareTabsControl .selected {
	background: url('../../images/browse/tabCompareOn.gif') top left no-repeat;
	color: #333;
}
.compareTabsControl  a:hover {
	text-decoration: none;
}
.compareTabsControl span.icon {
    display: block;
    float: left;
	font-weight: bold;
	height: 39px;
	line-height: 39px;
    margin: 0 4px 0 0;
	text-align: center;
	text-indent: -9999em;
	width: 39px;
}
.compareTabsControl .tabA {
	font-size: 1.2em;
	height: 38px;
	padding-left:20px; 
	width: 200px; 
}
.compareTabsControl .tabS {
	height: 52px; 
	left: 249px;
}
.compareTabsControl .tabM {
	height: 67px; 
	left: 443px;
}
.compareTabsControl .tabL {
	height: 82px; 
	left: 637px;
}
.compareTabsControl .tabS span.icon {
	background: url('../../images/buildorder/tier_icon_mp.png') 0 -124px no-repeat;
}
.compareTabsControl .tabS.selected span.icon  {
	background: url('../../images/buildorder/tier_icon_mp.png') 0 -7px no-repeat;
}
.compareTabsControl .tabM span.icon {
	background: url('../../images/buildorder/tier_icon_l.png') 0 -122px no-repeat;
}
.compareTabsControl .tabM.selected span.icon {
	background: url('../../images/buildorder/tier_icon_l.png') 0 -5px no-repeat;
}
.compareTabsControl .tabL span.icon {
	background: url('../../images/buildorder/tier_icon_xl.png') 0 -119px no-repeat;
}
.compareTabsControl .tabL.selected span.icon {
	background: url('../../images/buildorder/tier_icon_xl.png') 0 -2px no-repeat;
}
.compareTabsControl span.gbOffer {
	display: block;
	font-size: 1.9em; 
}
.compareTabsControl span.simpleText {
	font-size: 1.3em;
}

/*** SERVICE ICONS AND ROUNDELS ***/
/* example html <p class="service bb"><span class="roundel tier_xl"></span> Some text</p> */
p.service {
	margin: 0 10px;
	padding-left: 49px !important;
	position: relative;
}
p.service span.roundel {
	height: 20px;
	left: 20px;
	position: absolute;
	width: 20px;
}
p.service span.highlight {
	color: #333;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 3px;
}
p.tv {
	background: transparent url('../../images/elements/icons/icon_tv.gif') no-repeat 0 0;
}
p.bb {
	background: transparent url('../../images/elements/icons/icon_bb.gif') no-repeat 0 0;
}
p.ph {
	background: transparent url('../../images/elements/icons/icon_ph.gif') no-repeat 0 0;
}
p.mob {
	background: transparent url('../../images/elements/icons/icon_mob.gif') no-repeat 0 0;
}
p.service span.tier_m {
	background: transparent url('../../images/elements/icons/roundel_m.png') no-repeat 0 0;
}
p.service span.tier_mp {
	background: transparent url('../../images/elements/icons/roundel_mp.png') no-repeat 0 0;
}
p.service span.tier_l {
	background: transparent url('../../images/elements/icons/roundel_l.png') no-repeat 0 0;
}
p.service span.tier_xl {
	background: transparent url('../../images/elements/icons/roundel_xl.png') no-repeat 0 0;
}

/* 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;
	vertical-align: middle;
}
.toolTipOuter img.toolTipIcon {
	width: 14px;
	height: 14px;	
	padding: 0;
	margin: 0 1px !important;
	float: none !important;
	top: 0 !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: 16px;
}
.toolTipLeft {
	top: -23px;
	left: 27px;
}
.toolTipRight {
	top: -23px;
	left: -241px;
}
.toolTipInnerNew h2 {
	background: none;
	font-size: 1.1em;
	margin: 0 0 4px;
}
.toolTipInnerNew p {
	margin: 0 0 4px;
	padding: 0;
}
.toolTipInnerNew p a{
	color: #333;
	text-decoration: underline;
}
.toolTipContent {
	-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);
	background: #fff url('../../images/elements/tooltips/paperBG.png') no-repeat 0 0 ;/*ie6*/
	border: 3px solid #269204;
	color: #666;
	display: inline-block;
	font-size: 12px;
	padding: 10px;
	width: 210px;
	z-index: 999;
}
.toolTipContent img {
	vertical-align: top;
}
.toolTipArrowLeft {
	background: url('../../images/elements/tooltips/leftinfoArrow.png') no-repeat left 20px;
	display: inline-block;
	padding-left: 9px;
	width: 245px;
}
.toolTipArrowRight {
	background: url('../../images/elements/tooltips/rightinfoArrow.png') repeat-x right 20px;
	display: inline-block;
	width: 245px;
}
.toolTipArrowTop {
	background: url('../../images/elements/tooltips/topinfoArrow.png') no-repeat top center;
	display: inline-block;
	padding-top:9px;
	width: 235px;
}

/* ROUNDED CORNERS */
.tl {
	border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
}
.tr {
	border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
}
.bl {
	border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
}
.br {
	border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
}

/* GLOBAL ALERTS */
.globalAlertWrapper {
	margin-bottom: 20px;
	position: relative;
}
.globalAlert {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin: 10px 0 5px;
	padding: 10px;
	position: relative;
}
.globalAlert p {
	margin: 0;
}
.globalAlert p a {
	text-decoration: underline;
}
.globalAlert .newCta a {
	text-decoration: none;
}
.globalAlert .globalAlertIcon {
	padding: 10px 0;
}
.globalAlert .globalAlertIcon p {
	padding: 0 0 0 45px;
}
.globalAlert .newCta {
	margin-left: 10px;
}	
.yellow,
.yellowLimited {
	background: #fc0 url('../../images/bg/review_alert_bg_tile.png') repeat-x bottom; 
	border: 3px solid #E9B500;
	color: #333;
}
.yellow .globalAlertIcon,
.yellowLimited .globalAlertIcon{
	background: url('../../images/elements/icons/alertIconYellow.gif') no-repeat;
}
.yellow a,
.yellowLimited a {
	color: #333;
}
.yellow .ctaPrimarySmall,
.yellow .ctaPrimaryMedium,
.yellow .ctaPrimaryLarge,
.yellowLimited .ctaPrimarySmall,
.yellowLimited .ctaPrimaryMedium,
.yellowLimited .ctaPrimaryLarge {
	color: #fff;
} 
.yellowLimited {
	width: 155px;
}
.grey {
	background: #8f8f8f url('../../images/bg/billing_alert_grey_bg.gif') repeat-x bottom; 
	border: 3px solid #666;
	color: #fff;
}
.grey .globalAlertIcon{
	background: url('../../images/elements/icons/alertIconGrey.gif') no-repeat;
}
.grey a {
	color: #fff;
}
.green {
	background: #289e00 url('../../images/bg/billing_alert_green_bg.gif') repeat-x bottom; 
	border: 3px solid #060;
	color: #fff;
}
.green .globalAlertIcon{
	background: url('../../images/elements/icons/white_ctick_on_green.gif') no-repeat;
}
.green a {
	color: #fff;
}
.globalAlert a.close {
	background: none;
	cursor: pointer;
	padding: 0;
	position: absolute;
	right: 6px;
	top: 5px;
}

/* ACCOUNT DETAILS (PERSONALISATION BOX) */
div.accountNumber {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #828283; 
	float: right;
	padding: 5px 10px 8px;
	position: absolute;
	right: 30px;
	top: 16px;
	width: 180px;
}
div.accountNumber span{
 	color: #fff;
	display: inline-block;
 	font-family: Arial, sans-serif;
	font-size: 12px;
}
div.accountNumber span.AcctInfo {
	width: 100px;
}
div.accountNumber span.AcctInfoValue {
	font-weight: bold;
}

/* FROM BROWSE-COMPONENTS.CSS */
/*** TEMPLATES AND LAYOUT ***/
.greyFade {
	background: transparent url('../../images/bg/browse-head-bg.gif') repeat-x scroll 0 bottom;
	clear: both;
	margin: 0 -30px 20px;
	padding: 0 30px 20px;
	width: 820px;
}
.full-width {
	clear: left;
}
.col-left,
.col-left-short {
	display: inline;
	float: left;
	margin-right: 20px;	
	position: relative;
	width: 580px;
}
.col-left-short {
	width: 300px;
}
.col-right,
.col-right-short {
	float: left;
	width: 220px;
}
.col-right-short {
	width: 500px;
}
.core-pricing {
	float: left;
}
.hero-right {
	float: right;
	width: 280px;
}
.hero-left {
	float: left;
	padding-left: 30px;
	width: 610px;
}
.col-chevron {
	background: url('../../images/browse/chevron.png') no-repeat right center;
	float: left;
	height: 100px;
	padding: 10px 60px 0 0;
	width: 539px;
}
.col-bundle {
	float: left;
	width: 380px;
}
.col-bundle-right {
	float: right;
	width: 170px;
}
.col-sellpro {
	width: 170px;
}
.grey-panel {
	background-color: #eee;
	margin-top: 10px;
	padding: 5px;
}
.title-float{
	float: left;
	position:relative;
	width: 580px;
}
.float-starter{
	height: 1px;
	overflow: hidden;
}

/* SR2 TEMPLATES */
.col-right1 {
	float: left;
	width: 220px;
	margin-left: 60px;
}
.col-right-wide {
	float: left;
	width: 560px;
}
.col-right2 {
	clear: right;
	float: right;
	padding: 30px 30px 30px 0;
	width: 580px;
}
.col-right2 .image {
	margin-bottom:10px;
}
.col-left-icon {
	display: block;
	float: left;
	height: 50px;
	padding: 17px 0 0 30px;
	width: 40px;
}
div.AppsTrayWrapper {
	display: block;
	float: right;
	padding: 15px 30px 0 0;
	width: 90px;
}
div.verticalTabsWrapper {
	display: inline-block;
	width: 240px;
}
div.verticalTabsModule {
	margin: 0;
	padding: 0;
	width: 240px;
}
div.verticalTabsModule ul li img{
	float: left;
	margin-right: 10px;
}
div.verticalTabsModule .wideText {
	width: 165px !important;
}
div.verticalTabsModule ul {
	padding: 0;
	margin: 0;
}
div.verticalTabsModule li {
	background: url('../../images/bg/vertical_tabs.png') top left no-repeat;
	border-bottom: 1px solid #fff;
	display: block;
	list-style: none;
	padding: 10px 10px 5px;
}
div.verticalTabsModule ul li a {
	color: #fff;
	display: block;
	height: 68px;
	margin: 0;
	padding: 10px;
	text-decoration: none !important;
	width: 220px;
}
div.verticalTabsModule ul li:hover {
	background: #8c8c88 url('../../images/bg/vertical_tabs_rollover.png') top left no-repeat;
	cursor: pointer;
}
div.verticalTabsModule ul li .title {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	width: 175px;
}
div.verticalTabsModule ul li .text{
	color: #fff;
	line-height: 16px;
	margin: 10px 0 0;
	width: 175px;
}
div.verticalTabsModule span{
	float: left;
	margin: 10px 0 15px;
	padding: 0;
}
div.verticalTabsWrapper .selected .title {
	color: #000;
}
div.verticalTabsWrapper .selected .text{
	color: #000;
	margin: 5px 0 0;
	padding: 0;
	width: 170px;
}
div.verticalTabsWrapper .selected {
	background: #fff url('../../images/elements/arrowRight.gif') center right no-repeat;
	border-bottom: 1px solid #fff;
	height: 78px;
	margin: 0;
	padding: 0;
	width: 240px;
}
div.verticalTabsWrapper .selected a:hover {
	background: none;
}
div.verticalTabsWrapper .noAppIcon .title {
	margin-left: 10px;
}
div.verticalTabsWrapper .noAppIcon .text {
	margin-left: 10px;
	width: 205px;
}

/* FROM 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 {
	float: right;
	margin-right: 0px;
	width: 180px;	
	padding: 0;	
	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-right: 5px;
}
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;
    line-height: 36px;
    text-align: right;
    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;
	display:block;
}
form div.field div.input input {
	border: none;
	border-width: 0;
	display: block;
	font-family: Arial, sans-serif;
	font-size: 1.1667em;
	padding: 0;
	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: .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.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_yellow_right.gif') no-repeat right center;
}
form div.invalid div.input div.inputWrapper div {
	background: url('../../images/forms/input_14px_error_yellow_left.gif') no-repeat left center;	
}
form div.invalid div.multipleInputs div.input div.inputWrapper {
	background: url('../../images/forms/input_14px_error_date_yellow_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 div.textConfiguration  {
    display: block;
    margin-left: 30px;
    padding-top: 3px;
    width: 300px;
}
form div.field div.checkbox label {
	display: block;
    margin:0px 0px 10px 30px;
    padding-top: 0px;
    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;
	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;
	top: -2px;
	width: 21px;
}
.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;
	overflow: auto;
	overflow-x:hidden;
	padding: 0;
	position: absolute;
	top: 33px;
	z-index: 1000;		
}
form div.field div.multipleInputs div.input div.inputWrapper .dd {
	height: 211px;
}
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;
}
form div.field.invalid {
	clear: both;
}

/*** 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;
	resize: none;
}
/* END OF FORMS.CSS */

form div.field div.label label, form div.field div.label div.textConfiguration {
display:block;
font-size:14px;
line-height:36px;
text-align:right;
width:250px;
}
/* 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,
ul#subNav li#l2Offers,
ul#subNav li#js_my-offers {
	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,
ul#subNav li#js_my-offers {
	display: none;
}

/* END MAIN SITE NAV */

/* FOOTER */
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 {
	float: left;
	margin: 20px 5px 0 0; 
}
div#footer div.disclaimer li a {
	border-right: 1px solid #fff;
	padding: 0 10px 0 2px;
	width: auto;
}
div#footer div.disclaimer li span.last a {
	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;
}
div#footer img {
	display: none;
}
div#footer div.copyright img {
	display: inline;
}

/* CONDITIONAL STATEMENTS FOR WEBKIT */
/*@media screen and (-webkit-min-device-pixel-ratio:0){
	ul.mainNav li { margin: 8px 10px 0; }
}*/
/* END NAV.CSS */

/* FROM EMC.LIGHTBOX.CSS */
#jquery-overlay {
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 90;
	width: 100%;
}
div.lightbox {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
    font-size: .75em;
	background: #fff url('../../images/panels/moreinfo_tile.gif') repeat-x center bottom;    
    color: #333;
	position: absolute;
	z-index: 100;
}
.lightbox h2,
div.lightboxInner {
	position: relative;
}
div.lightboxLoading div.lightboxInner {
    background: url('../../images/elements/lightbox-ico-loading.gif') no-repeat center center;
    height: 100px;
    margin: 0 auto;
    width: 100px;
}
#lightbox-container {
    margin: 36px 40px;
    position: absolute;
}
div.lightboxLoading #lightbox-container {
    left: -999em;
}
#jquery-lightbox a img {
	border: none;
}
#close-button {
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background: transparent url('../../images/elements/close_button.png') no-repeat scroll 0 0;
	display: block;
	height: 37px;
	position: absolute;
	right: -13px;
	top: -8px;
	width: 38px;
	z-index: 10;
}
div.lightboxLoading #close-button {
    display: none;
}
#close-button span {
	display: none;
}

#lightbox-container .fullWidth {
	width: 800px;
}
#lightbox-container .middleWidth {
	width: 650px;
}
#lightbox-container .shortWidth {
	width: 400px;
}
div.lightbox h6{
	font-size:1.2em;
}

/* END EMC.LIGHTBOX.CSS */

/* FROM BREADCRUMB.CSS */

div.breadcrumbBar {
	height: 45px;
	margin: 0 30px;
}
div.breadcrumbBar ul {
	font-size: .75em;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}
div.breadcrumbBar ul li {
	background: url('../../images/elements/breadcrumb/off_to_off.png') no-repeat right center;
	float: left;
	padding-right: 25px;
}
div.breadcrumbBar ul li.current {
	background: url('../../images/elements/breadcrumb/current_to_off.png') no-repeat right center;
}
div.breadcrumbBar ul li.complete {
	background: url('../../images/elements/breadcrumb/complete_to_complete.png') no-repeat right center;
}
div.breadcrumbBar ul li.pre_current {
	background: url('../../images/elements/breadcrumb/complete_to_current.png') no-repeat right center;
}
div.breadcrumbBar ul li.last {
    background: none;
    padding-right: 0;
}
div.breadcrumbBar ul li span {
    background: url('../../images/elements/breadcrumb/off_bg.gif') repeat-x center center;
    color: #494949;
	display: block;
    font-size: 1.1667em;
    line-height: 41px;
    padding-top: 1px;
    text-align: center;
}
div.breadcrumbBar ul li.current span {
    background: url('../../images/elements/breadcrumb/current_bg.gif') repeat-x center center;
    color: #fff;
}
div.breadcrumbBar ul li.pre_current span,
div.breadcrumbBar ul li.complete span {
    background: url('../../images/elements/breadcrumb/complete_bg.gif') repeat-x center center;
}
div.breadcrumbBar ul li:first-child span {
    border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
}
div.breadcrumbBar ul li:last-child span {
    border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
}
#checkoutForm div.breadcrumbBar ul.steps6 li.step0 span {
    width: 95px;
}
#checkoutForm div.breadcrumbBar ul.steps6 li.step1 span {
    width: 155px;
}
#checkoutForm div.breadcrumbBar ul.steps6 li.step2 span {
    width: 138px;
}
#checkoutForm div.breadcrumbBar ul.steps6 li.step3 span {
    width: 117px;
}
#checkoutForm div.breadcrumbBar ul.steps6 li.step4 span {
    width: 123px;
}
#checkoutForm div.breadcrumbBar ul.steps6 li.step5 span {
    width: 127px;
}

/** styles for 6 step **/
#statusNavBar.sixSteps ul li.aboutYouNav a {
	background: url('../../images/buttons/aboutYou_s6.png') no-repeat left top;
	height: 42px;
	left: 0;
	width: 110px;
	z-index: 10;
}
#statusNavBar.sixSteps ul li.aboutYouNav a.active {
	background: url('../../images/buttons/aboutYou_s6.png') no-repeat left center;
}
#statusNavBar.sixSteps ul li.aboutYouNav a.complete {
	background: url('../../images/buttons/aboutYou_s6.png') no-repeat left bottom;
}
#statusNavBar.sixSteps ul li.installationDeliveryNav a {
	background: url('../../images/buttons/install_s6.png') no-repeat left top;
	height: 42px;
	left: 97px;
	width: 187px;
	z-index: 11;
}
#statusNavBar.sixSteps ul li.installationDeliveryNav a.active {
	background: url('../../images/buttons/install_s6.png') no-repeat left center;
}
#statusNavBar.sixSteps ul li.installationDeliveryNav a.complete {
	background: url('../../images/buttons/install_s6.png') no-repeat left bottom;
}
#statusNavBar.sixSteps ul li.regularPaymentsNav a {
	background: url('../../images/buttons/regPayments_s6.png') no-repeat left top;
	height: 42px;
	left: 272px;
	width: 171px;
	z-index: 12;
}
#statusNavBar.sixSteps ul li.regularPaymentsNav a.active {
	background: url('../../images/buttons/regPayments_s6.png') no-repeat left center;
}
#statusNavBar.sixSteps ul li.regularPaymentsNav a.complete {
	background: url('../../images/buttons/regPayments_s6.png') no-repeat left bottom;
}
#statusNavBar.sixSteps ul li.confirmYourOrderNav a {
	background: url('../../images/buttons/confirm_s6.png') no-repeat left top;
	height: 42px;
	right: 137px;
	width: 143px;
	z-index: 13;
}
#statusNavBar.sixSteps ul li.confirmYourOrderNav a.active {
	background: url('../../images/buttons/confirm_s6.png') no-repeat left center;
}
#statusNavBar.sixSteps ul li.confirmYourOrderNav a.complete {
	background: url('../../images/buttons/confirm_s6.png') no-repeat left bottom;
}
#statusNavBar.sixSteps ul li.oneOffPaymentNav a {
	background: url('../../images/buttons/oneOffPayment_s6.png') no-repeat left top;
	height: 42px;
	left: 430px;
	width: 163px;
	z-index: 14;
}
#statusNavBar.sixSteps ul li.oneOffPaymentNav a.active {
	background: url('../../images/buttons/oneOffPayment_s6.png') no-repeat left center;
}
#statusNavBar.sixSteps ul li.oneOffPaymentNav a.complete {
	background: url('../../images/buttons/oneOffPayment_s6.png') no-repeat left bottom;
}
#statusNavBar.sixSteps ul li.orderCompleteNav a {
	background: url('../../images/buttons/orderComplete_s6.png') no-repeat left top;
	height: 42px;
	right: 0;
	width: 150px;
	z-index: 15;
}
#statusNavBar.sixSteps ul li.orderCompleteNav a.active {
	background: url('../../images/buttons/orderComplete_s6.png') no-repeat left center;
}
#statusNavBar.sixSteps ul li.orderCompleteNav a.complete {
	background: url('../../images/buttons/orderComplete_s6.png') no-repeat left bottom;
}

.quickPayProgress ul li {
	width: 276px;
}
.quickPayProgress ul li.last {
	width: 278px;
}
.quickPayProgressDouble ul li {
	width: 427px;
}
.quickPayProgressDouble ul li.last {
	width: 428px;
}
.quickPayProgress ul li.current {
/*	background: url('../../images/elements/breadcrumb/current_to_current.png') no-repeat right center !important;*/
}
.quickPayProgress ul li.last {
    background: none !important;
}
.quickPayProgress ul li span span {
	display: inline-block;
    padding-top: 0 !important;
	margin-top: -1px;
}
.quickPayProgress span.payBill {
	background: url(../../images/billpayments/progressPayBill.gif) left no-repeat;
	padding-left: 30px;
}
.quickPayProgress .current span.payBill {
	background: url(../../images/billpayments/progressPayBillOn.gif) left no-repeat;
	padding-left: 30px;
}
.quickPayProgress span.cardDetails {
	background: url(../../images/billpayments/progressCardDetails.gif) left no-repeat;
	padding-left: 30px;
}
.quickPayProgress .current span.cardDetails {
	background: url(../../images/billpayments/progressCardDetailsOn.gif) left no-repeat;
	padding-left: 30px;
}
.quickPayProgress span.confirmCard {
	background: url(../../images/billpayments/progressConfirm.gif) left no-repeat;
	padding-left: 30px;
}
.quickPayProgress .current span.confirmCard {
	background: url(../../images/billpayments/progressConfirmOn.gif) left no-repeat;
	padding-left: 30px;
}

/* END BREADCRUMB.CSS */

/*showHide gettingStartedContainer parsys*/
.gettingStartedContainer .showHideControlParsys {
	padding:20px 30px 0;
}
.gettingStartedContainer .textAndMedia p {
	width:157px;
}
.gettingStartedContainer .textAndMedia .textImageLeft img.main {
	margin-bottom:10px;
}

.gettingStartedContainer .contentColumns4 {
	background: url(../../images/elements/arrow-download-steps.png) no-repeat right top;
	min-height:217px;
}
.gettingStartedContainer .contentColumns4.last {
	background:none;
	width:167px;
}

/*END showHide gettingStartedContainer parsys*/

p.dd_details strong{width:250px; text-align:right;}

/* CONTENT MANAGED STYLES */
.introText { font-size: 14px; }
.introText li {font-size:12px;}

/*hides the buttons for movement*/
div.myDBMoveButtons {
	display:none !important;
}
div.legalEntry {
	color: #999;
	font-size: 10px;
	margin-bottom: 10px;
}

#myVMTopBanner #myVMBannerThumbs li span {
	color: #333;
}