/* ============= */
/* = RESET CSS = */
/* ============= */
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, tfoot, thead,  th  /*tbody,tr,td */{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: normal;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

div.clear {
	clear:both;
}

a {
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-style:italic;
}

span.permashare {
	margin-left:10px;
}

.formerror {
	color:red;
}

/* =============== */
/* = PAGE STYLES = */
/* =============== */
body {
	background:url(images/bodybkg-allmusic.gif) #e5e6e8 top left repeat-x;
	text-align:center;
}

div.container {
	width:970px;
	margin:0 auto;
	text-align:left;
}

div.header {
	position:relative;
	height:101px;
}

div.header div.logo {
	position:absolute;
	left:0;
	top:45px;
	width:158px;
	height:41px;
	background:url(images/getmusic-logo.gif) top left no-repeat;
}

div.header div.logo a {
	display:block;
	width:127px;
	height:45px;
	text-indent:-1000em;
	overflow:hidden;
}

/* GLOBAL NAVIGATION */
div.header ul {
	position:absolute;
	top:81px;
	right:0;
	height:20px;
	width:500px;
}

div.header ul li {
	float:left;
	height:20px;
}

div.header ul li a {
	display:block;
	background:#5a5a5a;
	padding:5px;
	margin:0 0 0 1px;
}

div.header ul li a span {
	background:url(images/headernav.gif) 0 0 no-repeat;	
	display:block;
	height:10px;
	overflow:hidden;
	text-indent:-1000em;
}

div.header ul li a:hover {
	background:#fff;
}

div.header ul li.item1 a span {
	width:40px;	
}

div.header ul li.item1 a:hover span {
	background-position:0 -10px;
}


div.header ul li.item2 a span {
	background-position:0 -20px;
	width:56px;	
}

div.header ul li.item2 a:hover span {
	background-position:0 -30px;
}

div.header ul li.item3 a span {
	background-position:0 -40px;	
	width:50px;
}

div.header ul li.item3 a:hover span {	
	background-position:0 -50px;	
}

div.header ul li.item4 a span {
	background-position:0 -62px;	
	width:37px;
}

div.header ul li.item4 a:hover span {
	background-position:0 -73px;	
}	

div.header ul li.item5 a span {
	background-position:0 -85px;	
	width:45px;
}

div.header ul li.item5 a:hover span {
	background-position:0 -95px;	
}	

div.header ul li.item6 a span {
	background-position:0pt -107px;
	width:51px;
}

div.header ul li.item6 a:hover span {
	background-position:0 -118px;	
}	

div.header ul li.item7 a span{
	background-position:0pt -130px;
	width:44px;
}

div.header ul li.item7 a:hover span {
	background-position:0 -142px;	
}	

div.header ul li.item8 a span{
	background-position:0pt -153px;
	width:89px;
}

div.header ul li.item8 a:hover span {
	background-position:0 -163px;	
}	

div.header div.row1 {
	left:0;
	padding:0;
	position:absolute;
	top:4px;
	width:970px;
	height:30px;
}

div.header div.row1 div.searchlinks {
	margin:0;
	float:right;
	height:20px;
	display:inline;
}

div.header div.row1 div.searchlinks select {
	float:left;
	font-size:10px;
}

div.header div.row1 div.searchlinks input {
	background:url(images/search-textbkg.gif) 0 2px no-repeat;
	border:0;
	padding:3px 0 0 2px;
	height:17px;
	width:115px;
	float:left;
	margin:0 8px 0 4px;
	display:inline;
}

div.header div.row1 div.searchlinks a {
	background:url(images/search-btn.gif) 0 0 no-repeat transparent;
	padding:0 0 0 12px;
}

div.header div.row1 div.membership {
	float:left;
	margin:0;
	display:inline;	
}

div.header div.row1 div.membership span {
	margin:0 4px 0 0;
	display:inline;
	padding:0 0 0 10px;
	background:url(images/login-btn.gif) 0 1px no-repeat;
}

div.header div.row1 div.membership span a {
	background:url(images/separator-1.gif) top right no-repeat;
	padding-right:10px;
}

div.header div.row1 div.membership span.user, div.header div.row1 div.membership span.welcome {
	float:none;
	width:auto;
	margin:0;
}

div.header div.row1 div.membership input.text {
	background:url(images/search-textbkg.gif) top left no-repeat;
	height:17px;
	width:115px;
	padding:1px 2px 2px 2px;
	border:0;
	margin:0 4px 0 0;
	display:inline;
}

div.header div.row1 div.membership input.submit {
	background:transparent url(images/signin-btn.gif) no-repeat scroll 0pt 8px;
	border:0pt none;
	font-size:9px;
	height:20px;
	padding:2px 2px 2px 10px;
	text-align:left;
}

/* =========== */
/* = CONTENT = */
/* =========== */
div.content {
	background:#fff;
}

div.content div.contentwrap {
	padding:20px;
}

/* ========== */
/* = FOOTER = */
/* ========== */
div.footer {
	background:#393939;
	padding:40px 0 35px 0;
	margin:15px 0 0 0;
}

div.footer p {
	text-align:center;
}

div.footer p span.row1 {
	display:block;
}

/* ========= */
/* = FONTS = */
/* ========= */
body {
	font:12px/18px "Helvetica Neue LT", helvetica, arial, sans-serif;
}

div.header div.row1 div.searchlinks input, div.header div.row1 div.membership, div.header div.row1 div.membership input.text, div.header div.row1 div.searchlinks a {
	font-size:10px;
}

div.footer p, div.footer p a {
	font-size:11px;
}

/* ========== */
/* = COLORS = */
/* ========== */
a {
	color:#691c76;		
}

div.header div.row1 div.searchlinks input {
	color:#393939;	
}

div.footer p span, div.footer p span a {
	color:#a4a4a4;
}

div.footer p span.row1, div.footer p span.row1 a, div.header div.row1 span a, div.header div.row1 div.membership input.submit, div.header div.row1 div.searchlinks a  {
	color:#fff;
}

/* ======== */
/* = HIDE = */
/* ======== */

div.header div.row1 div.searchlinks label,
div.header div.row1 div.membership h2,
div.header div.row1 div.membership label 
{ width: 0; position: absolute; height: 0; overflow: hidden; top: -200em; }


a.checkout-btn {
                display:block;
                float:left;
                overflow:hidden;
                text-indent:-1000em;
                background:url(/public/images/btn-checkout.gif) top left no-repeat;
                margin-left:3px;
                margin-top:3px;
                height:24px;
                width:87px;
}