@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - ECHOSPIN : 	The Bravery Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		echospin.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	

/*	--------------------------------------------------------------------------------------------------------------------------
	.cartfullWrapper Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	.cartfullWrapper {
		display:none;
		padding:0 0 40px 0;
		clear:both;
	}
		.cartfullWrapper h2 {
			border:solid 1px #656465;
			margin:0 0 18px 0;  padding:4px 0 4px 6px;
			background:#000 url(../../images/h1_shopping.png) 6px 4px no-repeat;
			text-indent:-3000px;
		}
		.echospinCart {
			clear:both;
		}
			.echospinCart .header, .echospinCart .subtotal {
				width:460px; height:20px;
				padding:10px 0 0 0;
				background:none !important;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				color:#e6e7e8;
				text-transform:uppercase;
				clear:both;
			}
				.echospinCart .type {
					width:42px; height:30px;
					float:left;
				}
				.echospinCart .type.typeMP3 {
					background:url(../../images/add_mp3_sm.png) 0 3px no-repeat;
				}
				.echospinCart .header .title {
					width:240px;
					padding:0 0 0 10px;
					float:left;
					font:bold 11px Arial, Helvetica, sans-serif;
				}
				.echospinCart .header .quantity {
					width:80px;
					padding:0 0 0 20px;
					float:left;
					font:bold 11px Arial, Helvetica, sans-serif;
				}
				.echospinCart .header .price {
					width:50px;
					padding:0;
					float:right;
					font:bold 11px Arial, Helvetica, sans-serif;
				}
			.echospinCart .default {
				height:20px;
				margin:0;
				font:normal 10px Arial, Helvetica, sans-serif;
				clear:both;
			}
			.echospinCart .item {
				height:30px;
				background:url(../../images/dotted.png) 0 bottom repeat-x;
				line-height:11px;
				clear:both;
			}
				.echospinCart .item.header {
					height:25px !important;
					margin:0 !important; padding:0;
					background:none;
					clear:both;
				}
				.echospinCart .title {
					width:250px;
					padding:0 0 0 10px;
					float:left;
				}
					.echospinCart .title a {
						color:#e6e7e8;
					}
						.echospinCart .title a span {
							font-weight:bold;
						}
				.echospinCart .quantity {
					width:80px;
					float:left;
				}
				.echospinCart .price {
					width:50px;
					padding:0;
					float:right;
				}
				.echospinCart .checkout a {
					width:72px; height:18px;
					background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
					display:block;
				}
					.echospinCart .checkout a:hover {
						background-position:0 -18px;
					}
			.echospinCart .subtotal .type {
				width:0px;
			}
			.echospinCart .subtotal .title {
				padding:0;
			}
		.echospinCart .footer {
			background:none !important;
		}
			.echospinCart .footer a {
				width:72px; height:18px;
				margin:0 0 0 auto;
				background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
				display:block;
			}
				.echospinCart .footer a:hover {
					background-position:0 -18px;
				}

/*	--------------------------------------------------------------------------------------------------------------------------
	.songList Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.songList {
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#e6e7e8;
	}
		.songList .header {
			height:16px !important;
			margin:0 !important; padding:0 0 5px 0;
			clear:both;
			color:#282632;
			line-height:16px;
			background:none !important;
		}
			.songList .header .titleSong {
				width:325px;
				display:block;
				float:left;
			}
			.songList .header .titleBuy {
				width:84px;
				display:block;
				float:left;
			}
		.songList .track {
			clear:both;
			line-height:16px;
		}
			.songList .track .title {
				width:280px;
				padding:0 0 10px 0;
				float:left;
				color:#e6e7e8;
				line-height:16px;
			}
				.songList .track .title .song {
					line-height:16px;
				}
			.songList .track.echospinCartDisabled .mp3 {
				display:none;
			} 			
			.songList .track .mp3 {
				width:42px; height:17px;
				margin:0 0 0 0;
				background:url(../../images/add_mp3_sm.png) 0 0 no-repeat;
				float:left;
				cursor:pointer;
			}
				.songList .track .mp3 .add {
					
				}
			.songList .track .length {
				width:45px;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				line-height:16px;
				float:left;
			}
			.songList .track .price {
				width:58px;
				padding:0 0 0 10px;
				font:normal 10px Verdana, Arial, Helvetica, sans-serif;
				line-height:16px;
				float:left;
			}
		.songList .echospinCartAdded {
			opacity:0.1;
			cursor:default;			
		}
			.songList .echospinCartAdded .title {
				cursor:default;	
			}
			.songList .echospinCartAdded .mp3 {
				cursor:default;	
			}
			.songList .echospinCartAdded .price {
				cursor:default;	
			}
/*	--------------------------------------------------------------------------------------------------------------------------
	.checkoutWrapper Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.checkoutWrapper {
	
	}
		.checkoutWrapper h2 {
			border:solid 1px #656465;
			margin:0 0 18px 0;  padding:4px 0 4px 6px;
			background:#000 url(../../images/h2_checkout.png) 6px 4px no-repeat;
			text-indent:-3000px;
		}
						
/*	--------------------------------------------------------------------------------------------------------------------------
	#echospinCheckoutCart Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#echospinCheckoutCart {
		clear:both;
	}
		#echospinCheckoutCart .item {
			clear:both;
			width:460px;
			margin:0; padding:5px 0;
			background:url(../../images/dotted.png) 0 bottom repeat-x;
			font:normal 10px Arial, Helvetica, sans-serif;
			color:#e6e7e8;
			float:left;
		}
		#echospinCheckoutCart .noBorder {
			background:none;
		}
		#echospinCheckoutCart .item.header {
			height:19px !important;
			padding:5px 0;
			background:none;
			font:normal 10px Verdana, Arial, Helvetica, sans-serif;
			color:#e6e7e8;
			text-transform:uppercase;
			clear:both;
		}
			#echospinCheckoutCart .item.header .type {
				background:none !important;
			}
			#echospinCheckoutCart .item.header .title {
				height:18px;
				padding-top:4px;
				display:inline;
			}
			#echospinCheckoutCart .item.header .quantity {
				width:30px; height:18px;
				padding:4px 6px 0 4px !important;
				text-align:left;
				display:inline;
			}
			#echospinCheckoutCart .item.header .price {
				width:46px; height:18px;
				padding:4px 14px 0 0 !important;
				color:#e6e7e8;
				text-align:right;
			}
		#echospinCheckoutCart .item.footer {
			font-weight:bold;
			height:24px;
			color:#828282;
		}
			#echospinCheckoutCart .item.footer .title {
				height:18px;
				padding-top:6px;
			}
			#echospinCheckoutCart .item.footer .price {
				height:18px;
				padding-top:6px;
				text-align:right;
			}
		#echospinCheckoutCart .item.default .title {
			width:345px;
			font-style:italic;
		}
			#echospinCheckoutCart .item.default .quantity,
			#echospinCheckoutCart .item.default .price {
				font-style:italic;
			}
		#echospinCheckoutCart .item .type {
			width:42px; height:30px;
			margin-top:6px;
			background:url(../../images/add_mp3_sm.png) 0 0 no-repeat;
			float:left;
		}
			#echospinCheckoutCart .item .type.typeCD {
				background:url(../../images/cd_sm.png) 0 3px no-repeat;
			}
			#echospinCheckoutCart .item .type.typeBundle {
				background:url(../../images/cd_sm.png) 0 3px no-repeat;
			}
			#echospinCheckoutCart .item .type.typeMP3s {
				background:url(../../images/add_mp3_album_sm.png) 0 3px no-repeat;
			}
		#echospinCheckoutCart .item .title {
			width:300px;
			padding:4px 0 4px 8px;
			float:left;
		}
			#echospinCheckoutCart .item .title .explicit {
				width:178px; height:11px;
				margin:5px 0 0 0; padding:0 0 6px 0;
				background:url(../../images/parental_advisory_text.png) no-repeat;
			}
			#echospinCheckoutCart .item .title a {
				color:#e6e7e8;
				text-decoration:none;
			}
			#echospinCheckoutCart .item .title .artist {
				font-weight:bold;
			}
		#echospinCheckoutCart .item .quantity {
			width:40px;
			padding-top:12px;
			text-align:right;
			float:left;
		}						
			#echospinCheckoutCart .item .quantity select {
				font-size:11px;
			}						
		#echospinCheckoutCart .item .price {
			width:40px;
			padding:12px 14px 0 0;
			color:#e6e7e8;
			text-align:right;
			float:right;
		}
			#echospinCheckoutCart .item.shipping {
				border-bottom:none;
				padding:2px 0;
			}
				#echospinCheckoutCart .item.shipping .title {
					width:333px;
					padding:6px 0 6px 50px;
					color:#e6e7e8;
					text-transform:uppercase;
					float:left;
				}
				#echospinCheckoutCart .item.shipping .title select {
					margin-left:8px;
					font-size:10px;
				}
			#echospinCheckoutCart .item.shipping .price {
				padding-top:8px;
				text-align:right;
				float:right;
			}
		#echospinCheckoutCart .item.tax {
			border-bottom:none;
			padding:2px 0;
		}
			#echospinCheckoutCart .item.tax .title {
				width:353px;
				padding:6px 0 6px 50px;
				color:#e6e7e8;
				float:left;
			}
			#echospinCheckoutCart .item.tax .price {
				padding-top:6px;
				text-align:right;
				float:right;
			}
		#echospinCheckoutCart .item.total {
			margin:3px 0 0 0; padding:5px 0;
			background:url(../../images/divider.png) 0 top repeat-x;
		}
			#echospinCheckoutCart .item.total .title {
				width:335px;
				padding:3px 0 0 50px;
				color:#e6e7e8;
				text-transform:uppercase;
				text-align:right;
				float:left;
			}
			#echospinCheckoutCart .item.total .price {
				text-align:right;
				float:right;
				padding-top:3px;
			}
		#echospinCheckoutCart .item .error_invalid_territory {
			color:#9400d3 !important;
		}
		#echospinCheckoutCart .item .error_duplicate_item {
			color:#00f !important;
		}
		#echospinCheckoutCart .item .error_invalid_item {
			color:#f00 !important;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#echospinCheckoutForm Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#echospinCheckoutForm {
		color:#e6e7e8;
		font-family:Arial, Helvetica, sans-serif;
		display:none;
	}
		#echospinOrdersForm .instructions {
			margin:0 0 20px 0;
			color:#e6e7e8;
			line-height:16px;
		}
		#echospinCheckoutForm .errors {
			clear:both;	
			width:480px;
			margin:10px 0; padding:0 0 0 10px;
			font-size:13px;
			line-height:17px;
			float:left;
		}
			#echospinCheckoutForm .errors .error {
				margin-top:10px;
				color:#f00;
			}
				#echospinCheckoutForm .errors .error .error_invalid_territory {
					color:#9400d3;
				}
				#echospinCheckoutForm .errors .error .error_duplicate_item {
					color:#00f;
				}
				#echospinCheckoutForm .errors .error .error_invalid_item {
					color:#f00;
				}
		#echospinCheckoutForm .instructions {
			clear:both;	
			width:480px;
			margin:10px 0; padding:0 0 0 10px;
			font-size:13px;
			line-height:17px;
			float:left;
		}
			#echospinCheckoutForm .instructions strong {
				font-weight:normal;
			}
		#echospinCheckoutForm .input {
			clear:both;	
			width:500px;
			margin:5px 0;
			font-size:14px;
			float:left;
		}
		#echospinCheckoutForm .input.mobile {
			margin-top:20px;
		}
		#echospinCheckoutForm .input.emailaddress {
			
		}
			#echospinCheckoutForm .input .label {
				width:155px;
				padding:3px 12px 0 0;
				font:normal 11px Arial, Helvetica, sans-serif;
				text-align:right;
				text-transform:uppercase;
				float:left;
			}
			#echospinCheckoutForm .input .label.required {
				
			}
		#echospinCheckoutForm .input.error .label {
			color:#f00;
		}
			#echospinCheckoutForm .input.error .control input {
				background:#f00;
				color:#fff;
			}
		#echospinCheckoutForm .input .control {
			width:246px;
			margin-bottom:0 !important;
			float:left;
		}
			#echospinCheckoutForm .input .control input {
				border:solid 1px #a5a5a5;
				height:15px;
				font-size:12px;
				float:left;
			}
		#echospinCheckoutForm .input.checkbox .control input {
			margin:4px 8px 0 0;
			* margin:1px 8px 0 -2px;
		}
			#echospinCheckoutForm .input .control select {
				border:solid 1px #a5a5a5;
				margin-right:4px;
				font-size:12px;
			}
				#echospinCheckoutForm .input .control .control_label {
					margin-top:4px;
					* margin-top:5px;
					font-size:14px;
					float:left;
				}
		#echospinCheckoutForm .input .control .image {
			margin:2px 0 0 12px;
		}
		#echospinCheckoutForm .input.name .control input,
		#echospinCheckoutForm .input.cardholdername .control input {
			width:195px;
		}
		#echospinCheckoutForm .input.address1 .control input,
		#echospinCheckoutForm .input.address2 .control input {
			width:235px;
		}
		#echospinCheckoutForm .input.city .control input {
			width:195px;
		}
		#echospinCheckoutForm .input.state .control input {
			width:30px;
		}
		#echospinCheckoutForm .input.postalcode .control input,
		#echospinCheckoutForm .input.billingpostalcode .control input {
			width:50px;
		}
		#echospinCheckoutForm .input.cardnumber .control {
			background:url(../../images/payment_methods.jpg) right 5px no-repeat;
		}
		#echospinCheckoutForm .input.cardnumber .control input {
			width:130px;
		}
		#echospinCheckoutForm .input.mobile .control select {
			margin:1px 0 0 4px;
		}
		#echospinCheckoutForm .input.emailaddress .control input,
		#echospinCheckoutForm .input.emailaddress_verify .control input {
			width:210px;
		}
		#echospinCheckoutForm .button {
			clear:both;
			margin:10px 0 0 168px;
			display:inline;
			float:left;
		}
		#echospinCheckoutForm .button.continue {
			float:left;
			width:134px; height:33px;
			background:url(../../images/btn_continue.png) 0 0 no-repeat;
		}
		#echospinCheckoutForm .button.submit {
			width:79px; height:18px;
			background:url(../../images/btn_placeOrder.png) no-repeat;
			*position:relative;
			filter:alpha(opacity=1); 
			-moz-opacity:1; 
			opacity:1;
		}
			#echospinCheckoutForm .button a {
				width:72px !important; height:18px;
				display:block;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	#echospinCheckoutAddress Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#echospinCheckoutAddress {
		font:normal 12px Arial, Helvetica, sans-serif;
		clear:both;
		display:none; 
	}
		#echospinCheckoutAddress .instructions {
			clear:both;	
			width:460px;
			padding:0 10px;
			color:#ccc;
			display:none;
		}
		#echospinCheckoutAddress .address {
			clear:both;	
			width:350px;
			float:left;
		}
		#echospinCheckoutAddress .address .label {
			width:60px;
			padding:0 0 0 50px;
			color:#e6e7e8;
			text-transform:uppercase;
			float:left;
		}
		#echospinCheckoutAddress .address .value {
			width:240px;
			color:#e6e7e8;
			float:left;
		}
		#echospinCheckoutAddress .button {
			clear:both;
			width:106px; height:18px;
			margin:10px 0 0 60px;
			background:url(../../images/btn_updateAddress.png) no-repeat;
			display:inline;
			filter:alpha(opacity=80); 
			-moz-opacity:0.80; 
			opacity:0.80;
			float:left;
		}
			#echospinCheckoutAddress .button a {
				width:106px; height:18px;
				display:block;
			}

/*	--------------------------------------------------------------------------------------------------------------------------
	#echospinOrdersReceipt Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#echospinOrdersReceipt {
		width:460px;
		margin:10px 0 0 0;
	}
			#echospinOrdersReceipt .header, #echospinOrdersDownloads .header {	
				clear:both !important;			
				width:460px; height:20px !important;
				padding:5px 0 !important;
				background:none !important;
				font:normal 10px Arial, Helvetica, sans-serif;
				color:#e6e7e8;
				text-transform:uppercase;
			}
			#echospinOrdersReceipt .instructions .header {
				border:0 !important;
				padding:0;
				background:none !important;
				font:normal 15px Arial, Helvetica, sans-serif;
				color:#e6e7e8;
				text-transform:uppercase;
			}
		#echospinOrdersReceipt .header, #echospinOrdersReceipt .subtotal {
			clear:both;
			width:460px; height:20px;
			margin:0; padding:5px 0 0 10px;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#e6e7e8;
			text-transform:uppercase;
		}
		#echospinOrdersReceipt .type {
			width:42px; height:17px;
			background:url(../../images/add_mp3_sm.png) 0 0 no-repeat;
			float:left;
		}
			#echospinOrdersReceipt .type.typeBundle {
				background:url(../../images/cd_sm.png) 0 3px no-repeat;
			}
			#echospinOrdersReceipt .type.typeCD {
				background:url(../../images/cd_sm.png) 0 3px no-repeat;
			}
		#echospinOrdersReceipt .header .type {
			background:none !important;
		}
		#echospinOrdersReceipt .header .title {
			width:287px;
			padding:0 0 3px 10px;
			color:#e6e7e8;
			float:left;
		}
			#echospinOrdersReceipt .header .title .artist {
				font-weight:bold;
			}
		#echospinOrdersReceipt .header .quantity {
			width:30px;
			padding:0;
			float:left;
		}
		#echospinOrdersReceipt .header .price {
			width:49px;
			margin:0 7px 0 0; padding:0;
			display:inline;
			text-align:right;
			float:right;
		}
		#echospinOrdersReceipt .default {
			clear:both;
			height:20px;
			margin:0; padding:5px 0 0 10px;
			font:normal 11px Arial, Helvetica, sans-serif;
		}
		#echospinOrdersReceipt .item {
			clear:both;
			height:30px;
			padding:5px 0 10px 0;
			background:url(../../images/dotted.png) 0 bottom repeat-x;
			line-height:11px;
		}
		#echospinOrdersReceipt .title {
			width:295px;
			padding:0 0 3px 10px;
			font:normal 11px Arial, Helvetica, sans-serif;
			line-height:17px;
			float:left;
		}
			#echospinOrdersReceipt .title .artist {
				
			}
		#echospinOrdersReceipt .quantity {
			width:30px;
			float:left;
		}
		#echospinOrdersReceipt .price {
			width:52px;
			margin:0 0 0 15px; padding-right:8px;
			font:normal 11px Arial, Helvetica, sans-serif;
			text-align:right;
			display:inline;
			float:right;
		}
		#echospinOrdersReceipt .shipping {
			font-weight:bold;
		}
			#echospinOrdersReceipt .shipping .title .address {
				font-weight:normal;
			}
			#echospinOrdersReceipt .shipping .title .method {
				margin:10px 0 0 0;
				font-weight:bold;
			}
			#echospinOrdersReceipt .shipping .title .estimate {
				font-weight:normal;
			}
			#echospinOrdersReceipt .shipping .price {
				margin:0 0 0 44px;
				display:inline;
			}
		#echospinOrdersReceipt .tax {
			height:25px;
			padding:5px 0 0 0;
			background:none;
		}
			#echospinOrdersReceipt .tax .title {
				width:355px;
				text-align:right;
			}
			#echospinOrdersReceipt .tax .price {
				margin-left:19px;
			}
		#echospinOrdersReceipt .total {
			height:25px;
			padding:0 !important;
			background:none;
		}
			#echospinOrdersReceipt .total .title {
				width:354px;
				text-align:right;
			}
			#echospinOrdersReceipt .total .price {
				margin:0 0 0 19px;
				display:inline;
				float:right;
			}
		#echospinOrdersReceipt .payment {
			padding:0 0 20px 10px;
		}
			#echospinOrdersReceipt .payment .title {
				width:344px;
				text-align:right;
			}
			#echospinOrdersReceipt .payment .price {
				margin-left:19px;
			}
		#echospinOrdersReceipt .subtotal .title {
			padding:0;
		}
		#echospinOrdersReceipt .footer {
			background:transparent none repeat scroll 0 0 !important;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	#echospinOrdersDownloads Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#echospinOrdersDownloads {
		width:460px;
		margin:40px 0 0 0;
	}
		#echospinOrdersDownloads .album {
			clear:both;
			height:36px;
			margin:20px 0 0; padding:0 0 0 45px;
			background:no-repeat;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#e6e7e8;
		}
		#echospinOrdersDownloads .album .artist {
			padding:3px 0 2px 0;
			font-weight:bold;
		}
		#echospinOrdersDownloads .tracks {
			clear:both;
			padding:10px 0 15px;
			font:normal 12px Arial, Helvetica, sans-serif;
			cursor:pointer;
		}
		#echospinOrdersDownloads .tracks .header {
			clear:both;
			width:440px; height:20px;
			margin-bottom:5px; padding:5px 0 0 20px;
			background:url(../../images/border_dash.png) 0 bottom repeat-x;
			font:normal 1!px Arial, Helvetica, sans-serif;
			color:#e6e7e8;
			text-transform:uppercase;
		}
			#echospinOrdersDownloads .tracks .header .title {
				color:#e6e7e8 !important;
			}
			#echospinOrdersDownloads .tracks .header .tracknumber {
				margin-left:33px;
			}
		#echospinOrdersDownloads .tracks .track {
			clear:both;
			margin-top:2px;
			float:left;
		}
			#echospinOrdersDownloads .tracks .track .icon {
				width:17px; height:15px;
				margin-left:6px; padding:0 10px 10px 0;
				background:url(../../images/icon_download_sm_off.png) 0 0 no-repeat;
				float:left;
			}
		#echospinOrdersDownloads .tracks .track.locked,
		#echospinOrdersDownloads .tracks .track.disabled {
			cursor:default;
		}
		#echospinOrdersDownloads .tracks .track.hover .icon {
			background:url(../../images/icon_download_sm_on.png) 0 0 no-repeat;
		}
		#echospinOrdersDownloads .tracks .track.locked .icon {
			background-image:none;
		}
		#echospinOrdersDownloads .tracks .track.disabled .icon {
			background:url(/../../images/icon_download_disabled.png) 4px 2px no-repeat;
		}
			#echospinOrdersDownloads .tracks .track .tracknumber {
				width:26px;
				padding:0 0 10px;
				float:left;
			}
			#echospinOrdersDownloads .tracks .track .title {
				width:275px;
				color:#b8bb52;
				float:left;
			}
			#echospinOrdersDownloads .tracks .track.hover .tracknumber,
			#echospinOrdersDownloads .tracks .track.hover .title,
			#echospinOrdersDownloads .tracks .track.hover .length {
				color:#567c67 !important;
			}
			#echospinOrdersDownloads .tracks .track .length {
				width:60px; height:17px;
				margin-right:16px;
				text-align:right;
				float:left;
			}
			#echospinOrdersDownloads .tracks .track .type {
				width:42px; height:17px;
				background:url(../../images/add_mp3_sm.png) 0 0 no-repeat;
				float:left;
			}
			#echospinOrdersDownloads .tracks .track.locked .type {
				background-image:none;
			}