@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - Jeremih DISCOGRAPHY SINGLE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		j_discography_single.css
	Date:			May 26, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	alternate Background Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
	body {
		background:#f2f6f0 url(../../images/bg_bodyChair.jpg) center 40px no-repeat;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Nav Active State Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#header ul li.discography a {
		background-position:-672px bottom;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	ContentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#contentSpace {
		margin:50px 0 65px 0;
	}
	#mainCol {
		padding:0;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	Top Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#topContent {
		margin:45px 0 65px 0;
		background:url(../../images/bg_topContent.png) 335px 0 repeat-y;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	mainCol Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
	#mainCol h2 {
		margin:0 0 35px 0;
		width:183px; height:31px;
		background:url(../../images/h2_disco.png) 0 0 no-repeat;
		float:left;
	}
	#mainCol a.btn_back {
		margin:0 20px 0 0;
		width:165px; height:20px;
		background:url(../../images/btn_backToDisco.png) 0 0 no-repeat;
		display:inline-block;
		float:right;
	}
		#mainCol a.btn_back:hover {
			background-position:0 -20px;
		}	
		#mainCol .album {
			padding:0 30px 0 0;
			float:left;
			display:inline;
		}
			#mainCol .album .title {
				margin:15px 0 20px 0;
				width:250px;
				display:block;
				font:italic 16px Arial, Helvetica, sans-serif;
			}
			#mainCol .album .coverHolder {
				padding:11px 0 0 33px;
				width:211px; height:213px;
				background:url(../../images/bg_coverHolderBig.png) top center no-repeat;
			}
			#mainCol .btnHolder {
				margin:10px 0 0 0;
				width:230px;
			}
				#mainCol .btnHolder a.btn_Amazon {
					margin:0 15px 0 0;
					width:45px; height:34px;
					background:url(../../images/btn_amazonLarge.png) top center no-repeat;
					display:block;
					float:left;
				}
					#mainCol .btnHolder a.btn_Amazon:hover {
						background-position:bottom;
					}
				#mainCol .btnHolder a.btn_iTunes {
					margin:0 15px 0 0;
					width:38px; height:34px;
					background:url(../../images/btn_itunesLarge.png) top center no-repeat;
					display:block;
					float:left;
				}
					#mainCol .btnHolder a.btn_iTunes:hover {
						background-position:bottom;
					}
				#mainCol .btnHolder a.btn_mp3 {
					width:55px; height:27px;
					background:url(../../images/btn_mp3.png) top center no-repeat;
					display:block;
					float:left;
				}
			#mainCol .tracklist {
				float:left;
			}	
				#mainCol .tracklist a.btn_back {
					margin:0 0 0 145px;
					width:165px; height:20px;
					background:url(../../images/btn_backToDisco.png) 0 0 no-repeat;
					display:block;
				}
					#mainCol .tracklist a.btn_back:hover {
						background-position:0 -20px;
					}	
			#mainCol .songList {
				width:330px;
				margin:20px 0 35px 0;
			}
				
				#mainCol .songList .header {
					padding:6px 0 6px 15px;
					font:normal 12px Arial, Helvetica, sans-serif;
					color:#828282;
					clear:both;
					line-height:16px;
				}
					#mainCol .songList .header .titleSong {
						width:210px;
						display:block;
						float:left;
					}
					#mainCol .songList .header .titleBuy {
						display:block;
						float:left;
					}
				#mainCol .songList .track {
					width:318px;
					padding:10px 0 10px 12px; 
					clear:both;
				}
					#mainCol .songList .track .title {
						width:210px;
						padding:0 0 10px 0;
						font:normal 12px Verdana, Arial, Helvetica, sans-serif;
						color:#828282;
						float:left;
					}
						#mainCol .songList .track .title .song {
							color:#000;
							line-height:16px;
						}					
					#mainCol .songList .track .mp3 {
						width:36px; height:22px;
						margin:0 20px 0 0;
						background:url(../../images/btn_mp3_sm.png) 0 0 no-repeat;
						float:left;
						cursor:pointer;
					}
						#mainCol .songList .track .mp3 .add {
							
						}
					#mainCol .songList .echospinCartDisabled .mp3 {
						display:none;
					}
					#mainCol .songList .track .price {
						font:normal 10px Verdana, Arial, Helvetica, sans-serif;
						line-height:16px;
					}
				#mainCol .songList .echospinCartAdded {
					opacity:0.5;
					cursor:default;
				}
					#mainCol .songList .echospinCartAdded .title {
						cursor:default;	
					}
					#mainCol .songList .echospinCartAdded .mp3 {
						cursor:default;	
					}
					#mainCol .songList .echospinCartAdded .price {
						cursor:default;
					}
						
	#mainCol .hr {
		margin:30px 0 25px 6px;
		width:607px; height:1px;
		background:url(../../images/border_dash.png) repeat-x;
	}
		#mainCol .hr hr {
			display:none;
		}
		
		#mainCol .contentBox {
			padding:0 0 0 250px;
		}		
			#mainCol .contentBox .cartfullWrapper {
				width:360px;
			}
			#mainCol .contentBox .cartfullWrapper h2 {
				width:171px; height:24px;
				background:url(../../images/h3_shoppingCart.png) no-repeat;
			}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	echospinCart Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	.echospinCart {
		padding:0;
		width:607px;
		display: none;
		font-family:myriad pro;
	}
	.echospinCart .item {
		float: left;
		font-size: 14px;
		color: #000;
	}
	.echospinCart .item.header {
		font-weight: bold;
		width:607px;
		clear:both;
	}
	.echospinCart .item.header .title,
	.echospinCart .item.header .quantity,
	.echospinCart .item.header .price {
		height: 17px !important;
		padding-top: 33px !important;
		color: #828282 !important;
	}
	.echospinCart .item.subtotal {
		font-weight: normal;
		height: 24px;
		border-bottom: none;
	}
	.echospinCart .item.subtotal .title,
	.echospinCart .item.subtotal .price {
		height: 19px;
		padding-top: 5px;
		font:normal 12px Arial, Helvetica, sans-serif !important;
		color: #212121 !important;
	}
	.echospinCart .item.footer {
		font-weight: bold;
	}
	.echospinCart .item.footer .checkout {
		float: left;
		margin-top: 20px;
		width:99px;
		height:26px;
		margin-left: 500px;
		background:url(../../images/btn_checkout.png) no-repeat;
		display:inline;
	}
	.echospinCart .item.footer .checkout.empty {
		display: none;
	}
	.echospinCart .item.footer .checkout a {
		display: block;
		text-decoration: none;
		width:99px; height:26px;
	}
	.echospinCart .item.default {
		font-style: italic;
	}
	.echospinCart .item .type {
		float: left;
		width:0; height: 27px;
		margin-top: 6px;
	}
	.echospinCart .item .type.empty {
		display: none;
	}
	.echospinCart .item .type.typeCD {
		background: url(/shared/images/icon_cd_sm.gif) 9px 50% no-repeat;
	}
	.echospinCart .item .type.typeMP3s {
		background: url(/shared/images/icon_mp3s_sm.png) 0px 50% no-repeat;
	}
	.echospinCart .item .title {
		float: left;
		width: 490px;
		padding: 4px 0 4px 0;
	}
	.echospinCart .item .title.empty {
		padding-top: 6px;
		width: 490px;
		color: #000;
	}
	.echospinCart .item .title a {
		margin:0 0 0 4px;
		color: #000;
		text-decoration: none;
	}
	.echospinCart .item .title .artist {
		color:#000 !important;
		font-weight:normal;
	}
	.echospinCart .item .quantity {
		float: left;
		width: 40px;
		padding-top: 12px;
		text-align: center;
	}						
	.echospinCart .item .quantity select {
		font-size: 11px;
	}						
	.echospinCart .item .price {
		float: left;
		width: 50px;
		padding-top: 12px;
		text-align: right;
	}
	
	/*#header {
		clear: both;
		float: left;
		width: 412px;
		height: 25px;
		border-bottom: 1px solid #000;
	}*/
	
	#album {
		float: left;
		width: 150px;
		height: 170px;
		margin: 10px 0 0 5px;
		padding: 5px 0 0 142px;
		background: url(/shared/images/album_cover.jpg) top left no-repeat;
		font-family:myriad pro;
	}
	#album .artist {
		color:#741f15;
	  font-size:22px;
	  font-weight:bold;
	}
	#album .title {
	  font-size:18px;
	  font-weight:bold;
	  line-height:15px;
	}
	#album .details {
		font-size: 13px;
		margin-top: 12px;
		color: #ccc;
	}
	#album img {
		margin-top: 18px;
	}
	#album .items {
		float: left;
		width: 151px;
		margin-top: 10px;
	}
	#album .items .item {
		clear: both;
		float: left;
		margin: 10px 0 10px 0;
	}
	
	#album .items .item.echospinCartEnabled .add {
		cursor: pointer;
	}
	
	.album .items .item {
		padding:0 0 10px 0;
		height:27px;
		clear: both;
	}
	.album .items .item .add {
		width:55px; height:27px;
		background:url(../../images/btn_mp3.png) no-repeat;
		cursor:pointer;
		float:left;
	}
	.album .items .echospinCartAdded {
		opacity:0.5;
		cursor:default;
	}
	.album .items .item .price {
		margin:10px 0 0 10px;
		display:inline;
		float:left;
	}
	.cartfullWrapper {
	
	}
		.cartfullWrapper h2 {
			margin:0 !important;
			background:url(../../images/bg_shoppingCart.jpg) 0 0 no-repeat !important;
			text-indent:-5000px;
			float:none !important;
		}
	#album .items .item.typeCD.echospinCartEnabled .add,
	#album .items .item.typeCD.echospinCartDisabled .add,
	#album .items .item.typeCD.echospinCartAdded .add {
		background: url(/shared/images/btn_preordercd.gif) left center no-repeat;
	}
	
	#album .items .item.typeMP3s.echospinCartEnabled .add,
	#album .items .item.typeMP3s.echospinCartDisabled .add,
	#album .items .item.typeMP3s.echospinCartAdded .add {
		background: url(/shared/images/btn_ordermp3s.gif) left center no-repeat;
	}
	
	#album .items .item.echospinCartAdded,
	#album .items .item.echospinCartDisabled {
		cursor: default;
		filter:alpha(opacity=30); 
		-moz-opacity: 0.30; 
		opacity: 0.30;
	}
	#album .items .item.echospinCartDisabled .price {
		font-style: line-through;
	}
	#album .items .item .price {
		display: none;
		font-size: 15px;
		font-weight: bold;
		margin-top: -14px;
		width: 50px;
	}
	#album .items .item.echospinCartEnabled .price,
	#album .items .item.echospinCartDisabled .price,
	#album .items .item.echospinCartAdded .price {
		display: block;
	}
	
	.tracks {
		float: left;
		margin-top: 35px;
		font-family:myriad pro;
	}
	.tracks .track {
		float: left;
		font-size: 14px;
		color: #fff;
	}
	.tracks .track.typeMP3 .icon {
		float: left;
		width: 20px;
		height: 17px;
		margin-top: 7px;
		background: url(/shared/images/icon_audio_sm.gif) 50% 50% no-repeat;
	}
	.tracks .track .tracknumber {
		float: left;
		width: 32px;
		height: 18px;
		padding-top: 6px;
		text-align: center;
	}
	.tracks .track .title {
		float: left;
		color: #fff;
		width: 230px;
		height: 18px;
		padding-top: 6px;
	}
	.tracks .track.typeMP4 .title {
		margin-left: 52px;
		font-style: italic;
	}
	.tracks .track .length {
		float: left;
		width: 70px;
		height: 18px;
		padding-top: 6px;
		text-align: right;
	}
	.tracks .track.typeMP4 .length {
		font-style: italic;
	}
	.tracks .track.echospinCartAdded {
		filter:alpha(opacity=60); 
		-moz-opacity: 0.60; 
		opacity: 0.60;
	}
	.tracks .track.echospinCartAdded .add {
		float: left;
		width: 60px;
		height: 17px;
		margin-top: 7px;
		filter:alpha(opacity=30); 
		-moz-opacity: 0.30; 
		opacity: 0.30;
	}
	.tracks .track.typeMP3.echospinCartAdded .add {
		background: url(/shared/images/icon_mp3_sm_add.gif) right center no-repeat;
	}
	.tracks .track.typeMP4.echospinCartAdded .add {
		background: url(/shared/images/icon_mp4_sm_add.gif) right center no-repeat;
	}
	.tracks .track.header {
		background-color:#741f15;
		color:#fff;
		font-size:16px;
		font-weight:bold;
	}
	.tracks .track.header .tracknumber,
	.tracks .track.header .title,
	.tracks .track.header .length {
		padding: 3px 0 3px 0;
	}
	.tracks .track.header .tracknumber {
		margin-left: 20px;
	}
	.tracks .track.header .length {
		padding-right: 60px;
	}