/* CSS Document */


body {
	
	 
	 padding:0px;
	 background:url(../images/bodybg.gif);
	
	 background-repeat:repeat-x;
	 background-color:#f3f7f7;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color:#4e4f43;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	
	 
}




a:focus{outline:none}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}
h2{font-size:23px}
h3{font-size:21px}
h4{font-size:19px}
h5{font-size:17px}
h6{font-size:15px}
ol{list-style:decimal}
ul{list-style:none}
li{margin-left:0px}
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:15px}/* baseline grid of 15*/
.heavy{ font-size:12px; color:#668db5; font-weight:bold }

p a{color:#6588AC;}

p a:hover{color:#7b7f71;}


a img {
	border: none;
	background-color:none;
	outline: none;
}

a:active
{
  outline: none;
}

.clear {
	clear: both;
}

.right{float:right}


p{color:#4e4f43; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px}
.welcome{color:#6588ac; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px;}
.register{color:#a2a195; font-family:Georgia, "Times New Roman",Verdana,Arial,Helvetica,sans-serif; Times, serif; font-size:16px;}
.register span {
	color:#de0e48;
}
.page_title{color:#6588ac; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; position:absolute; top:15px; left:20px;}

/* Page Structure*/


#wrap{
position:relative;
width:980px;
margin-left: auto;
margin-right: auto;
padding:0px;
margin-bottom:0px;

}

#header{position:relative;
width:980px;
height:142px;
margin:0px;
padding:0px;

}




#socialtab {
	width: 339px;
	height:38px;
	position: absolute;
	top:-8px;
	right:0;
	background:url(../images/socialtab.gif) no-repeat 0 0;
}

.twitter a {
	width: 85px;
	height: 30px;
	background:url(../images/twitter.gif) no-repeat 0 0;
	display: block;
	float: left;
	margin-left:18px;
	text-indent:-9999px;
}

.facebook a {
	width: 84px;
	height: 30px;
	background:url(../images/facebook.gif) no-repeat 0 0;
	display: block;
	float: left;
	margin-right:7px;
	text-indent:-9999px;
}

.addthis {
	margin-top:10px;
}


#leftcol{
width:190px;

margin-top:0px;
position:relative


}

#rightcol{float:right;
margin:4px 0px 0px 0px.0;
padding:60px 0px 0px 0px;
width:770px;

}



#logo{
width:502px;
height:58px;
display:block;
background:url(../images/newclassicalreleases.png) no-repeat 0 0;
position:absolute; top:56px; left:0px;

}

#logo a{
width:502px;
height:58px;
display:block;
text-indent:-9999px;

}


#browse{
width:191px;
height:383px;
display:block;
background:url(../images/releases.gif);
background-position:top left;
position:relative;
margin:0px;
padding:0px;
}

#chart{
width:191px;
height:320px;
display:block;
background:url(../images/classical_chart.gif);
background-position:top left;
position:relative;
margin:0px;
padding:0px;

}

#audio_player{
width:350px; 

background-image:url(../images/media_player_bg.gif);
background-repeat:no-repeat;
position:absolute;
top:-8px;
right:0px;
text-align:center;
padding:0px 0px 0px 30px;}

#product_audio_player{
width:350px; 

background-repeat:no-repeat;
position:absolute;
top:200px;
right:30px;
text-align:center;
padding:0px 0px 0px 30px;
}



#listing{
width:766px;

margin:0px;
padding:0px;
}

#listing a{ color:#84a7cb; text-decoration:none}

#listing a:hover {color: #668db5;}


#listing_top{width:726px;height:65px;margin:0px;padding:50px 20px 20px 20px; background-image:url(../images/listing_top.gif); background-repeat:no-repeat; position:relative;}
#mailorder_top{width:726px;margin:0px;padding:50px 20px 20px 20px; background-image:url(../images/mailorder_top.jpg); background-repeat:no-repeat; position:relative;}
#links_top{width:726px;margin:0px;padding:40px 20px 20px 20px; background-image:url(../images/links_top.jpg); background-repeat:no-repeat; position:relative;}
#downloads_top{width:726px;margin:0px;padding:50px 20px 20px 20px; background-image:url(../images/downloads_top.jpg); background-repeat:no-repeat; position:relative;}
#features_top{width:726px;;margin:0px;padding:50px 20px 20px 20px; background-image:url(../images/features_top.jpg); background-repeat:no-repeat; position:relative;}
#lp_subtitle{width:726px;height:50px;margin:0px;padding:0px 20px 00px 20px; background-image:url(../images/Lps_sub.jpg); background-repeat:no-repeat; position:relative;}
#sh_subtitle{width:726px;height:50px;margin:0px;padding:0px 20px 00px 20px; background-image:url(../images/secondhandsub.jpg); background-repeat:no-repeat; position:relative;}
#international_subtitle{width:726px;height:50px;margin:0px;padding:0px 20px 00px 20px; background-image:url(../images/international_subtitle.jpg); background-repeat:no-repeat; position:relative;}

.features_a{width:726px;height:300px;margin:0px;padding:15px 0px 0px 40px;background-image:url(../images/row_dark_feature.gif); background-repeat:no-repeat; text-align:left; position:relative}
.features_b{width:726px;height:300px;margin:0px;padding:15px 0px 0px 40px;background-image:url(../images/row_light_feature.gif);background-repeat:no-repeat; text-align:left; position:relative}

#default_top{width:726px;margin:0px 0px 0px 0px;padding:20px 20px 20px 20px; background-image:url(../images/listing_top.gif); background-repeat:no-repeat; position:relative;}
#default_bg{width:726px;margin:0px 0px 0px 0px;padding:5px 20px 0px 20px;background-image:url(../images/product_bg.gif); background-repeat:repeat-y;text-align:left; position:relative}

.listing_a{width:726px;height:148px;margin:0px;padding:15px 0px 0px 40px;background-image:url(../images/row_dark.gif); background-repeat:no-repeat; text-align:left; position:relative}
.listing_b{width:726px;height:148px;margin:0px;padding:15px 0px 0px 40px;background-image:url(../images/row_light.gif); background-repeat:no-repeat; text-align:left; position:relative}





#product_top{width:726px;margin:0px;padding:40px 20px 10px 20px; background-image:url(../images/product_top.jpg); background-repeat:no-repeat; position:relative;}
#shop_top{width:726px;margin:0px;padding:30px 20px 20px 20px;background-image:url(../images/Shops_top.jpg); background-repeat:no-repeat; position:relative;}


#productbg{width:766px;margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;background-image:url(../images/product_bg.gif); background-repeat:repeat-y;text-align:left; position:relative}

#listing_bottom{width:766px;height:90px;margin:0px;padding:45px 0px 0px 0px;background-image:url(../images/listing_footer.gif); background-repeat:no-repeat; text-align:center; font-size:11px; color:#2c2d20}

#listing_bottom a{ color:#7b7f71; text-decoration:none}

#listing_bottom a: hover{ color:#7b7f71; text-decoration:underline}

.listing_ps{float:left;margin:0px 20px 0px 0px;border:4px solid #d4d3cd;}
.product_ps{float:left;margin:20px 20px 0px 40px;border:4px solid #d4d3cd;  display: block; overflow: auto; }

.list_label{text-align:right; color:#888777; font-size:11px; text-transform:uppercase; width:100px; margin:0px; padding:0px 2px 0px 0px; line-height:20px; vertical-align:top;}
.list_info{text-align:left; color:#2c2d20; font-size:12px; width:320px; margin:0px; padding:2px 0px 0px 2px; margin-bottom:0px; line-height:15px; display:block}

.listing_buttons{border:0px; line-height:0px; position:absolute; bottom:0px; right:30px;}


.product_info{ position:absolute; top:20px; left:320px; display:block}

.product_info a{color:#6588ac; text-decoration:none}

.product_info a: hover{color:#6588ac; text-decoration:underline;}

.about{width:706px;margin:20px 0px 0px 0px;padding:30px 30px 0px 30px; background-image:url(../images/aboutbg.jpg); background-repeat:no-repeat; position:relative; background-position:0px 0px;}
.tracklisting{width:706px;margin:20px 0px 0px 0px;padding:30px 30px 0px 30px; background-image:url(../images/tracklistbg.gif); background-repeat:no-repeat; position:relative; background-position:0px 0px;}
.time{font-size:11px;color:#bfbfbf; text-align:right; display:block; margin:0px; padding:0px; float:right} 


ol{margin:10px 0px 10px 30px; padding:0px;line-height:16px;}

ol li {

margin:0px;
color:#ebebeb;
padding:0px 0px 0px 10px;

line-height:16px;
color:#4e4f43; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px


}

ol li a {
line-height:16px;
margin:5px;
color:#ebebeb;
}




.tracklisting ul{margin:10px 0px 10px 0px; padding:0px;line-height:16px;}

.tracklisting ul li {

margin:0px 0px 0px 0px;
color:#ebebeb;
padding:0px 0px 0px 0px;

line-height:16px;
color:#4e4f43; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px


}

.tracklisting ul li a {
line-height:16px;
margin:5px;
color:#ebebeb;
}



/*---------------------------------- AUDIO PALYER ----------------------------------*/

#player {
	margin-top:0px;
	float:left;
	width:350px;
	
	margin-bottom:40px;
}

#title {
	float:left;
	font-size: 1em;
	color: #ffffff;
	width:400px;
}
#title span {
float:left;
	text-transform: uppercase;	
	font-size: 0.9em;
	color: #ffffff;
	
}
/*------------------------ search box--------------------*/

#register_form {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#757462;
	position:absolute;
	right:0px;
	bottom:40px;	
	padding:0px;
	margin:0px;
	height:40px;
	
	
}
input{
	background-color:#ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cddedb;

}

input.registerbox {
	border: 1px solid #b3b3ab;
}

.send {

	margin-top:0px;
	margin-left:0px;

}

.ttl {
	width:30px;
	text-align:left;

}



#search_form {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; color:#757462;
	position:absolute;
	left:10px;
	bottom:15px;	
	padding:0px;
	margin:0px;
	height:25px;
	
	
}
/*--input.searchbox {
	background-color:#ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cddedb;
	height:18px;
	width:130px;
}--*/


/*------------------------ search boc--------------------*/
.your_name{ background-color:#ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cddedb;
	width:150px;
	margin:10px 10px 0px 0px;
	}
	
.friends_name{background-color:#ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cddedb;
	width:150px;
		
margin:10px 10px 0px 0px;
	}

.friends_email{background-color:#ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #cddedb;
	width:150px;
	margin:10px 10px 0px 0px;
	}

div.slideshow { height: 200px; width: 150px; position:absolute; top:90px; left:20px; }
div.slideshow img { padding: 0px; border:4px solid #d4d3cd; }
	
.chart_postition{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:18px; color:#496d91; font-weight:bold; margin-top:10px}
.chart_title{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#3a3928;}
.chart_artist{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px; color:#757462;}
.chart_logo{position:absolute; top:47px; left:18px;}
.chart_item {
	height:223px;
	width:160px;
	position:absolute; top:5px; left:0px; background-color:#FF3FAA;
	background:url(../images/classical_chart_item_bg.gif);
	background-position:top left;
}

#features{
float:right;
width:165px;
background:url(../images/features.gif);
background-position:top left;
background-repeat:no-repeat;
padding:30px 0px 0px 0px;
}

.featured_item{margin:5px 0px 0px 0px;
padding:10px 0 0 0;
width:164px;
height:113px;
background:url(../images/featurebg.gif);
background-position:top left;
background-repeat:no-repeat;
text-align:center;
}

.featured_item a {
	display:block;
	outline:none 
}

#latest_cd{margin:0px;
padding:0px;
width:595px;
height:255px;
background:url(../images/latestcds.gif);
background-position:top left;

/* required settings */
position:relative;
overflow:hidden;
}


/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	
	
	
	/* custom decorations */
	margin:55px 10px 10px 10px;
padding:0px;
width:560px;
height:200px;
		
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
	
	/* decoration */
	margin-left:10px;
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	
	/* custom decoration */
	text-align:center;
	width:168px;
	Height:168px;
	padding:0px 0px;
	
	border:4px solid #d4d3cd;
	background-color: #fff;
	margin-right: 10px;	

}

/* active item */
div.scrollable div.items div.active {
	border:1px inset #ccc;		
	background-color:#fff;
}



#latest_dvd{
padding:50px 0px 0px 20px;
width:575px;
height:142px;
background:url(../images/latest_DVDS.gif);
background-position:top left;
text-align:center;
position:relative;
}



#see_more_cd{
position:absolute;
top:15px;
right:20px;
}

#see_more_cd a{ outline:none}

#see_more_dvd{
position:absolute;
top:20px;
right:20px;
}

#see_more_dvd a{ outline:none}


.dvd_image {
	border:4px solid #d4d3cd;
	background-color:none;
	margin:0px 25px 0px 0px;
}






#recommend{margin:0px;
padding:0px;
width:565px;
height:82px;
background:url(../images/recommend.gif);
background-position:top left;
font-size:11px;
padding:50px 10px 0px 20px;
}

#recommend a{
color:#c65454;
text-decoration:none;
}
/* Horizonal Navigation */
ul#nav { background:url(../images/horizontal-nav.jpg); position:absolute; top:120px; left:225px; border:0px; background-repeat:no-repeat}
ul#nav li { float:left; list-style-type:none }
ul#nav li a { height:48px; display:block; position:absolute; top:0; border:0px; text-indent:-9999px; outline:none }

li#navHome a, li#navShop a, li#navMailorder a, li#navDownloads a, li#navLinks a, li#navFeatures a { background:url(../images/horizontal-nav.jpg); background-repeat:no-repeat }

/*  
Measurements for the nav image replacement:

	The distance from the top to the...

	initial state = 0
	rollover state = 48px
	selected state = 96px

	The distance from the far-left to the...

	home button = 0px
	shop button = 127px
	mail button = 127px
	downloads button = 127px
	labels button = 127px
	feature button = 127px

	The width of the...

	home button = 127px
	shop button = 127px
	mail button = 127px
	downloads button = 127px
	labels button = 127px
	feature button = 127px
*/

li#navHome a 						{ background-position:0 0; width:127px; left:0 }
li#navHome a:hover					{ background-position:0 -48px }
body#pageHome li#navHome a 			{ background-position:0 -96px }

li#navShop a 						{ background-position:-127px 0; width:127px; left:127px }
li#navShop a:hover					{ background-position:-127px -48px }
body#pageShop li#navShop a 			{ background-position:-127px -96px }

li#navMailorder a 					{ background-position:-254px 0; width:127px; left:254px }
li#navMailorder a:hover				{ background-position:-254px -48px }
body#pageMailorder li#navMailorder a 	{ background-position:-254px -96px }

li#navDownloads a 						{ background-position:-381px 0; width:127px; left:381px }
li#navDownloads a:hover					{ background-position:-381px -48px }
body#pageDownloads li#navDownloads a 		{ background-position:-381px -96px }

li#navLinks a 						{ background-position:-508px 0; width:127px; left:508px }
li#navLinks a:hover					{ background-position:-508px -48px }
body#pageLinks li#navLinks a 		{ background-position:-508px -96px }

li#navFeatures a 						{ background-position:-635px 0; width:127px; left:635px }
li#navFeatures a:hover					{ background-position:-635px -48px }
body#pageFeatures li#navFeatures a 		{ background-position:-635px -96px }


/* vertical  Navigation */
#browse ul {margin:0px; padding:0px; position:absolute; top:65px; left:9px;}

#browse li { list-style-type:none }


#browse li a {
	background-image:url(../images/browse.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	list-style-type:none;
	width:173px;
	height:33px;
	display:block;
	outline:none 
}

#browse li a.item1 {background-position:0px 0px;}
#browse li a:hover.item1 {background-position:0px -264px;}
body#pageOrchestral li a.item1 {background-position:0 -264px;}

#browse li a.item2 {background-position:0px -33px;}
#browse li a:hover.item2 {background-position:0px -297px;}
body#pageChamber li a.item2 {background-position:0 -297px;}

#browse li a.item3 {background-position:0px -66px;}
#browse li a:hover.item3 {background-position:0px -330px;}
body#pageInstrumental li a.item3 {background-position:0 -330px;}

#browse li a.item4 {background-position:0px -99px;}
#browse li a:hover.item4 {background-position:0px -363px;}
body#pageChoral li a.item4 {background-position:0 -363px;}

#browse li a.item5 {background-position:0px -132px;}
#browse li a:hover.item5 {background-position:0px -396px;}
body#pageOpera li a.item5 {background-position:0 -396px;}

#browse li a.item6 {background-position:0px -165px;}
#browse li a:hover.item6 {background-position:0px -429px;}
body#pageLabel li a.item6 {background-position:0 -429px;}

#browse li a.item7 {background-position:0px -198px;}
#browse li a:hover.item7 {background-position:0px -462px;}
body#pageDVD li a.item7 {background-position:0 -462px;}

#browse li a.item8 {background-position:0px -231px;}
#browse li a:hover.item8 {background-position:0px -495px;}
body#pageView li a.item8 {background-position:0 -495px;}


/* Horizonal footer Navigation */
#footer_bg{width:100%; background-image:url(../images/footerbg.gif); background-repeat:repeat-x; height:100px; margin:0px; padding:0px;}

#footer{width:980px;margin-left:auto;margin-right:auto;padding:0px; margin-bottom:0px; position:relative}

#footernav{position:absolute;
 /*this needs to sit above the container so the links are visible*/
top:20px;left:0px;

}



#footernav ul{
margin:0;padding:0;
}



#footernav li{
float:left;
padding:0;margin:0;
background:none;
list-style-type: none;
}



#footernav li a{
color:#fff;
font-size: 11px;
border-right:1px solid #fff;
padding:0 5px;
text-decoration:none;
text-transform:uppercase
}

#footernav li a.last{border-right:none;}

#footernav li a:hover{color:#C65454;}

.wlp_logo{background:url(../images/wlp.gif) no-repeat 130px 0px; padding:0px 100px 0px 0px; margin:20px 0px 0px 0px; float:right; color:#FFF; text-decoration:none; font-size:11px}

#title {
	font-size: 11px;
	color: #668db5;
	padding: 0px 0px 0px 0px;
	margin:0px;
	text-align:left
}

#track {
	font-size: 11px;
	color: #7d7d7d;
	padding: 0px 0px 0px 0px;
	margin:0px;
	text-align:left
}


#title span {
color:#757462;
float:left;
font-size:0.9em;
text-transform:uppercase;
}


 /*Tables*/


table#ncrtable{margin:0px 0px 0px 20px; padding:20px; color:#4e4f43; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size:12px; width:725px;}
table#ncrtable td {
	padding:6px 6px 6px 8px;
	border-bottom:1px solid #ffffff;
}

table#ncrtable td a{ color:#84a7cb; text-decoration:none}

table#ncrtable td a:hover {color: #25456b;}
	
table#ncrtable tr.header {
	text-transform: uppercase;	
}
table#ncrtable tr.header td {
	padding:8px 8px 8px 8px;
	border-right:1px solid #ffffff;
	background-color:#bbd1e8;
	color:#FFF;
}	
table#ncrtable tr.row td {
	background:#f1f5f4;
	border-right:1px solid #ffffff;
	vertical-align:top;
}
table#ncrtable tr.row2 td {
	background:#fbfdfc;
	border-right:1px solid #ffffff;
	vertical-align:top;
}
table#ncrtable tr.row td.none, table#ncrtable tr.row2 td.none {
	border-right:none;
}


.chart_date{color:#496D91;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
font-size:11px;
position:absolute;
top:70px;
left:70px;
}