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

body {
margin: 0 auto;
padding: 0px;
background-color:#052027;
color:#FFF;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;

}
/* everything holds everything and stops side bars going off the page etc*/
#everything{
	background-color:#000;
	margin: 0 auto;
	
	}

a {	color:#fff;
	text-decoration:none;}
#wrapper{
	margin:0 auto;
	text-align:left;
	width:997px;
	background-image:url(../images/content_back.gif);
	background-repeat:no-repeat;
	background-color:#000;
	
	margin-top:10px;


	

}
#headerTop{
	background-image:url(../images/header-top.gif);
	width:985px;
	height:25px;
	display:block;
	padding-left:8px;
	line-height:25px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #006a6b;
	color:#999;
}
#header{
	background-image:url(../images/header.gif);
	width:993px;
	height:184px;
}

#logo{
	/* Will need this for logo click through*/
	}
#logo a{
	display:block;
	width:400px;
	height:130px;
	}	
#contentHolder{
	width:100%;
	background-color:#000;

	background-image:url(../images/content_back.gif);
	background-repeat:no-repeat;
}	
#content{
	width:594px;
	min-height:500px;
	float:left;
	margin-left:10px;
	margin-right:10px;
	}
#content h2{
	font-size:14px;
	}	


.navLeft{
	
	width:172px;
	min-height:400px;
	background-color:#000;
	float:left;
	margin-right:5px;}
.navRight{
	
	width:172px;
	min-height:400px;
	background-color:#000;
	float:left;
	margin-left:30px;}
	
	.navLeft h3, .navRight h3{
	height:30px;
	background-image:url(../images/side_header.gif);
	background-repeat:no-repeat;
	font-size:13px;
	color:#000;
	margin:0;
	line-height:30px;
	padding-left:18px;
	width:173px;
	margin-top:10px;
	}	
#shoppingCart h3{
	height:30px;
	background-image:url(../images/side_header_alt.gif);
	background-repeat:no-repeat;
	font-size:13px;
	color:#000;
	margin:0;
	line-height:30px;
	padding-left:18px;
	width:173px;
	margin-top:10px;
}
#downloads h3{
	height:30px;
	background-image: url(../images/side_header_alt2.gif);;
	background-repeat:no-repeat;
	font-size:13px;
	color:#000;
	margin:0;
	line-height:30px;
	padding-left:18px;
	width:173px;
	margin-top:10px;
}

.navBarContainer{
	padding:2px;
	margin-right:-1px;
	padding-top:5px;
	border-left: 1px solid #275c7f;
	border-right: 1px solid #275c7f;
	border-bottom: 1px solid #275c7f;
	margin-bottom:8px;
	background-image: url(../images/black-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	}	
	
.navBarContainerAds{
	padding:2px;
	margin-right:-1px;
	padding-top:5px;
	border-left: 1px solid #275c7f;
	border-right: 1px solid #275c7f;
	border-bottom: 1px solid #275c7f;
	
	background-image: url(../images/black-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;	
	}		

.navBarContainerAlt{
	padding:2px;
	margin-right:-1px;
	padding-top:5px;
	border-left: 1px solid #4f7f27;
	border-right: 1px solid #4f7f27;
	border-bottom: 1px solid #4f7f27;
	margin-bottom:8px;
	background-image: url(../images/black-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:10px;
	padding-right:5px;
	}	

.navBarContainerAlt2{
	padding:2px;
	margin-right:-1px;
	padding-top:5px;
	border-left: 1px solid #805425;
	border-right: 1px solid #805425;
	border-bottom: 1px solid #805425;
	margin-bottom:8px;
	background-image: url(../images/black-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:10px;
	padding-right:5px;
	}	


.navBarContainer a{
	padding-left:15px;
	line-height:16px;
	display: inline-block;
	width:169px;
	height:16px;
	margin-bottom:4px;
}
.navBarContainerAlt a{
	color:#a3fb50;
	
}
.navBarContainerAlt2 a{
	color:#fea24c;
	text-decoration:underline;
	
}

.navBarContainer a:hover{
	background-image: url(../images/side_selected.gif);
	background-repeat:no-repeat;
}
.navBarContainer select{
	width:165px;
}

.newsBox{
	margin-bottom:20px;
	width:620px;
	background-color:#1c87b9;
	padding-bottom:10px;
	clear:both;
	background-image:url(../images/news-bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-top:10px;
	min-height:200px;
	

}
.newsBox a{
	color:#FFF;

	}



	.newsBox h1,h2{
		background-image: url(../images/middle_header_primary.gif);
		width:605px;
		height:30px;
		line-height:26px;
		margin:0;
		padding:0;
		font-size:14px;
		color:#1a4a6a;
		text-align:left;
		padding-left:15px;

		
		
		}
		
.newsImage{
	float:left;
	padding:8px;
	padding-top:0;
	margin-top:15px;
	height:150px;
	}	
	
.trackImage{
	float:left;
	padding:8px;
	padding-top:0;
	margin-top:5px;
	height:150px;
	}	
	
.newsContent{padding-left:5px; }	

#newProducts{
	min-height:218px;
	margin-bottom:25px;
	}
#related{
	min-height:218px;
	margin-top:105px;
	}	
.unavailable{
	color: #900;
	font-size:9px;
	}
.available{
	color:#0F3;
	font-size:9px;
	}	
	

.tableAlt tr,.tableAlt td{
	background-color:#1c87b9;
}
		
.productsTable {
	background-color:#145a78;
	width:620px;

	margin-left:-5px;
	padding:0;
	font-size:11px;
	margin-bottom:15px;
	font-size:12px;
	vertical-align:top;
	}	
		
.productsTable a:hover{
	text-decoration:underline;
}
	
	
.productsTable img{
	padding-left:10px;
	padding-right:8px;
	padding-top:15px;
	padding-right:5px;
}
.productsTable td a{
	text-decoration:underline;
	color: #F90;
}
	
	
.productsTable tr, .productsTable td{
	margin:0;
	padding:0;
	height:18px;
	
	
}

#leftBG{
	
	
	float:left;
	width:131px;
	padding-bottom:110px;
	margin-bottom:-100px;
}
#rightBG{
	
	
	float:left;
	width:131px;
	padding-bottom:110px;
	position: relative;
	z-index:-5;
	margin-bottom:-100px;
	
	}	

select, input{
	color:#0d7cb4;}
#searchDiv{
	width:812px;
	height:44px;
	background-color:#52a2c8;
	background-image:url(../images/search.gif);
	background-repeat:no-repeat;
	border: 1px solid #1c87b9;
	margin-bottom:5px;
	margin-top:5px;
	padding-left:180px;
	line-height:44px;
}	
#searchDiv select,input {
	


}
#searchButton{
	float:left;
	display:inline;
	width:50px;
	height:44px;
	position: absolute;
	
	}
#footer{
	width:993px;
	height:100px;
	background-color:#114c66;
	position: relative;
	clear:both;
	margin:0 auto;
	background-image:url(../images/footer-bg.jpg);
	background-repeat:repeat-x;

	}	
#footer a{
	text-decoration:underline
}
#footer a:hover{
	color:#000;
}
#footerBox1{
	padding:15px;
	padding-top:20px;
	float:left;
	line-height:20px;
	margin-right:45px;
	}
#footerBox2{
	padding:15px;
	float:left;
	line-height:18px;
	margin-right:55px;
	}	
#footerBox3{
	padding:15px;
	float:left;
	line-height:18px;
	margin-right:55px;
	}		
#footerBox4{
	padding:15px;
	float:left;
	line-height:18px;
	}
	
#musicPlayer{
	border: 1px solid #FFF;
	width:230px;
	float:left;
	padding:15px;
	padding-top:0;
	margin-top:-10px;

	background-repeat:repeat-x;
	}	
#musicPlayer h3{
	background-color:#FFF;
	display:inline-block;
	width:245px;
	color:#1c87b9;
	margin-left:-15px;
	height:25px;
	line-height:25px;
	padding-left:15px;
	font-style:oblique;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1976a0;
	border-bottom-color: #1976a0;
}

#musicPlayer a{
	line-height:20px;
	color:#000;
	margin-top:-5px;
}
#musicPlayer a:hover{
	color:#FFF;
}
#musicPlayer img{
	vertical-align:middle;
}
 #orderIt{
	margin-left:10px;
	margin-top:-10px;
	width:145px;
	float:left;
	background-color:#FFF;
	padding:10px;
	color:#000;
	 }
	  #orderItSmall{
	margin-left:10px;
	margin-top:-10px;
	width:250px;
	float:left;
	padding:20px;
	color:#FFF;
	padding-right:-10px;


	 }

.purchase{
	display:inline-block;
	margin-top:10px;
	color:#FFF;
	}
 .purchase a{
	background-color:#00cc33;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:9px;
	border: 1px solid #FFF;
	color:#FFF;
	font-size:14px;
	display: block;
	width: 115px;
 }
 
 
 .purchase a:hover{
	 color:#000;
 }
 	
	
	
 #orderIt .purchase a{
	background-color:#00cc33;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:9px;
	border: 1px solid #FFF;
	color:#FFF;
	font-size:14px;
 }
 
 
 #orderIt .purchase a:hover{
	 color:#000;
 }
 
 #orderItSmall .purchase a{
	background-color:#00cc33;
	height:25px;
	line-height:25px;
	padding-left:5px;
	padding-right:9px;
	border: 1px solid #FFF;
	color:#FFF;
	font-size:14px;
	text-decoration:none;
 }
 
 
 #orderItSmall .purchase a:hover{
	 color:#000;
 }
 


.cartTableTop{
	border: 1px solid #FFF;
	background-color:#FFF;
	color:#000;
} .cartTable{
	background-color:#333;
	border: 0px solid #FFF;}

#orderStatus{
	background-color: #999;
	border: 1px solid #FFF;
	color:#FFF;
	height:40px;
	line-height:40px;
	margin-top:10px;
	}
#orderStatus td a{
	text-decoration:underline;
	}	
#orderStatus td{
	width:25%;
	text-align:center;
	color:#FFF;
	
}	
.orderStatusGreen{
	background-color:#0F0;
	color:#000;
}

#cartStausText{
	width:600px;
	background-color:#FFF;
	color:#333;
	border: 1px solid #999;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	}	
#cartStausText a{
	color:#000;
	text-decoration:underline;}	
.red{
	color:#F00;
	}	
.green{
	color:#0F3;
	}		
#login{
	float:left;
	color:#1c87b9;
	margin-right:10px;

}	
#login input{
	font-size:9px;
	margin:0;
	margin-left:5px;
	margin-right:5px;
}
#loginMenu{
	float:right;

	text-align:right;
	margin-right:5px;
}
#loginMenu a{
	margin-left:10px;
	margin-right:10px;
}
#strapline{
	float:left;
	color:#06a2a3;
	font-weight:500;
}
.createAccountText{	color:#FFF;	 text-align:left;
margin-right:150px;

float:left;
}
.createAccountText a{text-decoration:underline;	}	
#register input{
	margin:5px;
}
#artistQuote{
	padding:15px;}

#tags{
	padding-left:15px;
	color:#000;
	line-height:20px;
	
	}
#tags a{
	margin-left:15px;
	text-decoration:underline;}	
#cardDetails{
	background-color:#FFF;
	color:#000;
	border: 1px solid #999;}
	
.grey{
	color:#CCC;
	}	
.cartAlt{
	background-color:#999;}	
	
#topNotice{

	display:block;
	min-height:30px;
	line-height:30px;
	margin-top:-10px;
	text-align:center;
	
	}	
.ok{
	background-color: #6F0;
	border: 1px solid #060;
	color:#000;
	}	
.dev{
	background-color: #FC3;
	border: 1px solid #912F00;
	color:#000;
	
	}		
.bad{
	background-color: #900;
	border: 1px solid #600;
	color:FFF;
	}	
#sortingOptions{
	padding:5px;
	padding-left:10px;
	}	
#loginWarning{
	background-color:#900;
	color:#FFF;
	padding:10px;
	padding-right:0;
	border: 1px solid #F00;
	width:608px;
	font-weight:bold;
		}	
		
#headerBanner{
	margin-left:497px;
	margin-top:-105px;}		
	
.orderTable{
	border: 1px solid #FFF;
	margin:0;
	padding:0px;
}	
.orderTable td{
	background-color:#333;
	text-align:center;
	padding:5px;}	
#ie-message {
background:#C00;
text-align:center;
border-bottom:1px solid #900;
color: #fff;
position:absolute;
top:0;
padding:5px;
width:100%;
}
#ie-message a {
color: #fff;
text-decoration:underline;
}
#tips { margin-left: 15px; margin-bottom: 5px; padding: 15px 5px 10px 5px; border: 1px solid #fff; width: 578px; }
.tips { margin-left: 28px; font-size: 28px; color: #fff; }
.grey{
	color:#666;
	}
.playBG{
	background-color:#a2a2a2;
	border: 1px solid #333;
	width:30px;
	background-image:url(../flashplayer/images/brushed-metal2.jpg);
	}	
.flashplayer{
	color:#000;
	background-image:url(../flashplayer/images/brushed-metal.jpg);
	border: 1px solid #333;
	min-width:400px;
	background-color:#a2a2a2;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1px solid #333;

}	.playerTop{
	background-color:#000;
	color:#FFF;
	font-weight:700;
	font-size:14px;

}
.eql{
	background-image:url(../flashplayer/images/eql.gif);
	background-repeat:no-repeat;
	height:21px;
	width:61px;
	float:right;
	margin-top:-15px;
	display:inline-block;}