/************************
 * reset and base config
 ************************/

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,
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-style: inherit;
	font-size: 100%;
	font-family: inherit;
/*	vertical-align: baseline;
*/}

body {
	line-height: 1;
	color: black;
	background: white;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
}

a {	text-decoration:none; }
a:hover { text-decoration:underline; }
:focus { outline: 0; }

p { 
	margin:5px 0px; 
	

}

h1 {font-family:Arial, Helvetica, sans-serif; color:#024e70; font-size:29px; font-weight:bold; letter-spacing:-2px; padding-bottom:10px; line-height:1em; }
h2 {font-family:Arial, Helvetica, sans-serif; color:#00aee3; font-size:20px; font-weight:bold; letter-spacing:-1px; padding-bottom:10px;}
h3 {font-family:Arial, Helvetica, sans-serif; color:#024e70; font-size:14px; font-weight:bold; letter-spacing:-1px; padding-bottom:10px;}

.tracktitle {font-family:Arial, Helvetica, sans-serif; color:#024e70; font-size:20px; font-weight:bold; letter-spacing:-1px; padding-bottom:10px;}

ol, ul { list-style: none; }
.padded { padding:0px 13px 0px 13px;}

#content ul { padding: 0px 0px 0px 2px;}
#content li { background: url(/_images/general/bc_bullet.gif) 0px 2px no-repeat; padding: 0px 0px 5px 12px; margin: 0px 0px 0px 0px;}
#content ul ul { padding-left:20px; margin-top:5px; margin-bottom:5px;}
#content ul ul li {background: url(/_images/general/sub_bullet.gif) 0px 3px no-repeat;}

#content p {font-size:11px; line-height:14px; color:#515657;}


hr {
	border:0px;
	height:1px;
	background-color:#263344;
	margin:15px 0px;
}

/*****************
 * generic styles
 *****************/

fieldset { border:0px; margin-top:5px;}
legend { display:none;}

.textfield, .dropdown {   border:0;  
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	color:#6b635a; margin-bottom:3px;}

.textfield { height:17px; padding-left:4px;width:144px;}

.dropdown { height:19px;width:148px; padding-top:2px;}
.dropdownsmall {border:0;  
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:11px;
	color:#6b635a; margin-bottom:3px;height:19px;width:50px; padding-top:2px;}


.button { margin-top:5px; float:right; }

.clear { clear:both; }
.fl { float:left; }
.fr { float:right; }
.strong { font-weight:bold; }

/**************
 * Page layout
 **************/

.nav {
	font-size:11px;
	font-weight:bold;
	line-height:18px;
}

.nav li {
	display:inline;
}

.nav a {
	display:block;
	color:white;
	/*font-weight:bold;*/
}

.nav .selected, .nav li li .selected { color:#024e70;}

.nav a:hover {
	color:#004F6D;
	text-decoration:none;
}

.nav, #subscribe, #text-subscribe {
	background-color:#01B2E8;
	padding:10px;
	text-align:right;
}


.panel {
	/* Added  float:left;*/
	margin-bottom:10px; color:#515657; line-height:15px;
}

.promotions {
	padding: 10px 10px 0px 10px;
}

.promotions li {
	padding:0 0 10px 0px;
}


.events {
	background-color:#000000;
	margin-top:10px;
	color:white;
	padding:10px;
	height:497px;
}

.events li img {
	border:1px solid #263344;
	width:76px;
	height:76px;
	margin: 0px 10px 0px 0px;
}

.events li {
	
	padding-top:10px;
}

.events ul { padding-top:3px;}

#main { 
	width:1000px; 
	margin-left:auto;
	margin-right:auto;
}

#middle {
	margin-left:auto; 
	margin-right:auto;
	background-image:url(/_images/bkg/bkg.gif);
	
	background-repeat:repeat-y;
}

#top {
	margin-left:auto; 
	margin-right:auto;
	padding-bottom:3px;
}

#left {
	float:left;
	width:170px;
	color:white;
	background-color:#01B2E8;
}

#search {
	background-color:#024E70;
	padding:10px;
}

#currency {
	background-color:white;
	color:#024E70;

}

#currency li { display:inline;}
#content {
	float:left;
	width:570px;
	margin: 0 10px;
}

#breadcrumb { font-size:10px; width:560px; border-top:1px solid #01B2E8; border-bottom:1px solid #01B2E8; color:#00b2e8;height:22px; line-height:19px; margin-bottom:15px; }
#content #breadcrumb li { display:inline; background-image:none; margin:0; padding:0;   }
#breadcrumb a { font-weight:normal;background-position:right; margin-right:0px; padding-right:8px; background-image:url(/_images/general/bc_bullet.gif); background-repeat:no-repeat; }

#right {
	float:right;
	width:240px;
	color:white;
}

#login {
	background-color:#0D1C31;
	margin-bottom:10px;
	padding:10px 10px;
}

#login a { font-weight:normal;}

.charts {
line-height:9px;
	font-size:10px;
	background-color:#516269;
	padding:20px;
}
.charts h2, .charts h3 { font-size: 100%; font-weight: bold; padding: 0px; margin: 0px; letter-spacing: 0; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 14px; }
.charts h3 { color: #FFFFFF; }

.charts p { margin:0; padding:0;}

.charts a, .charts a:hover {
	color:#F9FE3F;
	font-weight:bold;
}

.charts ul {
	 padding-top:10px;
}

.charts li {
	border-bottom:1px solid #4A575D;
	border-top:1px solid #637277;
	padding:4px 0;
}

.charts .first { border-top:none;}

.charts .actions { float:right;text-align:right;}
.charts .selectall { float:right; text-align:right;}

#footer {
	clear:both;
	margin-left:auto; 
	margin-right:auto;
	color:#535456;
	padding:10px;
}

#login label { float:left; width:60px; line-height:19px;  }
#login .textfield { width:140px;}

#login a { color:#00b2e8;}
#login .button { margin-right:10px;}
.links { color:#00b2e8; line-height:26px;}

/*******************
 * content sections
 *******************/

#newReleases {
	height:579px;
	font-size:10px;
	width:330px;
	padding:20px 10px 56px 10px;
	background-image:url(/_images/bkg/releases_bkg.jpg);
	background-repeat:repeat-x;
	background-color:#01b2e8;
	border-bottom:1px solid #01b2e8;
}

#newReleases a { color:#fff; text-decoration:none;}
	#newReleases a:hover {text-decoration:underline;}

#newReleases li {
	background-image:none;
	float:left;
	padding:10px 10px 0px 10px;
	height:150px; 
	text-align:center;
	color:white; display:block;
	width:88px;
}

#newReleases li p { margin:0; padding:0; line-height:13px;}

#newReleases ul img {
	width:88px;
	height:88px;
	border:1px solid white;
	margin-bottom:5px;
	}

#content #newReleases p { color:#fff;}
#newReleases ul { padding-top:20px;}
#newReleases ul li { background: none; }



#content #newsAndEvents {
font-size:10px;
	width:210px;
	color:#00b2e8;
}

#content #newsAndEvents p {line-height:13px;font-size:10px;}

#newsAndEvents a { color:#024e70; }
#newsAndEvents p { color:#00b2e8;}
#newsAndEvents ul { padding: 15px 0px 0px 0px; }
#newsAndEvents ul li { background: none; padding: 0px 0px 5px 0px; margin: 0px 0px 10px 0px;}
#newsAndEvents ul ul { padding-left:20px;}
#newsAndEvents ul ul li {background: none;}


#content #mp3Player { background-color:#0D1C31; height:60px; color:#FFF; }
#content #mp3Player h2 { padding:10px 0px 0px 10px; margin:0px;}
#content #mp3Player p {font-size:11px; line-height:14px; color:#FFF; padding-left:10px;}


#footer { font-size:10px; margin-bottom:10px; background-color:#fff; }
#footer a { font-weight:bold; color:#515657; background-color:#fff;}
#footer .credit { float:right;}

.credit { float:right;}
.footerlinks { float:left;}

#content .events .nextevent { font-weight:bold; color:#00b2e8;}
#content .events p   { color:#fff;}

.charttitle { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:28.9px; font-weight:bold; letter-spacing:-2px; line-height:30px;}

.paging { margin-top:10px; margin-bottom:10px;}
#content .paging li { display:inline; background-image:none; margin:0; padding:0;}
.paging li a { background-color:#1bb2e1; height:17px; width:17px; display:block; float:left;  color:#fff;  font-size:10px; border-left:1px solid #00a9dd; line-height:16px; text-align:center;}
.paging li a.noborder { border-left:none;}
.paging li a:hover { text-decoration:none; background-color:#63cbeb; color:#024e70;}
.paging li .selected {background-color:#63cbeb; color:#024e70;}

.paging .previous { border:none;}

#results { margin-top:15px;}
#content #results li {background-image:none; margin:0; padding:0;}
#results .mediumimage { background-image:url(/_images/bkg/results.jpg); width:125px; float:left;}
#results .mediumimage img {width:100px; height:100px;}
#results img {border:1px solid #fff; margin:12px; }
#results label { margin-right:5px; }
#results .dropdown { margin-right:5px; margin-bottom:0px;}
#results .dropdownsmall {margin-bottom:0px;} 

#results .info { background-image:url(/_images/bkg/desc.jpg); background-repeat:no-repeat; color:#fff;float:left; width:440px;}
#results .info img { border:none; margin:0px; padding:0px;}
#content #results .info .formats { margin:0; padding:0;background-color: #024E70; height: 25px; width: 440px;}
#content #results .info .formats li { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:87px; height:25px; line-height:25px; text-align:center; background-image:none; background-color:#024E70; border-right:1px solid #00B1E7; }
#content #results .info .formats li a { color:#FFFFFF; font-weight:bold; text-decoration:none; }
#content #results .info .formats li a:hover { text-decoration:underline; }
#content #results .info .formats li.selected { background-color:#00B1E7;  }
#content #results .info .formats li.formattabstart { background: url(/_images/buttons/tab-on-start.gif);}


#content #results .top { padding:10px 20px 10px 20px; min-height:96px; height:auto !important; height:96px;}
#content #results .top .title { font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:16px; font-weight:bold; letter-spacing:-1px; line-height:23px; }
#content #results .top .title a { color:#FFFFFF; text-decoration:none;}
	#content #results .top .title a:hover { color:#ACDFFE; }
#content #results a { color:#acdffe; text-decoration:underline; }
#content #results .label {color:#acdffe; margin-left:7px;}

#content #results .top .button { margin:0px;}

.wav-col { float:right; width:51px; padding-bottom:5px; font-weight:bold;}
.mp3-col { float:right; width:51px; padding-right:30px; padding-bottom:5px; font-weight:bold;}
.prices-list-wav { padding-right:36px;}


#content #tabcontent .tracks-listings li { position:relative; background: url(/_images/bkg/dots.gif) repeat-x bottom; margin:0px; padding:6px 0px 8px 0px;}
.track-title { width:350px; padding:0px; margin:0px; font-weight:bold;}
.compilation-track {font-weight: normal;}
.track-mob { position:absolute; right:180px; top:8px; font-weight:bold; color:#d5f5ff;}
.track-price {position:absolute; right:3px; top:5px; font-weight:bold;}
.track-price-wav {position:absolute; right:85px; top:5px; font-weight:bold;}
#content #tabcontent .tracks-listings li img {position:absolute; right:180px; top:5px;}
.pricesmain input {padding:0px; margin:0px 3px 0px 3px; }
.pricesmain { margin-top:5px;}
#content #tabcontent .tracks-listings li input {padding:0px; margin:0px;}

.pricesmain-wav { padding-right:11px;}

#content #results .top .tracks li, #tabcontent .tracks li  { background: url(/_images/bkg/dots.gif) repeat-x bottom; /*border-bottom:1px dotted #b7eeff;*/ height:16px; margin-top:6px;}
#content #results .top .tracks li img, #tabcontent .tracks li img { margin-right:5px;}
#content #results .top .tracks, #tabcontent .tracks { margin:0; padding:10px 0 0 0;}
#content #results .top .tracks .prices, #tabcontent .tracks .prices { float:right; margin-top:-6px;}
#tabcontent .pricesmain { font-weight:bold; float:right;}
#tabcontent .tracks .listen { float:right; margin-right:20px; margin-top:-12px;}
#tabcontent .tracks .listencd { float:left; margin-left:370px; margin-top:-12px;}
#tabcontent .mobile { font-weight:bold; float:right; margin-top:-10px;margin-right:20px; color:#d5f5ff;}
#tabcontent .tracks li { font-weight:bold; padding-left:0;}
#content #results .top .tracks li input, #tabcontent .tracks input { position:relative; top:2px; }
#tabcontent h2 { color:#fff;}


#content #results .top .moreformats {float:left;}
#content #results .top p { color:#fff; margin-bottom:10px;}
#content #results .top .price { font-weight:bold;color:#acdffe; }


#content .mainimage { position:relative; border:12px solid #0d1c31; float:left;margin-right:16px;}
#content .mainimage img { height:175px; width:175px; position:relative; }
/*#content .maglass { position:relative; left:216px; top:-20px; float:left; margin-bottom:-20px;}*/
#content .maglass { position:absolute; right:0px; bottom:0px;}
#content .maglass img { height:20px; width:20px;}
#content #maindesc .artist, #content #maindesc .artist a { color:#00b2e8; line-height:15px; padding:0 0 6px 0;}
#content #maindesc h1 { color:#024E70; font-family:Arial,Helvetica,sans-serif; font-size:20px; font-weight:bold; letter-spacing:-1px; padding-bottom:0px; line-height: 22px; }

#content .thumb-image {position:relative; float:left;}
#content .thumb-image img { border: 3px solid #0D1C31;}

.pdf {font-weight:bold; margin-top:-10px; font-size:1.2em !important; margin-bottom:10px;}

#content #tabs {padding: 0px 0px 0px 0px; background-image:none;}
#content #tabs li { width:113px; height:31px; line-height:31px; text-align:center; float:right; background-image:none; margin:0px; padding:0px; color:#FFFFFF; background-color:#024E70; border-right:1px solid #00B1E7;}
#content #tabs li a { color:#FFFFFF; font-weight:bold;}
#content #tabs li.selected { background-color:#00B1E7;}

#tabcontent {  background-color:#00b1e7;float:left;  width:530px;/* margin-top:-5px;*/ padding:20px; }

#content #tabcontent p, #content #tabcontent h1, #content #tabcontent {color:#ffffff;}
#content #tabcontent .paging { float:right; margin:20px 20px 0px 0px; }

#content #artwork li { margin:0px 0px 10px 0px; padding:0; line-height:15px; background: url(/_images/bkg/dots.gif) repeat-x bottom; /* border-bottom:1px dotted #b7eeff;*/ height:100px;}
#artwork img { border:1px solid #fff; float:left; margin-right:10px;}

#artwork .prices { float:right; margin-top:-6px; font-weight:bold;}
#content #tabcontent .vat { color:#9ce5fb; font-size:10px; margin-top:40px;}

#werecommend { background-color:#807962; padding:20px;color:#fff; line-height:15px;}
#content #werecommend ul li	{ margin:0px 18px 0px 0px; padding:0 18px 0 0; width:88px; text-align:center; background-image:url(/_images/bkg/recommedndiv.gif); float:left;background-position:right; background-repeat:repeat-y; height:150px;} 
#werecommend img { border: 1px solid #fff; margin-bottom:5px;}
#werecommend h2 { color:#fff; margin-bottom:10px;}
#content #werecommend li { background-image:none;}
#content #werecommend li.last { background-image:none;}
#recommended a { color:#fff; text-decoration:none;}

#minibasket { background-color:#024e70; padding:11px; color:#00b2e8; margin-bottom:10px;}
.ammount { color:#fff; font-weight:bold; float:right; margin-right:15px;}
.checkout { margin-left:60px;}
.items { font-weight:bold; color:#58d4f9;}

#content #address li { background-image:none; background-color:#c7f2ff; padding:10px; line-height:15px; color:#024f6e; margin-top:10px; width:150px; margin-right:10px; float:left; height:260px; }
#content .addressdesc { display:block; border-bottom:1px solid #fff; height:20px;}


#content .cardholder { color:#024e70;}
.buttons { position:absolute;}
.data .digitalformat { width:55px;}

#content #currentaddress li { background-image:none; background-color:#c7f2ff; padding:10px; line-height:15px; color:#024f6e; margin-top:10px; width:330px; margin-right:10px; float:left; height:200px; }
#content #currentaddress .addressdesc { display:block; border-bottom:1px solid #fff; height:20px;}
.data .grandtotal { font-weight:bold; background-color:#024e70; color:#fff;}
.data .postage { border-top:2px solid #b1e6f6;}

#content #addresssummary li { background-image:none; background-color:#c7f2ff; padding:10px; line-height:15px; color:#024f6e; margin-top:10px; width:150px; margin-right:10px; float:left; height:210px; }
#content #addresssummary .addressdesc { display:block; border-bottom:1px solid #fff; height:20px;}

.phonenumber {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:20px; font-weight:bold; letter-spacing:-1px; padding-bottom:10px; float:left; margin-top:5px;}

.product-title { float:left; width:290px;}
.full-details { float:right; padding-top:10px !important;}

.flyer { float:right; border:8px solid #d0d0d0; margin:0 23px 20px 20px; position:relative;}
.flyer-mag { position:absolute; bottom:0px; right:0px;}

#searchForm label, #subscribe label{ position:absolute; left:-976em;}
.data label {}

.top-price-mp3s { font-weight:bold; text-align:right; display:block; width:35px; padding-top:2px;}


/********
	* sub-cateogry *
 ********/

#content .sub-category { float:left; padding:0px 0px 5px 0px; margin:0px 0px 0px 0px;}
	#content .sub-category li { float:left; display:inline; padding:0px 0px 0px 0px; margin:10px 10px 0px 0px; list-style:none outside;}
	#content .sub-category li.first { margin-right:0px;}
	.sub-category img {border:1px solid #FFFFFF; width:108px; height:104px;}
	#content .sub-category a { width:122px; height:140px; padding:12px 0px 0px 12px; margin:0px 0px 0px 0px; float:left; display:block;  background: #0091C0 url(/_images/bkg/results.jpg) top left no-repeat; }
	#content .sub-category a:hover { text-decoration:none; background-image:none;}
	.sub-category span {line-height:1.2em; display:block; width:110px; font-weight:bold; color:#FFFFFF; text-align:center; padding:5px 0 0 0;}
	
	.sub-category h2 { line-height:1.2em; display:block; width:110px; font-weight:bold; color:#FFFFFF; text-align:center; padding:5px 0 0 0; font-size: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0px; }
	
/********
 * debug
 ********/
#div {
	border:1px solid red;
}

	
/********
 * RF - 25-03-2008
 ********/

.notice { padding:5px; background:#54c3e5; margin:0px 0px 8px 0px;}

#Message { border:1px solid #ffffff; font-family:Tahoma,Arial,Helvetica,sans-serif; height:190px;
margin:0px; overflow:auto; padding:2px 2px 0px; width:397px; } 





.skiphidden { position:absolute; left:-976em;}
.qtyhidden { position:absolute; left:-976em;}
.h1hidden { position:absolute; left:-976em;}
.h2hidden { position:absolute; left:-976em;}
.newstitle { color:#fff; float:left; font-size:1.5em; padding:0; margin:0;}
.voucherlabel { }
.footerlinks li { display:inline; padding-right:10px;	}
.addbutton { }

.addbuttonright{ float:right;}

.product-listings .proc-col, .product-listings .track-name, .product-listings .compilation-track, .product-listings .format-col { height:16px; line-height:16px; }

.artist { margin-left:1px;}

#login a { line-height:20px;}
.indent { padding-left:1px;}

.padded p { margin-left:2px;}
#bio p { padding-bottom:8px;}
.tracktitle { line-height:22px;}
#content #results .top .title { line-height:19px;}


.grouped-track { /*text-indent:20px;*/}



/********
 about
 ********/
 
.aboutlist{
	width:562px;
	float:left;
	list-style:none;
}
.aboutlist li{
	float:left;
	background:#024e70;
	margin:0 0 2px 0;
} 


.usepreviousaddress{
	padding:10px 10px 5px 10px;
	border:1px solid #00aee3;
	margin:0 0 10px 0;
}

.usepreviousaddress label{
	margin:0 0 5px 5px;
}

.error{ margin:0 0 10px 0; padding:0 0 5px 0; color:#fff; font-weight:bold; }
.deliveryerror{ margin:0 0 10px 0; padding:0 0 5px 0; color:#f00; font-weight:bold; }