@charset "utf-8";
/*	-------------------------------------------------------------
	CSS - MAIN : 	Def Jam 25 Store Website
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Filename:		dj_main.css
	Date:			Sept 08, 2009
	Author:			Halo Media LLC - http://www.halopowered.com/
	-------------------------------------------------------------	*/
	
	
/*	--------------------------------------------------------------------------------------------------------------------------
	body/global/reset Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin:0; padding:0;
		border:0;
		outline:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
	}
	body {
		background:#000;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#999;
		line-height:1;
	}
	ol, ul {
		list-style:none;
	}
	blockquote, q {
		quotes:none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content:'';
		content:none;
	}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	.altText {
		width:0; height:0;
		display:block;
		overflow:hidden;
	}
	.cleaner {
		border:none;
		margin:0; padding:0;
		height:0px;
		background:transparent;
		overflow:hidden;
		font-size:1px;
		clear:both;
	}
	.clearfix:after {
		content: ".";
		height:0;
		display: block;
		clear:both;
		visibility:hidden;
		line-height:0;
	}
	.clearfix {
		display:inline-block;
	}	
	html[xmlns] .clearfix {
		display:block;
	}
	* html .clearfix {
		height:1%;
	}
	#main {
		background:url(../../images/bg_header.jpg) center top no-repeat;
	}
	a:link, a:active, a:visited {
		text-decoration:none;
		color:#3174c0;
	}
		a:hover {
			color:#195284;
		}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.contentSpace Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.content {
		width:960px;
		margin:0 auto;
	}						
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.ui-tabs Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/							
	.ui-tabs .ui-tabs-hide {
		 display: none;
	}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#trackList Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	#trackList {
		border:solid 1px #0b2d4a;
		width:870px;
		margin:10px auto 30px auto; padding:20px;
	}
		#trackList .text {
			font:normal 9px Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#trackList h3 {
			width:282px; height:11px;
			margin:2px 0 28px 0;
		}
			#trackList #h3_vinyl {
				background:url(../../images/h4_gatefoldVinyl.png) no-repeat;
			}
			#trackList #h3_boxSet {
				background:url(../../images/h4_boxSet.png) no-repeat;
			}
		#trackList .vinyl {
			width:315px;
			float:left;
		}
		#trackList .boxSet {
			border-left:solid 1px #0b2d4a;
			width:530px;
			padding:0 0 20px 20px;
			float:right;
		}
			#trackList .boxSet .disc {
				width:220px;
				margin:0 40px 0 0;
				display:inline;
				float:left;
			}
		#trackList h4 {
			margin:0 0 9px 0;
			font:bold 11px Arial, Helvetica, sans-serif;
		}
			#trackList ul {
				padding:0 0 28px 0;
				font:normal 9px Arial, Helvetica, sans-serif;
				line-height:12px;
			}
		
/*	--------------------------------------------------------------------------------------------------------------------------
	.shopWrapper Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.shopWrapper {
		width:100%;
		background:#091928;
	}
		.shopWrapper .content {
			width:960px;
			margin:0 auto; padding:0;
		}
		.shopWrapper .shopminiWrapper {
			width:325px; height:41px;
			margin:0; padding:6px 8px 0 46px;
			background:url(../../images/icon_chart.jpg) 0 6px no-repeat;
			float:right;
		}
		.shopWrapper img.logo {
			width:94px; height:15px;
			margin:20px 0 0 334px;
			display:inline-block;
			float:left;
		}
			
/*	--------------------------------------------------------------------------------------------------------------------------
	.shopminiWrapper Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	.shopminiWrapper {
		width:317px; height:43px;
		margin:0 0 0 566px; padding:11px 11px 0 49px;
		background:url(../../images/bg_shopminiWrapper.png) no-repeat;
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#fff;
	}
	.shopmini {
		height:47px;
	}
		.shopminiWrapper span {
			margin:10px 0 0 0;
			display:block;
			float:left;
		}
		.shopminiWrapper .cart {
			margin:10px 10px 0 0;
		}
		.shopminiWrapper .echospinCartItemCount {
			margin:10px 6px 0 0;
		}
		.shopminiWrapper .echospinCartSubtotal {
			margin:10px 0 0 8px;
		}
		.shopminiWrapper a.btn_checkout {
			width:125px; height:33px;
			background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
			display:block;
			float:right;
			cursor: pointer;
		}
			.shopminiWrapper a.btn_checkout:hover {
				background-position:0 -33px;
			}

		.shopminiWrapper a.btn_checkout.inactive,
		.shopminiWrapper a.btn_checkout.inactive:hover {
			filter:alpha(opacity=30); 
			-moz-opacity: 0.30; 
			opacity: 0.30;
			cursor: default;
			background-position: 0 0 !important;
		}

		.shopmini ul {
			width:529px;
			background:url(../../images/bg_divider.gif) 368px 0 no-repeat;
			color:#fff;
		}
			.shopmini ul li.shopminiorderstatus {
				width:134px; height:33px;
				margin:6px 36px 0 0;
				float:right;
			}
				.shopmini ul li.shopminiorderstatus a {
					width:134px; height:33px;
					background:url(../../images/btn_orderStatus.png) 0 0 no-repeat;
					text-indent:-3000px;
					outline:none;
					display:block;
				}
					.shopmini ul li.shopminiorderstatus a:hover {
						background-position:0 -33px;
					}
			.shopmini ul li.shopminicheckout {
				width:134px; height:33px;
				margin:6px 8px 0 0;
				float:right;
			}
				.shopmini ul li.shopminicheckout a {
					width:134px; height:33px;
					background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
					text-indent:-3000px;
					outline:none;
					display:block;
				}
					.shopmini ul li.shopminicheckout a:hover {
						background-position:0 -33px;
					}
			.shopmini ul li.shopminicart {
				height:22px;
				padding:20px 0 0 48px;
				background:url(../../images/icon_cart.png) 6px 7px no-repeat;
				float:left;
			}
				.shopmini ul li.shopminicart .echospinCartSubtotal {
					
				}
				
					/*	cart	*/
					.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart {
						width:317px;
					}
							
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item {
							border-top:solid 1px #908b8b;
							width:317px; height:30px;
							background:#c5c5c5;
							font:bold 11px Arial, Helvetica, sans-serif;
							color:#fff;
						}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .footer {
							height:44px;
						}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .type {
								display:none;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .title {
								width:188px;
								padding:0 0 0 5px;
								font:bold 9px Arial, Helvetica, sans-serif;
								line-height:9px;
								display:block;
								float:left;
							}
								.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .title a .artist {
									display:none;
								}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .title.empty {
								padding:5px 0 0 12px;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .quantity {
								width:47px;
								padding:2px 0 0 0;
								text-align:center;
								line-height:26px;
								display:block;
								float:left;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .item .price {
								width:60px;
								padding:0 7px 0 0;
								text-align:right;
								line-height:26px;
								display:block;
								float:left;
							}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header {
							width:317px; height:25px !important;
							background:#ffa5f1 !important;
							font:normal 11px Arial, Helvetica, sans-serif;
							line-height:25px;
							color:#fff;
						}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .type {
								display:none;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .title {
								width:177px;
								font:normal 11px Arial, Helvetica, sans-serif;
								line-height:25px;
								display:block;
								float:left;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .title.empty {
								padding:0 0 0 12px !important;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .quantity {
								width:47px;
								text-indent:10px;
								font:normal 11px Arial, Helvetica, sans-serif;
								line-height:25px;
								display:block;
								float:left;
							}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .header .price {
								width:60px;
								padding:0 7px 0 0;
								text-align:right;
								display:block;
								float:left;
							}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .subtotal .title {
							font:normal 11px Arial, Helvetica, sans-serif !important;
							line-height:25px !important;
						}
						.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .footer .checkout a {
							width:134px; height:33px;
							margin:5px 5px 0 0;
							background:url(../../images/btn_checkOut.png) 0 0 no-repeat;
							display:block;
							text-indent:-3000px;
							outline:none;
							float:right;
						}
							.shopmini ul li.shopminicart .cartminiWrapper .bottom .mid .echospinCart .footer .checkout a:hover {
								background-position:0 -33px;
							}
				
		.shopmini .cartminiWrapper {
			left:50%; top:46px;
			width:317px;
			position:absolute;
			z-index:10;
		}
			.shopmini .cartminiWrapper #subtotal {
				border-top:solid 1px #000;
				width:317px; height:52px;
				background:#c5c5c5;
				font:normal 11px Arial, Helvetica, sans-serif;
				line-height:25px;
				color:#fff;
			}
				.shopmini .cartminiWrapper #subtotal .text {
					width:240px;
					text-indent:7px;
					display:block;
					float:left;
				}
				.shopmini .cartminiWrapper #subtotal .price {
					width:60px;
					padding:0 7px 0 0;
					text-align:right;
					display:block;
					float:left;
				}
	
/*	--------------------------------------------------------------------------------------------------------------------------
	#footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

	#footer {
		width:100%; height:49px;
		padding:15px 0 0 0;
	}
		#footer .content {
			width:960px;
			padding:0;
			font:normal 11px Arial, Helvetica, sans-serif;
			color:#fff;
		}
		#footer .content a.logo {
			display:inline-block;
			float:left;
		}
		#footer .content .copy {
			margin:11px 0 0 18px;
			display:block;
			float:left;
		}
		#footer .content .copy_e {
			margin:11px 0 0 204px;
			display:block;
			float:left;
		}
		#footer .content img.echo {
			margin:12px 0 0 0;
			display:block;
			float:right;
		}