@charset "UTF-8";
ul, li { margin: 0px; padding: 0px; }

/* Divs */
.PageContainer { width: 805px; position: absolute; }
#apDivCart { width: 50px; height: 30px; position: absolute; left: 765px; top: 90px; }
#apDivBottomMenu { position: absolute; left: 0px; top: 675px; width: 803px; height: 37px; font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; }
#apDivBottomMenu tr td { padding-top: 12px; padding-left: 12px; }
#apDivUpperDetail { position: absolute; left: 265px; width: 538px; height: 412px; top: 122px; overflow: hidden; }
#apDivLowerDetail { position: absolute; left: 280px; width: 510px; height: 115px; top: 540px; overflow: hidden; }
#apDivMonaBar { width: 803px; height: 85px; }

/* Text */
.DetailText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #FFFFFF; text-align: left; }
.detailColL { text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; color: #FFFFFF; }
.detailColR { text-align: right; }
.CaptionText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; color: #CCCCCC; margin-top: 5px; }
.MasterTextlistCD { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; font-style: normal; text-align: left; margin-left: 0px; margin-right: 0px; cursor: pointer; }

/* Master Spry */
#masterSpry { overflow: auto; width: 255px; height: 515px; position: absolute; top: 20px; }
masterSpryCD { overflow: auto; width: 710px; }
#MasterTable { width: 235px; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; text-align: left; margin-left: 0px; margin-right: 0px; cursor: pointer; }
#MasterTable td { text-align: left; border: 1px solid #999999; }
#MasterTableHeader { position:absolute; top: 126px; left: 5px; width: 255px; font-size: 12px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #000000; font-family: Arial, Helvetica, sans-serif; }  /*phoney table header*/

.MasterTableCD { width: 710px; border-collapse: collapse; text-align: left; left: 10px; position: absolute; top: 4px; }
.CDTableCaption { color: #CCCCCC; position: absolute; left: 12px; top: 140px; border-collapse: collapse; width: 710px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: left; }

/* Pseudo-class and global selectors */
a:link { color:#000000; text-decoration: none; }
a:visited { text-decoration: none; color: #000000; }
a:hover { color: #0099FF; text-decoration: none; }
a:active { color: #FF0000; text-decoration: none; }
img { border:none; }

/* Controls table highlighting in spry tables */
tr.rowSelected { background-color:#99CCCC; }
tr.rowHover { background-color: #99FFFF; }

/* Controls the big 4 main menu items */
.MenuTable { position: absolute; right: 0px; top: 15px; }

/* The small copyright text on the index page bottom */
#new { color: #FFFF00; font-size: 12px; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; }
#new a { color:#FFFF00; }
#new a:hover { color: #0CC; }
#notices { color: #CCCCCC; font-size: 10px; font-variant: small-caps; font-family: Arial, Helvetica, sans-serif; font-weight: lighter; }
#apDivCopyrights { position: absolute; left: 14px; width: 803px; top: 725px; font-family: Arial, Helvetica, sans-serif; font-size: 0.7em; color: #999999; text-align: center; display: inline; }

#note { position:absolute; top:300px; left:230px;color:#FF0; background-color:#000; width:220px; height:80px; font-family:Verdana, Geneva, sans-serif; font-size:0.6em; text-align:center; padding-top:8px; visibility:visible; }
#note a:link { color:#F00; text-decoration: none; }
#note a:visited { color:#F00; text-decoration: none; }
#note a:hover { color:#0FF; text-decoration: none; }

.descriptionText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; text-align: left; padding: 0px; }
.listWide { list-style-type: disc; padding-bottom: 12px; color: #CCCCCC; }
.listWide ul, li { margin-left: 15px; }
.listNarrow { list-style-type: disc; padding-bottom: 4px; color: #CCCCCC; list-style-position: inside; }
table.AccordianTable { width: 300px; }
table.AccordianTable td { padding: 6px; }
.title { font-family: Arial, Helvetica, sans-serif; font-weight: bolder; color: #CCCCCC; }
.CDDescription { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; }

/* Gifts Page */
.salePrice { color: #FFFF00; }
.smallText { text-align: center; }

/* Popup support pages */
.smallPrint { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; border-collapse: collapse; }
.smallPrint a { color: #FF0000; }
.smallPrint a:hover { color: #0099FF; }

li.posters { margin-bottom: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 8px; color: #CCCCCC; }
#albumlist { list-style-type: none; }
#albumlist li { float: left; width: 125px; }
#albumlist img { display: block; margin-bottom: 4px; }

.GiftsDiv1 { position: absolute; top: 50px; left: 20px; z-index: 1; }
.GiftsDiv2 { position: absolute; top: 40px; left: 10px; width: 580px; background-color: #000000; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: groove; border-right-style: groove; border-bottom-style: groove; border-left-style: groove; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #CCCCCC; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 170px; }
.GiftsDiv3 { position: absolute; top: 185px; left: 180px; width: 585px; height: 375px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; overflow: auto; color: #CCCCCC; }

/* Enter buttons */
#enterSheetMusic a:link, #enterSheetMusic a:visited { color: #FFFF00; position:absolute; left:516px; top:242px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; background-color: #333333; padding: 2px; }
#enterSheetMusic a:hover { color: #00FFFF; position:absolute; left:517px; top:243px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }

#enterHSQ a { color: #FFFF00; position:absolute; left:649px; top:357px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; background-color: #333333; padding: 2px; }
#enterHSQ a:hover { color: #00FFFF; position:absolute; left:650px; top:358px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }

#enterCD a:link, #enterCD a:visited { color: #FFFF00; position:absolute; left:632px; top:295px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; background-color: #333333; padding: 2px; }
#enterCD a:hover { color: #00FFFF; position:absolute; left:633px; top:296px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }

#enterGifts a:link, #enterGifts a:visited { color: #FFFF00; position:absolute; left:508px; top:335px; font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; background-color: #333333; padding: 2px; }
#enterGifts a:hover { color: #00FFFF; position:absolute; left:509px; top:336px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight: bold; }

/*----------------------------------------------- */
.subHeading { background-color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: #CCCCCC; font-weight: bold; text-align: center; padding: 4px; }
.tourSchedule { color: #CCCCCC; font-size: 12px; text-align: left; font-family: Arial, Helvetica, sans-serif; }
.comment { margin-left: 3px; color: #FF0000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; background-color: #FFFF00; height: 10px; width: 10px; }

/* This is for the hidden link at the bottom of each page */
.site { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 0.3em; }
.site a { color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 0.3em; }

.accordianTable { font-size:10px; color: #CCCCCC; }
.audioType { font-size: 9px; font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; }

/* Filter bar buttons on Sheet Music page */
#navigation { position:absolute; top:96px; left:312px; width:450px; }
#navigation li.selected { color:#FFFFFF; background-color:#40007D; }

/* "Loading" text and content hiding */
.SpryHiddenRegion { visibility:hidden; }
#pageContainerImage { visibility:hidden; }
#loadingImage { position:absolute; }
#loadingText { position: absolute; left: 0px; top: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000000; }

/* The following code sets the styles for the CDs images in the tabs on the CDs page */
ul#cdRow li:hover { background-color: none; }

li.cd1 { width: 48px; height: 48px; background-image: url(otherImages/AllZeppelinBW.jpg); }
li.cd1Over { width: 48px; height: 48px; background-image: url(otherImages/AllZeppelin.jpg); }

li.cd2 { width: 48px; height: 48px; background-image: url(otherImages/OffWhiteAlbumBW.jpg); }
li.cd2Over { width: 48px; height: 48px; background-image: url(otherImages/OffWhiteAlbum.jpg); }

li.cd3 { width: 48px; height: 48px; background-image: url(otherImages/TakeNoPrisonersBW.jpg); }
li.cd3Over { width: 48px; height: 48px; background-image: url(otherImages/TakeNoPrisoners.jpg); }

li.cd4 { width: 48px; height: 48px; background-image: url(otherImages/RidesAgainBW.jpg); }
li.cd4Over { width: 48px; height: 48px; background-image: url(otherImages/RidesAgain.jpg); }

li.cd5 { width: 48px; height: 48px; background-image: url(otherImages/HSQDoesXmasAgainBW.jpg); }
li.cd5Over { width: 48px; height: 48px; background-image: url(otherImages/HSQDoesXmasAgain.jpg); }

li.cd6 { width: 48px; height: 48px; background-image: url(otherImages/SympathyBW.jpg); }
li.cd6Over { width: 48px; height: 48px; background-image: url(otherImages/Sympathy.jpg); }

li.cd7 { width: 48px; height: 48px; background-image: url(otherImages/CelloSexBW.jpg); }
li.cd7Over { width: 48px; height: 48px; background-image: url(otherImages/CelloSex.jpg); }

li.cd8 { width: 48px; height: 48px; background-image: url(otherImages/HSQBornBW.jpg); }
li.cd8Over { width: 48px; height: 48px; background-image: url(otherImages/HSQBorn.jpg); }

li.cd9 { width: 48px; height: 48px; background-image: url(otherImages/BeetBW.jpg); }
li.cd9Over { width: 48px; height: 48px; background-image: url(otherImages/Beet.jpg); }

li.cd10 { width: 48px; height: 48px; background-image: url(otherImages/HSQXMasBW.jpg); }
li.cd10Over { width: 48px; height: 48px; background-image: url(otherImages/HSQXMas.jpg); }

/* Software classes */
.titleDiv { position:relative; top:10px; left:10px; color:#CCC; width:560px; height:71px; padding:0px; }
.descriptionDiv { position:relative; top:20px; left:10px; color:#CCC; width:560px; height:50px; overflow:auto; padding:10px; font-size:12px; font-family: Arial, Helvetica, sans-serif; border:#FFF; border-width:1px; border-style:solid; }
.featuresDiv { position:relative; left:10px; top:30px; color:#CCC; width:280px; height:240px; overflow:auto; padding:10px; font-size:11px; font-family: Arial, Helvetica, sans-serif; line-height:15px; float:left; border:#FFF; border-width:1px; border-style:solid; }
.softwareImagesDiv { position:relative; left:40px; top:-40px; float:left; }
.softwareButton { position:relative; left:180px; top:-210px; color:#FF0; padding:10px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; }
.softwareButtonW { position:relative; left:-30px; top:-210px; color:#FF0; padding:10px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:14px; }
.appleBadge { position:relative; top:300px; left:-200px; }

#softwareNavText a:link { color: #FFF; text-decoration: none; font-size:12px; }
#softwareNavText a:visited { color: #FFF; text-decoration: none; font-size:12px;}
#softwareNavText a:hover { color: #0FF; font-size:12px;}
#softwareNavText a:active { text-decoration: none; font-size:12px;}

.softwareButton a:link { color: #FF0; text-decoration: none; }
.softwareButton a:visited { color: #FF0; text-decoration: none; }
.softwareButton a:hover { color: #0FF; }
.softwareButton a:active { text-decoration: none; position: relative; }

.softwareButtonW a:link { color: #FF0; text-decoration: none; }
.softwareButtonW a:visited { color: #FF0; text-decoration: none; }
.softwareButtonW a:hover { color: #0FF; }
.softwareButtonW a:active { text-decoration: none; position: relative; }
