* { border: 0; list-style: none; margin: 0; outline: 0; padding: 0; text-decoration: none }
a { color: #fff }
a:hover { color: #EC008C; }
address { font-style: normal; text-align: right }
button, input, select, textarea { font: normal 100%/1.5 'Trebuchet MS',sans-serif }
button { background: #000; color: #fff }
button:hover { color: #EC008C }
button img { background-color: #fff }
button:hover img { background-color: #EC008C }
cite, dfn, em, i, var { font-style: italic }
code, pre, samp, tt { font-family: monospace }
dd { color: #ccc }
h1 { font-size: 2em; line-height: .75 }
h2 { font-size: 1.5em; line-height: 1 }
h3 { font-size: 1.25; line-height: 1.2 }
html { background: url('slang.png') #000 no-repeat center top; color: #999; font: normal 75%/1.5 'Trebuchet MS',sans-serif; overflow-y: scroll }
input, select, textarea { background: #999; border: 1px solid #ccc }
li { display: list-item; margin: 0 0 0 1.5em }
p { margin: 0 0 1.5em 0 }
pre { white-space: pre }
table { border-collapse: collapse; display: table; empty-cells: hide; margin: 1.5em auto; width: 100% }
td, th { border: 1px solid #666; display: table-cell; padding: 0 .25em; text-align: left }
th { font-weight: bold }
thead, tfoot {  }
tr { display: table-row }

#wrapper { background: url('wrapper2.png') #000; border-bottom: 1px solid #000; border-top: 1px solid #333; height: 512px; margin: 144px auto; position: relative; width: 768px }
  #header {  }
    #logo { height: 55px; left: -32px; overflow: hidden; position: absolute; top: 528px; width: 256px }
    #logo a { background: url('logo3.png') transparent no-repeat; display: block; height: 55px; text-indent: -256px; width: 256px }
    #logo a:hover { background-position: 0 -55px }
    #music { background: transparent; height: 30px; position: absolute; left: 192px; top: -36px }
    #cart { background: transparent; height: 30px; position: absolute; right: 30px; top: -36px }
    #cart a img { background: #fff }
    #cart a:hover img { background: #EC008C }
	#logo2 { height: 125px; left: 32px; overflow: hidden; position: absolute; top: -130px; width: 125px }
	#logo2 a { background: url('square-button.png') transparent no-repeat; display: block; height: 125px; text-indent: -125px; width: 125px }
	#logo2 a:hover { background-image: url('square-button--.png') }
  #body {  }
    #menu { background: url('menu1.png') transparent repeat; float: left; height: 512px; position: relative; width: 192px }
    #content { float: left; height: 464px; overflow:auto; overflow-y:auto; overflow-x:hidden;padding: 24px; position: relative; width: 528px }
  #footer { opacity: .75; padding-top: 8px; position: absolute; right: 0; top: 512px }

body.cart ul.cart { float: left; font-size: 2em }

#shipping { margin-top: 4.5em }

#payment-method form { float: left; margin: 1.5em 3em 0 0; padding: 0 0 1.5em 0 }

.nav { left: 36px; position: absolute; text-transform: lowercase; top: 72px }
.nav li { margin: 0; padding: 0 }
.nav ul li { margin: 0 0 0 1.5em }

.products li { margin: 0 }
.maincatactive A { color: #EC008C; }
li.active a {color: #EC008C;}
li.maincat a, li.subcat a  { color: #999; }
li.maincat a:hover, li.subcat a:hover  { color: #EC008C; }
.active >  a { font-weight: bold }
.flash { margin: -24px -24px 24px -24px; }
.subcatactive A { color: #EC008C !important; }
LI.subcat, LI.subcatactive { margin-left:35px !important; }

.product { float: left; position: relative; width: 254px }
.product .tn { float:left; margin-top:5px;width:128px; }
.product .tn img {margin-right:10px; }
.product .desc { float: left; margin-left: 10px;padding-left:10px; margin-top:5px; border-left:1px solid #555;  width:88px; height:128px;}

.error { background: #f99; border: 1px solid #c66; color: #633; margin: 1.5em; padding: .75em }
.error ul li { list-style-type: disc }

