/* Core elements */
body            { padding-left: 20px; padding-top: 20px; margin: 0px; background-color: #fff; width: 980px; 
                line-height: 150%; font-family: Helvetica, Verdana, Arial, Sans-serif; font-weight: normal; 
                font-size: 13px; color: #000; }
hr              { border: 0; color: #aaa; background-color: #aaa; height: 1px; width: 100%; margin-top: 10px;
                margin-bottom: 10px; text-align: left; }
img             { border: 0px; }

/* Header */
#header         { float: left; margin-left: 10px; width: 760px; }
#logo           { float: left; }
#logo a:hover, #logo a:active    
                { color: #fff; background-color: #fff; }
#search         { float: left; margin-top: 10px; }
#nav            { float: left; margin-top: 5px; }
#nav a:link, #nav a:visited 
                { font-size: 16px; color: #fff; background-color: #390; -moz-border-radius: 5px; 
                -webkit-border-radius: 5px; border: 0px; text-decoration: none; padding: 5px 8px 4px 8px; 
                font-weight: bold; }
#nav a:hover    { color: #fff; background-color: #4a0; }
#nav a:active   { color: #fff; background-color: #280; }
#cart           { float: right; margin-top: 5px; }
#cart a:link, #cart a:visited 
                { font-size: 16px; color: #fff; background-color: #390; -moz-border-radius: 5px; 
                -webkit-border-radius: 5px; border: 0px; text-decoration: none; padding: 5px 8px 4px 8px; 
                font-weight: bold; }
#cart a:hover    { color: #fff; background-color: #4a0; }
#cart a:active   { color: #fff; background-color: #280; }
#login          { float: right; text-align: right; margin-top: 8px; }
#title          { font-size: 24px; font-weight: bold; margin-top: 10px; margin-bottom: 20px; }
.slogan         { color: #390; font-size: 12px; margin-top: 10px; }

/* Header - Messages*/
#messages 	    { margin-top: 20px; width: 500px; font-weight: bold; font-size: 13px; background-color: #fff568; 
                border: 1px solid #efe558; padding: 6px; }
.message 	    { color: #000; }
.warning 	    { color: #000; }
.success 	    { color: #000; }
.error 		    { color: #000; }
                        
/* Content */
#leftcol        { float: left; width: 640px; margin-right: 20px; min-height: 500px; }
#widecol        { float: left; width: 980px; min-height: 500px; }
#rightcol       { float: left; width: 300px; }
#rightcolcart   { float: left; width: 300px; padding: 8px; background-color: #eee; border: 1px solid #ddd; }
#orderstatus    { float: left; padding: 8px; background-color: #eee; border: 1px solid #ddd; margin-right: 20px; }
.small          { font-size: 11px; color: #999; }
.button a:link, .button a:visited 
                { font-size: 13px; color: #fff; background-color: #390; -moz-border-radius: 5px; 
                -webkit-border-radius: 5px; border: 0px; text-decoration: none; padding: 1px 4px 1px 4px; 
                font-weight: bold; }
.button a:hover { color: #fff; background-color: #4a0; }
.button a:active
                { color: #fff; background-color: #280; }
.pager          { color: #aaa; }
.artistrelease  { float: left; width: 200px; padding: 8px; border: 1px solid #ccc; margin-right: 8px; margin-bottom: 8px; }
.artistrelease img    
                { margin-bottom: 2px; width: 200px; height: 200px; }
.release        { float: left; width: 300px; height: 300px; padding: 8px; border: 1px solid #ccc; margin-top: 8px; margin-right: 8px; }
.release img    { margin-bottom: 2px; width: 300px; height: 300px; }
.player         { float: left; width: 300px; height: 300px; padding: 8px; border: 1px solid #ccc; margin-top: 8px; }
.fresh          { font-size: 11px; background-color: #ff0; color: #000; font-weight: bold; text-decoration: blink; }
.searchcol      { float: left; width: 320px; }
.cartcol        { float: left; width: 310px; padding: 5px; }

/* Table elements */
th              { padding-bottom: 4px; padding-right: 10px; text-align: left; font-size: 13px; }
td              { padding-bottom: 4px; padding-right: 10px; font-size: 13px; }
tr              { vertical-align:top; }
table           { padding: 0px; margin: 0px; border-collapse: collapse; width: 100%; }
.table_gap      { width: 175px; }
.table_list th  { color: #000; text-align: left; }
.table_list tr  { border-bottom: 1px solid #eee; }
.table_group    { background-color: #060; color: #fff }

/* Form elements */
input		    { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; }
select		    { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; }
textarea	    { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 13px; }
.altsubmit input.submit,.altsubmit button,.altsubmit input[type=submit],.altsubmit input[type=button],.altsubmit input[type="file"]>input[type="button"]
                { color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; 
                padding-top: 1px solid #fff; padding: 1px 4px 1px 4px; font-weight: bold;
                font-size: 13px; vertical-align: top; cursor: pointer; 
                background-color: #390; }
.altsubmit input.submit:hover,.altsubmit button:hover,.altsubmit input[type=submit]:hover,.altsubmit input[type="file"]>input[type="button"]:hover
                { background: #4a0; }
.altsubmit input.submit:active,.altsubmit button:active,.altsubmit input[type=submit]:active,.altsubmit input[type="file"]>input[type="button"]:active
                { background: #280; }

/* Footer */
#footer         { color: #000; margin-top: 40px; margin-bottom: 100px; }
#footer a       { margin-right: 4px; }
#footer_right   { float: right; text-align: right; color: #888;  }