html * { position: relative; margin: 0; padding: 0; font-family: Georgia, serif; list-style-type: none; z-index: auto }
html { background: url(../../images/shared/left_mainbckgrnd.gif) repeat-y 14px 0 }
body { min-height: 395px; background: url(../../images/shared/top_mainbckgrnd.gif) repeat-x 0 0 }
* html body { height: 395px }
img { border-width: 0 }
abbr, acronym { border: 0; text-decoration: none }

#topnav { position: relative; height: 21px; padding: 2px 0 0 184px; overflow: hidden }
#topnav li { position: relative; height: 20px; padding: 0; float: left; margin: 0 1px; background: url(../../images/shared/tabRight_off.gif) no-repeat top right  }
#topnav li a { display: block; float: left; height: 17px; padding: 3px 4px 0 4px; background: url(../../images/shared/tabLeft_off.gif) no-repeat 0 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: white }
#topnav li a b span { text-decoration: underline }
#topnav li a:hover { color: #FBD0F6 }

#topnav #on { border-bottom: solid 1px #F8F7D6; background-image: url(../../images/shared/tabRight_on.gif) }
#topnav #on a { background-image: url(../../images/shared/tabLeft_on.gif); color: #8F166B }
#topnav #on a:hover { color: #DF41BE }
#topnav #on a b { position: relative; top: 1px }
#topnav #on a b span { text-decoration: underline }

#topnav #shopoff { position: relative; height: 20px; padding: 0; float: left; margin: 0 1px; background: url(../../images/shared/tabRight02_off.gif) no-repeat top right  }
#topnav #shopoff a { display: block; float: left; height: 17px; padding: 3px 4px 0 17px; background: url(../../images/shared/tabLeft02_off.gif) no-repeat 0 0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 70%; font-weight: bold; color: white }
#topnav #shopoff a b span { text-decoration: underline }
#topnav #shopoff a:hover { color: #D3ECFF }

#topnav #shopon { border-bottom: solid 1px #F8F7D6; background-image: url(../../images/shared/tabRight02_on.gif) }
#topnav #shopon a { padding: 3px 4px 0 17px; background-image: url(../../images/shared/tabLeft02_on.gif); color: #14527F }
#topnav #shopon a:hover { color: #4AA0DE }
#topnav #shopon a b { position: relative; top: 1px }
#topnav #shopon a b span { text-decoration: underline }

#topnav li.contactus { position: absolute; right: 1px; top: 1px; height: 13px; z-index: 3; background-image: none; font-size: 100% }
#topnav li.contactus a { background-image: none; line-height: 14px }
#topnav li.contactus a b { display: block; padding-left: 26px; background: url(../../images/shared/sendmail.gif) no-repeat 0 -106px; color: #BA1489; font-family: Geneva, Arial, Helvetica, sans-serif }
#topnav li.contactus a b span { text-decoration: underline }
#topnav li.contactus a:hover b { color: #DF41BE; background-position: 0 1px }
#topnav li.contactuson { position: absolute; right: 1px; top: 1px; height: 13px; z-index: 3; background-image: none; font-size: 100% }
#topnav li.contactuson a { background-image: none }
#topnav li.contactuson a b { display: block; padding-left: 26px; background-image: url(../../images/shared/sendmail.gif); background-position: 0 1px; background-repeat: no-repeat; color: #DF41BE; font-family: Geneva, Arial, Helvetica, sans-serif }
#topnav li.contactuson a b span { text-decoration: underline }

#bloom { position: absolute; top: 0; left: 13px; margin: 0; padding: 0; width: 170px; height: 395px; background-image: url(../../images/shared/logo.gif); z-index: 3 } 
#bloom span { display: none }
#bloom a { position: relative; display: block; margin: 4px 12px 0 12px; width: 146px; height: 230px }
#bloom a span { position: absolute; left: -10000px }

p.skip { position: absolute; left: -10000px }

.address { position: absolute; left: 26px; width: 146px; z-index: 3; font-size: 82%; font-weight: bold; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; font-style: normal; text-align: center }
.address.newark { top: 237px }
.address.philly { top: 377px; padding: 8px 0 0 0; background: url(../../images/shared/hours_border01.gif) repeat-x top center }
.address span.street { font-family: Arial, Helvetica, sans-serif; font-style: normal }
.address span.citystate { font-family: Arial, Helvetica, sans-serif; font-style: normal }
.address span.phonenum { font-family: Arial, Helvetica, sans-serif; font-style: normal }
.address span.nearud { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-size: 93% }
.address span.nearud span { position: absolute; left: -10000px }
.address span.map br { display: none }
.address span.map { position: absolute; top: -1px; right: 0; display: block; font-size: 80% }
.address span.map a { text-decoration: none; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color: #ED3BB9 }
.address span.map a:hover { text-decoration: none; color: #F288D3 }
.address span.map a:active { text-decoration: none; color: #F6B6E3 }

.storehours { position: absolute; left: 26px; margin: 0; padding: 3px 0 0 0; width: 146px; z-index: 3;/* background: url(../../images/shared/hours_border01.gif) repeat-x top center;*/ font-size: 70%; text-align: center }
.storehours.newark { top: 305px }
.storehours.philly { top: 455px }
.storehours dt { padding: 0 0 2px 0; font-weight: bold; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; text-align: left }
.storehours dd { font-family: Myriad, Geneva, Arial, Helvetica, sans-serif }
.storehours dd abbr { font-family: Myriad, Geneva, Arial, Helvetica, sans-serif }

#creditcards { position: absolute; top: 528px; left: 26px; margin: 0; padding: 3px 0 0 0; width: 146px; background: url(../../images/shared/hours_border01.gif) repeat-x top center; z-index: 3; font-size: 65%; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif }
#creditcards span { display: block; padding: 1px 1px 0 1px; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; font-weight: bold }
#creditcards span.cards { display: block; margin: 2px 0 0 0; height: 27px; background: url(../../images/shared/visa_mastercard_discover.gif) no-repeat bottom center; }
#creditcards span.hide { position: absolute; left: -10000px }

a.dngc { position: relative; top: -2px; left: 1px; display: block; margin: 2px auto 0 auto; padding: 1px 0px 2px 0px; width: 115px; font-size: 110%; color: #BA1489; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; text-align: center }
a.dngc:hover { color: #F55DD5 }

a.supporttab { position: absolute; right: 0; top: 22px; display: block; width: 62px; height: 62px; background: url(../../images/shared/support.gif) no-repeat 0 0; z-index: 2 }
a.supporttab:hover { background-position: 0 -62px }
a.supporttab:active { background-position: 0 -124px }
a.supporttab span { position: absolute; left: -10000px }

a.supporttabon { position: absolute; right: 0; top: 22px; display: block; width: 62px; height: 62px; background: url(../../images/shared/support.gif) no-repeat 0 -62px; z-index: 2 }
a.supporttabon:hover { background-position: 0 -62px }
a.supporttabon:active { background-position: 0 -124px }
a.supporttabon span { position: absolute; left: -10000px }

#mainwrapper { position: relative; top: -1px; z-index: 0; min-height: 259px; background: url(../../images/shared/body_bckgrnd01.gif) no-repeat 0 0 }
* html #mainwrapper { position: relative; height: 259px }

#innerwrapper { position: relative; z-index: 0; min-height: 259px; padding: 0 0 0 190px; background-image: url(../../images/shared/body_bckgrnd02.gif); background-position: top right; background-repeat: no-repeat }
* html #innerwrapper { position: relative; height: 259px }

#pageheader { position: relative; left: -2px; padding: 3px 3px 3px 0; font-size: 100%; color: #623A16; background: url(../../images/shared/hder_bckgrnd01.gif) repeat-x bottom left }
#pageheader a { text-decoration: none; color: #BA1489 }
#pageheader a:hover { color: #DF41BE }
#pageheader a:active { color: #F1AFE3 }

#maincontent { position: relative; z-index: 0; width: 100%; padding: 5px 0 0 0; margin-right: -200px; float: left; background: url(../../images/shared/rgtcolumn_bckgrnd01.gif) repeat-y top right }

#body { position: relative; min-height: 300px; margin-right: 200px; padding: 0 10px 0 0; font-size: 75%; color: #623A16; text-align: justify }
* html #body { position: relative; height: 300px }

#body a { color: #BA1489; text-decoration: none }
#body a:hover { color: #F55DD5; text-decoration: none }
#body p { margin: 0 0 .6em 0  }
#body h1 { margin: 0 0 .6em 0; font-size: 2.4em }
#body h2 { margin: 0 0 .6em 0; font-size: 2.2em }
#body h3 { margin: 0 0 .6em 0; font-size: 1.0em }
#body h4 { margin: 0 0 .6em 0; font-size: 0.8em }
#body h5 { margin: 0 0 .6em 0; font-size: 0.6em }
#body h6 { margin: 0 0 .6em 0; font-size: 0.5em }

#rightcolumn { position: relative; width: 180px; padding: 4px 10px 0 10px; float: right; background: url(../../images/shared/rgtcolumn_bckgrnd01.gif) repeat-y top left; font-size: 75%; color: #623A16 }
#rightcolumn a { color: #BA1489; text-decoration: none }
#rightcolumn a:hover { color: #F55DD5; text-decoration: none }

#featuredproducts { padding: 1px 3px 1px 3px; margin: 0 -5px 1px -5px; border-bottom: solid 1px #70431A; color: #623A16; font-size: 1.2em; background: url(../../images/shared/featuredbackgrnd01.gif) no-repeat top center }
#featuredproducts a.fon { color: #F55DD5 }

#fproducts { position: relative; margin: 0 0 13px 0 }
#fproducts ul { position: relative; margin: 0 0 0 0; padding: 0 0 0 0 }
#fproducts ul li { position: relative; margin: 4px 0 0 0; font-size: 85% }
#fproducts ul li a { position: relative; display: block; padding: 0 0 0 7px; background: url(../../images/shared/bullet01.gif) no-repeat 0 5px; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #BA1489; line-height: 12px }
#fproducts ul li a abbr { font-family: Myriad, Geneva, Arial, Helvetica, sans-serif }
#fproducts ul li a:hover { position: relative; top: 1px; background: url(../../images/shared/bullet02.gif) no-repeat 0 5px; color: #F55DD5 }
#fproducts p.fp { position: relative; width: 180px; margin: 4px auto 0 auto; padding: 0 0 6px 0; clear: both; overflow: hidden; font-size: 85%; text-align: justify; background: url(../../images/shared/fproducts_bckgrnd01.gif) repeat-x bottom center }

#fproducts a.fplink { position: relative; display: block; float: right; margin: 0 0 5px 3px; padding: 1px; width: 70px; height: 70px; border: solid 1px #BA1489; z-index: 2  }
#fproducts a.fplink:hover { position: relative; border-color: #F55DD5 }
* html #fproducts a.fplink { position: relative; top: 3px }

#featureddesigners { padding: 1px 3px 1px 3px; margin: 0 -5px 1px -5px; border-bottom: solid 1px #70431A; color: #623A16; font-size: 1.2em; background: url(../../images/shared/nowplayinggrnd01.gif) no-repeat top center }
#featureddesigners a.fon { color: #F55DD5 }

#fdesigners { position: relative; margin: 0 0 13px 0 }
#fdesigners ul { position: relative; margin: 0 0 0 0; padding: 0 0 0 0 }
#fdesigners ul li { position: relative; margin: 4px 0 0 0; font-size: 85% }
#fdesigners ul li a { position: relative; display: block; padding: 0 0 0 7px; background: url(../../images/shared/bullet01.gif) no-repeat 0 5px; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #BA1489; line-height: 12px }
#fdesigners ul li a abbr { font-family: Myriad, Geneva, Arial, Helvetica, sans-serif }
#fdesigners ul li a:hover { position: relative; top: 1px; background: url(../../images/shared/bullet02.gif) no-repeat 0 5px; color: #F55DD5 }
#fdesigners p.fd { position: relative; width: 180px; margin: 4px auto 0 auto; padding: 0 0 6px 0; clear: both; overflow: hidden; font-size: 85%; text-align: justify; background: url(../../images/shared/fproducts_bckgrnd01.gif) repeat-x bottom center }

#fdesigners a.fdlink { position: relative; display: block; float: right; margin: 0 0 5px 3px; padding: 1px; width: 70px; height: 70px; border: solid 1px #BA1489; z-index: 2  }
#fdesigners a.fdlink:hover { position: relative; border-color: #F55DD5 }
* html #fdesigners a.fdlink { position: relative; top: 3px }

h3#dngc { margin: 3px 0 2px 0; padding: 0 0 5px 0; background-image: url(../../images/shared/dngc_bckgrnd01.gif); background-position: bottom center; background-repeat: repeat-x; text-align: left; font-size: 93% }
h3#dngc span { display: block; width: 130px; margin: 3px auto; padding: 2px 0; text-align: center; border-width: 1px 1px; border-style: solid; border-color: #623A16 }

#nowplaying { padding: 1px 3px 1px 3px; margin: 4px -5px 0px -5px; border-bottom: solid 1px #70431A; color: #623A16; font-size: 1.2em; background: url(../../images/shared/nowplayinggrnd01.gif) no-repeat top center  }
#playing { width: 180px; margin: 0 auto 10px auto; padding: 3px 0 0 0; overflow: hidden; font-size: 85%; background: url(../../images/shared/playing_bckgrnd01.gif) repeat-x bottom center }
#playing p { text-align: justify }
#playing p small { display: block; padding: 0 0 5px 0; text-align: justify }
#playing p small a.othermusic { display: block; margin: 5px auto 4px auto; width: 159px; height: 21px; border: solid 1px #BA1489; background: url(../../images/shared/othermusic.gif) no-repeat 0 0 }
#playing p small a.othermusic:hover { border: solid 1px #F55DD5 }
#playing p small a.othermusic span { position: absolute; left: -10000px }
#playing p a { text-decoration: none; color: #BA1489 }
#playing p a:hover { color: #F55DD5 }
#playing ul { margin: 0 0 5px 0 }
#playing ul li { margin: 2px 10px 0 0 }
#playing ul li span { display: none }
#playing ul li sup { vertical-align: top }
#playing ul li sup a span {  }
#playing ul li a.iTune { position: relative; left: 3px; padding: 2px 20px 2px 4px; background: url(../../images/shared/buy_iTune01.gif) no-repeat 0 4px }
#playing ul li a.iTune:hover { position: relative; left: 3px; padding: 2px 20px 2px 4px; background: url(../../images/shared/buy_iTune01.gif) no-repeat -81px 4px }
#playing ul li a { position: relative; padding: 0 0 0 7px; font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #BA1489; background: url(../../images/shared/bullet01.gif) no-repeat 0 5px }
#playing ul li a:hover { position: relative; top: 1px; background: url(../../images/shared/bullet02.gif) no-repeat 0 5px; color: #F55DD5 }
#playing p span { color: #7ABFF1 }
#nowplaying a.playon { color: #F55DD5 }

#butterfly { display: block; position: absolute; top: 0; left: 0; width: 69px; height: 69px; background: url(../../images/shared/butterfly1.gif) no-repeat 0 0; z-index: 3 }

#footer { position: relative; clear: both; text-align: right; color: #623A16 }
#footer span { display: block; padding: 2px 10px 0 0; background: url(../../images/shared/footer_bckgrnd01.gif) repeat-x 0 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 65% }
#footer span br { display: none }
#footer span a { font-family: Geneva, Arial, Helvetica, sans-serif; text-decoration: none; color: #BA1489 }
#footer span a:hover { color: #DF41BE }

#footer span a.homefooterlink { font-family: serif; font-size: 110% }

#layaway { position: absolute; top: 616px; left: 26px; margin: 0; padding: 3px 0 0 0; width: 146px; z-index: 4; font-size: 60%; text-align: center; background: url(../../images/shared/hours_border01.gif) repeat-x top center }
#layaway span { display: block; padding: 1px 0 2px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; text-align: left }
#layaway a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #BA1489 }
#layaway a:hover { color: #DF41BE }
#layaway a span { display: block; font-family: Arial, Helvetica, sans-serif; text-align: center }


/* Universal Content Styles */

dl.img_vertical { position: relative; display: block; width: 267px; margin: 1.8em auto 2.2em auto; text-align: center }
dl.img_vertical dt { padding: 0 0 0 3px; text-align: left; font-size: 75% }
dl.img_vertical dt b { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
dl.img_vertical dd img { padding: 1px; border-width: 1px; border-color: #E3DABC #70431A #70431A #E3DABC; border-style: solid }
dl.img_vertical dd i { display: block; padding: 0 3px 0 0; text-align: right; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal }

dl.img_horizontal { position: relative; display: block; width: 354px; margin: 1.8em auto 2.2em auto; text-align: center }
dl.img_horizontal dt { padding: 0 0 0 3px; text-align: left; font-size: 75% }
dl.img_horizontal dt b { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal }
dl.img_horizontal dd img { padding: 1px; border-width: 1px; border-color: #E3DABC #70431A #70431A #E3DABC; border-style: solid }
dl.img_horizontal dd i { display: block; padding: 0 3px 0 0; text-align: right; font-size: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal }


/* homepage */

#intro blockquote { position: relative; padding: .35em; margin: .45em 0; color: #7D0964; background: url(../../images/shared/hder_bckgrnd01.gif) repeat-x top center }
#intro blockquote p { position: relative; display: block; min-height: 28px; background: url(../../images/shared/lftquote01.gif) no-repeat 0 0; font-weight: bold }
* html #intro blockquote p { height: 28px } 
#intro blockquote span { position: absolute; left: -10000px }
#intro blockquote p cite { position: relative; display: block; padding: .3em .25em .25em .25em; color: #623A16; text-align: right; font-weight: normal }
#intro blockquote p span.readmore { position: relative; margin: 3px 0 0 0; left: 0; display: block; font-size: 93%; text-align: right }
#intro blockquote p span.readmore a { font-family: Myriad, Geneva, Arial, Helvetica, sans-serif; font-weight: normal }


/* Location */

span.img1 { position: relative; display: block; width: 350px; margin: 1.4em auto -1.5em auto; text-align: center }
span.img1 img { position: relative; padding: 1px; border-width: 1px; border-color: #E3DABC #70431A #70431A #E3DABC; border-style: solid }


/* Featured Products and Featured Designer page styles... */

div.fprdct { padding: .7em 0 0 0; margin: 1.1em .5em 1.1em .5em; background: url(../../images/shared/hder_bckgrnd01.gif) repeat-x top center }
div.fprdct p { padding: 0 0 0 159px }
div.fprdct h3 { padding: 0 0 0 153px }
div.fprdct img { float: left; margin: 2px 0 .5em 10px; padding: 1px; border-width: 1px; border-style: solid; border-color: #E3DABC #70431A #70431A #E3DABC }
div.fprdct span { display: block; clear: both; height: 0px; line-height: 0px }
#q { padding: .35em; margin: .3em 0; color: #7D0964 }
#q b { display: block; width: 50%; margin: 0 auto; text-align: center; background-position: 0 0; background-repeat: no-repeat }
#q cite { display: block; margin: 0 0 .8em 0; padding: .25em 10% .25em .25em; color: #623A16; text-align: right }


/* Music */
ul.musiclist { margin-bottom: 1em }
ul.musiclist li { padding: .25em 0 .25em 15px }


/* Support */
ul.support { padding: 0 0 .5em 0 }
ul.support li { padding: .5em 0 .5em 10px }


/* Contact Us */

div#maillist { position: relative; width: 340px; height: 600px; margin: 0 auto; overflow: hidden }
div#maillist form { position: relative }
div#maillist sup { vertical-align: top }
div.frow { position: relative; margin: .5em 0 0 0; height: 26px; overflow: hidden }
span.flft { display: block; float: left; width: 140px; height: 1.8em; text-align: right; line-height: 1.8em }
span.frgt { display: block; float: right; width: 200px; height: 1.8em; text-align: left }
span.frgt input { padding: 0; vertical-align: bottom; height: 1.4em; width: 180px }
span.subm { display: block; float: right; width: 60px; padding: 0 0 0 100px; height: 2em }
.submitbutton { width: 5em; padding: 0 .5em }
h3.joinmail { margin: .6em 0 1em 0; padding: 0 0 1px 0; border-bottom: solid 1px #70431A  }

div.new_store { width: 262px; border-top: solid 1px #70431A; border-bottom: solid 1px #70431A; margin: 1.2em auto 0 auto; padding: 0.6em 0 0.6em 0; text-align: center; font-size: 125% }
div.new_store h3 { margin-bottom: 0.2em !important }
div.new_store p { margin-bottom: 0.7em !important }