@charset "utf-8";
/* CSS Document */

/* =============================================== GENERAL === */
* {
	behavior: url(images/iepngfix.htc);
}
img {
	behavior: url(images/iepngfix.htc);
	border:none;
}
html {
	background:url(images/bg.gif) repeat-x #c0935c;
}
body {
	background:url(images/leg_bg.jpg) no-repeat;
	height:861px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	margin:0;
	padding:0;
}
h4, p, ul, li {
	margin:0;
	padding:0;
}
p {
	margin:0 0 1em 0;
}
a:visited {text-decoration: none}

.clr {
	clear:both;
}
.logo {
	background:url(images/logo.png) no-repeat;
	width:343px;
	height:29px;
	text-indent:-5000px;
	float:left;
	margin-top: 13px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.memberpanel {
	float:right;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: right;
	width: 220px;
}
.memberpanel a:link, .memberpanel a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
.memberpanel a:hover, .memberpanel a:active {
	color: #FFFFFF;
	text-decoration: underline;
}
.welcome {
	margin:10px 0 0 8px;
}
.photo {
	padding: 0px;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 7px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
}
.photo2 {
	margin:0 0 0 7px;
}
.featured {
	display: block;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 8px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-right: 270px;
	padding-top: 25px;
	padding-left: 0px;
}
.featured2 {
	margin:3px 0 0 0;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-right: 275px;
	display: block;
}
.albums {
	margin:0 5px 0 0;
}
.albums2 {
	float:left;
	clear: left;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
.albums3 {
	margin:0 15px 10px 0;
}
.buy_now {
	margin:3px 0 11px 0;
}
.buy_now2 {
	background:url(images/buy_now_btn2.png) no-repeat;
	width:82px;
	height:20px;
	text-indent:-5000px;
	display:block;
	position:absolute;
	right:10px;
	top:118px;
}
.buy_now3 {
	background:url(images/buy_now_btn3.gif) no-repeat;
	width:49px;
	height:12px;
	text-indent:-5000px;
	display:block;
}
.buy_now3:hover {
	background:url(images/buy_now_btn3_hover.gif) no-repeat;
}
.buy_now4 {
	margin:28px 0 0 0;
}
.pink {
	color:#ec479b;
}
.monthly_track {
	margin:0 0 0 2px;
}
.buy_save {
	background:url(images/buy_save_btn.png) no-repeat;
	position:absolute;
	top:15px;
	right:-10px;
	width:83px;
	height:86px;
	text-indent:-5000px;
}
.cents {
	position:absolute;
	top:115px;
	left:60px;
}
.submit {
	position:absolute;
	top:1px;
	left:170px;
}
.listening {
	margin:1px 0 10px 2px;
}
.preview_title {
	margin:0;
	width: 115px;
}
.listen-li {
	margin:0;
	width: 70px;
}
.listen_btn {
	background:url(images/listen.gif) no-repeat;
	width:50px;
	height:12px;
	text-indent:-5000px;
	display:block;
	padding-right: 13px;
}
.listen_btn:hover {
	background:url(images/listen_hover.gif) no-repeat;
}
.ftrack1 {
	position:absolute;
	top:0;
	left:150px;
}
.ftrack2 {
	position:absolute;
	top:0;
	right:20px;
}
#container {
	width:673px;
	float: left;
	padding-left: 325px;
	margin: 0;
}
#cart_container {
	width:670px;
	margin:0;
	padding-left: 325px;
}
/* ============================================================================== NAVIGATION === */

#nav_holder {
	margin:2px 0 0 5px;
}
#cnav_holder {
	position:absolute;
	top:2px;
	left:5px;
}
.nav1 {
	background:url(images/buy_ballet_btn.gif) no-repeat;
	width:168px;
	height:19px;
	text-indent:-5000px;
	float:left;
	display:block;
}
.nav1:hover {
	background:url(images/buy_ballet_hover.gif) no-repeat;
}
.nav2 {
	background:url(images/new_btn.gif) no-repeat;
	width:75px;
	height:19px;
	margin:0 0 0 3px;
	text-indent:-5000px;
	float:left;
	display:block;
}
.nav2:hover {
	background:url(images/new_hover.gif) no-repeat;
}
.nav3 {
	background:url(images/about_btn.gif) no-repeat;
	width:69px;
	height:19px;
	margin:0 0 0 3px;
	text-indent:-5000px;
	float:left;
	display:block;
}
.nav3:hover {
	background:url(images/about_hover.gif) no-repeat;
}
.nav4 {
	background:url(images/contact_btn.gif) no-repeat;
	width:79px;
	height:19px;
	margin:0 0 0 1px;
	text-indent:-5000px;
	float:left;
	display:block;
}
.nav4:hover {
	background:url(images/contact_hover.gif) no-repeat;
}
/* =============================================================================== LEFT CONTENT BLOCK === */

#main_content {
	width:408px;
	float:left;
	background-color: #FFFFFF;
	background-image: url(images/main_content.gif);
	background-repeat: no-repeat;
	min-height:650px;
	height:auto !important;
	height:650px;
	margin-top: 22px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
}
#main_cart {
	background:#fff url(images/main_cartcontent.gif) no-repeat;
	position:relative;
	width:630px;
	min-height:610px;
	height:auto !important;
	height:610px;
	margin:32px 0 0 0;
	padding:30px 20px 10px 20px;
	float:left;
}
#cartinfo {
	color:#323232;
	width:650px;
	margin:30px 0 0 10px;
}
#intro {
	color:#323232;
	width:392px;
	margin:10px 0 0 10px;
}

/* ================================================================================ TOP RIGHT MONTHLY TRACKS === */

#monthly_track {
	background:url(images/monthly_track.gif) no-repeat;
	width:259px;
	height:151px;
	margin:22px 0 0 0;
	float:right;
	position:relative;
}
#single_track {
	width:165px;
}
.albumsTwo {
	margin: 0px;
	padding: 0px;
	position:absolute;
	top: 25px;
	left: 8px;
}
#single_track ul {
	padding: 0px;
	margin: 0px;
	position:absolute;
	top: 25px;
	left: 85px;
}
#single_track li {
	list-style-type:none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
/* ==================================================================================== SEARCH BAR === */

#search_bar {
	background:url(images/search_bar.gif) no-repeat;
	width:259px;
	height:53px;
	margin:5px 0 0 0;
	float:right;
	position:relative;
}
#search_bar form {
	position:absolute;
	top:15px;
	left:20px;
}
/* ================================================================================ LISTENING STATION === */

#listening_station {
	width:259px;
	height:80px;
	float:right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	background-image: url(images/listening_station.gif);
	background-repeat: no-repeat;
}
#intro2 {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 2px;
	padding-bottom: 5px;
}
#intro2 p {
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
	font-size: 11px;
	line-height: 16px;
	margin: 0px;
}
/* ================================================================================ PREVIEW TRACKS === */

#preview {
	background:#f1e5e9;
	width:257px;
	height:363px;
	border-right:2px solid #572118;
	border-top:2px solid #c092a1;
	float:right;
	clear: right;
}
#preview ul {
	border-bottom:2px solid #fff;
	float: left;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 5px;
	width:252px;
}
#preview ul:hover {
	background:#3e1019;
	color:#fff;
}
#preview li {
	float: left;
	list-style-type: none;
}
/* ================================================================================ FOOTER === */

#footer {
	color:#fff;
	float:left;
	width:550px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer p {
	float:left;
	margin:0 0 0 0;
}
#footer ul {
	float:left;
}
#footer li {
	display:inline;
	padding:0 0 0 3px;
}
#footer a:link, a:visited, a:active {
	text-decoration:none;
	color:#fff;
}
#footer a:hover {
	text-decoration:underline;
}
/* ==================================================================================== SECONDARY PAGES === */

#main_content2 {
	background:url(images/main_content.gif) no-repeat;
	width:409px;
	height:650px;
	margin:22px 0 0 0;
	float:left;
}
#intro3 {
	color:#323232;
	width:392px;
	margin:10px 0 0 7px;
}
#intro3 p {
	margin:0 0 5px 0;
}
#intro3 li {
	list-style-type:none;
	margin:0 0 5px 0;
}
#description {
	margin:0 0 0 7px;
}
#description ul {
	margin:10px 0 0 0;
}
#description li {
	list-style-type:none;
	margin:0 70px 10px 0;
}
#description p {
	margin:0 0 5px 0;
}
#featured_tracks {
	margin:10px 0 0 7px;
}
#ftracks {
	margin:20px 0 0 10px;
	position:relative;
}
#ftracks li {
	list-style-type:none;
	padding:0 0 3px 0;
}
#left {
	float:left;
	width: 195px;	
}
#right {
	float:right;
	width: 195px;	
}
/* Home Page Tracks */

#tracks {
	width:392px;
	float: left;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 8px;
}
#tracks h4 {
	color:#ec479b;
	clear: both;
	float: left;
	width:392px;
	font-size: 12px;
	line-height: 18px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.item {
	width:190px;
	float:left;
	padding:10px 0 0 0;
}
.item .image {
	width:70px;
	float:left;
	margin:0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.image .albums {
	clear: left;
	float: left;
}
.image .buy_now {
}
.item .info {
	width:110px;
	float:left;
	margin:0px;
	padding: 0px;
}
.item .info ul {
	float:left;
}
.item .info li {
	list-style-type:none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
/* ============================================== */

#right_tracks {
	width:160px;
	float:right;
	margin:10px 0 0 0;
}
#right_tracks ul {
	float:right;
}
#right_tracks li {
	list-style-type:none;
	margin:0 0 3px 0;
}
/* ============================================== */

#left_albums {
	float:left;
	width:160px;
	margin:10px 0 0 0;
}
#left_albums ul {
	float:left;
	margin:0 0 0 3px;
}
#left_albums li {
	margin:0 0 3px 0;
	list-style-type:none;
}
/* ============================================== */

#right_albums {
	float:right;
	width:160px;
	margin:10px 0 0 0;
}
#right_albums ul {
	float:left;
	margin:0 0 0 3px;
}
#right_albums li {
	list-style-type:none;
	margin:0 0 3px 0;
}
/* ============================================== */
.allan{
margin: 0 5px 5px 0;
}

.td-audio-player {
	background-image: url(images/listen.gif);
	background-repeat: no-repeat;
	width:12px;
	height:12px;
	color: #3E1019;
	background-color: #3E1019;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 50px;
}
.onebit_mp3 {
	display: block;
	padding: 0px;
	height: 12px;
	width: 12px;
	margin: 0px;
	position: relative;
}
.onebit_mp3 a {
	text-decoration: none;
	font-size: 10px;
	line-height: 12px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	display:none;
}
.onebit_mp3 embed {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 12px;
	width: 12px;
}

/* Contact Form */

#js-form {
	clear: left;
	float: left;
	width: 390px;
}

#js-form label {
	font-weight: bold;
	text-align: right;
	float: left;
	width: 90px;
	padding-right: 10px;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 10px;
	color: #EC479B;
}

#js-form .textual {
	float: left;
	border: solid 1px #CCCCCC;
	width: 220px;
	height: 18px;
	font-size: 12px;
	line-height: 12px;
	display: block;
	background-color: #FFFFFF !important;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#js-form .funbox {
	float: left;
	border: solid 1px #CCCCCC;
	width: 220px;
	height: 60px;
	font-size: 12px;
	line-height: 12px;
	display: block;
	background-color: #FFFFFF !important;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#js-form .error {
	font-weight: bold;
	color: #FF0000;
	clear: both;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 100px;
}
#js-form br {
	clear: both;
}
.tableHeading {
	color: #FFFFFF;
}
h1 {
	font-size: 16px;
	line-height: 24px;
}
h4 {
	font-size: 12px;
	line-height: 18px;
}
h4 a:link, h4 a:visited {
	color: #EC479B;
	text-decoration: none;
}
h4 a:hover, h4 a:active {
	color: #EC479B;
	text-decoration: underline;
}
a:visited{
	text-decoration:none;
	color: #6A009F;
}