html, body {
	margin: 0;
	padding: 0;
	background-color: #000;

}

div#content {
	width: 300px;
	height: 500px;
	overflow: hidden;
	*padding-top: 4px;

}

/* Tracklist styles */

div.itemContainer {
	width: 272px;
	height: 46px;
	overflow: hidden;
	margin: -1px 14px 0 14px;
	position: relative;
}

div.itemBox {
	width: 272px;
	height: 46px;
	overflow: hidden;
	background: url(../pix/box_white_bg_normal.png) 0 0 no-repeat;
	z-index: 1;
	font: 11px Arial;
	color: #000;
	position: absolute;
	top: 0;
}
div.itemBoxEmpty {
	width: 272px;
	height: 46px;
	overflow: hidden;
	/*background: url(../pix/box_gray_bg.png) 0 0 no-repeat;*/
	z-index: 1;
	font: 11px Arial;
	color: #000;
	position: absolute;
	top: 0;
}
div.itemBox div.coverArt {
	width:34px;
	height:35px;
	padding: 0;
	position: relative;
	top: 6px;
	left: 8px;
}

div.itemBox div.coverArt .coverArtMask {
	position: absolute;
	top: 0;
	left: 0;
	width:34px;
	height:35px;
	background: url(../pix/album_cover_mask_white.png) 0 0 no-repeat;
	z-index: 3;
}
div.itemBox div.coverArt img {
	z-index: 2;
	position: absolute;
	top: 2px;
	left: 2px;
	width:31px;
	height:31px;
}

div.itemBox .trackTitle {
	position: absolute;
	top: 8px;
	left: 47px;
	font-weight: bold;
}
div.itemBox .trackArtist {
	position: absolute;
	top: 24px;
	left: 47px;
}
div.itemBox .previewButton {
	position: absolute;
	top: 14px;
	left: 221px;
}
div.itemBox .buyButton {
	position: absolute;
	top: 14px;
	left: 244px;
}
div.itemBox .albumButton {
	position: absolute;
	top: 14px;
	left: 198px;
}


div.itemBoxPreview {
	width: 272px;
	height: 46px;
	overflow: hidden;
	background: url(../pix/box_white_bg_preview.png) 0 0 no-repeat;
	z-index: 1;
	font: 11px Arial;
	color: #6a6e3a;
	position: absolute;
	top: 0;
}

div.itemBoxPreview .trackTitle {
	position: absolute;
	top: 8px;
	left: 16px;
	font-weight: bold;
}
div.itemBoxPreview .trackArtist {
	position: absolute;
	top: 24px;
	left: 16px;
}
div.itemBoxPreview .previewButton {
	position: absolute;
	top: 14px;
	left: 221px;
}
div.itemBoxPreview .buyButton {
	position: absolute;
	top: 14px;
	left: 244px;
}

/* Main splash areas */
div.splash_header {font: 12px arial; padding: 10px; color: #000;}
div#big_splash {position: absolute; left: 0px; top: 0px;}
div.splash_container {width: 300px; height: 500px; background: #fff url(../pix/splashbox_frank_bg.png) 0 0 no-repeat;}
div#kim_splash.splash_container {background: #fff url(../pix/splashbox_frank_right_bg.png) 0 0 no-repeat;}

/* CHECKOUT */
div#checkout_background {
	position: absolute;
	top: 0;
	left: -300px;
	z-index: 10;
	width: 300px;
	height: 500px;
	background-color: #000;
	opacity:0;
}

div#checkout {
	position: absolute;
	top: 0;
	left: -250px;
	width: 210px;
	height: 320px;
	*height: 360px;
	color: #777;
	font: 11px Arial;
	z-index: 12;
	padding: 20px;
	opacity: 0;
	background: transparent url(../pix/checkout_bg.png) 0 0 no-repeat;
}

div#checkout_header {
	font-size: 14px;
	width: 210px;
	color: #b5b881;
	border-bottom: 1px dotted #cdcdcd;
	margin-bottom: 8px;
	padding-bottom: 3px;
}

div#checkout_products {
	width: 210px;
	border-bottom: 1px dotted #cdcdcd;
	margin-bottom: 8px;
	padding-bottom: 8px;
	color: #777;
}
div#checkout_payment_method {border-bottom: 1px dotted #cdcdcd; padding-bottom: 8px; *width: 210px;}
div#checkout_payment_method span.price {float: right; margin-top: 0; *margin-top: -14px;}
div#checkout_payment_method label {position: relative; top: -3px; }
div#checkout_payment_form {margin-top: 8px; *width: 210px;}
div#checkout_payment_form div.payment_field {
	margin: 8px 0 0 6px;
}

div#checkout_payment_form div.payment_field input {
	border: 1px solid lightgray;
}

div#checkout_payment_form a.payment_bt {
	float: right;
}
div#checkout div#inprodicon {
	position: absolute;
	left: 20px;
	bottom: 15px;
	background: transparent url(../pix/inprodicon.gif) 0 0 no-repeat;
	width: 100px;
	height: 17px;	
}

div#checkout_close {
	position: absolute;
	left: 185px;
	top: 20px;
}


div.trackTitle, div.trackArtist {
	cursor: default;
}