/*
	4th CSS revision by Carst van der Molen
 	April 2006
-------------------------------------------- 
*/

/*
	GENERAL LAYOUT
-------------------------------------------- 
*/

body				{	margin: 0; padding: 20px; background: #5f6364 url(../images/bg.gif) repeat-x;
						color: #fff; font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; }

*					{	margin: 0; padding: 0; border: 0; }

.fir span			{	display: none; }

#container			{ 	margin: 20px auto 40px auto; width: 760px; text-align: center; }

#counter			{	display: none; }

img					{	border: 0; }

div					{	font-weight: normal; }

/*
	header
-------------------------------------------- 
*/

#header				{	margin: 0 auto 0 auto; width: 760px; height: auto; text-align: center; }
#header #left_cap	{	float: left; width: 10px; height: 80px; background: url(../images/header_left.gif) no-repeat; }
#header #right_cap	{	float: left; width: 10px; height: 80px; background: url(../images/header_right.gif) no-repeat; }
#nav				{	float: left; width: 740px; height: 80px; background: url(../images/header_bg.gif) repeat-x; }
#logo				{	margin: 10px 0 0 0; text-align: left; }
#menu_cart			{	float: right; margin: -60px 5px 0 0; }

/* menu */

#menu				{	float: right; margin-top: -22px; }
#menu ul			{ 	float: left; margin: 0; padding: 0; list-style: none; }
#menu li			{ 	float: left;  }
#menu a,
#menu .selected		{	margin: 0 5px 0 20px; }

#header a,
#header .selected	{	display: block; background-repeat: no-repeat; }


/* submenu */

#submenu			{	clear: both; margin: 2px 10px 0 10px; width: 740px; height: 20px; padding-top: 3px;
						font-size: 10px; text-align: right; }
#submenu a			{	display: inline; }


/*
	GLOBAL CONTENT LAYOUT
-------------------------------------------- 
*/

#content			{	margin: 0 auto 0 auto; width: 760px; height: auto; }


/* home page */

.home1				{	float: left; margin-left: 0; width: 249px; height: 100%; overflow: hidden; background: #000; }
.home2				{	float: left; margin-left: 1px; width: 249px; height: 100%; overflow: hidden; background: #000; }
.home3				{	float: right; margin: 0 0 0 1px; width: 260px; height: 100%; overflow: hidden; background: #000; }
.home3 form			{	float: right; margin-left: 50px; }
.home3 input		{	width: 125px; height: 15px; margin: 5px 10px 5px 0; color: #999; font-weight: bold; }

#home #sub			{	float: left; }
#home #tabs			{	float: left; margin: 15px 0 0 0; }


/* context column */

#context			{	background-color: #000; float: left; width: 249px; height: 100%; overflow: hidden; }

#context .header	{	display: block; font-size: 12px; font-weight: bolder; height: 15px; }

.filler				{	display: none; background: #000; height: 10%;
						/* Hide from IE Mac \*/ 
						height: 100%;
						/* End Hide */ }


/* page tabs */

.tab a,
.tab .selected		{	display: block; height: 30px; background-repeat: no-repeat; background-position: 12px 7px; }
.tab a:link,
.tab a:visited		{	background-color: #d00; }
.tab a:hover,
.tab a:active,
.tab .selected		{	background-color: #d00; }

.tab span 			{	display: none; }

#news .tab a:link,
#news .tab a:visited 	{	background-image: url(../images/tabs/news-en.gif); }
#news .tab a:hover,
#news .tab a:active,
#news .tab .selected 	{	background-image: url(../images/tabs/news-en-over.gif); }
#cds .tab a:link,
#cds .tab a:visited 	{	background-image: url(../images/tabs/cds-en.gif); }
#cds .tab a:hover,
#cds .tab a:active,
#cds .tab .selected 	{	background-image: url(../images/tabs/cds-en-over.gif); }
#latest .tab a:link,
#latest .tab a:visited 	{	background-image: url(../images/tabs/latest-en.gif); }
#latest .tab a:hover,
#latest .tab a:active 	{	background-image: url(../images/tabs/latest-en-over.gif); }
#artists .tab a:link,
#artists .tab a:visited {	background-image: url(../images/tabs/artists-en.gif); }
#artists .tab a:hover,
#artists .tab a:active,
#artists .tab .selected {	background-image: url(../images/tabs/artists-en-over.gif); }
#concerts .tab a:link,
#concerts .tab a:visited {	background-image: url(../images/tabs/concerts-en.gif); }
#concerts .tab a:hover,
#concerts .tab a:active,
#concerts .tab .selected {	background-image: url(../images/tabs/concerts-en-over.gif); }
#merchandise .tab a:link,
#merchandise .tab a:visited {	background-image: url(../images/tabs/merchandise-en.gif); }
#merchandise .tab a:hover,
#merchandise .tab a:active,
#merchandise .tab .selected {	background-image: url(../images/tabs/merchandise-en-over.gif); }
#links .tab a:link,
#links .tab a:visited 	{	background-image: url(../images/tabs/links-en.gif); }
#links .tab a:hover,
#links .tab a:active,
#links .tab .selected	{	background-image: url(../images/tabs/links-en-over.gif); }

#cart .tab a:link,
#cart .tab a:visited	{	background-image: url(../images/tabs/cart-en.gif); }
#cart .tab a:hover,
#cart .tab a:active,
#cart .tab .selected	{	background-image: url(../images/tabs/cart-en-over.gif); }
#cart_checkout .tab .selected {	background-image: url(../images/tabs/cart_checkout-en-over.gif); }
#cart_checkout_verify .tab .selected {	background-image: url(../images/tabs/cart_checkout_verify-en-over.gif); }
#cart_checkout_done .tab .selected {	background-image: url(../images/tabs/cart_checkout_done-en-over.gif); }


/*
	main content
-------------------------------------------- 
*/

#main				{	float: left; margin-left: 1px; width: 510px; height: 100%; }

#top_cap			{	float: left; margin: 0; width: 510px; height: 10px;
						/* Hide from IE Mac \*/ margin: 0; /* End Hide */ }
#top_cap #top 		{	float: left; padding: 0; width: 500px; height: 10px; }
#top_cap #top_right	{	float: right; width: 10px; height: 10px; }

#news #top_right		{	background: url(../images/contentbgs/news_top_right.gif); }
#cds #top_right			{	background: url(../images/contentbgs/cds_top_right.gif); }
#artists #top_right		{	background: url(../images/contentbgs/artists_top_right.gif); }
#concerts #top_right	{	background: transparent url(../images/contentbgs/concerts_top_right.gif); }
#merchandise #top_right	{	background: url(../images/contentbgs/merchandise_top_right.gif); }
#cart #top_right, 
#cart_checkout #top_right, 
#cart_checkout_verify #top_right,
#cart_checkout_done #top_right {	background: url(../images/contentbgs/cart_top_right.gif); }

#main #flow			{	float: right; background-position: 0 -10px; width: 485px; padding-top: 0;
						/* Hide from IE Mac \*/ float: left; margin-top: 0; /* End Hide */ } 

#main #column1		{	float: left; margin-left: 0; width: 200px; height: 100%; 
						/* Hide from IE Mac \*/ width: 202px; /* End Hide */ } 

#main #column2		{	float: left; margin-left: 20px; width: 262px; height: 100%; }

#artists #column1	{	width: 302px; }
#artists #column2	{	width: 150px; position: relative; top: 46px; }


/*
	SECTION COLOR CODING
----------------------------
*/

.news,
.cds,
.artists,
.concerts,
.merchandise,
.links,
.cart				{	background-color: #000; background-repeat: repeat-x; padding: 10px 10px 10px 15px; }

.news				{	background-image: url(../images/contentbgs/news_contentbg.gif);  }
.cds				{	background-image: url(../images/contentbgs/cds_contentbg.gif); }
.artists			{	background-image: url(../images/contentbgs/artists_contentbg.gif); }
.concerts			{	background-image: url(../images/contentbgs/concerts_contentbg.gif); }
.merchandise		{	background-image: url(../images/contentbgs/merchandise_contentbg.gif); }
.links				{	background-image: url(../images/contentbgs/links_contentbg.gif); }
.cart				{	background: #000; }


/*
	footer
----------------------------
*/

#footer				{	clear: both; width: 760px; height: 10px; }
#footer #btm_left	{	float: left; background: url(../images/contentbgs/main_btm_left.gif) no-repeat;
						width: 10px; height: 10px; }
#footer #btm		{	float: left; background: #000; width: 740px; height: 10px; }
#footer #btm_right	{	float: left; background: url(../images/contentbgs/main_btm_right.gif) no-repeat;
						width: 10px; height: 10px; }

#copyright			{	float: left; margin-top: 0; color: #000; font-size: 9px; text-align: left;  }


/* tabular views */

table				{	margin: 0; padding: 0; border: 0; border-collapse: collapse; }
table.main			{	width: 485px; }
td					{	vertical-align: top; padding: 0; width: auto; }

.column_gap			{	display: block; width: 25px; }
.row_gap			{	display: block; height: 25px; }


/* text */

a					{	font-weight: bold; text-decoration: none; }
a:link, a:visited	{	color: #cdaa6f; }
a:hover, a:active	{	color: #ccc000; }

.extra				{	background: transparent; color: #333; text-align: left; }
.extra a:link,
.extra a:visited	{	color: #600; }
.extra a:hover,
.extra a:active		{	color: #ccc000; }

.h1 				{	font-weight: bold; font-size: 14px; line-height: 18px; }
.articleheader		{	font-size: 11px; line-height: 14px; }
.small				{	font-size: 10px; line-height: 14px; }
.verysmall			{	font-size: 9px; line-height: 14px; }

.caption			{	display: block; width: 300px; margin-top: 0px; font-size: 10px; line-height: 14px; }
.more				{	display: inline; white-space: nowrap; }

.langchoice			{	margin: 0; padding-top: 5px; font-size: 11px; }



/*
	PRODUCT DISPLAY
----------------------------
*/

.product			{	display: block; margin: 0 25px 25px 0; width: 205px;
						/* Hide from Mac IE \*/ width: 215px; /* End Hide */ }

#home .product		{ 	width: 215px; 
						/* Hide from Mac IE \*/ width: 230px; /* End Hide */ }
#artists #main .product	{	width: 110px; }

/* thumb images */

.thumb				{	display: block; width: 75px; }
.thumb a			{	display: block; width: 65px; height: 65px; border: 1px dotted; margin: 0 10px 5px 0; }
.thumb img			{	width: 65px; height: 65px; }
.thumb a img		{	margin: 0; }

.thumb a:link,
.thumb a:visited	{	border-color: #666; }
.thumb a:hover,
.thumb a:active		{	border-color: #ccc; opacity: 0.75; }

.artists .thumb img	{	width: 100px; height: auto; margin: 0; }
.artists .thumb a	{	width: 100px; height: auto; margin: 5px 10px 5px 0; }

/* detail images */

.detail				{	float: right; }
img.detail			{	border: 1px dotted #333; margin: 0; height: auto; }

.cds img.detail		{	width: 200px; }
.artists img.detail	{	width: 300px; margin-bottom: 20px; }

.merchandise img.detail	{	width: 200px; }


.cat_no				{	display: block; margin: 0 20px 0 10px; text-align: left;
						font-size: 9px; font-weight: bold; text-transform: uppercase; line-height: 13px; }
#column1 .cat_no	{	display: inline; margin: 0 0 5px 0; font-size: 10px; line-height: 15px; }

.price				{	font-size: 10px; line-height: 13px; }
.price div			{	float: left; }
.price a			{	display: block; margin-left: 5px; width: 55px; height: 13px; }

.price a:link,
.price a:visited	{	background: url(../images/shop/buttons/addtocart.gif); }
.price a:hover,
.price a:active		{	background: url(../images/shop/buttons/addtocart-over.gif); }

.genre				{	font-size: 10px; line-height: 14px; font-weight: bold; color: #ccc; }
.released			{	display: block; margin-top: 5px; font-size: 10px; text-align: right; }

.credits			{	position: relative; display: block; top: -20px; font-size: 10px; text-align: right; }

.lineup				{	font-size: 10px; line-height: 16px; }

.tracks				{	font-size: 11px; line-height: 18px; }
.number				{	clear: both; float: left; display: block; width: 15px; text-align: right; margin-right: 10px; } 
.track				{	float: left; display: block; width: 200px; }
.composer			{	margin-left: 10px; font-size: 9px; line-height: 14px; font-weight: bold; }
.mp3player			{	float: right; margin-left: 5px; margin-top: 4px; }

.sortwidget			{	display: block; margin-bottom: 20px; height: 20px;
						font-size: 10px; font-weight: bolder; text-transform: lowercase; text-align: right; }

.date				{	font-size: 14px; line-height: 18px; }
.city				{	font-size: 14px; line-height: 18px; }



/*
	SHOP
----------------------------
*/

.cartdivider		{	display: block; margin: 10px 0 10px 0; width: 475px; border-top: 1px dotted #fff; }
.cart .price		{	font-size: 11px; }

.cart .thumb		{	width: 50px; }
.cart .thumb img	{	width: 40px; height: 40px; margin: 0; padding: 0; }
.cart .thumb a		{	width: 40px; height: 40px; padding: 0; }

input				{	height: 15px; line-height: 15px; padding: 2px;
						font-family: Arial, sans-serif; font-size: 10px; font-weight: bold; }

#buttons			{	display: block; width: 480px; margin-top: 15px; vertical-align: bottom; }
#continue			{	float: left; display: block; height: 15px; }
#checkout			{	float: right; display: block; height: 15px; }

.button				{	color: #d00; font-size: 9px; line-height: 14px; margin: 0; padding: 0; }

.error				{	color: #d00; }

.choice 			{	vertical-align: middle; height: 35px; padding: 2px; } 
.choice.top_left	{	background: #630 url(../images/shop/choice_top_left.gif) top left no-repeat;
						text-align: right; } 
.choice.top_right	{	background: #630 url(../images/shop/choice_top_right.gif) top right no-repeat;
						text-align: center; } 
.choice.btm_left	{	background: #630 url(../images/shop/choice_btm_left.gif) bottom left no-repeat;
						text-align: right; } 
.choice.btm_right	{	background: #630 url(../images/shop/choice_btm_right.gif) bottom right no-repeat;
						text-align: center; } 
.choice input		{	margin-left: 5px; background: #630; }

#status				{	width: 475px; height: 50px; }
#cart_checkout #status					{	background: url(../images/shop/checkout_status-shipping.gif); }
#cart_checkout #status .paypal			{	background: url(../images/shop/checkout_status-shipping_paypal.gif); }
#cart_checkout_verify #status			{	background: url(../images/shop/checkout_status-verify.gif); }
#cart_checkout_verify #status .paypal	{	background: url(../images/shop/checkout_status-verify_paypal.gif); }
#cart_checkout_done #status				{	background: url(../images/shop/checkout_status-done.gif); }
#cart_checkout_done #status .paypal		{	background: url(../images/shop/checkout_status-done_paypal.gif); }


/*
	MARKETING
----------------------------
*/

#design				{	float: right; font-family: Arial, sans-serif; font-size: 9px; color: #000; }
#design	.name		{	float: left; height: 10px; margin: 0 5px 0 0; }
#design a			{	float: left; height: 10px; margin: 3px 0 0 0;
						font-size: 15px; font-weight: bold; text-decoration: none; }
#design a:link,
#design a:visited	{	color: #f04; }
#design a:hover,
#design a:active	{	color: #fff; }