@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MUSIC : 
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		jj_music.css
	Date:			Jul 27, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header #nav li.navMusic a, #header #nav li.navMusic a:hover {
		background-position:-225px -40px;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#music Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music {
		padding:0 0 1px 0;
		background:url(../../images/bg_mainColCap.png) 0 bottom no-repeat;
	}
		#music .header {
			width:617px; height:24px;
			padding:0 0 9px 0;
			background:url(../../images/bg_mainColCap.png) 0 bottom no-repeat;
		}
			#music .header h1 {
				width:89px; height:24px;
				background:url(../../images/h3_music.png) 0 0 no-repeat;
				float:left;
			}
		#music .album .contentBox {
			width:350px;
			float:left;
		}
		#music ul {
			width:594px;
			padding:12px;
			background:url(../../images/bg_mainCol.png) 0 0 repeat-y;	
		}
			#music ul li {
				width:173px; height:239px;
				margin:1px; padding:16px 0 0 23px;
				background:#66625d;
				float:left;
				display:inline;
			}
				#music ul li span.date {
					margin:0 0 3px 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#bcb9b5;
					display:block;
				}
				#music ul li h4 {
					width:150px; height:18px;
					overflow:hidden;
					display:block;
				}
					#music ul li h4 a {
						font:bold 14px Arial, Helvetica, sans-serif;
						color:#f2efec;
					}
						#music ul li h4 a:hover {
							color:#ff8700;
						}
				#music ul li a.btn {
					width:73px; height:21px;
					background:url(../../images/btn_buyNow.png) 0 0 no-repeat;
					display:block;
					float:left;
				}
					#music ul li a.btn:hover {
						background-position:0 -21px;
					}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Music Single Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music .header a.back {
		margin:12px 0 0 9px;
		font:bold 10px Verdana, Arial, Helvetica, sans-serif;
		color:#a6a196;	
		float:left;
	}
		#music .header a.back:hover {
			color:#ff8700;
		}
		#music .album {
			padding:12px 12px 40px 12px;
			background:url(../../images/bg_mainCol.png) 0 0 repeat-y;								
		}
			#music .album .info {
				width:200px; height:auto;
				padding:0 20px 20px 0;
				display:block;
				float:left;
			}
				#music .album .info h4 {
					padding:10px 0 0 0;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#f2efec;
					display:block;
				}
				#music .album .info span {
					margin:0 0 10px 0;
					font:normal 11px Arial, Helvetica, sans-serif;
					color:#bcb9b5;
					display:block;
				}
				#music .album .info a.btn {
					width:73px; height:21px;
					background:url(../../images/btn_buyNow.png) 0 0 no-repeat;
					display:block;
					float:left;
				}
					#music .album .info a.btn:hover {
						background-position:0 -21px;
					}
			
			#music .album .songList {
				width:370px;
				padding:5px 0 0 0;
				font:bold 10px Verdana, Arial, Helvetica, sans-serif;
				color:#8a7c74;
				float:left;
			}
				#music .album .songList .header {
					width:370px; height:16px;
					padding:0 0 5px 0;
					clear:both;
					line-height:16px;
					background:none;
				}
					#music .album .songList .header .titleSong {
						width:250px;
						display:block;
						float:left;
					}
					#music .album .songList .header .titleBuy {
						display:none;
						float:left;
					}
				#music .album .songList .track {
					clear:both;
					line-height:16px;
				}
					#music .album .songList .track .title {
						width:240px;
						padding:0 0 10px 0;
						font:bold 10px Verdana, Arial, Helvetica, sans-serif;
						color:#6c5c53;
						float:left;
						line-height:16px;
					}
						#music .album .songList .track .title .song {
							color:#f2efec;
							line-height:16px;
						}					
					#music .album .songList .echospinCartEnabled .mp3 {
						width:42px; height:16px;
						margin:0 20px 0 0;
						background:url(../../images/icon_mp3.png) 0 0 no-repeat;
						float:left;
						cursor:pointer;
					}
					#music .album .songList .echospinCartDisabled .mp3 {
						background:none;
					}
						#music .album .songList .track .mp3 .add {
							
						}
					#music .album .songList .track .price {
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						line-height:16px;
					}
				#music .album .songList .echospinCartAdded {
					opacity:0.1;
					cursor:default;			
				}
					#music .album .songList .echospinCartAdded .title {
						cursor:default;	
					}
					#music .album .songList .echospinCartAdded .mp3 {
						cursor:default;	
					}
					#music .album .songList .echospinCartAdded .price {
						cursor:default;	
					}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	Music Single Styles - Echo Spin Table
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music #trackTable {
		margin:20px 0 0 0;
	}
		#music #trackTable thead {
			
		}
			#music #trackTable thead tr th {
				height:20px;
				color:#6c5c53;
				text-align:left;
			}
				#music #trackTable thead tr th.title {
					text-align:left;
				}
		#music #trackTable col#trackCol {
				width:262px;
		}
		#music #trackTable tbody {
			
		}
			#music #trackTable tbody tr td {
				height:20px;
				font:bold 11px Verdana, Geneva, sans-serif;
				color:#6c5c53;
				vertical-align:top;
			}
				#music #trackTable tbody tr td.trackName {
					
				}
					#music #trackTable tbody tr td.trackName .song {
						color:#fff;
					}
				#music #trackTable tbody tr td.prev {
					
				}
					#music #trackTable tbody tr td.prev .track {
						clear:both;	
					}
						#music #trackTable tbody tr td.prev .track .price {
							width:45px;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#8a7c74;
							float:left;	
						}
						#music .songList tbody td.mp3 .add {
							width:32px; height:16px;
							background:url(/images/icon_mp3.png) 0 0 no-repeat;
							cursor:pointer;
						}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	Music Single Styles - CD & MP3 purchase link
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music .album .items {
		padding:0 0 15px 0;
	}
		#music .album .items .item {
			width:165px; height:24px;
			margin:0 0 0 5px; padding:15px 0 0 15px;
			clear:both;
			float:left;
		}
			#music .album .items .item .add {
				float:left;
				cursor:pointer;
			}
				#music .album .items .typeCD .add {
					width:120px; height:24px;
					background:url(../../images/btn_cd2.png) right top no-repeat;
				}
				#music .album .items .typeMP3s .add {
					width:120px; height:24px;
					background:url(../../images/btn_mp3.png) right top no-repeat;
				}
			#music .album .items .item .info {
				width:370px;
				padding:0 0 0 15px;
				float:left;
				display:block;
			}
				#music .album .items .item .info a {
					width:auto;
					margin:0; padding:0;
					font:bold 14px Arial, Helvetica, sans-serif;
					color:#f4911a;
					text-align:left;
					display:inline;
					float:none;
				}
					#music .album .items .item .info a:hover {
						color:#fff;
					}
			#music .album .items .item .price {
				padding:5px 0 0 0;
				font:normal 14px Arial, Helvetica, sans-serif;
				color:#6c5c53;
				float:right;
			}
		#music .album .items .echospinCartAdded {
			opacity:0.1;
			cursor:default;			
		}
			#music .album .items .echospinCartAdded .add {
				cursor:default;			
			}
			#music .album .items .echospinCartAdded .price {
				cursor:default;			
			}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	#cart Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	/* #music .album #cart {
		width:240px;
		float:right;
	}
		#music .album #cart .titleBar {
			
		}
		#music .album #cart .contentBox {
			
		}
			#music .album #cart .contentBox .cartfullWrapper {
				
			}	
				#music .album #cart .contentBox .cartfullWrapper h2 {
					width:152px; height:17px;
					background:url(../../images/h2_shoppingCart.png) no-repeat;
				}
				#music .album #cart .contentBox .cartfullWrapper .echospinCart {
					width:240px;
					margin:10px 0 0 0;
				}
					#music .album #cart .contentBox .cartfullWrapper .echospinCart .header, #music .echospinCart .subtotal, #music .echospinCart .footer {
						border-bottom:1px solid #231e1b;
						width:230px; height:20px;
						margin:0; padding:5px 0 0 10px;
						background:#473f38;
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						color:#8a7c74;
						clear:both;
					}
					#music .echospinCart .subtotal {
						border:0;
						background:#3f3b37 !important;
					}					
					#music .album #cart .contentBox .cartfullWrapper .echospinCart .default {
						border-bottom:1px solid #231e1b;
						height:20px;
						margin:0; padding:5px 0 0 10px;
						background:#66625d; 
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#fff;
						clear:both;
					}
						#music .album #cart .contentBox .cartfullWrapper .echospinCart .type {
							
						}
						#music .album #cart .contentBox .cartfullWrapper .echospinCart .title {
							width:120px;
							float:left;
						}
						#music .album #cart .contentBox .cartfullWrapper .echospinCart .quantity {
							width:60px;
							float:left;
						}
						#music .album #cart .contentBox .cartfullWrapper .echospinCart .price {
							width:50px;
							float:right;
						}
					#music .echospinCart .footer {
						height:21px;
						padding:0 0 5px 10px;
						background:#3f3b37;
					}
						#music .echospinCart .footer a {
							width:83px; height:21px;
							margin:0 0 0 135px;
							background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
							display:block;
						}
							#music .echospinCart .footer a:hover {
								background-position:0 -21px;
							} */
/*	--------------------------------------------------------------------------------------------------------------------------
	#cart Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music  h3#shoppingCart {
		width:152px; height:17px;
		background:url(../../images/h3_shoppingCart.png) no-repeat;
	}
		#music .echospinCart {
			width:590px;
			margin:10px 0 0 0;
		}
			#music .echospinCart .header, #music .echospinCart .subtotal {
				width:580px; height:20px;
				margin:0; padding:5px 0 0 10px;
				background:#473f38 !important;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#8a7c74;
				clear:both;
			}
				#music .echospinCart .type {
					width:20px;
					float:left;
				}
				#music .echospinCart .header .title {
					width:350px;
					padding:0;
					float:left;
				}
				#music .echospinCart .header .quantity {
					width:80px;
					padding:0;
					float:left;
				}
				#music .echospinCart .header .price {
					width:50px;
					padding:0;
					float:right;
				}
			#music .echospinCart .default {
				height:20px;
				margin:0; padding:5px 0 0 10px;
				background:#66625d; 
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#fff;
				clear:both;
			}
			#music .echospinCart .item {
				height:25px;
				padding:5px 0 0 10px;
				background:#66625d;
				line-height:11px;
				clear:both;
			}
				#music .echospinCart .title {
					width:350px;
					padding:0 0 0 20px;
					float:left;
				}
				#music .echospinCart .quantity {
					width:80px;
					float:left;
				}
				#music .echospinCart .price {
					width:50px;
					padding:0;
					float:right;
				}
				#music .echospinCart .checkout a {
					width:83px; height:21px;
					background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
					display:block;
				}
					#music .echospinCart .checkout a:hover {
						background-position:0 -21px;
					}
			#music .echospinCart .subtotal .title {
				padding:0;
			}
		#music .echospinCart .footer {
			background:none !important;
		}

/*	--------------------------------------------------------------------------------------------------------------------------
	.checkoutWrapper Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.checkoutWrapper h2 {
		width:108px; height:17px;
		margin:0 0 10px 0;
		background:url(../../images/h2_checkOut.png) no-repeat;
	}
	#music .checkoutWrapper {
			width:590px;
			margin:10px 0 0 0;
		}
			#music .checkoutWrapper #echospinCheckoutCart .header, #music .checkoutWrapper #echospinCheckoutCart .subtotal, #music .checkoutWrapper #echospinCheckoutCart .footer, #music .checkoutWrapper #echospinCheckoutCart .tax {
			border-bottom:1px solid #231e1b;
				width:580px; height:20px;
				margin:0; padding:5px 0 0 10px;
				background:#473f38 !important;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#8a7c74;
				clear:both;
			}
					#music .checkoutWrapper #echospinCheckoutCart .type {
						float:left;
					}
					#music .checkoutWrapper #echospinCheckoutCart .title {
						width:350px;
						float:left;
					}
					#music .checkoutWrapper #echospinCheckoutCart .quantity {
						float:left;
					}
					#music .checkoutWrapper #echospinCheckoutCart .price {
						padding:0 20px 0 0;
						font:bold 11px Arial, Helvetica, sans-serif;
						color:#fff;
						float:right;
					}
				/* header */
				#music .checkoutWrapper #echospinCheckoutCart .header .type {
					width:20px;
				}
				#music .checkoutWrapper #echospinCheckoutCart .header .title {
					padding:0;
				}
				#music .checkoutWrapper #echospinCheckoutCart .header .quantity {
					width:80px;
					padding:0;
				}
				#music .checkoutWrapper #echospinCheckoutCart .header .price {
					width:50px;
					padding:0;
					font:normal 10px Verdana, Arial, Helvetica, sans-serif;
					color:#8a7c74;
				}
			
			/* typeMP3s */
			#music .checkoutWrapper #echospinCheckoutCart .typeMP3s {
				width:590px;
				margin:0; padding:5px 0 0 0;
				background:#66625d;
				clear:both;
			}
				#music .checkoutWrapper #echospinCheckoutCart .typeMP3s .typeMP3s {
					width:580px;
					padding:0 0 0 10px;
					background:#66625d;
					clear:both;
				}
				#music .checkoutWrapper #echospinCheckoutCart .typeMP3s .title {
					padding:0;
				}
				
		/* instruction */
			#echospinCheckoutForm {
				margin:15px 0 0 0;
				clear:both;
			}
				#echospinCheckoutForm .instructions {
					margin:0 0 25px 0; padding:0 0 5px 0;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#fff;
					background:url(../../images/logo_cardHolder.png) right 20px no-repeat;
				}
				#echospinCheckoutForm .input {
					width:170px; height:55px;
					float:left;
				}
					#echospinCheckoutForm .input .label {
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#8a7c74;
					}
					#echospinCheckoutForm .error .label{
						font:normal 10px Arial, Helvetica, sans-serif;
						color:#ff0000;
					}
					#echospinCheckoutForm .input .control {
					
					}
						#echospinCheckoutForm .input .control input {
							font:normal 11px Arial, Helvetica, sans-serif;
						}
						#echospinCheckoutForm .input .control select {
							font:normal 11px Arial, Helvetica, sans-serif;
						}
			
						#echospinCheckoutForm .input .control select#echospinCheckoutForm_expirationyear {
							margin:0 0 0 5px;
						}
						#echospinCheckoutForm .submit {
							clear:both;
						}
							#echospinCheckoutForm .submit a {
								width:98px; height:19px;
								margin:0 0 0 490px;
								background:url(../../images/btn_placeOrder.png) 0 0 no-repeat;
								display:block;
							}
								#echospinCheckoutForm .submit a:hover {
									background-position:0 -20px;
								}
				
/*	--------------------------------------------------------------------------------------------------------------------------
	.thankYou Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#music .thankYou {
		font:normal 15px Arial, Helvetica, sans-serif;
		color:#fff;
	}

/*	--------------------------------------------------------------------------------------------------------------------------
	retail Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	table.BLM span.third table.blm-menugroup .firstItem {
		border:solid 1px #66625d;
		width:107px; height:18px;
		background:#473f38;
		display:block;
		behavior: url("shared/css/csshover.htc");
	}
		table.BLM span.third table.blm-menugroup .firstItem:hover {
			background:#e27c0a;
			color:#231e1b !important;
		}
	table.BLM span.third table.blm-menugroup table {
		border:solid 1px #66625d;
		width:107px; height:18px;
		background:#473f38;
		display:block;
		behavior: url("shared/css/csshover.htc");
	}
		table.BLM span.third table.blm-menugroup table:hover {
			background:#e27c0a !important;
			color:#231e1b !important;
		}
		table.BLM span.first {
			border:solid 1px #66625d;
		}
		table.BLM span.first table.blm-menugroup .firstItem {
			width:89px;
			padding:5px;
			background:#473f38;
			display:block;
			cursor:pointer;
		}
		.blm-menuitemover {
			color:#e27c0a !important;
		}
		table.BLM span.first table.blm-menugroup table {
			width:89px;
			padding:5px;
			background:#473f38;
			display:block;
			cursor:pointer;
		}
		table.BLM span.second table.blm-menugroup table {
			border:solid 1px #66625d;
			width:100px;
			padding:5px;
			background:#473f38;
			display:block;
			cursor:pointer;
		}
	/*#Detail_0_1578_1_i0 {
		border:solid 1px #66625d;
		width:107px; height:18px;
		background:#473f38;
		display:block;
		behavior: url("shared/css/csshover.htc");
	}
		#Detail_0_1578_1_i0:hover {
			background:#e27c0a;
			color:#231e1b !important;
		}
	#Detail_0_1578_1_i1 {
		border:solid 1px #66625d;
		width:107px; height:18px;
		background:#473f38;
		display:block;
		behavior: url("shared/css/csshover.htc");
	}
		#Detail_0_1578_1_i1:hover {
			background:#e27c0a;
			color:#231e1b !important;
		}
		#Detail_0_1578_2_i0 {
			border:solid 1px #66625d; border-bottom:0;
			width:89px;
			padding:5px;
			background:#473f38;
			display:block;
			cursor:pointer;
		}
		.blm-menuitemover {
			color:#e27c0a;
		}
		#Detail_0_1578_2_i1 {
			border:solid 1px #66625d; border-top:0;
			width:89px;
			padding:5px;
			background:#473f38;
			display:block;
			cursor:pointer;
		}
		#Detail_0_1578_3_i0 {
			border:solid 1px #66625d;
			width:100px;
			padding:5px;
			background:#473f38;
			display:block;
			cursor:pointer;
		}*/