/*	
IMPORTANT:
	This is the SECURE SERVER stylesheet.
	For non-secure version, change background image url's to http

STYLESHEET USE:	
	Everything within the 'content' div is styled here

INDEX: 
	01. BASE STYLES
	02. COLUMNS WITHIN CONTENT AREA
	03. SINGLE SIGN IN PAGE
	04. LOGGED OUT COMPONENT (DASHBOARD)
	05. COMPONENTS: GENERIC
	06. LOADING IMAGE
	07. HELP BUTTON
	08. VIRGIN MOBILE COMPONENT (MY VIRGIN MEDIA)
	09. MANAGE HOUSEHOLD ACCOUNTS COMPONENT (DASHBOARD)
	10. PCGUARD COMPONENT (DASHBOARD)
	11. LIST BULLET ICON
	12. ALERT & PROMPT MESSAGES
	13. CMS COMPONENT WITH IMAGE (MY VIRGIN MEDIA)
	14. EBILLING & EMAIL COMPONENTS (MY VIRGIN MEDIA)
	15. HELP COMPONENT (MY VIRGIN MEDIA)
	16. NEWS COMPONENT (MY VIRGIN MEDIA)
	17. WHAT'S MY VIRGIN MEDIA COMPONENT (MY VIRGIN MEDIA)
	18. ACCOUNT NAME (MY VIRGIN MEDIA)
	19. STORAGE COMPONENT (DASHBOARD)
	20. ADVERTISEMENT (MY VIRGIN MEDIA)
	21. STORAGE TABLE (BOTH DASHBOARD AND MY STUFF)
	22. MY STUFF
	23. MY STUFF FORMS
	24. MY STUFF INTRO
	25. HELP SECTION
	26. MY STUFF TABLES
	27. MY STUFF SETTINGS TABLE AND ALLOCATION TABLE
	28. MY STUFF USAGE TABLE
	29. MY STUFF COMPONENT WITH TABS
	30. TABS
	31. MY STUFF USER WRAP
	32. MY STUFF DELETED USER
	33. MY STUFF TERMS WRAP
	34. BUTTONS
	35. PERCENTAGE BAR
	36. ERROR PAGE
	37. TEMPORARY HOLDING CONTENT FOR STORAGE IN DASHBOARD
	38. VIEW ACCOUNT BALANCE
	39. DIRECT DEBIT SETUP
	40. MUSIC COMPONENT (Dashboard)
	41. MUSIC COMPONENT 'WHAT IS THIS?' LINKS (Dashboard)
	42. MUSIC COMPONENT PERCENTAGE BAR (Dashboard)
	43. MUSIC FEED CMS COMPONENT (Dashboard)
	44. TOOLTIP 

COLOUR KEY:
	Virgin Red: #c00
	text: #333
	focus colour: #fffadd
*/


/* --------------------------------- 01. BASE STYLES --------------------------------- */
/* -- Sets font size and line height in content area -- */
#content {font-size:95%;line-height:1.3;}
/* ----------------------------------- */

h1 {
	display:block;
	font-size:1.6em;
	font-weight:normal;
	/*height:30px;*/
	line-height:45px;
	margin:0 0 0 10px;
	padding:0;
	position:relative;
	text-transform:uppercase;
	width:920px;
	overflow:visible;
}
h1 img {
	width:920px;
}
#myStuff h1, .contentWithNav h1, #music h1 {
	margin-left:-145px;
	overflow:visible;
}
#myStuff .contentFullWidth h1, #music .contentFullWidth h1 {
	margin-left:0;
	overflow:visible;
}
#content h2 {
	font-size:1.3em;
	margin-bottom:7px; 
	font-weight:normal;
}
#content h3 {
	font-weight: 700;
	font-size:1.2em;
	margin-bottom:0.5em;
}
#myVM #content h3 {
	font-weight:400;
	}
#content h4 {
	font-weight:700;
	margin-bottom:0.75em;
}
#content p {
	margin-bottom:1em;
	color:#666;
}
#content strong {
	font-weight: bold;
}
#content em {
	font-style:italic;
}
#content strong em {
	font-style:normal;
	color: #c00;
}
#content address {
	font-style: normal;
	margin:0 0 1em 0;
	padding-left:10px;
}
#content a, #content a:link {
	color: #333;
	text-decoration:none;
}
#content a:visited {
	color: #333;
}
#content a:hover, #content a:active {
	text-decoration:underline;
}
#content input:focus, #content select:focus, #content textarea:focus {
	background-color:#fffadd;
	outline: 0 none;	
}
#content a:focus {
	outline: 0 none;
}
#content .hr {
	color: #c00;
	background:#F2F2F2 url(../../img/virgin/common/backgrounds/component_mystuff.gif) repeat-x left bottom;
	height:12px;
	clear:both;
	width:100%;
}
#content ul, #content ol {
	/*clear:both;*/
	list-style-type:none;
}
#content ul.single {
	margin-top:10px;
}
#content li {
	margin-bottom:0.25em;
}
#content dl {
	margin-bottom:1em;
}
#content fieldset {
	margin-bottom:1em;
}
#content input.inputRadio {
	margin-right:5px;
	margin-top:0;
	vertical-align:middle;
	}
#content table caption {
	text-align:center;
	font-weight:700;
}
#content table th {
	font-weight:700;
}
.disabled {
	color: gray;	
}
ol.userDisabled li {
	border:2px dashed #ccc;
	color: #333;
}


/* ------------------------- 02. COLUMNS WITHIN CONTENT AREA ------------------------- */
/*	This is based on the Virgin Media 6 column grid structure.
	Use the class for the width of column you require.
	You can enclose columns within columns by resetting the padding on the 
	child column (see the end of this style section).
*/
.oneCol, .twoCol, .threeCol, .fourCol, .fiveCol, .sixCol {
	float:left;
	padding-left:10px;
}
.oneCol {
	width:145px;
}
.twoCol {
	width:300px;
}
.threeCol {
	width:455px;
}
.fourCol {
	width:610px;
	padding-bottom:15px;
}
.fiveCol {
	width:765px;
}
.sixCol {
	width:920px;
}
.threeColSolid {
	width:435px;
	background-color:#e3e3e3;
	padding:10px 10px 15px 10px;
	float:left;
	margin-top:10px;
}
.fourColSolid {
	width:590px;
	background-color:#e3e3e3;
	padding:10px 10px 15px 10px;
	float:left;
	margin-top:10px;
}
.account {
	background:#e3e3e3 url(../../img/virgin/common/backgrounds/component2.gif) repeat-x scroll left bottom;
	padding:0 10px 0 10px;
	width:590px;
	float:left;
	margin-bottom:15px;
	height:1%;
}
.accountCol {
	width:285px;
	float:left;
	padding: 0 5px;
}
.myStuff {
	width:435px;
	background-color:#e3e3e3;
	padding:10px 10px 15px 10px;
	float:left;
	margin-top:10px;
}
.fourCol .myStuff {
	width:590px;
	}
	
/* Reset for enclosing columns within columns */
.fourCol .twoCol,
.fourCol .fourCol {
	padding-left:0;
}


/* ------------------------------ 03. SINGLE SIGN IN PAGE ---------------------------- */
/*	This is a copy of the styles for the 'single sign in' pages which are hosted on a different server.
	When the site goes live, the url of this stylesheet will need to be included in the head of 'single signin' pages.
	Currently, changing the styles here will not change anything.
*/
#singleSignIn #content {
	width:900px;
	padding:0 10px 55px 10px;
}
#singleSignIn .signIn {
	background-color:#e2e2e2;
	padding:10px;
	width:435px;
	margin:55px auto 0;
}
#singleSignIn .signIn .component {
	min-height:266px;
	height:auto !important;
	height:266px;
	margin-bottom:0;
}
#singleSignIn .signIn #ssoForm {
	margin:0 0 0 42px;
	}
#singleSignIn .signIn ul.button {
	position:relative;
	left:141px;
	margin:25px 0;
	}
#singleSignIn .signIn ul {
	height:1%;
}
#singleSignIn .signIn ul li {
	margin-bottom:0.5em;
}
#singleSignIn .signIn label {
	font-size:111%;
	font-weight:700;
	margin-bottom:0.5em;
	width:auto;
	display:block;
}
#singleSignIn .signIn input {
	width:195px;
}
#singleSignIn .signIn .alertMessage img {
	padding:7px 0 7px 10px;
	margin:0;
}
#singleSignIn .signIn .alertMessage ul {
	margin:0 0 0 51px;
	padding:7px 0 0;
}
#singleSignIn .signIn .alertMessage li {
	margin:0;
	padding:0;
}
#singleSignIn .signIn .alertMessage li p {
	margin-left:0;
	}
#singleSignIn .signIn a, #singleSignIn .signIn a:link, #singleSignIn .signIn a:visited {
	border-bottom:1px dotted #333;
	text-decoration:none;
}
#singleSignIn .signIn a:hover, #singleSignIn .signIn a:active {
	border-bottom:1px solid #333;
}


/* ----------------------- 04. LOGGED OUT COMPONENT (DASHBOARD)----------------------- */
.loggedOut {
	/*background:#c5c5c5 url(https://www.virginmedia.com/img/myvm/login-bg.jpg) no-repeat left bottom;*/
	background:#c5c5c5 url(../../img/virgin/my_vm/login-bg2.jpg) no-repeat left bottom;
    min-height:177px;
	height:auto !important;
	height:177px;
	position:relative;
	padding:45px 10px 10px 235px;
}
#content .loggedOut h2 { 
	font-weight:700;
	display:block;
	margin:0 0 1.5em 0;
}
.loggedOut ul {
	width:288px;
	padding-bottom:20px;
	clear:left;
}
.loggedOut ul li {
	height:1%; /*height needed for ie6*/
	list-style-type:disc;
	list-style-position:inside;
	color:#333;
	padding:0 0 0 3px;
}
.loggedOut ul li b {
	font-weight:normal;!important
	}
#content .loggedOut p {
	margin:0;
	padding-top:9px;
}
#content .loggedOut_button, #content loggedOut_password {
	height:32px;
}
#content .loggedOutWrap {
	width:363px;
}
#content .loggedOut p.loggedOut_button {
	float:right;
	background:transparent url(../../img/virgin/common/buttons/login_myvm2_side.gif) no-repeat right top;
	display:block;
	height:41px;
	padding: 0 2px 0 0;
	text-align:center;
}
#content .loggedOut p.loggedOut_button a, #content .loggedOut p.loggedOut_button a:link,
#content .loggedOut p.loggedOut_button a:visited, #content .loggedOut p.loggedOut_button a:hover,
#content .loggedOut p.loggedOut_button a:active {
	background:#CC0000 url(../../img/virgin/common/buttons/login_myvm2.gif) no-repeat 0 0;
	color:#fff;
	display:block;
	width:13em;
	overflow:visible;
	height:41px;
	font-size:1.2em;
	padding:0 13px;
	line-height:37px;
}
#content .loggedOut p.loggedOut_password a, #content .loggedOut p.loggedOut_password a:link,
#content .loggedOut p.loggedOut_password a:visited {
	border-bottom:1px dotted #333;
}
#content .loggedOut p.loggedOut_password a:hover,
#content .loggedOut p.loggedOut_password a:active {
	border-bottom:1px solid #333;
	text-decoration:none;
}

	
/* ----------------------------- 05. COMPONENTS: GENERIC ----------------------------- */
/* Generic styles for the component */
.component {
	float:left;
	padding:0 0 10px 0;
	margin-bottom:15px;
	width:100%;
	background:#fcfcfc url(../../img/virgin/common/backgrounds/component.gif) repeat-x left bottom;
	position:relative;
}
.component h3, .component h4, 
.component p, .component dl, .component ul, .component ol,
.component table, .component iframe {
	margin:0 10px;
}
#content .component h3 a:hover, #content .component h3 a:active {
	color:#CC0000;
}
.component h2 {
	padding:1px 55px 4px 9px;
	border:1px solid #cc6666;
	background:#CC0000 url(../../img/virgin/common/backgrounds/headings.gif) repeat-x 0 center;
	color:#fff;
}
#content .component h2 a, #content .component h2 a:link,
#content .component h2 a:visited, #content .component h2 a:hover,
#content .component h2 a:active  {
	color:#fff;
}
.component img {
	margin:0 10px 10px 10px;
	float:left;
}
.component ul li img {
	margin:0 0 0.75em 0;
}
.component dl dt {
	float:left;
	padding-right:5px;
	clear:left;
}


/* -------------------------------- 06. LOADING IMAGE -------------------------------- */
p.loading {
	text-align:center;
	padding-top:20px;
}
p.loading img {
	float:none;
	margin: 0 auto;
}


/* ---------------------------------- 07. HELP BUTTON -------------------------------- */
/*This is currently not being used but may be used in a future release*/
#content .help {
	display:block;
	position:absolute;
	top:4px;
	right:5px;
	font-size:86%;
	margin:0;
	text-align:right;
	color:#fff;
	width:auto;
}
#content .help a, #content .help a:link, #content .help a:visited  {
	background: url(../../img/virgin/common/icons/help.gif) no-repeat right top;
	color:#fff;
	display:block;
	height:18px;
	width:51px;
	padding:2px 21px 2px 2px;
}


/* ------------------- 08. VIRGIN MOBILE COMPONENT (MY VIRGIN MEDIA) ----------------- */
#content .virginMobile h2 {
	margin:0;
}
#content .virginMobile img {
	margin:0 0 10px 0;
}
#content .virginMobile p {
	margin-bottom:0;
	clear:both;
}


/* --------------- 09. MANAGE HOUSEHOLD ACCOUNTS COMPONENT (DASHBOARD) --------------- */
.manageAccounts ul.bullet {
	float:left;
	width:64%;
	margin-right:0;
}


/* ------------------------- 10. PCGUARD COMPONENT (DASHBOARD) ----------------------- */
.pcguard ul.bullet {
	clear:both;
}


/* ------------------------------- 11. LIST BULLET ICON ------------------------------ */
.component ul.bullet li {
	background:transparent url(../../img/virgin/common/backgrounds/bullet.gif) no-repeat 0 2px;
	height:1%; /*height needed for ie6*/
}
.music ul.bullet li {
	background:transparent url(../../img/virgin/common/backgrounds/bullet_music.gif) no-repeat 0 2px;
	height:1%; /*height needed for ie6*/
}
#myStuff .component ul.bullet li {
	padding:0 14px;
}
.component ul.bullet li a {
	padding:0 14px;
	display:block;
}
.mystuffhelp ul li {
	background:transparent url(../../img/virgin/common/backgrounds/bullet.gif) no-repeat 0 3px;
	height:1%; /*height needed for ie6*/
	padding:0 14px;
}
.mystuffhelp ul li ul li {
	background:transparent url(../../img/virgin/common/backgrounds/bullet_sub.gif) no-repeat 0 6px;
}


/* --------------------------- 12. ALERT & PROMPT MESSAGES --------------------------- */
#content .alertMessage {
	display:block;
	background:#fde621 url(../../img/virgin/common/backgrounds/alert.gif) repeat-x 0 bottom;
	padding:10px 9px 12px;
	margin:0 5px 10px;
	min-height:23px;
	height:1%; /*height needed for ie6*/
	position:relative;
	clear:both;
}
#content .alertMessage p {
	padding:7px 0 0;
	margin:0 0 0 51px;
}
#myStuff #content .alertMessage p {
	clear:none;
	margin:0 0 0 51px;
}
#content .alertMessage img {
	margin:0 10px;
	float:left;
}
#content #errorBox {
	display:none;
}
#content .promptMessage {
	display:block;
	margin:1em 10px;
	min-height:30px;
	clear:left;
	background-color:#efefef;
	padding:5px;
	width:auto;
}
#content .component .promptMessage {
	padding:0 10px 0 0;
	background-color:transparent;
	clear:both;
}
#content .promptMessage img {
	margin:0 10px 0 0;
	float:left; /*For when a prompt message is outside a component*/
	width:auto; /*Used for load error messages (when link to cms is broken)*/
	height:auto; /*Used for load error messages (when link to cms is broken)*/
}
#content .promptMessage em {
	display:block;
	font-style:normal;
	padding:0.5em 0 0.5em 41px;
	color:#333; /*Used for load error message on logged out component(when link to cms is broken)*/
	text-align:left;
}
#content .component .promptMessage em {
	padding:0 0 0 41px;
}
#content .musicFeed .promptMessage em {
	color:#fff;
}
#content .promptMessage em a {
	text-decoration:underline;
}
#myStuff #content .twoCol .promptMessage {
	margin: 1em 0;
	padding: 15px 10px;
	background: #e3e3e3;
}
#content .musicFeed .promptMessage img {
	width:29px;
	height:29px;
	background:#fff;
}

/* ----------------- 13. CMS COMPONENT WITH IMAGE (MY VIRGIN MEDIA) ------------------ */
.cmsImage h3, .cmsImage p, .cmsImage ul {
	display:block;
	width:50%;
	float:right;
	clear:right;
	margin:0;
	padding-right:10px;
}
.cmsImage h3 {
	margin:10px 0 0 0;
	}
.cmsImage img {
	float:none;
	display:block;
	margin: 10px 10px 0;
	width:120px;
	height:77px;
}



/* --------------- 14. EBILLING & EMAIL COMPONENTS (MY VIRGIN MEDIA) ----------------- */
.ebilling, .mail {
	background:#e3e3e3 url(../../img/virgin/common/backgrounds/component2.gif) repeat-x scroll left bottom;
}
.ebilling h3, .ebilling p, .ebilling ul, .mail h3, .mail p, .mail ul {
	display:block;
	width:67%;
	float:right;
	clear:right;
	margin:0;
}
.ebilling img, .mail img {
	float:none;
	display:block;
	margin: 5px 10px 15px 20px;
}
#content .ebilling h2, #content .mail h2 {
	background:#333 none;
	border: 0 none;
}
#content .ebilling p, #content .mail p {
	font-weight:700;
	padding:0 51px 0 0;
	width:50%;	
}
#content .ebilling h3 a, #content .mail h3 a {
	background:transparent url(../../img/virgin/common/icons/arrow.gif) no-repeat scroll 165px center;
	display:block;
}
#content #emailPreferenceForm dd#dpStatement {
	margin-bottom: 20px;	
}

/* ----------------------- 15. HELP COMPONENT (MY VIRGIN MEDIA) ---------------------- */
#content .needHelp {
	background:#ececec;
	padding:0;
}
#content .needHelp h2 {
	padding:0 55px 3px 32px;
	margin-bottom:0;
	border:1px solid #cc6666;
	background:#CC0000 url(../../img/virgin/common/backgrounds/heading_help.gif) repeat-x 0 center;
}
#content .needHelp ul {
	margin:0;
}
#content .needHelp ul li {
	clear:both;
	margin-bottom:0;
	border-bottom:1px solid #ccc;
}
#content .needHelp ul li a, #content .needHelp ul li a:link, #content .needHelp ul li a:visited {
	background:#ebebeb url(../../img/virgin/common/backgrounds/help.gif) no-repeat 0 center;
	display:block;
	width:245px;
	padding:12px 40px 12px 15px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
#content .needHelp ul li a:hover, #content .needHelp ul li a:active {
	background:#cc0000 url(../../img/virgin/common/backgrounds/help_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 15px;
	border-top:1px solid #cc6666;
	border-bottom:1px solid #cc6666;
	text-decoration:none;
	color:#fff;
}
#content .needHelp ul li.service a, #content .needHelp ul li.service a:link, #content .needHelp ul li.service a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_01.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.service a:hover, #content .needHelp ul li.service a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_01_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.broadband a, #content .needHelp ul li.broadband a:link, #content .needHelp ul li.broadband a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_02.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.broadband a:hover, #content .needHelp ul li.broadband a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_02_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.email a, #content .needHelp ul li.email a:link, #content .needHelp ul li.email a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_03.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.email a:hover, #content .needHelp ul li.email a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_03_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.tv a, #content .needHelp ul li.tv a:link, #content .needHelp ul li.tv a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_04.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.tv a:hover, #content .needHelp ul li.tv a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_04_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.billing a, #content .needHelp ul li.billing a:link, #content .needHelp ul li.billing a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_05.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.billing a:hover, #content .needHelp ul li.billing a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_05_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.telephone a, #content .needHelp ul li.telephone a:link, #content .needHelp ul li.telephone a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_06.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.telephone a:hover, #content .needHelp ul li.telephone a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_06_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.contact a, #content .needHelp ul li.contact a:link, #content .needHelp ul li.contact a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_07.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.contact a:hover, #content .needHelp ul li.contact a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_07_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.forums a, #content .needHelp ul li.forums a:link, #content .needHelp ul li.forums a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_08.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.forums a:hover, #content .needHelp ul li.forums a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_08_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.jenny a, #content .needHelp ul li.jenny a:link, #content .needHelp ul li.jenny a:visited {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_09.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}
#content .needHelp ul li.jenny a:hover, #content .needHelp ul li.jenny a:active {
	background:#ebebeb url(https://www.virginmedia.com/img/myvm/help_09_hover.gif) no-repeat 0 center;
	padding:12px 40px 12px 65px;
	width:195px;
}

/* ----------------------- 16. NEWS COMPONENT (MY VIRGIN MEDIA) ---------------------- */
#content .news {
	margin-bottom:0;
}
#content .news ul {
	margin:0 0 0 10px;
}
#content .news ul li {
	float:left;
	width:25%;
}
#content .news ul li h3, #content .news ul li p {
	margin-left:0;
	clear:both;
}
#content .news ul li img {
	height:90px;
	width:140px;
}
#content .news ul.topStories li {
	float:left;
	width:50%;
}
#content .news h3 {
	clear:left;
}
#content .news p.viewAll {
	text-align:right;
	clear:both;
}
#content .news p.viewAll a {
	padding: 0 20px 0 0;
	margin:0.75em 0 0.5em 0;
	float:right;
	background:transparent url(../../img/virgin/common/backgrounds/arrow_news.gif) no-repeat right 2px;
}


/* ------------- 17. WHAT'S MY VIRGIN MEDIA COMPONENT (MY VIRGIN MEDIA) -------------- */
#content .whatsMy ul {
	margin:0 0 0 10px;
}
#content .whatsMy ul li {
	float:left;
	width:33%;
}
#content .whatsMy ul.feedEntries3 li {
	width:33%;
}
#content .whatsMy ul.feedEntries4 li {
	width:25%;
}
#content .whatsMy ul li h3, #content .whatsMy ul li p {
	margin-left:0;
	clear:both;
}
#content .whatsMy h3 {
	clear:left;
}


/* ------------------------ 18. ACCOUNT NAME (MY VIRGIN MEDIA) ----------------------- */
.accountName {
	width:inherit;
	color:#333;
	padding:15px 10px;
	width:365px;
	float:left;
}
#content .accountName p {
	margin-bottom:0;
	float:left;
	font-size:114%;
	width:auto;
}
#content .accountName p a {
	font-size:86%;
	margin-left:5px;
	text-decoration:underline;
}
#content .accountPackage {
	float:right;
	margin-bottom:0;
	width:185px;
	padding:15px 0;
}
#content .accountPackage dl {
	float:right;
	margin:0;
}
#content .accountPackage dt, #content .accountPackage dd {
	float:left;
	padding-right:3px;
}
#content .accountPackage dd {
	color:#cc0000;
	font-weight:900;
}


/* ------------------------- 19. STORAGE COMPONENT (DASHBOARD)------------------------ */
#content .storage p a {
	text-decoration:underline;
}
#content .mac h2 {
	margin-bottom:15px;
	position:relative;
}
#content .mac img.macSticker, #content .mac span.macSticker {
	position:absolute;
	right:10px;
	top:-10px;
	margin:0;
}
#content .mac img.updateSticker {
	position:absolute;
	right:4px;
	top:4px;
	margin:0;
}

.vStuffComponent {
	background:#fcfcfc url(../../img/virgin/common/backgrounds/component.gif) repeat-x left bottom;
	padding-bottom:10px;
}
#content .downloadComponent .promptMessage img {
	width:30px;
	height:28px;
}
#content .downloadComponent .promptMessage {
	margin-bottom:0;
}



/* ---------------------- 20. ADVERTISEMENT (MY VIRGIN MEDIA) ------------------------ */
.advertisement {
	float:left;
	margin-bottom:15px;
	position:relative;
}


/* ----------------- 21. STORAGE TABLE (BOTH DASHBOARD AND MY STUFF)------------------ */
#content table.storage {
	margin-bottom:10px;
	margin-top:10px;
	clear:both;
}
#content table.storage th, #content table.storage td {
	/*padding: 0 19px 0 16px;*/
	padding: 0 14px 0 16px;
}
#content table.storage th#header1 {
	background:transparent url(../../img/virgin/common/icons/usage_storage.gif) no-repeat left center;
}
#content table.storage th#header2 {
	background:transparent url(../../img/virgin/common/icons/usage_backup.gif) no-repeat left center;
}
#content table.storage th#header3 {
	background:transparent url(../../img/virgin/common/icons/usage_free.gif) no-repeat left center;
}


/* ---------------------------------- 22. MY STUFF ----------------------------------- */
#myStuff .component {
	background:#fcfcfc url(../../img/virgin/common/backgrounds/component_mystuff.gif) repeat-x scroll left bottom;
	padding-bottom:15px;
}
#myStuff .component ul {
	clear:left;
}
#myStuff .component h2 {
	padding:0 55px 3px 15px;
}
#myStuff .component h4, 
#myStuff .component p, #myStuff .component dl, #myStuff .component ul,
#myStuff .component table {
	margin-left:15px;
}
#myStuff .component h3 {
	padding:15px 0 0.25em 15px;
	float:left;
	display:block;
	width:90%;
	margin-left:0;
}
#myStuff .component h3 span {
	font-size:90%;
	font-weight:normal;
}
#myStuff .component p {
	clear:both;
}
#myStuff .component a, #myStuff .component a:link, #myStuff .component a:visited,
#myStuff .mystuffhelp a, #myStuff .mystuffhelp a:link, #myStuff .mystuffhelp a:visited {
	border-bottom:1px dotted #333333;
}
#myStuff .component a:hover, #myStuff .component a:active,
#myStuff .mystuffhelp a:hover, #myStuff .mystuffhelp a:active {
	border-bottom:1px solid #333333;
	text-decoration:none;
}
#myStuff .component .keyline {
	border: solid 1px #ccc;
	margin-top:10px;
}


/* -------------------------------- 23. MY STUFF FORMS ------------------------------- */
#myStuff fieldset.divideBackup label {
	padding-left:0;
	padding-top:2px;
	line-height:1;
}
#myStuff fieldset.divideBackup input {
	margin-top:0;
	margin-right:5px;
	vertical-align:middle;
}
#myStuff fieldset dl, 
#myStuff fieldset dt {
	margin:0;
	padding:0;
}
#myStuff fieldset dd,
#myStuff fieldset.setupNameEmail ul li {
	margin-left:25px;
	padding:0;
}
#myStuff #content fieldset dd p, #myStuff #content fieldset dd ul {
	margin:0 15px 1em 0;
}
#myStuff fieldset dd em {
	font-style:normal;
	line-height:2;
}
#myStuff fieldset li {
	clear:both;
}
#myStuff fieldset input {
	border: solid 1px #ccc;
	padding:0 5px;
	width:155px;
	margin-bottom:0.25em;
}
#myStuff fieldset input.inputRadio {
	margin-top:0;
	margin-right:5px;
	vertical-align:middle;
	border:0 none;
	width:auto;
}
#myStuff fieldset input.inputCheckbox {
	border:0 none;
	width:auto;
	float:left;
}
#myStuff fieldset label.labelForTextInput {
	padding:2px 0 5px 0;
	display:block;
	width:45%;
	float:left;
	margin-bottom:0.25em;
}
#myStuff fieldset label.labelForRadio {
	margin-bottom:0.25em;
	display:block;
}
#myStuff fieldset label.labelForCheckbox {
	margin-left:5px;
	display:block;
	float:left;
	width:90%;
}
#myStuff fieldset.setupNameEmail p.promptMessage {
	margin-left:0;
}

	
/* -------------------------------- 24. MY STUFF INTRO ------------------------------- */
#myStuff .intro {
	background:#fff url(../../img/virgin/common/backgrounds/storage_intro.gif) no-repeat left bottom;
	margin-bottom:1em;
}


/* -------------------------------- 25. HELP SECTION -------------------------------- */
.mystuffhelp {
	margin-top:10px;
	padding-left:10px;
}
#content .mystuffhelp h2 {
	font-weight:700;
	margin-bottom:1em;
}
#content .mystuffhelp ul li {
	margin-bottom:1em;
}
#content .mystuffhelp ul li ul li {
	margin-bottom:0.25em;
}


/* ------------------------------- 26. MY STUFF TABLES ------------------------------- */
#myStuff table {
	/*width:95%;*/
	margin-bottom:1em;
}
#myStuff table th {
	text-align:center;
	font-weight:700;
	padding:5px 0 10px 0;
}
#myStuff table td {
	text-align:center;
	padding:4px 0;
}
#myStuff table input {
	width:30px;
	border: solid 1px #ccc;
	padding:2px 0;
	text-align:center;
}
#myStuff table input.userCheckBox, #myStuff table input.checkBox, #myStuff table td.cellCheckbox input {
	width:13px;
	height:13px;
	border: 0 none;
}
#myStuff table tfoot td {
	padding-top:15px;
}
#myStuff table tfoot {
	/*background:transparent url(../../img/virgin/common/backgrounds/component_border.gif) repeat-x scroll left top;*/
}
#myStuff table td.quotaText {
	text-align:right;
}
#content table .col1 {
	text-align:left;
	padding-left:15px;
}
#content table th.col1 {
	padding-left:15px;
}


/* ---------------- 27. MY STUFF SETTINGS TABLE AND ALLOCATION TABLE ----------------- */
#content table.myStuff_allocation {
	width:93%;
	position:relative;
}
#myStuff table.myStuff_allocation tfoot td {
	border-top:solid 1px #000;
}
#content table.myStuff_allocation th.col1 {
	padding-left:5px;
	}
#content table.myStuff_allocation tr {
	position:relative;
}
#content table.myStuff_allocation tr.alternate {
	background-color:#f3f3f3;
}
#content table.myStuff_allocation td span {
	padding: 0 3px;
	font-weight:400;
}
#content table.myStuff_allocation td {
	white-space:nowrap;
	padding:8px 2px 8px 5px;
	vertical-align:middle;
}
#content table.myStuff_settings {
	border-collapse:collapse;
	caption-side:top;
	margin:0 10px 15px;
	table-layout:fixed;
	width:94%;
}
#content table.myStuff_settings th, #content table.myStuff_settings td {
	text-align:left;
	white-space:nowrap;
}
#content table.myStuff_settings th.col1 {
	width: 78%;
	}
#content table.myStuff_settings caption {
	background-color:#e3e3e3;
	margin-left:15px;
	margin-right:10px;
	margin-top:10px;
	padding:4px;  
}
#content table.myStuff_settings td input, #content table.myStuff_allocation td input {
	font-weight:700;
	font-size:110%;
	text-align:right;
	padding-right:4px;
}


/* --------------------------- 28. MY STUFF USAGE TABLE ------------------------------ */
#content table.myStuff_usage {
	float:right;
	width:36%;
	margin:0.7em 0 0 0;
}
#content table.myStuff_usage caption {
	/*padding:0 0 0 15px;*/
	text-align:left;
	margin:0 0 0.5em 0;
}
#content table.myStuff_usage td {
	padding:0 11px 2px 0;
	text-align:left;
	}
.usageStorage, .usageBackup, .usageFree, .usagePrints {
	text-indent:20px;
}
.usageStorage {
	background:url(../../img/virgin/common/icons/usage_storage.gif) no-repeat scroll left 2px;
}
.usageBackup {
	background:url(../../img/virgin/common/icons/usage_backup.gif) no-repeat scroll left 2px;
}
.usageFree {
	background:url(../../img/virgin/common/icons/usage_free.gif) no-repeat scroll left 2px;
}
	

/* ------------------------ 29. MY STUFF COMPONENT WITH TABS ------------------------- */
#myStuff .withTabs {
	border-bottom:1px solid #333;
}
#myStuff .viewMyStuff {
	padding-bottom:0;
	border-bottom:1px solid #333;
}


/* ------------------------------- 30. TABS --------------------------------- */
#content .component .tabs {
	background-color:#fff;
	width:430px;
	margin:0 0 6px 0;
	padding-left:5px;
	background: transparent url(../../img/virgin/common/backgrounds/tabs_border.gif) repeat-x left bottom;
	float:left;
}
#content .fourCol .tabs {
	width:585px;
}
#content .tabs li {
	display: inline;
	float:left;
	width:auto;
	margin:0;
}
#content .tabs li.selected {
	background: transparent url(../../img/virgin/common/backgrounds/tabs.gif) no-repeat center bottom;
	color:#fff;
	padding: 2px 10px 11px;
	font-weight:700;
	border-top:1px solid #7d7d7d;
}
#content .component .tabs li a {
	color:#555;
	text-decoration: none;
	padding: 3px 10px;
	display:block;
	border: 1px solid #cecece;
	border-bottom:none;
	background-color:#fff;
}


/* ----------------------------- 31. MY STUFF USER WRAP ------------------------------ */
#myStuff ol.userWrap {
	clear:both;
	background:#FCFCFC url(../../img/virgin/common/backgrounds/component_mystuff.gif) repeat-x scroll left bottom;
	margin:0;
	height:1%;
	position:relative;
	padding-bottom:15px;
	}
#myStuff ol.userWrap li {
	margin-bottom:0;
	}

/* --------------------------- 32. MY STUFF DELETED USER ----------------------------- */
#myStuff .deletedUser .deletedUserOverlay {
	position:absolute;
	top:-3px;
	left:0;
	background:transparent url(../../img/virgin/common/backgrounds/deletedUserOverlay.png) repeat left 98%;
	width:100%;
	min-height:100%;
	height:100% !important;
	height:9em;
	z-index:99;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity :0.8;
}
#myStuff .myStuff_allocation .deletedUser td, #myStuff .myStuff_allocation .deletedUser td input {
	color:#ddd;
}
#myStuff .myStuff_allocation .deletedUser td input {
	background-color:#eee;
	border-color:#ddd;
}


/* ------------------------------ 33. MY STUFF TERMS WRAP ---------------------------- */
iframe #termsWrap {
	text-align:left;
}


/* ----------------------------------- 34. BUTTONS ----------------------------------- */
#content ul.button {
	background: #929292 url(../../img/virgin/common/backgrounds/button2.gif) no-repeat right bottom;
	display:block;
	margin-top:9px;
	margin-left:15px;
	width:auto;
	float:left;
	clear:none;
}
#content ul.button li {
	background: transparent url(../../img/virgin/common/backgrounds/button2.gif) no-repeat left bottom;
	float:left;
	margin:0;
	display:inline;
	height:2.1em;
}
#content ul.button li strong {
	background: transparent url(../../img/virgin/common/backgrounds/button2.gif) no-repeat left top;
	display:block;
	/*margin-bottom:3px;*/
	height:inherit;
}
#content ul.button li strong input {
	background: transparent url(../../img/virgin/common/backgrounds/button2.gif) no-repeat right top;
	color:#fff;
	border: 0 none;
	font: normal 90%/1.23em verdana,sans serif;
	padding:4px 11px 4px 11px;
	width:auto; /* fixes a bug in IE */
	overflow:visible; /* fixes a bug in IE */
	cursor:pointer;
	margin:0;
	height:auto;
}
#content ul.button li strong a, #content ul.button li strong a:link, #content ul.button li strong a:visited {
	background: transparent url(../../img/virgin/common/backgrounds/button2.gif) no-repeat right top;
	color:#fff;
	border: 0 none;
	font: normal 90%/1.4em verdana,sans serif;
	padding:4px 14px 5px 15px;
	cursor:pointer;
	display:block;
	margin:0;
	height:auto;
	line-height:1.3em;
}
#content ul.button li strong a:hover, #content ul.button li strong a:active {
	text-decoration:none;
	color:#fff;
}
#content ul.floatL {
	float:left!important;
}
#content ul.floatR {
	float:right!important;
}
#content div.floatR ul.button {
	margin-left:0;
}

#content div.backConfirm ul.button {
	margin-left:15px;
}

#content ul.type3 {
	background: #939393 url(../../img/virgin/common/backgrounds/button3.gif) no-repeat right bottom;
}
#content ul.type3 li {
	background: transparent url(../../img/virgin/common/backgrounds/button3.gif) no-repeat left bottom;
}
#content ul.type3 li strong {
	background: transparent url(../../img/virgin/common/backgrounds/button3.gif) no-repeat left top;
}
#content ul.type3 li strong input {
	background: transparent url(../../img/virgin/common/backgrounds/button3.gif) no-repeat right top;
}
#content ul.type3 li strong a, #content ul.type3 li strong a:link, #content ul.type3 li strong a:visited {
	background: transparent url(../../img/virgin/common/backgrounds/button3.gif) no-repeat right top;
}
#content ul.type4 {
	background: #e3e3e3 url(../../img/virgin/common/backgrounds/button4.gif) no-repeat right bottom;
}
#content ul.type4 li {
	background: transparent url(../../img/virgin/common/backgrounds/button4.gif) no-repeat left bottom;
}
#content ul.type4 li strong {
	background: transparent url(../../img/virgin/common/backgrounds/button4.gif) no-repeat left top;
}
#content ul.type4 li strong input {
	background: transparent url(../../img/virgin/common/backgrounds/button4.gif) no-repeat right top;
	color:#999;
	cursor:default;
}
#content ul.type4 li strong a, #content ul.type4 li strong a:link, #content ul.type4 li strong a:visited {
	background: transparent url(../../img/virgin/common/backgrounds/button4.gif) no-repeat right top;
}


/* -------------------------------- 35. PERCENTAGE BAR ------------------------------- */
#content dl.percentageBar {
	height:45px;
	clear:both;
	margin-bottom:0;
}
#myStuff #content dl.percentageBar {
	float:left;
	width:59%;
	margin:0 0 24px 0;
	padding-left:15px;
}
#content dl.percentageBar dt {
	margin-bottom:0.8em;
}
#content .storage dl.percentageBar dt {
	display:none;
}
#content dl.percentageBar dd {
	width: 200px;
	height:23px;
	clear:left;
	float:left;
	background-color: #ccc;
	position:relative;
}
#content dl.percentageBar dd em {
	/*background: #E3E3E3 url(../../img/virgin/common/backgrounds/bar_fill.gif) repeat-x 0 0;*/
	display:block;
	height:23px;
	float:left;
	text-indent:-9000px;
}
#content dl.percentageBar dd em.storage {
	background: #41A8A7 url(../../img/virgin/common/backgrounds/bar_fill_sprite.gif) no-repeat right -23px;
}
#content dl.percentageBar dd em.backup {
	background: #66cdcc url(../../img/virgin/common/backgrounds/bar_fill_sprite.gif) no-repeat right -46px;
}
#content dl.percentageBar dd.free {
	background: transparent url(../../img/virgin/common/backgrounds/bar_fill_sprite.gif) repeat-x 0 0;
}

em.percent0 {width:0;}
em.percent1 {width:1%;}
em.percent2 {width:2%;}
em.percent3 {width:3%;}
em.percent4 {width:4%;}
em.percent5 {width:5%;}
em.percent6 {width:6%;}
em.percent7 {width:7%;}
em.percent8 {width:8%;}
em.percent9 {width:9%;}
em.percent10 {width:10%;}
em.percent11 {width:11%;}
em.percent12 {width:12%;}
em.percent13 {width:13%;}
em.percent14 {width:14%;}
em.percent15 {width:15%;}
em.percent16 {width:16%;}
em.percent17 {width:17%;}
em.percent18 {width:18%;}
em.percent19 {width:19%;}
em.percent20 {width:20%;}
em.percent21 {width:21%;}
em.percent22 {width:22%;}
em.percent23 {width:23%;}
em.percent24 {width:24%;}
em.percent25 {width:25%;}
em.percent26 {width:26%;}
em.percent27 {width:27%;}
em.percent28 {width:28%;}
em.percent29 {width:29%;}
em.percent30 {width:30%;}
em.percent31 {width:31%;}
em.percent32 {width:32%;}
em.percent33 {width:33%;}
em.percent34 {width:34%;}
em.percent35 {width:35%;}
em.percent36 {width:36%;}
em.percent37 {width:37%;}
em.percent38 {width:38%;}
em.percent39 {width:39%;}
em.percent40 {width:40%;}
em.percent41 {width:41%;}
em.percent42 {width:42%;}
em.percent43 {width:43%;}
em.percent44 {width:44%;}
em.percent45 {width:45%;}
em.percent46 {width:46%;}
em.percent47 {width:47%;}
em.percent48 {width:48%;}
em.percent49 {width:49%;}
em.percent50 {width:50%;}
em.percent51 {width:51%;}
em.percent52 {width:52%;}
em.percent53 {width:53%;}
em.percent54 {width:54%;}
em.percent55 {width:55%;}
em.percent56 {width:56%;}
em.percent57 {width:57%;}
em.percent58 {width:58%;}
em.percent59 {width:59%;}
em.percent60 {width:60%;}
em.percent61 {width:61%;}
em.percent62 {width:62%;}
em.percent63 {width:63%;}
em.percent64 {width:64%;}
em.percent65 {width:65%;}
em.percent66 {width:66%;}
em.percent67 {width:67%;}
em.percent68 {width:68%;}
em.percent69 {width:69%;}
em.percent70 {width:70%;}
em.percent71 {width:71%;}
em.percent72 {width:72%;}
em.percent73 {width:73%;}
em.percent74 {width:74%;}
em.percent75 {width:75%;}
em.percent76 {width:76%;}
em.percent77 {width:77%;}
em.percent78 {width:78%;}
em.percent79 {width:79%;}
em.percent80 {width:80%;}
em.percent81 {width:81%;}
em.percent82 {width:82%;}
em.percent83 {width:83%;}
em.percent84 {width:84%;}
em.percent85 {width:85%;}
em.percent86 {width:86%;}
em.percent87 {width:87%;}
em.percent88 {width:88%;}
em.percent89 {width:89%;}
em.percent90 {width:90%;}
em.percent91 {width:91%;}
em.percent92 {width:92%;}
em.percent93 {width:93%;}
em.percent94 {width:94%;}
em.percent95 {width:95%;}
em.percent96 {width:96%;}
em.percent97 {width:97%;}
em.percent98 {width:98%;}
em.percent99 {width:99%;}
em.percent100 {width:100%;}

dl.percentageBar dd span {
	width:20px;
	height:15px;
	position:absolute;
	top:22px;
}
dl.percentageBar dd span.l {
	left:0;
	text-align:left;
}
dl.percentageBar dd span.r {
	left:90%;
	text-align:right;
}
dl.percentageBar dd span.c {
	left:43%;
	text-align:center;
}
dl.percentageBar dd span.quarter {
	left:28%;
	text-align:center;
}
dl.percentageBar dd span.threequarter {
	left:60%;
	text-align:center;
}

/* ---------------------------------- 36. ERROR PAGE --------------------------------- */
#content .errorPage {
	margin:10px 0 0 163px;
}
#content .errorPage h2 {
	font-size:270%;
	letter-spacing:-1px;
	margin-left:94px;
	margin-bottom:0.5em;
}
#content .errorPage p, #content .errorPage h3, #content .errorPage dl {
	margin-left:94px;
	font-size:110%;
}
#content .errorPage dt {
	font-weight:700;
}
#content .errorPage dd {
	margin-bottom:1em;
}
#content .errorPage img {
	float:left;
}
#content .errorPage a, #content .errorPage a:link, #content .errorPage a:visited {
	text-decoration:underline;
}
#content .errorPage a:hover, #content .errorPage a:active {
	text-decoration:underline;
	color:#c00;
}


/* --------------------------- 38. VIEW ACCOUNT BALANCE ------------------------------ */
#content table.accountBalance {
	border-collapse:collapse;
	caption-side:top;
	margin:0 10px 15px;
	table-layout:fixed;
    width: 380px;
}
#content table.accountBalanceHeader {
    border-top:1px solid black;
    border-bottom:1px solid black;
}
#content table.accountBalance td.topspace {
    padding-top: 1em;
}
#content table.accountBalance td.bottomspace {
    padding-bottom: 1em;
}
#content table.accountBalance td.unbilledTransactionsAmount {
	padding-right: 80px;
	text-align:right;
}
#content table.accountBalance td.unbilledTransactionsDescription {
	padding-left: 25px;
	padding-right: 0;
	text-align:left;
}
#content table.accountBalance td.col1 {
	padding-left: 15px;
	padding-right: 0;
	text-align:left;
}
#content table.accountBalance td.balance {
	padding-right: 25px;
	text-align: right;
}	
#content table.accountBalance tfoot tr td {
	border-top:1px solid black;
	/*padding-top:10px;*/
}
#content table.accountBalance caption {
	padding-left:15px;
	text-align:left;
	background-color: transparent;
}
#content div.notbydd {
	border:1px solid #ccc;
	margin:0 10px;
	padding:10px 0;
}
#content div.notbydd p {
	color:#333;
	_display:inline;
	float:left;
	margin-bottom:0;
	margin-top:4px;
}
#content div.notbydd ul.button {
	_display:inline;
	margin-top:0;
}


/* --------------------------- 39. Direct Debit Setup------------------------------ */

#content .component .messageCopy {
	list-style-type:disc;
	padding:20px;
}
#content a.ddLink {
	color: blue;
	text-decoration: underline;	
}
#content a.ddLink:hover {
	text-decoration: none;;	
}
#content .component fieldset.directDebit li label {
	float:left;
	line-height:1.2;
	padding:0 0 0 10px;
	width:150px;
}
#content .component fieldset.directDebit li {
	clear:left;
	margin-top:7px;	
}
#content .component fieldset.directDebit li input {
	border:1px solid #D2D2D2;
}
#content #sortCode input {
	margin-right:5px;
	width:20px;
}
#content .component fieldset.directDebit ul.ddInputs {
	float:left;
}
#content .component fieldset.directDebit .inputInfo {
	height:90px;
	width:85px;
	float:left;	
}
#content .component hr.dd {
	width:405px;
	color:#E3E3E3;
}
#content .component .columnContainer {
	float:left;
}
#content .component .columnLeft {
	float:left;
	width:200px;
}
#content .component .columnRight {
	float:right;
	width:200px;
}
#content .component floatR {
	float:right;
}
#content .component floatL {
	float:left;
}
#content .ddGuarantee h3 {
	margin-top: 10px;	
}
#content .ddGuarantee ul {
	padding-left: 15px;
	list-style-type: disc;
}

/* --------------------------- 40. MUSIC COMPONENT (Dashboard) ------------------------------ */
#content .music {
	background:#2d2d2d url(../../img/virgin/music/backgrounds/bg_musicDashboard.gif) repeat-x left bottom;
}
#content .music ul, #content .music ol, #content .music dl, #content .music p, #content .music p em, #content .music .promptMessage em {
	color:#ccc;	
}
#content .music ul {
	padding-top:10px;
}
#content .music h3 {
	color:#fff;
	font-weight:700;
}
#content .music p a, #content .music p a:link, #content .music p a:visited {
	text-decoration: underline;
}
#content .music a, #content .music a:link, #content .music a:visited {
	color:#fff;	
}
#content .musicUsageWrap {
	background:#2d2d2d url(../../img/virgin/music/backgrounds/bg_musicDashboard.gif) repeat-x left bottom;
	padding-bottom:15px;
}


/* ------------------------------------ 41. MUSIC COMPONENT 'WHAT IS THIS?' LINKS (Dashboard) ----------------------------------- */
.js .slideContent {display: none;}
#content .music .slideWrap {
	background:#2D2D2D url(../../img/virgin/music/backgrounds/bg_musicDashboard.gif) repeat-x scroll left bottom;
}
#content .music .slideWrap p {
	margin-bottom:0;
}
#content .music .slideContent {
	background:#2d2d2d url(../../img/virgin/music/backgrounds/bg_musicDashboard.gif) repeat-x scroll left bottom;
	padding:0 0 1px 1px;
	position:relative;
	/*width:434px;*/
	clear:both;
	margin-bottom:1em;
}
#content .music .slideContent h4 {
	margin-left:20px;
	margin-top:1em;
	color:#fff;
}
#content .music .slideContent p {
	padding-right:15px;
	margin-left:20px;
	color:#fff;
}
#content .music a.open, #content .music a.open:link, #content .music a.open:visited, #content .music a.open:hover, #content .music a.open:active {
	background:transparent url(../../img/virgin/music/icons/icon_questionMark01.gif) no-repeat left center;
	padding:0 0 2px 18px;
	margin:0 0 0.5em 0;
	color:#fff;
	text-decoration:underline;
	display:block;
	float:right;
	cursor: pointer;
	width:auto;
}
#content .music a.close, #content .music a.close:link, #content .music a.close:active, #content .music a.close:visited {
	text-align:right;
	text-decoration:underline;
	padding-right:10px;
	margin:8px 0 10px 0;
	color:#999;
	display:block;
	cursor:pointer;
}

#content .music .hrMusicComponent {
	background:#ccc url(../../img/virgin/music/backgrounds/hr_musicDashboard.gif) repeat-x 0 0;
	margin: 0 10px;
	padding:1px 0 2px 0;
}
/* -------------------------------- 42. MUSIC COMPONENT PERCENTAGE BAR (Dashboard) ------------------------------- */
#content .music dl.percentageBar {
	height:50px;
	clear:both;
	padding:0 0 10px 43px;
	position:relative;
	margin:0 0 10px;
}
#content .music dl.tier40 {
	background:transparent url(../../img/virgin/music/usage_bar/bar_bg_black_40_dashboard.gif) no-repeat 8px bottom;
}
#content .music dl.tier15 {
	background:transparent url(../../img/virgin/music/usage_bar/bar_bg_black_15_dashboard.gif) no-repeat 8px bottom;
}
#content .music dl.percentageBar dd {
	background:#5b5b5b url(../../img/virgin/music/usage_bar/bar_fill_bg_dashboard.gif) no-repeat left bottom;
	bottom:16px;
	height:15px;
	position:absolute;
	left:46px;
	width:211px;
}
#content .music dl.percentageBar dt {
		margin:0;
	}
#content .music dl.percentageBar dd em {
	background:#cc0000 url(../../img/virgin/music/usage_bar/bar_fill.gif) no-repeat 0 0;
	display:block;
	height:15px;
	text-indent:-9000px;
}

/* ----------------- 43. MUSIC FEED CMS COMPONENT (Dashboard Logged Out) ------------------ */
.musicFeed { 
	background:#2d2d2d url(../../img/virgin/music/backgrounds/bg_musicDashboard.gif) repeat-x left bottom;
	color:#fff;
	margin-bottom:0;
}
#content .musicFeed h3, #content .musicFeed p, #content .musicFeed ul {
	display:block;
	width:65%;
	float:right;
	clear:right;
	margin:0;
	padding-right:8px;
	color:#fff;
}
#content .musicFeed h3 {
	margin:10px 0 0.5em 0;
	}
#content .musicFeed img {
	float:none;
	display:block;
	margin: 10px 10px 0;
	width:182px;
	height:108px;
}
#content .musicFeed a, #content .musicFeed a:link, #content .musicFeed a:visited, #content .musicFeed a:hover, #content .musicFeed a:active 
#content .musicFeed h3 a, #content .musicFeed h3 a:link, #content .musicFeed h3 a:visited, #content .musicFeed h3 a:hover, #content .musicFeed h3 a:active {
	color:#fff;
}
/* ----------------- 44. TOOLTIP ------------------ */
#tooltip {
	position: absolute;
	z-index: 3000;
	padding: 5px;
	border: 1px solid #111;
	background-color: #eee;
	opacity: 0.85;
	font-size: 80%;
}
#tooltip h3, #tooltip div { 
	margin: 0; 
}