/** 
	TRACKITDOWN DEFAULT AFFILIATE STYLESHEET EXAMPLE 1
	========================================
	
	this style sheet is to give you an idea of how to
	fully customize your store.

**/


/***************************************************
	  BASIC HTML ELEMENTS
****************************************************/

body {
	background: #000000 url('/affiliates/media/trancemoon/bgShip.jpg')  no-repeat top left;
	background-attachment: fixed;
	color: #CCC;
	margin: 0px 0px 0px 0px;
	font-size: 0.8em;
	font-family: Arial, Helvetica, sans-serif;
	}
	
div#trackitdown-main {
	clear: both ;
}

h1 {
	font-size: 1.4em;
	color: #0F0;
	clear: both ;
}

h2 {
	font-size: 1.2em;
	color: #0F3;
	clear: both ;
}

a { color: #3C9; }
a:hover { color:#FF0;}

th {
	background-color:#666;
	border-right:1px solid #fff;
	}

hr {
	padding:0px;
	margin:0px;
	height:1px;
	border:0;
	color:#f00;
	background:#f00;
}

input, select, option{
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
}


/***************************************************
	  The main container table
****************************************************/
#container{
	width:900px;
	margin-top:0px;
	}
#containerHeader{
	height:250px;
	background: url('/affiliates/media/trancemoon/header.png') top center no-repeat;
	text-align:right;
	vertical-align:bottom;
	padding: 0px;
	}
#containerHeader a 			{color: #6F9;							}
#containerHeader a:hover 	{color: #F00;							}
#trancemoon_banner img 		{margin: 0 0 0 18px;					}
#tdright					{padding: 12px 0 0 6px;					}
#trancemoon_banner td		{height: 31px;							}
#trancemoon_banner			{
	background: url('/affiliates/media/trancemoon/blue-bar-bgr.gif') repeat-x #003; 
	margin-bottom: 7px;
}
#containerNav				{
	padding:0;
	background: url('/affiliates/media/trancemoon/grey-bar-bgr.gif') #000;
	height: 29px;
}
#containerLeftCol{
	width:190px;
	padding:10px;
	padding-left:24px;
	text-align:left;
	vertical-align:top;
	background: #000 url('/affiliates/media/trancemoon/border_left.gif') repeat-y top left;
	border-right: solid 2px #333;
	border-bottom: solid 2px #333;
}
#containerRightCol{
	text-align:left;
	vertical-align:top;
	padding: 10px;
	background: #000;
	border-bottom: solid 2px #333;
	}
#socialbookmarking {line-height: 27px;}

#containerFarRightCol{
	width:200px;
	padding:10px 0 0 10px;
	text-align:center;
	vertical-align:top;
	background: #000 url('/affiliates/media/trancemoon/border_right.gif') repeat-y top right;
	border-left: solid 2px #333;		
	border-bottom: solid 2px #333;
}
#player { margin:10px 25px 0px 0px; position: static;}

#containerFooter{
	width:900px;
	height:150px;
	vertical-align:top;
	background: url('/affiliates/media/trancemoon/footer.gif') top left no-repeat;
	padding:0px 5px 0px 5px;
	color: #3C3;
	font-size:12px;
	background-position: center;
}
#containerFooter .tdfoot1  	{padding: 30px 0 0 47px; text-align:left;	}
#containerFooter .tdfoot2  	{padding: 30px 0 0 0px;	text-align:left;	}
#containerFooter .tdfoot3  	{padding: 30px 0 0 0px; 					}
#containerFooter .tdfoot4 	{padding: 25px 40px 0 0px; 					}
#containerFooter a			{color: #999;								}
#containerFooter a:hover	{color: #CCC;								}
img.coverimage 				{border: 1px solid #999 ;					}


/**********************************
 *
 * Home Featured Tracks
 *
 **********************************/
#homeFeatured{
	position:relative;
	overflow:hidden;
	width:100%;
	height:320px;
	margin:0;
}
 
.homeFeaturedTracks {
height:160px;
overflow:hidden;
}
 
.homeFeaturedTracks div {
margin:0;
}
 
.homeFeaturedTracks div.header {
border-top:5px solid #666;
padding:5px 10px 1px;
margin:0;
font-size:1.1em;
}
 
.homeFeaturedTracks div.body {
margin:0;
}
 
.homeFeaturedTracks div.cover {
float:left;
width:102px;
padding:10px;
}
 
.homeFeaturedTracks div.cover a.coverOverlay{
	position:relative;
	display:block;
	width:60px;
	height:60px;
}
.homeFeaturedTracks div.cover a.coverOverlay img.overlay{
	position:absolute;
	top:0;
	left:0;
	border:none;
}
 
.homeFeaturedTracks div.content {
padding:10px 10px 0 0;
}
 
.homeFeaturedTracks div.content p {
padding:0 0 8px;
margin:0;
font-size:1em;
}
 
 
/**********************************
 *
 * Featured Tracks
 *
 **********************************/
 
.featuredTracks div {
	margin:0;
}
 
.featuredTracks div.header {
	border-top:5px solid #666;
	padding:5px 10px 1px;
	margin:0 0 7px 0;
}
.featuredTracks div.header a{
	font-weight:bold;
	text-decoration:none;
}
.featuredTracks div.header a:hover{
	text-decoration:underline;
}
 
.featuredTracks div.body {
	margin:0;
	font-size:93%;
	margin-bottom:10px;
}
 
.featuredTracks div.cover {
	float:left;
	width:102px;
	padding:10px;
}
 
.featuredTracks div.cover a.coverOverlay{
	position:relative;
	display:block;
	width:60px;
	height:60px;
}
.featuredTracks div.cover a.coverOverlay img.overlay{
	position:absolute;
	top:0;
	left:0;
	border:none;
}
 
 
.featuredTracks div.content {
	padding:10px 10px 0 0;
	margin-left:122px;
}
 
 
 
.featuredTracks div.content p {
	padding:0;
	margin:0;
	font-size:1em;
}
 
.featuredTracks p.trackLinks {
	color:#777;
}
 
.featuredTracks div.actionButtons{
	position:relative;
	height:10px
	
}
 
 
.featuredTracks div.rating_wrapper{
	position:absolute;
	top:0;
	left:0px;
}
 
 
.featuredTracks div.playLinks{
	position:absolute;
	top:3px;
	right:77px;
}
 
.featuredTracks .queuePlayerLinkContainer{
	float:left;
	padding-top:3px;
}
.featuredTracks .playNowLinkContainer{
	float:left;
	margin-right:20px;
	padding-top:3px;
}
 
.featuredTracks .trackActionButton{
	position:absolute;
	top:3px;
	right:55px;
	margin-bottom:10px;
	
}
.featuredTracks .addToBasket{
	vertical-align:middle;
	position:absolute;
	top:3px;
	right:0px;
	/*background: url(/affiliates/media/trancemoon/add_to_basket.gif);*/
}

/***************************************************
	BASKET SUMMARY
	  
	Optional small basket summary which shows just
	the number of the tracks in the basket, the grand
	total, and a currency switcher.
****************************************************/
#basket-summary {
	display: block;
	width: 157px;
	padding: 5px;
	padding-bottom:10px;
	margin-bottom: 10px;
	border: 2px inset #555; 
	display:inline;
	/*border-top: 5px solid #f00;*/
	background: /*url('/affiliates/media/trancemoon/box_bg.gif') bottom left repeat-x*/ #333;
	/*background-image: url('/affiliates/media/trancemoon/BG-boxes.gif');*/
	/*background-position: center;*/
}
#basket-summary h2 {
	font-size: 1.1em;
	color: #0f0;
}
#basket-summary p{
	padding:0;
	margin:8px 0 8px 0;
}


/***************************************************
	SMALL SHOPPING BASKET

	Optional small basket list which shows just
	the titles of the tracks in the basket, the grand
	total, and a currency switcher..
****************************************************/

#basketSummary {
	display: block;
	width: 157px;
	padding: 5px;
	padding-bottom:10px;
	margin-bottom: 10px;
	border: 2px inset #777;
	vertical-align:top;
	background: #333;
}
#basketSummary h2 {
	font-size: 13px;
	font-style:normal;
	color: #0C6;
}
#basketSummary p{
	padding:0;
	margin:8px 0 8px 0;
}
#basketSummary ul{
	list-style:none;
	margin: 0 -5px 0 -5px;
	padding:0;
	border-top:1px solid #666;
}
#basketSummary li{
	list-style:none;
	text-align: left;
	margin:0;
	padding:3px 5px 3px 5px;
	border-bottom:1px solid #666;
}

/***************************************************
	  LOGIN BOX
****************************************************/
#loginBoxContainer{
	padding: 5px;
	padding-bottom:10px;
	margin: 0px 0 5px 0;
	/*border-top: 5px solid #B30000;*/
	background: /*url('/affiliates/media/trancemoon/box_bg.gif') bottom left repeat-x */#000;
	/*background-image: url('/affiliates/media/trancemoon/BG-boxes.gif');*/
	background-position: center;
	background-repeat: no-repeat;	
	}
#loginBoxContainer p{
	padding:0;
	margin:5px 0 5px 0;
		
}
#loginBoxContainer a {
	text-decoration: none;
	font-weight: normal;
	font-size:0.7em;
	margin-right:8px;
}
#loginBoxContainer a.loginLink{
	text-decoration: none;
	font-weight: normal;
	font-size:0.8em;
	margin-right:8px;
	/*background-image: url('/affiliates/media/trancemoon/buttons/login.gif');*/
}
#loginBoxContainer input.textbox{
	border:0;
	background:#ccc;
	color:#000;
	font-size:1em;
	width:150px;
	padding:3px;
	
}


/***************************************************
	  QUICK SEARCH
****************************************************/
#quickSearch{
	margin:0 0px 15px 4px;
	padding:0;
	height:18px;
}
#quickSearchText{
	border: 3;
	font-size:1em;
	width:150px;
	height:15px;
	padding:0px 5px 0px 5px;
	margin:0;
	vertical-align: top;
	background:#ccc;
	color:#000;
}
#quickSearchButton{
	vertical-align: top;
}


#downloadZipLink{
	text-align:right;
	margin:0 30px 30px 0;
}


/***************************************************
	  TRACK LIST elements... used wherever
	  there's a track list table.
****************************************************/
.trackList{width: 100%;}
.trackList tr{vertical-align:top; background:#000;}
.trackList td{padding:2px;}

.trackList tr.heading td{ padding-bottom: 4px;}
.trackList tr.heading .title{border-top: 5px solid #666; padding-left:10px;}
.trackList tr.heading .queuePlayer{border-top: 5px solid #666; border-left:1px solid #00000;}
.trackList tr.heading .playNow{border-top: 5px solid #666; border-left:1px solid #00000;}

.trackList tr.body td{ padding-bottom: 20px;	font-size:0.9em;}
.trackList td.top10 {width:42px;}
.trackList td.top10 div{ margin:10px 0 0 10px;}
.trackList td.coverImage{ width: 70px; padding-left: 10px;}
.trackList td.coverImage img{ border: 1px solid #666;}
.trackList td.buy { padding-top: 10px;}

.trackList tr.body td td{ padding-bottom: 2px;}
.tracklistFileFormats{padding:0; margin:0;}
.tracklistFileFormats td{ padding: 0 8px 0 0;}

a.playNowLink,a.queuePlayerLink,a.saveTrackLink,a.deleteTrackLink {
	background-image:url('/affiliates/media/trancemoon/buttons/player_buttons.png');
	height:15px;
}

a.playNowLink {
	width:60px;
	background-position:0 0;
	text-decoration:none;
}

a.playNowLink:hover {
	background-position:0 -15px;
}

a.queuePlayerLink {
	width:60px;
	visibility:hidden;
	background-position:-60px 0;
	text-decoration:none;
}

a.queuePlayerLink:hover {
	background-position:-60px -15px;
}

a.saveTrackLink {
	width:60px;
	background-position:-120px 0;
	text-decoration:none;
}

a.saveTrackLink:hover {
	background-position:-120px -15px;
}

a.deleteTrackLink {
	width:60px;
	background-position:-180px 0;
	text-decoration:none;
}

a.deleteTrackLink:hover {
	background-position:-180px -15px;
}


.playNowLink, .queuePlayerLink{
	vertical-align:middle;
	white-space:nowrap;
	
		}
.queuePlayerLink{visibility:hidden;}

.buyBtn, .buyBtn input{ margin: 0; padding:0;}





/***************************************************
	  BASKET LIST elements... used in the full 
	  basket view
****************************************************/
.basketList{
	width:100%;
	border-collapse:collapse;
	border:2px solid #666;
}
.basketList tr{vertical-align:top; text-align:left}
.basketList td{padding:4px;}
.basketList th{padding:4px;}

.basketList tr.basketRow td{border-bottom:1px solid #666; font-size:0.9em;}
.basketList tr.basketRow select{font-size:0.9em;}


.basketList td.coverimage{ border:#C90;}
.basketList td.details{}
.basketList td.price{}
.basketList td.remove{}

div.proceedlinks {margin:10px 0 40px 0; text-align: right; }
div.proceedlinks .checkoutlink {margin:10px;}
div.proceedlinks .continueshoppinglink {margin:10px;}




/***************************************************
	MAIN NAVIGATION

	The trackitdown-mainnav div shows the main navigation
	for the site to get around, find tracks, manage your
	account, etc.
****************************************************/
#trackitdown-mainnav {
	font-size:11px;
	width:100%;
	margin-left: 1px;
}

#trackitdown-mainnav div{
	float:left;
	padding: 0;
	margin: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

#trackitdown-mainnav ul {
	list-style-image: none;
	list-style-type: none;
	display:none;
	position:absolute;
	z-index:100;
	width: 150px;
	margin:0;
	padding:0;
	border-left:1px solid #333;
	border-right:1px solid #333;
}

#trackitdown-mainnav ul li {
	position:relative;
	list-style-type: none;
}

#trackitdown-mainnav li ul {
	list-style-image: none;
	list-style-type: none;
	display:none;
	position:absolute;
	left:150px;
	top:0;
	width:150px;
	margin:0;
	padding:0;
}

#trackitdown-mainnav a {
	display: block;
	font-weight:normal;
	margin:1px 1px 1px 0px;
	text-decoration: none;
	text-align:left;
	background: url('/affiliates/media/trancemoon/nav_button_bg.gif') top left repeat-x #0f0;
	color: #3CC;
	padding-top: 6px;
	padding-right: 14px;
	padding-bottom: 6px;
	padding-left: 15px;
}

#trackitdown-mainnav li a{
	border-top: 1px solid #999;
	border-bottom: 1px solid #333;
	padding: 2px 14px 2px 14px;
	background:#333;
}

#trackitdown-mainnav a:hover{
	background: #000;
	border: #666 1px solid;
	color: #FF6;
	padding: 5px 13px 5px 14px;
}


#trackitdown-mainnav ul li ul{
	border-left:1px solid #666;
	border-right:1px solid #666;
}

#trackitdown-mainnav ul li ul li a {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #666;
	background-color: #444;
	padding: 2px 15px 2px 15px;
}

/* ie hack \*/
* html #trackitdown-mainnav ul li { float: left; }
* html #trackitdown-mainnav ul li a { height: 1%; }
/* end ie hack */

/*============= the roll over stuff =============*/

/* ie javascript classes */
#trackitdown-mainnav div.sub1-over ul{
	display:block;
}

#trackitdown-mainnav div.sub1-over ul ul{
	display:none;
}

#trackitdown-mainnav ul li.sub2-over ul {
	display:block;
}

/* for all other real browsers */
#trackitdown-mainnav div:hover > ul{
	display:block;
}

#trackitdown-mainnav ul li:hover > ul {
	display:block;
}




/***************************************************
	PAGER

	Whenever there's more than a certan number of 
	tracks, we'll show them across more than
	one page, and here's the CSS for the page
	elements.
****************************************************/

.pager{
	margin: 10px 0 10px 0;
	text-align:right;
	font-size:0.75em;
	font-weight:bold;
	text-transform:uppercase;
}
.pager a, .pager .currentpage{
	margin: 0 1px 0 0;
	padding: 2px 4px 2px 4px;
	color:#0fc;
	background: #000000;
	border:0;
	text-decoration:none;
}
.pager a:hover{
	background: #000;
	text-decoration:none;	
}
.pager .currentpage{
	background: #f00;
}




/***************************************************
	GENERIC FORM TABLE

****************************************************/
.formTable{
	width:100%;
	border:8px solid #eee;
	border-collapse: collapse;
}
.formTable td{
	padding:4px;
}
.formTable td.label{
	width:130px;
}

.formTable td.label strong{
	color:#f00;
}

.formTable td.field textarea{
	width:95%;
}


.error{
	background:#ffc;
}

/***************************************************
	MISCELLANEOUS

****************************************************/
.header				{ border-top: none; }
.trackDescription 	{ color: #999;					}
.footer a 			{ color: #0C9;					}
.genre 				{ color: #EDEDED;				}
.release_date 		{ color: #693;					}
.sampleplayer 		{ padding-bottom: 2px;			}
.downloadsample 	{ margin-bottom: 5px;			}

div.addtobasket {
	padding-top: 2px;
	background-color: #0000cc;
	width: 98px;
	border: solid 1px #333;
	text-align: center;
}

div.addtobasket a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border: none;
}

div.addtobasket a:hover {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	border: none;
}

/*    TRACK DETAIL PAGE     */


#trackdetail{
	margin-bottom:30px;
}
#trackdetail .preview {
	float:right ;
	padding:20px ;
}

#trackdetail table.details{
	border-spacing:0px ;
	border-collapse:collapse;
	margin:20px 0 20px 0;
}

#trackdetail table.details td {
	border-spacing:0px ;
	padding: 2px 20px 2px 0px;
}

#trackdetail table.details td .queuePlayerLinkContainer,
#trackdetail table.details td .playNowLinkContainer{
	margin:0 10px 30px 0;
}



/*       RECORD LABEL DETAIL PAGE      */

img.labelLogo {
	margin: 10px 0 10px 0;
	border: 1px solid #696 ;
}


div#securityinformation{
	margin-top:50px;
}



/*       RECORDLABEL / ARTIST LIST PAGE      */

.artists_labels_list{
	width:100%;
	border-collapse:collapse;
	border:2px solid #666;
}
.artists_labels_list td{
	padding:4px;
	border-bottom:1px solid #666;
}

/* second nav bar below page heading.*/
#contentTabs {
	display:none;
}

/* track listing dropdown filtering menus below page heading.
.trackListFilter {
	float:right;
}
*/

/* track listing numbered page links below page heading.
.tracklistHeader {
	float:left;
}
*/

/************************************************************
     The 'play all tracks' link at the top of the page
*************************************************************/
.loadAllTracks { 
	margin-top: 10px;
	/*z-index: 10;*/
}


/************************************************************
                Promo Box 1, 2 and 3
*************************************************************/
#PromoBox1, #PromoBox2, #PromoBox3 {
	display:block;
	font-size: 11px; color:#096;
	padding: 3px 10px 13px 16px;
	margin-bottom: 8px;
	border: 1px #666 inset;
	background: url(/affiliates/media/trancemoon/bgheaven-small.jpg)  #181818;
}
#PromoBox1 h2 { font-size: 12px; color: #FF0; font-weight:bold; }
#PromoBox2 h2, #PromoBox3 h2 { font-size: 12px; color: #993; font-weight:bold; }
#PromoBox1 img, #PromoBox2 img, #PromoBox3 img {margin-top: 7px; border: #666 solid 1px;}
#PromoBox1 a:hover, #PromoBox2 a:hover, #PromoBox3 a:hover { color:#FF0;}