#tmp {
	border:solid 1px #f00;
}
body {
	margin:0;
	padding:0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 11px;
	color:#666666;
	background: url(images/background.png) top repeat-x;
	text-align: center;
}
#wrapper {
  width: 875px; 
  margin: 0 auto;
  text-align:left;
  position:relative;
}
#header {
	height: 196px;
	width: 874px;
	background: url(/images/top.jpg) no-repeat;
	text-align:right;
	font-size:16px;
	font-weight:bold;
}
#header span.login {
	font-size:11px;
	position:absolute;
	top:32px;
	right:38px;
}
#searchfield form {
	position:absolute;
	top:135px;
	right:53px;
	border:0px;
	background:white;
	height:16px;
}
#searchfield input {
	border:0px;
	width:298px;
	height: 14px;
	font-family: Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
#searchfield input.submit {
	background:white;
	width:40px;
	height:14px;
}
#header span.criteria {
	font-size:11px;
	position:absolute;
	top:167px;
	right:54px;
}
#header span.logotext {
	position:absolute;
	top:121px;
	left:70px;
}
#header span.brandtext {
	position:absolute;
	top:80px;
	right:232px;
}
span#flash {
	position:absolute;
	top:210px;
	right:49px;
	color:#990000;
	text-align:right;
}
#navigation {
  position:relative;
  width: 700px;
  height:26px;
  text-align:left;
  left:18px;
}
#navigation li {
	list-style-type: none;
	margin: 0;
	padding:0px 8px 0px 12px;
	display:inline;
	text-align: center;
}
#navigation a {
  color:#666;
  font-weight:normal;
  font-size:14px;
  text-decoration:none
}
#navigation a:hover, #navigation a.active {
  color:#990000;
}
#navigation a.active {
	font-weight:bold;
}
#content {
	position:relative;
	top:15px;
}
#content-left {
  position:absolute;
  top:0px;
  left:33px;
  width:250px;
  height:557px;
}
#content-right {
  position:absolute;
  top:0px;
  right:33px;
  width: 548px;
  height:557px;
}
#content-overflow {
	width:100%;
	height:100%;
	overflow:auto;
}
#content-short{
	position:absolute;
	top:0px;
	right:33px;
	width:548px;
	height:72px;
}
#content-long{
	position:absolute;
	top:97px;
	right:33px;
	width:548px;
	height:460px;
}
h1.header {
	width:100%;
	height: 20px;
	background-image:url(images/bar.png);
	background-position:top;
	background-repeat:repeat-x;
	padding-top:2px;
}
span.header {
	margin-left: 9px;
}
#content-left p, #content-right p, #content-short p, #content-long p{
	padding: 0px 10px 0px 10px;
	margin:7px 0px 0px 0px;
}
#content-left p.news {
	margin:2px 0px 10px 0px;
}
#results_control {
	height:24px;
}
#results {
	margin-top:25px;
}
#footer {
  clear:both;
  position:relative;
  width:100%;
  height:52px;
  background: transparent url(images/footer.gif) no-repeat scroll top left;
  left:26px;
  top:591px;
}
#footer span {
	color:#666;
	text-decoration:none;
	font-size:11px;
	width:60px;
	float:left;
	margin-left:-55px;
	margin-top:-15px;
}
#footer form {
	position:absolute;
	top:13px;
	right:344px;
	border:0px;
	height:16px;
}
#footer input {
	border:0px;
	width:108px;
	height: 13px;
	font-family: Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666666;
}
#footer input.submit {
	background:white;
	width:44px;
	height:15px;
}
#contactform input, #mail-shortlist-form input, #newlist input {
	width:220px;
	padding: 2px 0px 0px 2px;
	margin-top:5px;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#666666;
	margin-bottom: 3px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}
#contactform textarea, #mail-shortlist-form textarea {
	height: 150px;
	width: 300px;
	padding: 3px 3px 3px 3px;
	margin: 0;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#666666;
	border-color:#999;
	border-width: 1px;
	border-style: solid;
	overflow: hidden;
}
#contactform .send, #quoteform .send, #updatecustomer .send, #mail-shortlist-form .send, #ftp_account .send {
	width:45px;
	margin-left:10px;
	border-color: #999;
	border-width: 1px;
	border-style: solid;
}
#updatecustomer .send{
	width:120px;
}
#newlist .send {
	width:20px;
	height:19px;
	top:0px;
}
#newlist input {
	width:114px;
	height:18px;
}
.criteria-column{
	float:left;
	width:400px;
	font-size:11px;
	margin-left:9px;
}
.recommended {
	width:520px;
}
 h5.recommended {
	text-align:left;
	height:34px;
	margin:3px 0px 0px 0px;
	width:160px;
	float:left;
}
p.recommended {
  width:230px;
}
a.play {
 	bottom:1px;
	position:absolute;
	right:5px;
}
img.recommended {
	float:left;
	width:45px;
	height:50px;
	margin: 4px 9px 5px;
}
#recommended-music-0, #recommended-music-1, #recommended-music-2, #recommended-music-3, #recommended-music-4, #recommended-music-5 {
	position:absolute;
	width:248px;
	height:108px;
	top:38px;
}
#recommended-music-0, #recommended-music-2, #recommended-music-4 {left:16px;}
#recommended-music-1, #recommended-music-3, #recommended-music-5 {right:16px;}
#recommended-music-2, #recommended-music-3 {top:181px;}
#recommended-music-4, #recommended-music-5 {top:324px;}
div.pagination {
	padding-left:10px;
}
.inline   {
  display: inline;
  margin-left: 10px;
}
.track-container{
	padding:2px 0px 2px 0px;
	color: #000000;
	margin-left:9px;
	margin-top:5px;
}
.track_controls {
	width:45px; height:10px;
	margin:0px 2px;
	display:inline;
	position:relative;
}
.track_controls li {
	margin: 0; padding: 0; list-style:none;
	position: absolute; top:0;
}
.track_controls li, .track_controls a{
	height:13px; display: block;
}
.track_controls .track_play {
	left:0px; width:10px;
	background: transparent url(images/controls.png) -12px 1px no-repeat;
}
.track_controls .track_add, .track_controls .track_remove {
	left:13px; width:10px;
	background: transparent url(images/controls.png) -41px 2px no-repeat;
}
.track_controls .track_remove {
	left:13px; width:10px;
	background: transparent url(images/controls.png) -56px 4px no-repeat;
}
.track_controls .track_quote {
	left:26px; width:10px;
	background: transparent url(images/controls.png) -71px 1px no-repeat;
}
.track_controls .track_play a:hover {
	left:0px; width:10px;
	background: transparent url(images/controls.png) -12px -25px no-repeat;
}
.track_controls .track_add a:hover {
	left:13px; width:10px;
	background: transparent url(images/controls.png) -41px -26px no-repeat;
}
.track_controls .track_remove a:hover{
	left:13px; width:10px;
	background: transparent url(images/controls.png) -56px -26px no-repeat;
}
.track_controls .track_quote a:hover {
	left:26px; width:10px;
	background: transparent url(images/controls.png) -71px -24px no-repeat;
}
.tracktitle {
	font-weight: bold;
	font-size:13px;
	padding-right:8px;
	margin-left:45px;
	display:inline;
}
.track {
  display: inline;
  color: #666666;
}
#player {
	width:246px;
	height:65px;
}
#player_info {
	position:absolute;
	top:49px;
	width:236px;
}
#newspane_player {
	position:absolute;
	bottom:4px;
	left:106px;
}
#news-left, #composer-left {
	float:left;
	width:415px;
}
#news-right, #composer-right {
	float:right;
	padding:10px;
}
.hover {
	background:#990000;
}
.hover_lt {
	background:#eee;
}
.criteria {
	padding:0px 6px;
}
.newsitem {
	padding-bottom:10px;
	margin-left:5px;
}
.composernames {
	color:#666;
	font-size: 12px;
	margin-left:10px;
}
/*Picture*/
.piclink a {
	width: 90px;
	font-size:10px;
	padding-top:0px;
	color:#990000;
	text-decoration:none;
}
#shortlist-controls-container {
	position: absolute;
	top:91px;
	height:42px;
	width:236px;
}	
#sh_controls {
	width:150px; height:20px;
	position:absolute;
	top:-5px;
	left:43px;
}
#sh_controls li {
	margin: 0; padding: 0; list-style:none;
	position: absolute; top:0;
}
#sh_controls li, #sh_controls a{
	height:20px; display: block;
}
#sh_clear {
	left:0px; width:20px;
	background: transparent url(images/controls.png) -87px 1px no-repeat;
}
#sh_new {
	left:22px; width:20px;
	background: transparent url(images/controls.png) -113px 1px no-repeat;
}
#sh_delete {
	left:46px; width:20px;
	background: transparent url(images/controls.png) -141px 1px no-repeat;
}
#sh_rename {
	left:70px; width:20px;
	background: transparent url(images/controls.png) -196px 1px no-repeat;
}
#sh_ftp {
	left:93px; width:20px;
	background: transparent url(images/controls.png) -222px 1px no-repeat;
}
#sh_mail {
	left:118px; width:20px;
	background: transparent url(images/controls.png) -169px 1px no-repeat;
}
#sh_clear a:hover {
	left:0px; width:20px;
	background: transparent url(images/controls.png) -87px -17px no-repeat;
}
#sh_new a:hover {
	left:20px; width:20px;
	background: transparent url(images/controls.png) -113px -17px no-repeat;
}
#sh_delete a:hover {
	left:46px; width:20px;
	background: transparent url(images/controls.png) -141px -17px no-repeat;
}
#sh_rename a:hover {
	left:70px; width:20px;
	background: transparent url(images/controls.png) -196px -17px no-repeat;
}
#sh_ftp a:hover {
	left:93px; width:20px;
	background: transparent url(images/controls.png) -222px -17px no-repeat;
}
#sh_mail a:hover {
	left:118px; width:20px; height:19px;
	background: transparent url(images/controls.png) -169px -18px no-repeat;
}
#shortlist, #newlist{
  width:214px;
  position:absolute;
  left:7px;
  top:23px;
}
#newlist {left:0px; width:226px; top:20px;}
#mail-shortlist-form {
	margin-top:18px;
}
#shortlist-container {
  height:380px;
  position:absolute;
  top:155px;
  width:236px;
}
#short_list {
  height:385px;
  width:234px;
  color: #990000;
  overflow:auto;
  margin-top:-6px;
}
#short_list p {
	margin:0px;
	margin-left:5px;
}
#short_list p.title {
	margin-top:5px;
	margin-left:-7px;
	color:black;
	font-weight:bold;
}
#short_list a.red {
	margin-left:5px;
}
.sh_track {
	position:relative;
	height:23px;
	left:5px;
	margin-top:5px;
	width:225px;
}
.cb {
	display:inline;
	width: 30px;
	padding: 0px 5px 0px 5px;
}
a {
	color: #990000;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #666666;
}
.red {
	color: #990000;
}

a.red {
	color: #990000;
}
a.red:visited {
	color: #990000;
}
a.red:hover {
	color: #666666;
}
a.grey {
	color: #666;
	text-decoration: none;
}
a.grey:visited {
	color:#666;
}
a.grey:hover {
	color:#990000;
}

a.green {
	color:#66cc33;

}
a.green:visited {
	color:#66cc33;
}
a.green:hover {
	color:#66ff00;
}
h1{
	margin:0px;
	color:#fff;
	font-weight: bold;
	font-size:12px;
}
h2{
  font-size:11px;
  line-height:40px;
  text-align:left;
  padding-left:30px;
}
h3 {
	margin-left:11px;
  color:#555;
  font-size: 13px;
}
h4 {
  font-size: 12px;
  margin: 15px 0px 0px 10px;
}
h5{
  font-size:11px;
  text-align:left;
}
address {
	margin-left:11px;
	font-style:normal;
	font-size:11px;
}

#loginform {
	width: 220px;
	color: #333;
	height: 200px;
	padding: 22px;
	border-color:#666666;
	border-width: 1px;
	border-style: solid;
	background: #f8f8f8;
	font-size:11px;	
	
}

#user_login, #user_password{
	width: 200px;
	height:15px;
	font-family: Arial, sans-serif;
	font-size:11px;
	color:#333;
	margin-bottom: 20px;
	border-color: #666;
	border-width: 1px;
	border-style: solid;
	
}
#registerform {
	width: 490px;
	color: #333;
	padding: 22px 22px 30px 22px;
	border-color:#666666;
	font-size:11px;	
	
}
#register-required p, #register-not-required p{
	margin:0px;
}
#register-required {
  float:left;
  margin-right:30px;
  background: #f2f2f2;
}
#register-not-required {
	float:right;
	width:230px;
	height:300px;
	padding-top: 1px;
}
#update-required {
  top:51px;
  right:1px;
  position:absolute;
  margin-right:30px;
  background: #f2f2f2;
}
#account_save {
    position:absolute;
	right:176px;
	top:345px;
}
#account {
	height:24px;
}
#update-not-required {
    top:42px;
    left:16px;
    position:absolute;
	width:230px;
	height:300px;
	padding-top: 1px;
}
#my_account{
	position:absolute;
	top:228px;
	right:29px;
	width:164px;
	padding-top:0px;
}
#my_account p {margin-top:0px; padding-left: 25px;}
.email, #registerform #customer_telephone, #customer_password, #customer_password_confirmation, #customer_postcode, #customer_first_name, #customer_last_name, #customer_email,  #customer_street, #customer_country, #customer_company, #customer_function, #customer_url, #customer_login{
	width: 200px;
	border: 1px solid #666;
	height: 15px;
	font-family: Arial, sans-serif;
	font-size:11px;
	margin-bottom: 15px;
	padding:2px;	
}
#customer_country {
	height:20px;
}
#registerform #customer_telephone, #customer_postcode {
	width:80px;
}
#customer_password, #customer_password_confirmation{
	width: 140px;
}
#updatecustomer {
	margin-top:20px;
	width:500px;
}
#updatecustomer span.line {
	width: 100px;
	display:block;
}
#close {
	float:right;
}
#errorExplanation {
	width: 226px;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
}

#errorExplanation h2 {
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 11px;
	margin: -12px;
	color:#990000;
	line-height:1em;
}

#errorExplanation p {
	color: #333;
	margin-bottom: 0;
	padding: 3px;
}
#errorExplanation ul {
	padding-left:10px;
}
#errorExplanation ul li {
	font-size: 11px;
	list-style: line;
}
#intro-container {
	background:#fff;
	width: 550px;
	color: #333;
	height: 70px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:11px;
}
.contact, .quote-message, .quote{
	padding: 0px 0px 0px 2px;
	margin-top:5px;
	font-family: Arial, sans-serif;
	font-size:12px;
	color:#333;
	border-color: #999; 
	border-width: 1px;
	border-style: solid;
}
.quote {
	width:175px;
}
.q {
	margin:2px;
}
.contact {
	width: 418px;
	height: 150px;
}
#contactform .quote-message{
	width:258px;
	height:263px;
}
ul {
	margin:5px;
	padding-left:10px;
}
li {
	margin-left:10px;
}
p#liteworks {
	padding-top:30px;
}
a.liteworks {
	padding-left:10px;
	top:7px;
}
#ftp_account {
	font-size:13px;
}