/* MAIN COLOURS USED:
background: 504E4F (dark grey)
borders: FFF (white)
table headers: 000 (black)
odd rows (automatically striped): C3C6CF (grey)
even rows (automatically striped): CCCFD7 (lighter grey)
row hover: F3F3F3 (almost white)
text: 000 (black), FFF (white), 616163 (matrix grey)
*/

#force-scrollbar {
	position: absolute; top: 0; bottom: -1px;
   	width: 1em; z-index: -1;
}

body {
	margin: 0;
	padding: 0; /* for Opera */
	background-color: #504E4F;
	text-align: center; /* to center contents of page in IE 5.5-6 */
}

/* text formatting */
a:link, a:active, a:visited  {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: underline;
	color: #000;
}

.menu, .bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	color: #000;
}
a.menu:link, a.menu:active, a.menu:visited, a.bottom:link, a.bottom:active, a.bottom:visited {
	text-decoration: none;
	color: #FFF;
}
a.menu:hover, a.bottom:hover {
	text-decoration: underline;
	color: #FFF;
}


.colour, .main, .facts, .latest, .intro, .random, .banner, /* tables */
.text, .text_bold, 
.text_inv, .text_inv_bold,
.matrix, .matrix_bold,
.new_albums, .new_singles, .new_videos, .new_boxes, .new_various, .new_merchandise, .new_solo, .new_facts, .new_links, .new_updates, .text_halfheight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	line-height: 12px;
}

.colour, .main, .facts, .latest, .intro, .random, .banner, /* tables */
.text, .text_bold {
	color: #000;
}

.text_bold, .text_inv_bold, .matrix_bold,
.new_albums, .new_singles, .new_videos, .new_boxes, .new_various, .new_merchandise, .new_solo, .new_facts, .new_links, .new_updates {
	font-weight: bold;
}

.text_inv, .text_inv_bold {
	color: #FFF;
}

a.text_inv:active, a.text_inv:link, a.text_inv:visited  {
	text-decoration: none;
	color: #FFF;
}
a.text_inv:hover {
	text-decoration: underline;
	color: #FFF;
}

a.text_inv_bold:active, a.text_inv_bold:link, a.text_inv_bold:visited  {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}
a.text_inv_bold:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #FFF;
}


.matrix, .matrix_bold {
	color: #616163; 
}

.text_halfheight {
	line-height: 6px
}

.facts_new {
	color: #F57E22;
}


/* table formatting */
/* outer table (with left and right margins) containing everything on each page */
table.container {
	width: 998px;
	border: 0px;
	margin-left: auto; /* needed to center table */
	margin-right: auto; /* needed to center table */
}
/* no cellpadding in CSS as it would be inherited by all other tables */

/* top table containing main menu + bottom table containing credits and updates */
table.menu, .bottom {
 	width: 966px;
	height: 38px;
	border: 0px;
}
table.menu td, .bottom td {
    padding: 0px;
}

/* coloured table below main menu, with name of section and possible sub menu */
table.colour {
 	width: 966px;
	border: 1px solid #FFF;
}
/* colours used as background in top bar for each section */
.home {
	background-color: #3854A7; /* blue: 3854A7 - dark red: 980000 - brown: 8D613C */
}
.albums {
	background-color: #00A652; /* green */
}
.singles {
	background-color: #ED1E24; /* red */
}
.videos {
	background-color: #787CBB; /* purple */
}
.various {
	background-color: #008546; /* dark green */
}
.merchandise {
	background-color: #980000; /* dark red */
}
.solo {
	background-color: #8D613C; /* brown */
}
.facts_colour {
	background-color: #F57E22; /* orange */
}
.links {
	background-color: #F2EA0D; /* yellow */
}
.updates {
	background-color: #96979B; /* peace grey */
}
.removed {
	background-color: #ED1E24; /* red */
}

/* padded cell, for use in tables with no padding */
.paddedcell {
	padding: 3px;
	text-align: left;
}


/* main table (collection, links, facts in part) */
table.main, .facts {
    width: 966px;
	border-left: 1px solid #FFF;
}
table.main td, .facts td {
    padding: 3px 4px; /* height and width */
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
table.main thead, .facts thead {
	background-color: #000;
	color: #FFF;
}
table.main tbody {  
    background-color: #C3C6CF;
}
table.main tbody tr:hover {  
    background-color: #F3F3F3; 
}
table.main tfoot {
	background-color: #828386; /* 96979B */
	color: #FFF;	
}

/* column widths - updates, collection, facts and links */
td.date {
	width: 35px;
	font-weight: bold;
}
td.section {
	width: 44px;
	font-weight: bold;
}
td.title {
	width: 158px;
	font-weight: bold;
}
td.format {
	width: 65px;
	font-weight: bold;
}
td.catalogue {
	width: 109px;
	font-weight: bold;
}
td.images {
	width: 109px;
	font-weight: bold;
}
td.country {
	width: 70px;
	font-weight: bold;
}

/* facts rows and footers */
.f_track {
	background-color: #828386; /* 96979B 828386 616163 */
	color: #FFF;
	font-weight: bold;
}
tr.f_track:hover {  
	background-color: #747477; /* 454344 */
}

.f_releaseinfo1 {
	background-color: #C3C6CF; 
}
.f_releaseinfo2 {
	background-color: #CCCFD7; /* to manually stripe even rows if more than 1 release */
}
tr.f_releaseinfo1:hover, .f_releaseinfo2:hover {  
	background-color: #F3F3F3;
}

.f_footer1 {
	background-color: #747477;	/* 616163 orange: F57E22 */
	color: #FFF;
	font-weight: bold;
}
.f_footer2 {
	background-color: #C3C6CF;
	color: #000;
}


/* tables on home page */
/* this encloses the other 2 */
table.index {
	width: 966px;
	background-color: #C3C6CF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;	
}
/* intro text */
table.intro {
	border: 0px;
}
table.intro td {
    padding: 3px 4px;
}
table.intro thead td {
    background-color: #000;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
}
/* random images */
table.random {
	border-left: 1px solid #FFF;
}
table.random thead td {
    background-color: #000;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px solid #FFF;
	padding: 3px 4px;
}
table.random tbody td {
    background-color: #CCCFD7;
	padding: 4px;
}	

/* latest items header (index) */
table.latest {    
    width: 966px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;	
}
table.latest td {
    padding: 3px 4px;
}
table.latest thead td {
	background-color: #000;
	color: #FFF;
	font-weight: bold;
}
table.latest tbody {
	background-color: #C3C6CF;
}
table.latest tbody tr:hover {
	background-color: #F3F3F3;
}
table.latest tbody td {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
}

/* latest - column widths (index) */
td.l_title {
	width: 158px; /* should be 158px */
	border-left: 1px solid #FFF;
}
td.l_format {
	width: 65px;
}
td.l_catalogue {
	width: 109px;
}
td.l_country {
	width: 70px;	
}


/* other tables - banners, tk-index/removed (using banner), old logo */
table.banner_top {
	border: 1px solid #FFF;
	margin-left: auto; /* needed to center table */
	margin-right: auto; /* needed to center table */
}
table.banner_body {
	border-left: 1px solid #FFF;
	margin-left: auto; /* needed to center table */
	margin-right: auto; /* needed to center table */
}
table.banner_body td {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;	
}
table.banner_body thead td {
	background-color: #000;
	padding: 3px 4px;
}
.stripy_row1 {
	background-color: #C3C6CF;
	padding: 15px;
	text-align: center;
}
.stripy_row2 {
	background-color: #CCCFD7;
	padding: 15px;
	text-align: center;
}

table.oldlogo {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	margin-left: auto; /* needed to center table */
	margin-right: auto; /* needed to center table */
}
table.oldlogo td {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;	
}
/* table.banner2 tbody td:hover {
	background-color: #F3F3F3;
} */


/* striped rows applied by javascript */
.rowOdd {
	background-color: #C3C6CF; /* first row */
} 
.rowEven {
	background-color: #CCCFD7; /* second row */
}


/* warning table showed in ie6 only */
table.ie6 {
 	width: 966px;
	height: 19px;
	border: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background-color: #F57E22;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.ie6 td {
    padding: 3px;
}