#mainpage-banner{
left: 871px;
position: absolute;
top: 6px;
}

#mainpage-iframe{
left: 871px;
position: absolute;
top: 6px;
}

#error{
}

#right_flash1{
left: 871px;
position: absolute;
top: 362px;
}

.mini{
width: 150px;
margin: 0px;
}

.auto{
width: auto;
margin: 0px;
}

.right-cell
{
float: right;
margin: 0px;
}

.left-cell
{
float: left;
margin: 0px;
clear: none;
}

.middle-cell{
	display: inline;
	padding: 5px;
	margin: 0px;
	clear: right;
}

.bottom-cell
{
margin-bottom: 10px;
float: left;
clear: both;
}

.top-cell
{
margin-bottom: 5px;
float: left;
clear: both;
}

/* css reset to ensure cross-browser consistent positioning */
html { margin:0; padding:0; background:#3fbd4b url(../pix/body_bg.gif) top left repeat-x; text-align:left; font-family:arial,sans-serif; font-size:62.5%; color:#000; }
html * { margin: 0; padding: 0; border: 0; text-align: left; line-height:1.3em;}
body { margin:0; *margin-top: 10px; padding:0; position:relative; }
li { list-style: none; }
a img, :link img, :visited img { border: 0; }
form { display:inline; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; line-height: 1; text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }

/* setting the zero coordinate of IE and other browsers to the same spot */
#wrapper { position:relative; }
input.text { padding-left: 5px;}
input.password { padding-left: 5px;}
/* some general styles that apply to the whole site */
a { text-decoration: none; color:#01872d; outline: none;}
a:active { outline: none; }
a:hover { text-decoration: underline; }
a span, button span { display:none; } /* span inside link/button marks text for image replacement */
.accessibility { display:none; } /* assisting text items for non-visual browsing */

/* TOP BRANDING AREA WITH HELP NAVIGATION positioned relatively, ensures that the content area apears exactly below it */
#branding { position:relative; margin:11px 0 0 12px; width:851px; height:62px; background:url(../pix/branding_bg.gif) top left no-repeat; }
	/* logo is positioned absolutely to make its position independent from the help navigation */
	#branding h1 { position:absolute; top:2px; left:2px; }
	#branding ul { padding:14px 0 0 170px; height:28px; }
		/* help navigation as floated list */
		#branding li { display:block; float:left; height:28px; }
			#branding li a { display:block; height:28px; margin-left:1px; }
			#branding li a:hover { background-image:url(../pix/branding_bg.gif); background-repeat:no-repeat; }
			#branding li#help_faq { width:59px; margin-left:19px; *margin-left:38px; }
			#branding li#help_faq a:hover { background-position:-190px -76px; }
			#branding li#help_terms { width:100px; }
			#branding li#help_terms a:hover { background-position:-249px -76px; }
			#branding li#help_feedback { width:79px; }
			#branding li#help_feedback a:hover { background-position:-349px -76px; }
			#branding li#help_contact { width:85px; }
			#branding li#help_contact a:hover { background-position:-428px -76px; }
			#branding li#help_kanava a { display:block; position:absolute; left:755px; top:18px; width:90px; height:35px; color:white; }
			#branding li#help_kanava a:hover { background:none; }
			#branding li#help_kanava a span { display:block; font-size:1.1em; margin:19px 0 0 2px;}

/* LEFT NAVIGATION BAR positioned absolutely */
#navi { position:absolute; top:61px; left:12px; width:159px; }
	#navi .naviElement { background-color: white; padding-bottom: 12px; }
	/* section headlines replaced with images */
	#navi h3 { margin-left:12px; width:147px; height:23px; background:url(../pix/navi_bg.gif) 0 0 no-repeat; }
	#navi h3#navi_search { height:24px; }
	#navi h3#navi_genre { background-position:-294px 0; }
	#navi h3#navi_quicklinks { background-position:-441px 0; }
		#navi h3 span { display:none; }
	/* search form */
	#navi form.navi { display:block; height:11.8em; width:147px; margin:0 0 0 12px; background:#47c653 url(../pix/navi_bg.gif) -147px 0 no-repeat; }
		#navi form.navi div.buttons { position: relative; margin-left: 10px; width: 126px; }
		#navi form.navi select, #navi form input.text { border:1px solid black; margin:9px 0 0 8px; width:128px; }	
		#navi form.navi button { float: right; width:44px; height:23px; margin-top: 3px; background:url(../pix/buttons.gif) -435px 0 no-repeat; }
		#navi form.navi button:hover { background-position:-435px -25px; }
		#navi form.navi input { padding-left: 5px; }
		#navi form.navi a.artistList { float: left; margin-top: 10px; color: white }
		#navi form.navi a.help { float: right; margin: 7px 4px 0 0; width: 16px; height: 15px; background:transparent url(../pix/helpbutton.png) 0 0 no-repeat; }
		#navi form.navi a.help:hover { background: transparent url(../pix/helpbutton_hover.png) 0 0 no-repeat; }
	/* navigation lists, same markup for both "genre" and "quicklinks"; active item bolded */
	#navi ul.navi { margin-left:12px; border:solid 1px #6cd175; border-top:none; padding:10px 0;  width:145px; *width:147px; overflow:hidden; }
		#navi ul.navi li { font-size:1.2em; margin-left:7px; width:130px; }
			#navi ul.navi li a { display:block; width:130px; }
			#navi ul.navi li.active a { font-weight:bold; }
	/* ad for bonus program */
	#navi p#navi_bonus { margin: 0 0 12px 12px; }

/* CONTENT AREA positioned relative, with according margin on the left to allow for navigation overlay */
#main-content {
	width:673px;
	*width:692px;
	background:white;
	margin-left:171px;
	padding-left:19px;
	*padding-left:20px;
	min-height:1000px;
}
	/* general style for all tables used in content area */
	#main-content table { width:654px; font-size:1.2em; }
		#main-content tr { height:26px; }
			#main-content th { height:27px; height:17px; padding:6px 0 0 9px; font-weight:bold; background-position:top right; background-repeat:no-repeat; }
			#main-content th.first { background-position:top left; }
			#main-content td { padding-left: 6px; border-top-width:1px; border-top-style:solid; border-color:white;}
				#main-content td a { }
				#main-content td a.listen { display:block; float:left; height:21px;width:22px; }
				#main-content td a.buy {  display:block; float:left; height:21px;width:51px; }
				
		/* to style Jatka button in popupPayment.jsp */
		#main-content #popupPaymentMainTable input {padding-top: -50px; z-index:222; width:48px; height:23px; background:url(../pix/buttons.gif) -995px 0 no-repeat; }
				
	/* breadcrumb navigation */
	#breadcrumbs { width:654px; font-size:1.2em; margin-bottom: 1em; }
		#breadcrumbs a { color:#787878; padding-right:12px; background:url(../pix/content_breadcrumbs_divider.gif) center right no-repeat; }
	/* alphabetic search navigation (NB: padding values have to be adopted according to the <a> items being in one line or separated by line breaks!) */
	#searchartist { width:654px; margin-bottom:1.6em; }
		#searchartist p { font-size:1.2em; margin-bottom:.5em; }
		#searchartist p#searchartist_bar { width:648px; height:23px; padding-left:6px; background:url(../pix/content_searchartist_bg.gif) top left no-repeat; }
			#searchartist a { display:block;float:left;color:#64460d; height:20px; padding:3px 7px 0 7px; font-weight:bold; text-transform:uppercase; background:transparent url(../pix/content_searchartist_divide.gif) right 6px no-repeat; }
			#searchartist a.active { background:url(../pix/content_searchartist_active.gif) top right no-repeat; }
			#searchartist a.last { padding-right:0; background:none; }
	/* main teaser id can be used for both a full-width teaser or two teasers (wide + narrow) */
	#mainteaser { width:672px; padding-bottom:24px; }
		#mainteaser a { display:block; float:left; padding-right:12px; }
		#mainteaser.frontteaser a { display:block; float:left; padding-right:10px; }
	/* artist name displayed on top of the artist page */
	h2#artistname { width:654px; margin-bottom:1em; font-size:1.8em; font-weight:normal; color:black; }
	/* box with three items in a row: full width headline and floated list elements */
	.promotes { width:667px; margin-bottom:2em; }
	#artistpromote { background:url(../pix/content_artistpromotes_bg.gif) top left no-repeat; }
		#artistpromote a { color:black; }
		.promotes h2 { display:block; height:21px; width:645px; padding:6px 0 0 9px; margin-bottom:1.5em; font-size:1.2em; font-weight:bold; color:white; background:url(../pix/content_title_bg.gif) top left no-repeat; }
		#artistpromote h2 { height:23px; padding-top:8px; color:black; background:none; }
		.promotes ul { height:11em; }
			.promotes li { display:block; float:left; width:210px; height:100px; padding-right:12px; position:relative; }
				.promotes h3, .promotes p { margin-left:100px; width:100px; font-size:1.2em; }
				.promotes img.thumb { position:absolute; top:0; left:9px; }
				.promotes a.buy { position:absolute; bottom:3px; left:100px; margin-bottom:10px; width:48px; height:22px; background:url(../pix/buttons.gif) -1785px 0 no-repeat; }
				.promotes a.buy:hover { background-position:-1785px -25px; }
				#artistpromote a.buy { background-position:-1785px 0; }
				#artistpromote a.buy:hover { background-position:-1785px -25px; }
		.promotes .showmore {text-align: right; clear: both; padding: 0 17px 3px 0;}
	#artistpromotesmall { background:url(../pix/content_artistpromotes_bg.gif) top left no-repeat; }
		#artistpromotesmall a { color:black; }
		#artistpromotesmall h2 { height:23px; padding-top:8px; color:black; background:none; }
		#artistpromotesmall.thumbs ul {padding-bottom: 0px; padding-left: 10px; width: 494px;}
		#artistpromotesmall.thumbs li {padding-right: 22px;}
		#artistpromotesmall.thumbs {float: none;}
	/* box with four items in a row, using 2/3 of the content area (used e.g. in front page); n.b. all items have the same margin to the right, which makes the container bigger than the visual grid */
	.thumbs {*width:426px; width:444px; float:left; }
		.thumbs h2 { display:block; height:21px; width:423px; *width:423px; padding:6px 0 0 9px; *padding:2px 0 0 9px; font-size:1.2em; font-weight:bold; color:white; background:url(../pix/content_title_bg.gif) top left no-repeat; }
		.thumbs ul {*width:426px; width:444px; padding:20px 0 17px; }
			.thumbs li { display:block; float:left; width:99px; padding:0 12px 20px 0; }
				.thumbs img { margin-left:8px; }
				.thumbs h3, .thumbs p { font-size:1.2em; text-align:center; }
				.thumbs h3 { font-weight:bold; }
				.thumbs li a { color:black; }
		table#artistlist { width:432px; margin-bottom:2em; }
			table#artistlist th { color:white; background-image:url(../pix/content_title_bg.gif); }
			table#artistlist td { background:#e1ffd6; border-color:#87cf92; }
			table#artistlist tr:hover td { background:#a3e8a2; }
				table#artistlist td a { display:inline; float:none; width:auto; height:auto; margin:0; position:relative; }	
	/* listing of top10 titles, to be floated next to the thumbs box(es) */
	.top10 { width:210px; float:right; padding-right:19; *padding-right:18; }
		.top10 h2 { display:block; height:21px; width:201px; padding:6px 0 0 9px; *width:210px; *padding:2px 0 0 9px; font-size:1.2em; font-weight:bold; color:white; background:url(../pix/content_title_bg.gif) top left no-repeat; }
		.top10 ul { width:210px; background:#e1ffd6; }
			.top10 li { display:block; width:210px; border-top:1px solid #87cf92; position:relative; padding:10px 0; *margin-bottom: -3px}
			.top10 li:hover, .top10 li.over { background:#a3e8a2; }
				.top10 h3, .top10 p { font-size:1.2em; width:201px; padding-left:9px; }
				.top10 h3 { font-weight:bold; width:150px;}
				.top10 p.listenall { padding:6px 6px 3px; width:198px; background:#a3e8a2; }
					.top10 p.listenall a { display:block; width:68px; height:23px; margin-left:130px; background:url(../pix/buttons.gif) -360px 0 no-repeat; }
					.top10 p.listenall a:hover { background-position:-360px -25px; }
				.top10 li a.listen { position:absolute; top:41px; right:60px; width:20px; height:19px; background:url(../pix/buttons.gif) -25px 0 no-repeat; }
				.top10 li a.listen:hover { background-position:-25px -25px; }
				.top10 li:hover a.listen, .top10 li.over a.listen { background-position:0 0; }
				.top10 li:hover a.listen:hover, .top10 li.over a.listen:hover { background-position:0 -25px; }
				.top10 li a.buy { position:absolute; top:40px; right:6px; width:50px; height:21px; background:url(../pix/buttons.gif) -1330px 0 no-repeat; }
				.top10 li a.buy:hover { background-position:-1330px -25px; }
				.top10 li:hover a.buy, .top10 li.over a.buy { background-position:-1330px 0; }
				.top10 li:hover a.buy:hover, .top10 li.over a.buy:hover { background-position:-1330px -25px; }
				.top10 li a.product { color: black; }
	/* header for album page, includes big cover image and information text ("buy" button, links and voting module positioned absolutely) */
	#albumfacts { position:relative; width: 654px;}
		#albumfacts #albumDetails {margin-left: 160px; width: 494px;}
		#albumfacts #albumDetails .albumSummary {width: 100%;}
		#albumfacts #albumDetails .albumSummary td {vertical-align: top;}
		#albumfacts #albumDetails .albumSummary td.albumInfo {padding: 0; width: 160px; font-size: 11px;}
		#albumfacts #albumDetails .albumSummary td.formatInfo {padding: 0 10px; width: 190px; border-left: 1px dashed #F2CF45; border-right: 1px dashed #F2CF45;}
		#albumfacts #albumDetails .albumSummary td.formatInfo .formatIcon {float: left; margin-top: 5px;}
		#albumfacts #albumDetails .albumSummary td.formatInfo p {margin-left: 45px; font-size: 11px; }
		#albumfacts #albumDetails .albumSummary td.rating {font-size: 12px;}
		#albumfacts img#thumb { position:absolute; top:0px; left:0; }
		#albumfacts h2, #albumfacts p, #albumfacts ul {}
		#albumfacts h2 { font-size:1.8em; font-weight:normal; color:black; margin-bottom:1em; }
		#albumfacts p { font-size:1.2em; color:black; }
		#albumfacts p#albumfacts_price { display:block; height:18px; padding:3px 0 0 12px; margin-bottom:1em; background-color: #F2CF45; -moz-border-radius-topleft: 4px;}
		#albumfacts p#albumfacts_buy { margin-left:0px; position: relative; /* must be relative to position basket popup correct in IE */ }
			#albumfacts p#albumfacts_buy a { display:block; width:85px; height:23px; background:url(../pix/buttons.gif) -485px 0 no-repeat; }
			#albumfacts p#albumfacts_buy a:hover { background-position:-485px -25px; }
		#albumfacts p.vote { position:absolute; right:0; bottom:20px; }
		#albumfacts ul { margin-top:.3em; }
		#albumfacts ul#albumfacts_links { position:absolute; top:7em; right:0; margin:0; }
			#albumfacts li { font-size:11px; }
			#albumfacts ul#albumfacts_links li { text-align:right; padding-bottom:.3em; }
	/* table with songs, incl. img buttons for "listen" and "buy" (based on general style for content area tables defined earlier) */
	.songs { margin-bottom:2em; }
		.songs th { color:white; background-image:url(../pix/content_title_bg.gif); }
		.songs td { background:#e1ffd6; border-color:#87cf92; padding-top: 5px; padding-bottom: 5px;*padding-bottom:0px;*padding-top:0px;*margin-bottom:0px;*margin-top:0px;}
		.songs td.title { width: 160px; }
		.songs td.artist { width: 135px; }
		.songs td.album { width:160px; }
		.songs td.duration { width: 50px; }
		.songs td.price { width: 50px; }
		.songs td.actions { width:120px;}
		.songs tr:hover td, .songs tr.over td { background:#a3e8a2; }
			.songs td a.listen { background:url(../pix/buttons.gif) -25px 0 no-repeat; }
			.songs td a.listen:hover { background-position:-25px -25px; }
			.songs tr:hover td a.listen, .songs tr.over td a.listen { background-position:0 0; }
			.songs tr:hover td a.listen:hover, .songs tr.over td a.listen:hover  { background-position:0 -25px; }
			.songs td a.buy { background:url(../pix/buttons.gif) -1330px 0 no-repeat; }
			.songs td a.buy:hover { background-position:-1330px -25px; }
			.songs tr:hover td a.buy, .songs tr.over td a.buy { background-position:-1330px 0; }
			.songs tr:hover td a.buy:hover, .songs tr.over td a.buy:hover { background-position:-1330px -25px; }
	/* list of user evaluations, list elements stacked on each other, with the voting module positioned absolutely */
	#testimonials { width:654px; margin-bottom:2em; }
		#testimonials li { display:block; width:654px; position:relative; }
			#testimonials h2 { display:block; height:21px; width:645px; padding:6px 0 0 9px; margin-bottom:1em; font-size:1.2em; font-weight:bold; color:white; background:url(../pix/content_title_bg.gif) top left no-repeat; }
			#testimonials h3, #testimonials p { font-size:1.2em; margin-bottom:.5em; margin-left:10px; }
			#testimonials p.author { color:#707070; }
			#testimonials p.vote { position:absolute; top:0; right:0; }
	/* pages with plain text content (help, faq etc.) - all content placed inside */
	#textpage { width:654px; }
		#textpage h2 { margin-bottom:1em; font-size:1.8em; font-weight:normal; color:black;  }
		#textpage h3 { font-size:1.2em; font-weight:bold; margin: 20px 0px 10px 0px;}
		#textpage h4 { font-size:1.4em; font-weight:bold; margin: 0px 0px 10px 0px;  color: #0d8f38; }
		#textpage p { font-size:1.2em; margin: 0px 0px 10px 0px; }
		
	#textBlock { float: left; width:460px; padding-right: 30px; }
			#textBlock ol { font-size: 12px; margin: 0px 0px 10px 20px; }
			#textBlock ul { font-size: 12px; margin: 0px 0px 10px 20px; }
			#textBlock li { margin-bottom: 5px; }
			#textBlock ul li { list-style-type: disc; }
			#textBlock ol li { list-style-type: decimal; margin-left: 2px;}
			#textBlock .answer { font-size: 12px; }
			#textBlock a { font-size: 12px; text-decoration: underline; line-height: 18px;}
			
	#rightNavigation { float: left; width:160px; padding-top: 10px; }
		#rightNavigation a { font-size: 12px;  }
		
	#formOutlinesPw  {
		float: left;
		width: 196px;
      	border: solid 1px #47c653;
		background-color: #dbf8cd;
     	padding: 20px;
      	margin:0px 0px 0px 0px;		
	}
	
	#formOutlinesFb  {
		float: left;
		width: 400px;
      	border: solid 1px #47c653;
		background-color: #dbf8cd;
     	padding: 20px 20px 0px 20px;
      	margin:0px 0px 0px 0px;		
	}
	
	#formOutlinesFb table, #contactInfo table { width:400px; font-size:1.2em; }
	#formOutlinesFb td, #contactInfo td { padding:0 4px 10px 0; border: none; }
	
	#formOutlinesPw input, #formOutlinesFb input, #formOutlinesFb textarea, #contactInfo input {border:1px solid #aaa;}	
	
	#formOutlinesFb .to { border: none; }
	
	
	#contactInfo {
		float: left;
		width:400px;
		border-left: solid 1px #47c653;
		border-right: solid 1px #47c653;
		border-bottom: solid 1px #47c653;
		background-image:url('../pix/green_outlines.gif');
		background-position:bottom left;
		background-repeat:no-repeat;
		padding: 20px 20px 0px 20px;
	}

	/* table with list of items in the shopping cart */
	#cart { width:654px; }
		#cart h2, #register h2 { margin-bottom:1em; font-size:1.8em; font-weight:normal; color:black; }
		#cart table, #customerdata table { margin-bottom:1em; }
			#cart th, #customerdata th { color:black; background-image:url(../pix/content_cart_bg.gif); }
			#cart td, #customerdata td { background:#f4f4f4; border-color:#c9c9c9; }
			#cart td.actions { width:86px; }
			#cart tr.total td { background:#f1ce45; font-weight:bold; }
			#cart tr:hover td { background:#d7d7d7; }
			#cart tr.total:hover td { background:#f1ce45; }
				#cart td a.listen { background:url(../pix/buttons.gif) -75px 0 no-repeat; }
				#cart td a.listen:hover { background-position:-75px -25px; }
				#cart tr:hover td a.listen { background-position:-50px 0; }
				#cart tr:hover td a.listen:hover { background-position:-50px -25px; }
				#cart td a.remove {float:right; width:50px; height: 20px; background:url(../pix/buttons.gif) -305px 0 no-repeat; }
				#cart td a.remove:hover { background-position:-305px -25px; }
				#cart tr:hover td a.remove { background-position:-250px 0; }
				#cart tr:hover td a.remove:hover { background-position:-250px -25px; }
		/* buttons under the shopping cart table */
		#cart p#cart_options { width:654px; height:20px; position:relative; margin-bottom:2em;}
			#cart p#cart_options a { display:block; height:23px; position:absolute; bottom:0; }
			#cart p#cart_options a.continue { left:0; width:92px; background:url(../pix/buttons.gif) -645px 0 no-repeat; }
			#cart p#cart_options a.continue:hover { background-position:-645px -25px; }
			#cart p#cart_options a.cancel { left:100px; width:114px; background:url(../pix/buttons.gif) -740px 0 no-repeat; }
			#cart p#cart_options a.cancel:hover { background-position:-740px -25px; }
			#cart p#cart_options a.checkout { right:0; width:56px; background:url(../pix/buttons.gif) -1165px 0 no-repeat; }
			#cart p#cart_options a.checkout:hover { background-position:-1165px -25px; }
	/* payment dialogue */
	#steps { width:654px; height:2em; margin-bottom: 1em; }
		#steps li { font-size:1.2em; display:block; float:left; width:140px; color:black; padding:1px 0 0 22px; background:url(../pix/payment_steps.gif) 0 0 no-repeat; }
		#steps li.inactive { color:#787878; background-position:0 -200px; }
		#steps li#steps_2 { background-position:0 -50px; width:160px; }
		#steps li.inactive#steps_2 { background-position:0 -250px; }
		#steps li#steps_3 { background-position:0 -100px; width:90px; }
		#steps li.inactive#steps_3 { background-position:0 -300px; }
		#steps li#steps_4 { background-position:0 -150px; width:65px; }
		#steps li.inactive#steps_4 { background-position:0 -350px; }
		#steps li.active { font-weight:bold; color:black; }
	#customerdata { display:block; width:654px; background:#f4f4f4; padding-top:1em; margin-bottom:2em;}
		#customerdata fieldset { margin-top:1em; padding-bottom:1em; border-bottom:1px solid #c9c9c9; position:relative; }
		#customerdata fieldset#payment_download { border:none; height:2em; }
		#customerdata fieldset#bonus input, #customerdata fieldset#register_confirm input { float:left; }
		#customerdata fieldset#bonus label, #customerdata fieldset#register_confirm label { display:block; margin-left:28px; }
		#customerdata fieldset#register_confirm { border:none; *padding-bottom: 0; }
		#customerdata fieldset#payment_nextstep { border:none; height:6em; }
			#customerdata tr:hover td { background:#d7d7d7; }
			#customerdata select, #customerdata input.text { border:1px solid #878787; width:130px; }
			#customerdata h4, #customerdata p { margin: 0 10px 1em; font-size:1.2em; }
			#customerdata h4 { font-weight:bold; }	
			#customerdata label { font-size:1.2em; }
			#customerdata td label { font-size:1em; }
			#customerdata #payment_code { margin-top:.4em; }
				#customerdata #payment_code label { margin-left:15px; }
				#customerdata #payment_code input { margin-left:45px; }
				#customerdata #payment_code p { margin:.4em 0 1em 15px; font-size:1em; }
			#customerdata p { position:relative; }
			#register #customerdata p {margin-bottom:1em; }
			#customerdata p#payment_final_status { font-weight:bold; color:black; padding:1em 0; }
				#customerdata p label { margin-left:20px; font-size:1em; }
				#customerdata p label.compulsory { margin-left:12px; }
				#customerdata p.customerdata_optin label { margin-left:0; }
				#customerdata p#payment_acceptterms label, #customerdata p#register_acceptterms label { font-weight:bold; }
				#customerdata p select, #customerdata p input.text { position:absolute; top:0; left:200px; }
				#customerdata p#payment_card_cvc input.text { width:60px; }
				#customerdata p#payment_card_cvc a { position:absolute; top:0; left:270px; }
				#customerdata p#payment_card_expiry select.month { width:60px; }
				#customerdata p#payment_card_expiry select.year { width:60px; left:270px; }
				#customerdata p#payment_cancel a { display:block; height:23px; width:128px; background:url(../pix/buttons.gif) -860px 0 no-repeat; }
				#customerdata p#payment_cancel a:hover { background-position:-860px -25px; }
			#customerdata table#payment_card_confirm { width:auto; margin:0 0 1em 20px;}
				#customerdata table#payment_card_confirm td { border:none; padding-right:20px; }
				#customerdata table#payment_card_confirm tr:hover td { background:none; }
				#customerdata table#payment_final_summary tr:hover td { background:none; }
			#customerdata p.total { position:absolute; top:0; right:0; font-size:1.8em; font-weight:normal; }
			#customerdata input.checkbox { margin:1px 5px; *margin-top:0px; }
			#customerdata input.radio { margin:1px 5px; *margin-top:0px; }
			#customerdata input.submit { position:absolute; right:10px; bottom:0; }
			#customerdata button { position:absolute; right:10px; bottom:0; width:56px; height:23px; background:url(../pix/buttons.gif) -618px 0 no-repeat; }
			#customerdata button:hover { background-position:-618px -25px; }
			#customerdata button#payment_next { position:absolute; right:10px; bottom:0; width:48px; height:23px; background:url(../pix/buttons.gif) -995px 0 no-repeat; }
			#customerdata button#payment_next:hover { background-position:-995px -25px; }
			#customerdata input#payment_next { height: 21px; padding-left: 23px; font-size: 12px; font-weight: bold; cursor: pointer; background: transparent url(../pix/button_next.png) scroll left top no-repeat; }
			#customerdata input#payment_next:hover { background: transparent url(../pix/button_next.png) scroll left bottom no-repeat; }
			#customerdata button#payment_pay { position:absolute; right:10px; bottom:0; width:56px; height:23px; background:url(../pix/buttons.gif) -1105px 0 no-repeat; }
			#customerdata button#payment_pay:hover { background-position:-1105px -25px; }
			#customerdata button#register_register { position:relative; float:right; right:10px; width:81px; height:23px; *margin-top: 20px; background:url(../pix/buttons.gif) -1475px 0 no-repeat; }
			#customerdata button#register_register:hover { background-position:-1475px -25px; }
			#customerdata button.update { position:relative; float:right; right:10px; width:53px; height:23px; background:url(../pix/button_update.png) scroll left top no-repeat; }
			#customerdata button.update:hover { background:url(../pix/button_update.png) scroll left bottom no-repeat; }
			#customerdata button.bonus { position:relative; float:right; right:10px; width:73px; height:23px; background:url(../pix/button_bonus.png) scroll left top no-repeat; }
			#customerdata button.bonus:hover { background:url(../pix/button_bonus.png) scroll left bottom no-repeat; }
			#customerdata a#payment_load { display:block; width:50px; height:20px; background:url(../pix/buttons.gif) -1730px 0 no-repeat; }
			#customerdata a#payment_load:hover { background-position:-1730px -25px; }
			#customerdata #payment_bonus { }
				#customerdata #payment_bonus h2 { display:block; height:21px; width:645px; padding:6px 0 0 9px; margin:1.5em 0; font-size:1.2em; font-weight:bold; color:white; background:url(../pix/content_title_bg.gif) top left no-repeat; }
				#customerdata #payment_bonus p { height:4.8em; padding-left:91px; background:url(../pix/payment_bonus.gif) top left no-repeat; }
	#register {}
		#register #customerdata { width: 350px; }
		#register #register_explanation { display:block; width:654px; background:#f4f4f4; padding:1em 0; margin-bottom:2em;}
		#register p { font-size:1.2em; margin-bottom:2em;}
		#register #register_explanation p { margin: 0 10px 1em; }
			#register p#register_identify a { display:block; width:79px; height:23px; background:url(../pix/buttons.gif) -1390px 0 no-repeat;  }
			#register p#register_identify a:hover { background-position:-1390px -25px; }
			
	#accountActivationInfo {}
		#accountActivationInfo h2 { margin-bottom:1em; font-size:1.8em; font-weight:normal; color:black;}
		#accountActivationInfo p { font-size:1.2em; margin-bottom:2em; display:block; width:654px; background:#f4f4f4; padding:1em 0; position:relative;}			

	#searchInfo { font-size:13px; margin-bottom:1em; display:block; width:432px; background:#f4f4f4; padding:1em 0; position:relative;}			

/* RIGHT TOOLBAR positioned absolutely, includes the banner div */
#tools  { width:159px; position:absolute; top:73px; left:863px; }
	#user { padding: 10px 0px 1px 12px; }
		/* the yellow box on top */
		#user_login { width:147px; background:url(../pix/user_bg.gif) bottom right no-repeat; border-top: 1px solid #f1ce45; margin-bottom:10px; }
			#user_login div.error { font-weight: bold; margin: 0px 7px 4px 7px; }
			#user_login h2 { display:block; padding:4px 10px; background:#f1ce45; font-size:1.2em; font-weight:bold; }
			#user_login ul { font-size:1.2em; padding:1em 0; }
			#user_login ul.loginfix { *padding-top:0px; }
				/* login form, is hidden via javascript on page load */
				#user_login form div { margin: 10px 0; }
					#user_login input.password, #user_login input.text         { border:1px solid black; margin:9px 0 0 8px; width:128px; padding-top: 1pt;}
					#user_login input.passwordGrey, #user_login input.textGrey { border:1px solid black; margin:9px 0 0 8px; width:128px; padding-top: 1pt; color:#787878;}
					#user_login button { margin:9px 0 0 7px; width:97px; height:23px; background:url(../pix/buttons.gif) -1225px 0 no-repeat; }
					#user_login button:hover { background-position:-1225px -25px; }
					#user_login ul ul { font-size:1em; margin:-1em 0 -.7em; position:relative; }
				#user_login a { display:block; margin:0 7px; width:133px; }
				#user_login li#user_login_register, #user_login li#user_login_logout { display:block; width:147px; border-top:1px solid #f1ce45; margin-top:7px; padding-top:9px; }
				#user_login li.first_item { *padding-top:5pt; }
		/* the lower yellow box, containing the shopping cart */
		#user_cartinfo { width:147px; background:url(../pix/cart_bg.gif) top left repeat-y; }
			#user_cartinfo h2 { width:147px; height:23px; background:url(../pix/user_bg.gif) -147px 0 no-repeat; }
				#user_cartinfo h2 span { display:none; }
			#user_cartinfo p { margin:10px 7px; font-size:1.2em; }
			#user_cartinfo p.total { font-weight:bold; }
				#user_cartinfo p#user_cartinfo_checkout a { display:block; width:64px; height:23px; background:url(../pix/buttons.gif) -575px 0 no-repeat;  }
				#user_cartinfo p#user_cartinfo_checkout a:hover { background-position:-575px -25px; }
	/* the "green part" of the toolbar, contains 152px wide banners */
	/*
	#banners { background:url(../pix/banners_bg.gif) top left no-repeat; width:159px; padding:9px 0 0 0px; *padding:0px 0 0 0px; }
	#banners a { margin-bottom:8px; }
	*/

/* BOTTOM CONTACT INFORMATION BAR positioned relatively, so it appears on the bottom of the content area */
#contact { width:692px; height:80px; background:white; margin-left:171px; background:url(../pix/contact_bg.gif) bottom left no-repeat; position:relative; }
	#contact ul {padding-top: 40px;}
	#contact ul li { display:block; float:left; margin-top:0.7em; background:url(../pix/contact_divider.gif) center right no-repeat; }
	#contact ul li#contact_copyright { background:none; }
	#contact ul li#contact_prisma { position:absolute; bottom:3px; left:595px; background:none; }
		#contact ul li a { color:#fff; font-size:1.1em; margin:0 10px;}
		#contact ul li#contact_prisma a { display:block; width:80px; height:20px; }

#contact .footerLogo {
	float: right;
	margin: 20px 20px 0 10px;
}
#contact .footerLogo a:hover {text-decoration: none;}
#contact .footerLogo .prismaLogo {display: block; background: transparent url(../pix/footer_logo_prisma.gif) 0 0 no-repeat; width: 204px; height: 40px;}
#contact .footerLogo .abcLogo {display: block; background: transparent url(../pix/footer_logo_abc.gif) 0 0 no-repeat; width: 34px; height: 40px;}
#contact .footerLogo .sokosLogo {display: block; background: transparent url(../pix/footer_logo_sokos.gif) 0 0 no-repeat; width: 40px; height: 40px;}

/* ADDTIONAL "POWERED BY" NOTE below the contact information bar */
#poweredby { width:692px; height:3em; margin-left:171px; margin-top:10px; font-size:1.1em; }
	#poweredby a { color:#fff; }

/* "clearfix", cross-browser compliant clearing of floats */
#main-content, #mainteaser, .thumbs ul {display:inline-block;}
#main-content:after, #mainteaser:after, .thumbs ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* Hide from IE Mac \*/
#main-content, #mainteaser, .thumbs ul { display:block; }
/* End hide from IE Mac */


#searchresult { margin-bottom: 20px; margin-right: 20px; }
#searchresult p { font-size:1.2em; margin-bottom:1.5em; }

#searchresult h2 { margin-bottom:0.5em; font-size:1.8em; font-weight:normal; color:black;  }
#searchresult h3 { font-size:1.2em; font-weight:bold; margin-bottom:1em; }

a.searchhelp { width: 75px; height: 23px; background:transparent url(../pix/helpbuttonbig.png) 0 0 no-repeat; float: right; margin-top: -26px; margin-right: 31px; }
a.searchhelp:hover { background:transparent url(../pix/helpbuttonbig_hover.png) 0 0 no-repeat; }

div.summarylists a { color: #000; }
div.summarylists .header { font-weight: bold; color: #47c653; }
div.summarylists .artist { color: #808080; }
div.summarylists #artistlist { float: left; width: 300px; }
div.summarylists #albumlist { float: right; width: 300px; }

#searchResultTable { margin-bottom: 0px; }
#searchResultTable th { padding: 5px 0 5px 6px; }
#searchResultTable th a { color: #fff; }
#searchResultTable th a.sortDesc { background: transparent url('../pix/sort_desc.gif') no-repeat right 5px; padding-right:15px; }
#searchResultTable th a.sortAsc { background: transparent url('../pix/sort_asc.gif') no-repeat right 5px; padding-right:15px; }

.track_marker { margin-bottom: 20px; }
#track_marker { width: 654px; background-color: #eeffe7; color: #018733; padding-top: 30px; padding-bottom: 30px; text-align: center; }

#senduser { display:block; width:654px; padding:1em 0; margin-bottom:2em;}
#senduser td { padding-left: 6px; border-top-width: none; border-top-style: none;} 
#senduser .main_header {font-size:18px; font-weight:normal; padding-bottom:20px;}
#senduser .main_frame { font-size:12px; background:#f4f4f4;}
#senduser .input_txt {border:1px solid #878787;}
#senduser img {float:right; padding-right:60px;*padding-right: 60px;}
#senduser .login_button {float:right; padding-right: 60px; *padding-right: 60px;} 

.searchresult_albums { margin-bottom:2em; }
.searchresult_albums th { color:white; background-image:url(../pix/content_title_bg.gif); }
.searchresult_albums img { width: 40px; height: 40px;}
.searchresult_albums td { background:#e1ffd6; border-color:#87cf92;}
.searchresult_albums td.actions { width:84px; }
.searchresult_albums td.cover { width:46px; padding-top: 6px; padding-bottom: 6px; }
.searchresult_albums td.albumi { width:300px; padding-top: 8px;}
.searchresult_albums tr:hover td, .searchresult_albums tr.over td { background:#a3e8a2; }
.searchresult_albums td a.listen { background:url(../pix/buttons.gif) -25px 0 no-repeat; }
.searchresult_albums td a.listen:hover { background-position:-25px -25px; }
.searchresult_albums tr:hover td a.listen, .searchresult_albums tr.over td a.listen{ background-position:0 0; }
.searchresult_albums tr:hover td a.listen:hover, .searchresult_albums tr.over td a.listen:hover  { background-position:0 -25px; }
.searchresult_albums td a.buy { background:url(../pix/buttons.gif) -1330px 0 no-repeat; }
.searchresult_albums td a.buy:hover { background-position:-1330px -25px; }
.searchresult_albums tr:hover td a.buy, .searchresult_albums tr.over td a.buy { background-position:-1330px 0; }
.searchresult_albums tr:hover td a.buy:hover, .searchresult_albums tr.over td a.buy:hover { background-position:-1330px -25px; }

table#searchresult_navi { width: 654px; }
table#searchresult_navi td { border-style: none; padding: 0 0 0 0; width: 215px; }
table#searchresult_navi td.center {	text-align: center; }
table#searchresult_navi td a { padding: 0 0 0 0; float: none; height: auto;	line-height: 1; font-weight: normal;}
table#searchresult_navi td a.left { text-align: left; }
table#searchresult_navi td a.right { text-align: right; }

/* ------------------------------------------------------- */
/* --------------------< VERSION 0.2 >-------------------- */
/* ------------------------------------------------------- */

/* the relatively positioned wrapper breaks the layout in IE6, needs some corrective values */
#wrapper { _position:absolute; }
#navi { _top:71px; }
#tools { _top:84px; }

/* auxiliary navigation has a padding problem in IE6 */
#branding ul { _padding-left:151px; }

/* IE6 does not support min-height for the content area */
#main-content { _height:1000px !important; }

	/* various smaller fixes in the content area */
	#payment #payment_code label { _margin-left:23px; }
	#payment #payment_code p { _margin-left:23px; }

/* clearfix-addon to trigger hasLayout in IE6 */
#main-content, #mainteaser, .thumbs ul { _height:1px; }


#albums-small-front-page { clear:right; margin-top:17px; *margin-top:27px;}
#banner3 { margin-top:4px; *margin-top:10px; margin-bottom:20px; *margin-bottom:20px;}
#mainpage-banner {*top: 72px;}

#leftcolumn{
	width: 444px;	
}
#rightcolumn{
	width: 228px;
	
}
.column{
	float: left;
}

.list_wide_header {	
	font-family: Arial, Helvetica;
  	color: #515100;
	line-height: 21px;
	font-size: 18px;
	padding-left: 10px;
	padding-top: 6px;
	padding-bottom: 2px;
	font-weight: bold;
	background: #CCD699;
	border-top: solid 1px #999900;
	border-left: solid 1px #999900;
	border-right: solid 1px #999900;
}
.list_wide_frame {
   border: 1px solid #9C9C00;
}
#couponCodeId {
	margin: 10 0 10 4 ;
	
}
#cupon_confirm_div {
	font-size: 13;
	margin-left: 15;
	position: relative;
	top: -15;
}
#mainpage-iframe{
*top: 192px;
}
#mainpage-banner {
*top: 62px;
}
#link_forgotPassword { padding: 10 0 5 0; }

#step1{
width: 640px;
}


/* Regsiter user style */

#register_header h2 {
font-size:18px;
font-weight:normal;
padding-bottom:18px;
}

#register_right { position: relative; margin-left: 20px; padding: 15px 0 0 0; font-size:12px; float: left; width: 284px; background: url(../pix/ri_bg_top.png) no-repeat scroll top left; }
#register_right .arrow { position: absolute; left: -18px; top: 320px; width: 20px; height: 37px; background: url(../pix/ri_bg_arrow.png) no-repeat scroll top left; }
#register_right .top { background: url(../pix/ri_bg.png) repeat-y scroll top left; }
#register_right .bottom { height: 15px; background: url(../pix/ri_bg_bottom.png) no-repeat scroll top left; }
#register_right .content { margin-left: 10px; margin-right: 10px; }
#register_right .card { float: right; }
#register_right .indent { padding-top: 0px; margin-left: 13px; }
#register_right h2 { padding-top:13px; font-size:18px; font-weight:normal; color:#3a8451; }
#register_right h4 { font-size: 12px; padding-top: 10px; }
#register_right p { clear: both; padding-top: 10px; }
#register_right a { color: #000; }

#left-banner { position: relative; width: 159px; padding-top: 12px; padding-left: 5px; *padding-left: 0px; background: transparent url(../pix/sidebars_bg_bottom.gif) no-repeat scroll top left; }
#mainpage-banner {
	*top: 15px;
}

#basketPopup {
	position: absolute;
	height: 55px;
	width: 261px;
	background: transparent url(../pix/basket_popup_bg.png) no-repeat scroll top left;
	color: #01872D;
	font-size: 13px;
	font-weight: bold;
	z-index: 1000;
}

#basketPopup .text {
	position: absolute;
	top: 19px;
	left: 71px;
}

.action_buttons {
	/* needed to position basket popup correct */
	position: relative;
	float: left;
}
div.action_buttons{
	*margin-bottom:-5px;
	*margin-top:5px;
}

div.related_buttons {
	*padding-top:3px;
	*padding-bottom:3px;
	*margin-top:3px;
	*margin-bottom:3px;
}

/* searchfield autocomplete */
#navi .sf_suggestion{
	position:relative;
	font-size: 12px;
	background-color:#fff;
	z-index: 1000;
}
#navi .sf_suggestion ul{
	position:absolute;
	z-index: 2000;
	margin:0;
	padding:0;
	background-color:#fff;
	*top:-24px;
	left:8px;
	border: 1px solid #000;
}
#navi .sf_suggestion li{
	margin:0;
	padding:0;
	list-style:none;
}
#navi .sf_suggestion li a{
	display:block;
	text-indent: 5px;
	color:#000;
	left: 0px;
	top: 0px;
}
#navi .sf_suggestion li a span.prefix {
	display: inline;	
	font-weight: bold;
}
#navi .sf_suggestion li a:hover{
	text-decoration: none;
}
#navi .sf_suggestion li.selected a{
	background:#ccc;
}
.thumbs li {position: relative;}
.thumbs li img {}
.iconFormatMp3 {z-index:100; width: 36px; height: 20px; background: transparent url(../pix/mp3_w_drpshadow.png) 0 0 no-repeat; position: absolute; top: -3px; right: 13px; *right: 7px;}
.iconFormatWma {z-index:100;width: 36px; height: 20px; background: transparent url(../pix/wma_w_drpshadow.png) 0 0 no-repeat; position: absolute; top: -3px; right: 13px; *right: 7px;}
#artistpromote .iconFormatMp3 {left: 63px; right: auto;}
#artistpromote .iconFormatWma {left: 63px; right: auto;}

.bonushint { font-size:1.2em; margin-bottom: 15px; }
.bonushint p { margin-left: 10px; }
.bonushint .card { float: right; margin-left: 10px; margin-right: 29px; }
.bonushint .top { height: 15px; background: transparent url(../pix/bonushint_bg_top.png) no-repeat scroll left top; }
.bonushint .content { background: transparent url(../pix/bonushint_bg.png) repeat-y scroll left top; }
.bonushint .bottom { height: 15px; background: transparent url(../pix/bonushint_bg_bottom.png) no-repeat scroll left top; }

#customerdata .payMethodChoice { background-color: #ffffff; padding-bottom: 1px; }
#customerdata .payMethodChoice table { margin-bottom: 25px; }
#customerdata .payMethodChoice th { padding: 0px 0 0 6px; height: 27px; }
#customerdata .payMethodChoice td { background-color: #ffffff; border: none; }
#customerdata .payMethodChoice td.odd { background-color: #f4f4f4; }
#customerdata .payMethodChoice tr:hover td.odd { background-color: #d7d7d7; }

#customerdata .payMethodChoice .option { width: 13px; }
#customerdata .payMethodChoice .name { width: 160px; }
#customerdata .payMethodChoice .logo { width: 200px; }
#customerdata .payMethodChoice .addon { text-align: right; }
#customerdata .payMethodChoice .total { width: 100px; text-align: right; padding-right: 6px; }

#customerdata .payMethodChoice table.orderInfo { font-weight: bold; margin-top: 10px; margin-bottom: 10px; }
#customerdata .payMethodChoice table.orderInfo tr:hover td { background-color: #ffffff; }

#basket .content { margin-bottom: 12px; }
#basket .item { width: 147px; }
#basket .item_content { font-size: 9px; margin: 10px 7px 1px 7px; background-color: #fff; }
#basket .item_content div { margin-left: 40px; overflow: hidden; }
#basket .item_content .artist a { font-weight: bold; }
#basket .item_content .title a { color: #000; }
#basket .item_content .thumb { float: left; }
#basket .item_content .remove { float: right; margin-top: -13px; }
#basket .info { font-size: 9px; padding-bottom: 7px; background: url("../pix/user_bg.gif") no-repeat scroll left bottom transparent; }
#basket .info div { margin-top: 4px; margin-left: 7px; }
#basket .info .total { font-weight: bold; }
#basket .info .checkout { margin-top: 7px; }
#basket .info .checkout a { background: url("../pix/buttons.gif") no-repeat scroll -575px 0 transparent; display: block; height: 23px; width: 64px; }
#basket .info .checkout a:hover { background-position:-575px -25px; }

/* new styles for album and track views */
#albumfacts {float: left; width: 150px;}
#albumDetails {}
#albumSongs {width: 494px; margin-left: 160px;}
#albumSongs table.songs {width: 494px;}
#albumInfo {border-top: 1px dashed #f2cf45; border-bottom: 1px dashed #f2cf45; padding: 5px 0 8px 0; clear: left; margin: 8px 0; width: 140px;}
#albumBuyAlbumButton {margin-top: 10px; height: 25px;}
#albumTitleRow {margin-left: 160px; margin-bottom: 10px; width: 500px; position: relative;}
#artistpromotesmall {margin: 0 0 0 160px; width: 494px;}
#albumTitleRow h2 {font-size: 18px; width: 280px;}
#albumFormatInfo {position: absolute; right: 10; top: 0; width: 210px; background-color: #fff; z-index:2;}
#albumFormatInfo img {float: left; margin: 3px 10px 0 0;}
.addthis_toolbox a {font-size: 12px; color: #4160ca;}

/* new styles for buy buttons */
#albumfacts p#albumfacts_buy a span {display: block; background: transparent url(/pix/button_backdrop.png) no-repeat scroll right top; margin: 0 0 0 7px; padding: 5px 0; padding-right: 7px; color: #000000; overflow: hidden;}
#albumfacts p#albumfacts_buy {font-size: 10px;}
#albumfacts p#albumfacts_buy a {display: block; width: 115px; height: 23px;background: transparent url(/pix/button_backdrop.png) no-repeat scroll left top;overflow: hidden;}
#albumfacts p#albumfacts_buy a:hover span {background-position: right bottom;}
#albumfacts p#albumfacts_buy a:hover {background-position: left bottom; text-decoration: none;}
.songs td a.buy span {display: block; background: transparent url(/pix/button_backdrop_lightgreen.png) no-repeat scroll right top; margin: 0 0 0 7px; padding: 5px 0; padding-right: 7px; color: #000000; overflow: hidden;}
.songs td .action_buttons {font-size: 10px;}
.songs td a.buy, #main-content td a.buy {display: block; width: 80px; height: 23px; background: transparent url(/pix/button_backdrop_lightgreen.png) no-repeat scroll left top; overflow: hidden;}
.songs td a.buy:hover span {background-position: right bottom;}
.songs td a.buy:hover, #main-content td a.buy:hover {background-position: left bottom; text-decoration: none;}
#main-content .songs tr:hover td a.buy, #main-content .songs tr.over td a.buy {background-position: left top; background-image: url(/pix/button_backdrop_darkgreen.png);}
#main-content .songs tr:hover td a.buy span, #main-content .songs tr.over td a.buy span {background-image: url(/pix/button_backdrop_darkgreen.png);}
#main-content .songs tr:hover td a.buy:hover, #main-content .songs tr.over td a.buy:hover { background-position: left bottom; background-image: url(/pix/button_backdrop_darkgreen.png);}

/* Drop down styles */

#main-content a.dropDownButton { display:block; height:21px; width:22px;}
.songs td a.dropDownButton { background:url(../pix/buttons.gif) -1865px 0 no-repeat;position:relative;}
.songs td a.dropDownButton:hover { background-position:-1865px -25px; }
.songs tr:hover td a.dropDownButton, .songs tr.over td a.dropDownButton { background-position:-1840px 0; }
.songs tr:hover td a.dropDownButton:hover, .songs tr.over td a.dropDownButton:hover  { background-position:-1840px -25px; }
.songs td .action_buttons {
	float: left;
	height: 23px;
	width: 120px;	
}
#albumBuyAlbumButton a.dropDownButton {background: transparent url(../pix/buttons.gif) -1940px 0 no-repeat;}
#albumBuyAlbumButton a.dropDownButton:hover {background-position:-1940px -25px;}
#albumBuyAlbumButton p#albumfacts_buy {float: left;}
.dropDownWrapper {
        position: relative;
        display:block;
    }
#albumBuyAlbumButton .dropDownWrapper {left: 120px; *left: 0px; top: 1px;}
.songs td .action_buttons .dropDownWrapper {left: 90px; *left: 0px; top: -12px;}
.dropDownWrapper .dropDownMenu {position: absolute; top: 21px; left: 0px; display: none; background-color: #fff; width: 150px; border: 1px solid #444; z-index: 10000;}
#albumfacts .dropDownMenu ul {margin: 0; padding: 0; width:150px;}
.dropDownMenu ul li {padding: 4px 0 4px 7px; *width: 150px;}
.dropDownMenu ul li.no-padding {padding: 0;}
.dropDownMenu ul li.no-padding div#copy-href {padding: 4px 0 4px 7px; z-index: 201px;}
.dropDownMenu ul li.no-padding div.copy-track {padding: 4px 0 4px 7px; z-index: 201px;}
.dropDownMenu ul li.hover {*background-color: #E1FFD6;}
.dropDownMenu ul li:hover {background-color: #E1FFD6;}
.dropDownMenu ul li a {display: block; text-decoration: none; color: #444; font-size: 12px;}
.dropDownMenu ul li a:hover {text-decoration: none;}
/* Rating fixes for new album layout */
.rating-container {clear: left; margin-top: 10px;}

.noteStyle {left:200px;*left:187;top:0px;position:absolute;height:50px;width:400px;border: 1px solid #878787;}
.maxlength-feedback {display: block;width: 150px;margin-left: 12px;}
#giftArea {height:220px;}

.cancelButton {
    background-color: transparent;
    background-image: url("../pix/button_cancel.png");
    background-position: left top;
    background-repeat: no-repeat;
    border-width: 0;
    padding-bottom: 0px;
    padding-left: 23px;
    padding-right: 9px;
    padding-top: 0;
    margin-left: 10px;
    text-align: left;
    cursor: pointer;
    height: 21px;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    overflow: hidden;
}
.cancelButton:hover {
    background-position: left bottom;
}

.giftInformation h2 {
	color: black;
    font-size: 1.8em;
    font-weight: normal;
    margin-bottom: 0.7em;
}
.giftInformation h3 {
	color: black;
    font-size: 1.4em;
    font-weight: normal;
    margin-bottom: 1em;
}
.giftInformation ul {padding-left: 30px; margin-bottom: 15px;}
.giftInformation ul li {list-style: disc; margin-bottom: 8px;}
.giftInformation #customerdata fieldset {
    border-bottom: none;  
}
.giftInformation #customerdata fieldset input.text {
	padding: 3px 5px;	
}
.giftInformation #customerdata fieldset textarea {
	border: 1px solid #878787;
	padding: 3px 5px;
}
.giftInformation #customerdata {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
.giftInformation #customerdata fieldset .submitButtons {
	text-align: right;
	display: block;
	padding-right: 30px;
}