/* YUI, Version: 2.7.0
   Copyright (c) 2009, Yahoo! Inc. All rights reserved.
   Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt 
 */

/*************
 * YUI Reset *
 *************/
html { color: #000; background: #FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { 
	margin: 0; padding: 0; 
}

table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style: inherit;	font-weight: inherit; }
del, ins { text-decoration: none; }
li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; font-variant: normal; }
sup { vertical-align: baseline; }
sub { vertical-align: baseline; }
legend { color: #000; } 																/* because legend doesn't inherit in IE */
input, button, textarea, select, optgroup, option { 
	font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;
}
input, button, textarea, select { *font-size: 100%; } 									/* @purpose To enable resizing for IE @branch For IE6-Win, IE7-Win */

/*************
 * YUI Fonts *
 *************/
/* Percents could work for IE, but for backCompat purposes, we are using keywords. x-small is for IE6/7 quirks mode. */
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif; 									/* for IE6/7 */ 
	*font-size:small; 																	/* for IE Quirks Mode */ 
	*font:x-small; 
}

select, input, button, textarea, button { font:99% arial,helvetica,clean,sans-serif; } 	/* Nudge down to get to 13px equivalent for these form elements */ 

table { font-size:inherit; font:100%; } 												/* To help tables remember to inherit  */

pre, code, kbd, samp, tt { 																/* Bump up IE to get to 13px equivalent for these fixed-width elements */
	font-family:monospace; *font-size:108%; line-height:100%; 
}



/****************
 * Greedbag CSS *
 ****************/
/* 
	Size + Positioning of Main Elements 
*/
div#header, div.wrapper { width: 970px; margin: 0px; padding: 0px; }
div#logo { width: 100%; display: none; }

div#info, div#minibasket { margin: 0px 5px 0px 5px; overflow: hidden; }
div#info { float: left; width: 170px; }
div#minibasket { float: right; width: 200px; }
div#info div, div#minibasket div { padding: 0px; margin: 0px; border: 1px solid black; }

div#maincontent { 
	float: left; width: 550px; overflow: hidden; margin: 10px 0px 0px 0px;
	border-left: 1px solid black; border-right: 1px solid black;	
}

div#maincontent { padding: 0px 8px 0px 8px; }

/* 
	Basic Element Styling 
*/
body { margin: 0px 0px 10px 0px; }
div, span, table, ul, p, a, h1, h2, h3, h4, h5, h6 { font-family: 'Verdana', 'Lucida Grande', 'Geneva', 'Arial', 'Helvetica',sans-serif; }
p, ul { font-size: 77%; color: black; }
p { line-height: 1.5em; margin-top: 4px !important; margin-bottom: 12px !important; }
dd { padding: 0px 0px 4px 16px; }

table, tr, td, th { border: 0px; }
td, th { padding: 8px; }

a { color: black; margin: 1px 0px 1px 0px; }
a:hover { text-decoration: none; }

em { font-style: italic; }

h1, h2, h3, h4, h5, h6 { margin: 0px 0px 10px 0px; font-weight: bold; }

/* Set these boxes to white explicitly, so you can override the background colour for 'html' and have it do the right thing */
#departments, #artists, #minibasket #order, #minibasket #help, .line, .total, .postage, .checkout {
    background-color: white;
}

/* 
	Side Columns 
*/
div#info div, div#minibasket div { margin: 8px; border: 1px solid black; }
div#info div div, div#minibasket div div { border: none; }
div#info div *, div#minibasket div * { margin: 10px; }
div#info div * *, div#minibasket div * * { margin: 0px; }

div#info h3, div#minibasket h3,	div#minibasket h2 { 
	margin: 0px; padding: 8px 8px 6px 8px; 
	font-size: 77%; font-weight: bold; text-transform: uppercase; background: black; color: white; 
}

div#info div ul, div#minibasket div ul { list-style: none; padding: 0px; }
div#info div li, div#minibasket div li { list-style: none; width: 90%; margin: 2px 0px 4px 0px; }

div#info div a, div#minibasket div a { text-transform: uppercase; }

div#info h3, div#minibasket h3,	div#minibasket h2 { 
	margin: 0px; padding: 8px 8px 6px 8px; 
	font-weight: bold; text-transform: uppercase; background: black; color: white; 
}

																								 /* WARNING: ugly code. Could be improved with markup changes. */
div#order { margin-bottom: 0px !important; }
div#order div.item h3 { padding: 0px; margin: 8px 0px 8px 0px; color: black; background: none; } /* Inconsistent markup: ambiguous use of header elements. */
div#order div.packshot { float: left; width: 48px; height: 48px; margin: 0px 8px 0px 0px; }

div#minibasket div.total, div#minibasket div.postage, div#minibasket div.checkout {
	/* Undoes default styling on these specific elements. Cleaner would be to add a common class in markup. */
	margin-top: 0px; margin-bottom: 0px; padding: 2px 8px 2px 8px; border-top: none; border-bottom: none; 
}

/* Undoes default margin setting on inner sidebar els; set with padding above. */
div#minibasket div.total, div#minibasket div.postage, div#minibasket div.checkout { font-size: 77%; }
div#minibasket div.total *, div#minibasket div.postage *, div#minibasket div.checkout * { font-size: 100%; margin: 0px; }

div#minibasket div.checkout { border-bottom: 1px solid black; }									/* End of ugly code. */

div#order form { display: inline; }
div#order form input[type=submit] { padding: 2px 5px 2px 5px; margin: 4px 0px 4px 4px; }

/* 
	Center Column 
*/
div#maincontent h1, div#maincontent h2 { border-bottom: 1px solid black; margin: 0px 0px 10px 0px; }
div#maincontent h3 { margin: 15px 0px 0px 0px; }

div#maincontent div#newsbox { margin-bottom: 40px; }

div#maincontent a img { border: 1px solid black; }
div#maincontent a:hover img { border: 1px solid transparent; }

div#maincontent div#bottomline { clear: both; width: 100%; }
div#maincontent a { font-weight: bold; }

div#maincontent form { inherit: none; font-family: 'Verdana', 'Geneva', 'Arial', 'Helvetica', sans-serif; }
div#maincontent form input, div#maincontent form select { padding: 2px; font-size: 108%; }

h1.department { border-bottom: 1px solid black; font-weight: bold; }

/* Product Lines */
div#lines { width: 100%; font-size: 77%; }
div#lines * { font-size: 100%; }

div.line { 
	float: left; width: 160px; height: 24em; overflow: hidden; 
	margin: 10px 4px 10px 4px !important; padding: 5px; border: 1px solid black; text-align: center; 
}
div.line h2 { font-weight: normal; border: none; } 													/* Overrides site-wide base style */

div.linedetails div.title, div.linedetails div.artist { height: 1.2em; margin-bottom: 5px; overflow: hidden; }

div.buttons button { width: 80px; height: 20px; cursor: pointer; border: none; }
div.buttons button span { display: none; }
div.buttons button.buy { background: url('/shopimages/buy.png') no-repeat center; }
div.buttons button.buy192mp3 { background: url('/shopimages/buy_download.png') no-repeat center; }
div.buttons button.buyapparel { background: url('/shopimages/buy_apparel.png') no-repeat center; }
div.buttons button.buycd { background: url('/shopimages/buy_cd.png') no-repeat center; }
div.buttons button.buydvd { background: url('/shopimages/buy_dvd.png') no-repeat center; }
div.buttons button.buyfile { background: url('/shopimages/buy_download.png') no-repeat center; }
div.buttons button.buyindividual { background: url('/shopimages/more.png') no-repeat center; }
div.buttons button.buypre { background: url('/shopimages/preorder.png') no-repeat center; }
div.buttons button.buyvinyl { background: url('/shopimages/buy_vinyl.png') no-repeat center; }

/* Product Information */
table#formats th { font-weight: bold; }

div#tabwrap { overflow: hidden; }
ul#tablist { overflow: hidden; height: 1.5em; position: relative; top: 1px; padding-left: 10px; }
ul#tablist li { overflow: hidden; height: 100%; overflow: hidden; margin-left: 5px; float: left; border: 1px solid black; }
ul#tablist li.active { border-bottom: 1px solid white; }
ul#tablist li a, ul#tablist li.active span { width: 100%; height: 1.5em; padding: 5px;  }

ul#tablist li a { text-align: center; background: #555555; color: white; text-decoration: none; }
ul#tablist li a:hover { background: white; color: black; }
div.tabbody { clear: both; padding: 10px; border: 1px solid black; }

/* Subscribe */
div#subscribe form h3, div#subscribe form p { margin: 0px; }
div#subscribe form h3 { margin-top: 8px; }

/*
	Footer Element 
*/
div#footer * { display: none; }