/* Generic Styles */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{font-family:Segoe UI, Aharoni, Arial, Verdana; color:White; font-size:12px;}
a{color:White;}
body{background:#313B44 url(../i/Back.jpg) repeat-x;}

input, textarea, select {
    color:Black;
}


.Clear{clear:both; font-size:0; line-height:0; height:0;}
.TemplateDiv{height:26px; background:url(../i/TemplateDiv.gif) repeat-x left center;}

/* Header Styles */

#Header{width:940px; margin:auto; background:url(../i/HeaderBack.jpg) no-repeat;}

#Header #TopSection{position:relative; height:122px;}
#Header #Logo{position:absolute; top:13px; left:7px; display:block; width:360px; height:107px; background:url(../i/Logo.jpg);}
#Jukebox{position:absolute; top:24px; right:4px; display:block; width:269px; height:91px; background:url(../i/JukeboxBase.gif);}
#Jukebox .Scroller{position:absolute; overflow:hidden; width:160px; height:20px; top:40px; left:54px;}
#Jukebox .ScrollerText{width:500px; font-size:10px; font-family:Monospace;}
#Jukebox .Buttons{position:absolute; top:60px; left:54px; width:160px; height:21px;}
#Jukebox .Back{float:left;}
#Jukebox .Back a{display:block; position:relative; width:21px; height:21px; background:url(../i/JukeboxBack.gif) 0px 0px;}
#Jukebox .Back a:hover{background:url(../i/JukeboxBack.gif) 0px -21px;}
#Jukebox .Forward{float:left; margin-left:3px;}
#Jukebox .Forward a{display:block; position:relative; width:21px; height:21px; background:url(../i/JukeboxForward.gif) 0px 0px;}
#Jukebox .Forward a:hover{background:url(../i/JukeboxForward.gif) 0px -21px;}
#Jukebox .Launch{float:left; margin-left:3px;}
#Jukebox .Launch a{display:block; position:relative; width:112px; height:21px; background:url(../i/JukeboxLaunch.gif) 0px 0px;}
#Jukebox .Launch a:hover{background:url(../i/JukeboxLaunch.gif) 0px -21px;}


#YourAccountLogin .loginbutton{display:block; position:relative; width:70px; height:23px; background:url(../i/BtnYourAccountLogin.jpg);}
#YourAccountLogin .loginbutton:hover{background:url(../i/BtnYourAccountLoginHover.jpg); cursor:pointer;}


#TopMenu{width:940px; height:36px; background:url(../i/TopMenuMid.jpg);}
#TopMenuRight{height:36px; background:url(../i/TopMenuRight.jpg) no-repeat right top;}
#TopMenuLeft{height:36px; background:url(../i/TopMenuLeft.jpg) no-repeat;}
#TopMenu .Inner{padding-top:11px; padding-left:25px;}
#TopMenu .Inner a{display:block; float:left; text-decoration:none; font-size:12px; color:white;} 
#TopMenu .Inner a:hover{color:#FF008A;} 
#TopMenu .Divider{float:left; width:50px; height:12px; position:relative; top:1px; background:url(../i/TopMenuDiv.gif) no-repeat center;}
#Currencies {
    height:23px;
    margin-bottom:10px;
    text-align:right;
    width:225px;
}

#Currencies .Euro{float:right;}
#Currencies .Euro a{display:block; position:relative; width:23px; height:23px; background:url(../i/CurrencyEuro.gif) 0px 0px;}
#Currencies .Euro a:hover{background:url(../i/CurrencyEuro.gif) 0px -23px;}
#Currencies .EuroSelected{float:right;}
#Currencies .EuroSelected a{display:block; position:relative; width:23px; height:23px; background:url(../i/CurrencyEuro.gif) 0px -23px;}

#Currencies .Dollar{float:right; margin-right:4px;}
#Currencies .Dollar a{display:block; position:relative; width:23px; height:23px; background:url(../i/CurrencyDollar.gif) 0px 0px;}
#Currencies .Dollar a:hover{background:url(../i/CurrencyDollar.gif) 0px -23px;}
#Currencies .DollarSelected{float:right; margin-right:4px;}
#Currencies .DollarSelected a{display:block; position:relative; width:23px; height:23px; background:url(../i/CurrencyDollar.gif) 0px -23px;}

#Currencies .Pound{float:right; margin-right:4px;}
#Currencies .Pound a{display:block; position:relative; width:23px; height:23px; background:url(../i/CurrencyPound.gif) 0px 0px;}
#Currencies .Pound a:hover{background:url(../i/CurrencyPound.gif) 0px -23px;}
#Currencies .PoundSelected{float:right; margin-right:4px;}
#Currencies .PoundSelected a{display:block; position:relative; width:23px; height:23px; background:url(../i/CurrencyPound.gif) 0px -23px;}

/* Columns Styles */

#Columns{width:940px; margin:auto; margin-bottom:20px;}
#ColumnLeft{float:left; width:186px; }
#ColumnMiddle{float:left; width:524px; padding-top:15px;}
#ColumnRight{float:left; width:230px; }

#Content{width:486px; margin:auto;}


/* Track Finder */

#TrackFinder{margin-top:8px; background:url(../i/TrackFinderMid.jpg) repeat-y;}
#TrackFinderTop{background:url(../i/TrackFinderTop.jpg) no-repeat;}
#TrackFinderBottom{width:186px; height:8px; background:url(../i/TrackFinderBottom.jpg);}
#TrackFinderInner{width:158px;margin:auto;}

#TrackFinderSearch a{display:block; position:relative; width:70px; height:23px; background:url(../i/BtnTrackFinderSearch.gif);}
#TrackFinderSearch a:hover{background:url(../i/BtnTrackFinderSearchHover.gif); cursor:pointer;}

#TrackFinderTitleBrowse{width:158px; height:22px; margin-bottom:8px; background:url(../i/TrackFinderTitleBrowse.gif);}


#BrowseMap{position:relative; width:158px; height:123px; background:url(../i/BrowseMap.gif);}
#BrowseMap a{display:block; position:absolute; height:23px;}
#BrowseMap a:hover{cursor:pointer;}

#BM-A{left:0px; top:0px; width:23px;}
#BM-B{left:27px; top:0px; width:23px;}
#BM-C{left:54px; top:0px; width:23px;}
#BM-D{left:81px; top:0px; width:23px;}
#BM-E{left:108px; top:0px; width:23px;}
#BM-F{left:135px; top:0px; width:23px;}

#BM-G{left:0px; top:25px; width:23px;}
#BM-H{left:27px; top:25px; width:23px;}
#BM-I{left:54px; top:25px; width:23px;}
#BM-J{left:81px; top:25px; width:23px;}
#BM-K{left:108px; top:25px; width:23px;}
#BM-L{left:135px; top:25px; width:23px;}

#BM-M{left:0px; top:50px; width:23px;}
#BM-N{left:27px; top:50px; width:23px;}
#BM-O{left:54px; top:50px; width:23px;}
#BM-P{left:81px; top:50px; width:23px;}
#BM-Q{left:108px; top:50px; width:23px;}
#BM-R{left:135px; top:50px; width:23px;}

#BM-S{left:0px; top:75px; width:23px;}
#BM-T{left:27px; top:75px; width:23px;}
#BM-U{left:54px; top:75px; width:23px;}
#BM-V{left:81px; top:75px; width:23px;}
#BM-W{left:108px; top:75px; width:23px;}
#BM-X{left:135px; top:75px; width:23px;}

#BM-Y{left:0px; top:100px; width:23px;}
#BM-Z{left:27px; top:100px; width:23px;}
#BM-Num{left:54px; top:100px; width:50px;}


#TrackFinderTitleGenres{width:158px; height:22px; margin-bottom:8px; background:url(../i/TrackFinderTitleGenres.gif);}
#TrackFinderTagCloud{text-align:center; margin-bottom:20px;}
#TrackFinderTagCloud a{font-weight:bold; text-decoration:none; padding:5px;}
#TrackFinderTagCloud a:hover{color:#FF008A;}

#TrackFinderTitleRecentlyAdded {width:158px; height:22px; margin-bottom:8px; background:url(../i/title-recently-added.gif);}
#TrackFinderRecentlyAdded .Item { color:White; font-size:10px; margin-bottom:10px; }
#TrackFinderRecentlyAdded .Item a { display:block; font-size:11px; font-weight:bold; color:White; }

/* Template Search */
#TrackFinder .TextboxOuter{width:160px; height:22px;}
#TrackFinder .TextboxLeft{height:22px; background:url(../i/TextboxLeft.gif) no-repeat;}
#TrackFinder .TextboxRight{height:22px; background:url(../i/TextboxRight.gif) no-repeat right;}
#TrackFinder .Textbox{width:152px; margin:auto; height:14px; padding:4px 0px; background:url(../i/TextboxMid.gif) repeat-x;}
#TrackFinder .Textbox input{border:0; font-size:11px; height:15px; color:White; background:#101418; width:152px; padding-left:2px;}

/* Your Account Styles */

#YourAccount{margin-bottom:14px;}
#YourAccountTop{width:230px; height:58px; margin-top:4px; background:url(../i/YourAccountTop.jpg);}
#YourAccountMid{background:url(../i/YourAccountMid.jpg) repeat-y;}
#YourAccountBottom{width:230px; height:9px; background:url(../i/YourAccountBottom.gif);}
#YourAccountInner{padding:10px 10px 5px 10px; font-size:11px;}
#YourAccount p{margin-bottom:8px;}
#YourAccount ul li{margin-bottom:4px;}
#YourAccount ul li a{font-size:11px;}
#YourAccount a:hover{color:#FF008A;}
#YourAccountLogin .loginbutton{display:block; position:relative; width:70px; height:23px; background:url(../i/BtnYourAccountLogin.jpg);}
#YourAccountLogin .loginbutton:hover{background:url(../i/BtnYourAccountLoginHover.jpg); cursor:pointer;}

#YourAccount .AccountMenu a{display:block; font-weight:normal; background:url(../i/bullet.gif) no-repeat left; padding-left:15px; margin-bottom:3px;}

#YourAccountLogin .TextboxOuter{width:209px; height:22px; margin-bottom:3px;}
#YourAccountLogin .TextboxLeft{height:22px; background:url(../i/TextboxLeft.gif) no-repeat;}
#YourAccountLogin .TextboxRight{height:22px; background:url(../i/TextboxRight.gif) no-repeat right;}
#YourAccountLogin .Textbox{width:201px; margin:auto; height:14px; padding:4px 0px; background:url(../i/TextboxMid.gif) repeat-x;}
#YourAccountLogin .Textbox input{border:0; font-size:11px; height:15px; color:White; background:#101418; width:201px; padding-left:2px;}

/* Download Cart Styles */

#DownloadCartTop{width:230px; height:47px; margin-top:4px; background:url(../i/DownloadCartTop.gif);}
#DownloadCartMid{background:#161B1F;}
.DownloadCart .Items{width:228px; margin:auto; background:#222B31 url(../i/DownloadCartBack.gif) no-repeat;}
.DownloadCart .Items .Item{border-bottom:solid 1px #161B1F;}
.DownloadCart .Name {display:block; float:left; width:162px; position:relative; padding:2px 0px 2px 4px; line-height:14px;}
.DownloadCart .Name a{font-size:10px; text-decoration:none;}
.DownloadCart .Name a span{font-size:11px; font-weight:bold; cursor:pointer;}
.DownloadCart .Name a:hover{color:#FF008A;}
.DownloadCart .Buttons{display:block; float:left; width:58px; padding-top:6px; position:relative;}
.DownloadCart .Buttons .Play{float:right; margin-right:2px;}
.DownloadCart .Buttons .Play a{display:block; position:relative; width:23px; height:23px;  background: url(../i/DownloadCartPlay.gif);}
.DownloadCart .Buttons .Play a:hover{cursor:pointer;background: url(../i/DownloadCartPlayHover.gif);}
.DownloadCart .Buttons .Delete{float:right;}
.DownloadCart .Buttons .Delete a{display:block; position:relative; width:23px; height:23px; background: url(../i/DownloadCartDelete.gif);}
.DownloadCart .Buttons .Delete a:hover{cursor:pointer; background: url(../i/DownloadCartDeleteHover.gif);}
#DownloadCartBottom{width:230px; height:8px; background:url(../i/DownloadCartBottom.jpg);}
#DownloadCartCheckout{width:220px; height:57px; margin:auto; margin-top:10px; padding-bottom:2px;}
#DownloadCartCheckout a{display:block; position:relative; width:220px; height:57px;  background: url(../i/DownloadCartCheckoutButton.jpg);}
#DownloadCartCheckout a:hover{cursor:pointer; background: url(../i/DownloadCartCheckoutButtonHover.jpg);}
.DownloadCart .EmptyBasket{background:#161B1F; padding: 20px 0 30px; text-align:center;}
.DownloadCart .Summary{margin:auto; margin-top:8px;}
.DownloadCart .Summary td{font-size:10px;}
.DownloadCart .Summary .Name{padding:0; padding-right:8px;}
.DownloadCart .Summary .Name strong{font-weight:bold;}
.DownloadCart .Summary .Price{font-weight:bold;}
.DownloadCart .Summary .Total{font-weight:bold;}
.DownloadCart .Summary .Divider{height:6px; clear:both; background:url(../i/FormDivider.gif) repeat-x left center;}

/* Accessories Link */
.accessoriesLink{margin-top: 15px;}

/* Footer Styles */

#Footer{width:940px; margin:auto; padding-bottom:50px; height:57px; background:url(../i/FooterMid.jpg) repeat-x;}
#FooterLeft{height:57px; background:url(../i/FooterLeft.jpg) no-repeat left top;}
#FooterRight{height:57px; background:url(../i/FooterRight.jpg) no-repeat right top;}
#Footer .Inner{padding-top:11px; padding-right:25px;}
#Footer span{display:block; float:right; text-decoration:none; font-size:12px; color:white;}
#Footer a{display:block; float:right; text-decoration:none; font-size:12px; color:white;} 
#Footer a:hover{color:#FF008A; cursor:pointer;} 
#Footer .Divider{float:right; width:50px; height:12px; position:relative; top:1px; background:url(../i/FooterDiv.gif) center no-repeat;}

/* Form Styles */

.Form{}
.Form .Divider{height:28px; background:url(../i/FormDivider.gif) repeat-x left center;}
.Form .Intro{font-size:11px; font-weight:bold; padding-bottom:8px;}
.Form table{margin-left:10px;}
.Form table tr td{font-size:11px; padding:2px 0px; vertical-align:middle;}
.Form .Label{width:140px;}
.Form .Control{width:220px;}
.Form .Validation{}
.Form .CheckLabel{padding-left:8px;}
.Form .BottomContainer{margin-top:16px;}
.Form .ValidationErrors{background:#293138; padding:12px; font-size:14px; font-weight:bold;}
.Form .Bottom{width:486px; height:52px; background:url(../i/FormBottom.gif); margin-bottom:10px;}

.Form .TextboxOuter{width:210px; height:22px;}
.Form .TextboxLeft{height:22px; background:url(../i/TextboxLeft.gif) no-repeat;}
.Form .TextboxRight{height:22px; background:url(../i/TextboxRight.gif) no-repeat right;}
.Form .Textbox{width:202px; margin:auto; height:14px; padding:4px 0px; background:url(../i/TextboxMid.gif) repeat-x;}
.Form .Textbox input{border:0; font-size:11px; height:15px; color:White; background:#101418; width:202px; padding-left:2px;}

.Form .TextboxSmallOuter{width:38px; height:22px; float:left;}
.Form .TextboxSmallLeft{height:22px; background:url(../i/TextboxLeft.gif) no-repeat;}
.Form .TextboxSmallRight{height:22px; background:url(../i/TextboxRight.gif) no-repeat right;}
.Form .TextboxSmall{width:30px; margin:auto; height:14px; padding:4px 0px; background:url(../i/TextboxMid.gif) repeat-x;}
.Form .TextboxSmall input{border:0; font-size:11px; height:15px; color:White; background:#101418; width:30px; padding-left:2px;}

.Form .TextareaOuter{width:210px; height:72px;}
.Form .TextareaLeft{height:72px; background:url(../i/TextboxLeft.gif) no-repeat;}
.Form .TextareaRight{height:72px; background:url(../i/TextboxRight.gif) no-repeat right;}
.Form .Textarea{width:202px; margin:auto; height:64px; padding:4px 0px; background:url(../i/TextboxMid.gif) repeat-x;}
.Form .Textarea textarea{border:0; font-size:11px; height:65px; color:White; background:#101418; width:202px; padding-left:2px;}

.Form .Validation .NoDisplay{display:none;}
.Form .checkboxes{margin-left:10px;}

/* Home Page Styles */

#BannersTop{margin-bottom:14px;}

#TopSellersTitle{margin-bottom:24px;}
#TopSellers .Items{}
#TopSellers .Item{width:162px; float:left; height:150px; text-align:center;}
#TopSellers .Item .Inner img{border:solid 1px black;}
#TopSellers .Item .Inner{width:90px; margin:auto;}

#RecentlyAddedTitle{margin-bottom:24px;}
#RecentlyAdded .Items{}
#RecentlyAdded .Item{width:162px; float:left; height:150px; text-align:center;}
#RecentlyAdded .Item .Inner img{border:solid 1px black;}
#RecentlyAdded .Item .Inner{width:90px; margin:auto;}

#HomeBanner{width:486px; margin:auto;}
#HomeBannerLeft{float:left; width:286px; height:139px; position:relative; background:url(../i/HomeBannerLeft.gif);}
#HomeBannerRight{}
.HomeBannerRight{float:left; width:200px; height:139px; background:url(../i/HomeBannerRight.gif) 0px 0px;}
#HomeBannerButton1{position:absolute; cursor:pointer; top:59px; left:15px; width:262px; height:25px;}
#HomeBannerButton2{position:absolute; cursor:pointer; top:84px; left:15px; width:262px; height:25px;}
#HomeBannerButton3{position:absolute; cursor:pointer; top:109px; left:15px; width:262px; height:25px;}
.HomeBannerRight1{float:left; width:200px; height:139px; background:url(../i/HomeBannerRight.gif) 0px -139px;}
.HomeBannerRight2{float:left; width:200px; height:139px; background:url(../i/HomeBannerRight.gif) 0px -278px;}
.HomeBannerRight3{float:left; width:200px; height:139px; background:url(../i/HomeBannerRight.gif) 0px -417px;}
.HomeDivider{height:20px;}

/* Media Player */

.MediaPlayer{width:425px; background-color:#1D2429;}
.MediaPlayer .Close{float:right; padding-right:5px;}
.MediaPlayer .Close a{display:block; position:relative; width:34px; height:30px; background:url(../i/MediaPlayerClose.jpg);}
.MediaPlayer .Close a:hover{background:url(../i/MediaPlayerCloseHover.jpg);}
.MediaPlayer .Player{margin: 0; padding: 30px 30px;}

/* Update Address */

#updateaddress{width:486px; background-color:#1D2429;}
#updateaddress .Close{float:right; padding-right:5px;}
#updateaddress .Close a{display:block; position:relative; width:34px; height:30px; background:url(../i/MediaPlayerClose.jpg);}
#updateaddress .Close a:hover{background:url(../i/MediaPlayerCloseHover.jpg);}
#updateaddress .Player{margin: 0; padding: 30px 30px;}

/* Search Results Page */

.SearchResultsSummary{width:350px; margin:auto; text-align:center; font-size:11px; margin-bottom:24px;}
#SearchResults{margin-bottom:30px;}
#SearchResults .Result{border-top:dotted 1px #495157; height:50px; font-size:12px;}
#SearchResults .Result span{display:block; font-size:14px; font-weight:bold;}
#SearchResults .Track{width:280px; float:left; padding:6px;}
#SearchResults .Track a{text-decoration: none;}
#SearchResults .Track a:hover{color:#FF008A;}
#SearchResults .Buttons{width:190px; float:right; padding-right:4px; padding-top:9px;}
#SearchResults .Buttons .BuyVideo{width:74px; height:31px; margin-left:3px; float:right;}
#SearchResults .Buttons .BuyVideo a{display:block; position:relative; width:74px; height:31px; background:url(../i/BuyVideoButton.gif);}
#SearchResults .Buttons .BuyVideo a:hover{background:url(../i/BuyVideoButtonHover.gif);}
#SearchResults .Buttons .BuyAudio{width:74px; height:31px; margin-left:3px; float:right;}
#SearchResults .Buttons .BuyAudio a{display:block; position:relative; width:74px; height:31px; background:url(../i/BuyAudioButton.gif);}
#SearchResults .Buttons .BuyAudio a:hover{background:url(../i/BuyAudioButtonHover.gif);}
#SearchResults .Buttons .Play{width:31px; height:31px; margin-left:3px; float:right;}
#SearchResults .Buttons .Play .mediatrigger{display:block; position:relative; width:31px; height:31px; background:url(../i/BigPlayButton.gif);}
#SearchResults .Buttons .Play .mediatrigger:hover{background:url(../i/BigPlayButtonHover.gif);}
#SearchResults .Paging{width:486px; height:26px; background:url(../i/PagingBack.gif); text-align:center; font-size:11px; padding-top:14px; }
#SearchResults .Paging a{font-size:11px; text-decoration:none;}
#SearchResults .Paging a:hover{text-decoration:underline; color:#FF008A;}

/* Register Page */
#RegisterSubmit a{display:block; position:relative; left:10px; top:10px; width:185px; height:31px; background:url(../i/BtnRegister.jpg);}
#RegisterSubmit a:hover{background:url(../i/BtnRegisterHover.jpg); cursor:pointer;}

/* Account Page */
#AccountSubmit a{display:block; position:relative; left:10px; top:10px; width:80px; height:23px; background:url(../i/BtnSubmit.jpg);}
#AccountSubmit a:hover{background:url(../i/BtnSubmitHover.jpg); cursor:pointer;}

/* Address Book Page */
#UpdateAddressSubmit a{display:block; position:relative; left:10px; top:10px; width:80px; height:23px; background:url(../i/BtnSubmit.jpg);}
#UpdateAddressSubmit a:hover{background:url(../i/BtnSubmitHover.jpg); cursor:pointer;}

/* Submit Page */
#ChangePasswordSubmit a{display:block; position:relative; left:10px; top:10px; width:80px; height:23px; background:url(../i/BtnSubmit.jpg);}
#ChangePasswordSubmit a:hover{background:url(../i/BtnSubmit.jpg); cursor:pointer;}

/* Contact Page */
#ContactSubmit a{display:block; position:relative; top:10px; left:10px; width:81px; height:31px; background:url(../i/BtnSubmit.gif) 0px 0px;}
#ContactSubmit a:hover{background-position:-81px 0px;}

/* Download Catalogue Page */

#DownloadCatalogueArtists a{display:block; position:relative; width:190px; height:37px; background:url(../i/DownloadCatalogueArtists.jpg) 0px 0px; margin-bottom:10px;}
#DownloadCatalogueArtists a:hover{background:url(../i/DownloadCatalogueArtists.jpg) 0px -37px;}
#DownloadCatalogueTitles a{display:block; position:relative; width:190px; height:37px; background:url(../i/DownloadCatalogueTitles.jpg) 0px 0px;}
#DownloadCatalogueTitles a:hover{background:url(../i/DownloadCatalogueTitles.jpg) 0px -37px;}

/* Browse Products Page */

#BrowseProducts{}
#BrowseProducts .Divider{height:28px; clear:both; background:url(../i/FormDivider.gif) repeat-x left center;}

#BrowseProducts .Product{}
#BrowseProducts .Product .Title{font-size:15px; font-weight:bold; margin-bottom:2px;}
#BrowseProducts .Product .Price{margin-bottom:12px;}
#BrowseProducts .Product .Summary{margin-bottom:8px;}
#BrowseProducts .Product .Middle a{ display:block; margin-bottom:5px; }
#BrowseProducts .Product .Image{float:right; width:116px; margin-left:12px;}
#BrowseProducts .Product .Image .Top{height:7px; background:url(../i/BrowseProductThumbTop.gif);}
#BrowseProducts .Product .Image .Middle{background:#161B1F; text-align:center;}
#BrowseProducts .Product .Image .Bottom a{display:block; position:relative; height:28px; background:url(../i/BrowseProductThumbBottom.gif);}
#BrowseProducts .Product .AddToCart a{display:block; position:relative; width:96px; height:31px; background:url(../i/BtnAddToBasket.gif) 0px 0px;}
#BrowseProducts .Product .AddToCart a:hover{background:url(../i/BtnAddToBasket.gif) 0px -31px;}
#BrowseProducts .Product .MoreInfo a{display:block; position:relative; width:96px; height:31px; background:url(../i/BtnMoreInfo.gif) 0px 0px;}
#BrowseProducts .Product .MoreInfo a:hover{background:url(../i/BtnMoreInfo.gif) 0px -31px;}
/* Address Book Page */

#AddressBook{}
#AddressBook .Address p{font-size:11px;}
#AddressBook .Address{width:210px; float:left; margin:0 10px 10px 0; padding:10px; border:dotted 1px #505860; background:#21272E;}
#AddressBook .Address .Delete{float:right; width:23px;}
#AddressBook .Address .Delete a{display:block; position:relative; width:23px; height:23px; background:url(../i/AddressDelete.gif) no-repeat 0px 0px;}
#AddressBook .Address .Delete a:hover{background:url(../i/AddressDelete.gif) no-repeat 0px -23px;}
#AddressBook .Address .Tag{font-weight:bold; color:#FF008A; margin-bottom:8px;}
#AddressBook .Address .Name{font-size:11px; font-weight:bold;}
#AddressBook .Address .Name a:hover{color:#FF008A;}
#AddressBook .Address .Links{margin-top:8px;}
#AddressBook .Address .Links li{background:url(../i/AddressArrow.gif) no-repeat 0 5px; padding-left:10px;}
#AddressBook .Address .Links li a{font-size:11px;}
#AddressBook .Address .Links li a:hover{color:#FF008A;}
#AddNewAddressTitle{margin:20px 0;}

/* Download Tracks Page */

#Downloads{width:100%}
#Downloads tbody tr td{text-align:center; vertical-align:middle; padding:4px 8px; font-size:11px;}
#Downloads tbody tr{border-top:dotted 1px #505860;}
#Downloads .Details{text-align:left; vertical-align:top;}
#Downloads .Details .Track{font-size:13px; font-weight:bold;}
#Downloads .DownloadButton{float:right;}
#Downloads .DownloadButton a{display:block; position:relative; width:86px; height:23px; background:url(../i/BtnDownload.gif) no-repeat 0px 0px;}
#Downloads .DownloadButton a:hover{background:url(../i/BtnDownload.gif) no-repeat 0px -23px;}
#Downloads .DownloadTracksRowHover td{background:url(../i/DownloadTracksRowHover.jpg) repeat-x;}

/* Order Summary */
#OrderSummaryDiscount { background:#21282E; padding:5px; margin-bottom:5px; color:White; }
#OrderSummaryDiscount p { margin-bottom:5px; }
#OrderSummaryDiscount h3 { font-weight:bold; color:#FF008A; padding-right:10px; margin-bottom:5px; }
#OrderSummaryDiscount input { border:1px solid #39434E; font-size:11px; height:15px; color:White; background:#101418; width:152px; padding-left:2px; }

/* Order Summary */
#OrderSummaryPoints { background:#21282E; padding:5px; margin-bottom:5px; color:White; }
#OrderSummaryPoints p { margin-bottom:5px; }
#OrderSummaryPoints h3 { font-weight:bold; color:#FF008A; padding-right:10px; margin-bottom:5px; }
#OrderSummaryPoints input { border:1px solid #39434E; font-size:11px; height:15px; color:White; background:#101418; width:50px; padding-left:2px; }

/* Order Discount */
#OrderSummary{width:100%}
#OrderSummary tbody tr td{text-align:center; vertical-align:middle; padding: 8px 8px; font-size:11px;}
#OrderSummary tbody tr{border-bottom:dotted 1px #616A74; background-color: #414F5A;}
#OrderSummary .Details{text-align:left; vertical-align:top;}
#OrderSummary .Details .Artist{font-weight:bold;}

/* OrderSummaryTotals */
#OrderSummaryTotals{width:100%}
#OrderSummaryTotals tbody tr td{text-align:right; vertical-align:middle; padding: 8px 8px; font-size:11px;}
#OrderSummaryTotals tbody tr{border-top:solid 2px #313B44; background-color: #21282E;}
#OrderSummaryTotals .Details{text-align:left; vertical-align:middle;}
#OrderSummaryTotals .Right{width:50px; font-weight:bold; font-size:13px;}
#OrderSummaryTotals .Right .Amount{margin-right:15px;}

/* Previous Orders Page */

#PreviousOrders{width:100%}
#PreviousOrders thead th{height:28px; background:#161B1F; vertical-align:middle; padding:6px; font-weight:normal;}
#PreviousOrders tbody tr{border-bottom:dotted 1px #505860;}
#PreviousOrders tbody tr td{height:28px; padding:6px; font-size:11px; font-weight:normal;}
#PreviousOrders .Collapsed{}
#PreviousOrders .Collapsed .PreviousOrdersExpand{width:23px; float:right;}
#PreviousOrders .Collapsed .PreviousOrdersExpand a{display:block; position:relative; width:23px; height:23px; background:url(../i/BtnPreviousOrdersPlus.gif) no-repeat 0px 0px;}
#PreviousOrders .Collapsed .PreviousOrdersExpand a:hover{background:url(../i/BtnPreviousOrdersPlus.gif) no-repeat 0px -23px;}
#PreviousOrders .Expanded{background:#161B1F; border-bottom:none;}
#PreviousOrders .Expanded .PreviousOrdersExpand{width:23px; float:right;}
#PreviousOrders .Expanded .PreviousOrdersExpand a{display:block; position:relative; width:23px; height:23px; background:url(../i/BtnPreviousOrdersMinus.gif) no-repeat 0px 0px;}
#PreviousOrders .Expanded .PreviousOrdersExpand a:hover{background:url(../i/BtnPreviousOrdersMinus.gif) no-repeat 0px -23px;}
#PreviousOrders .Order{border:0;}
#PreviousOrders .Order table{border-bottom:dotted 1px #505860;}
#PreviousOrders .Order table tr{border:0;}
#PreviousOrders .Order .Artist{font-weight:bold;}
#PreviousOrders .Order td{padding:0px;}
#PreviousOrders .Order tr td{padding:0 6px;}
#PreviousOrders .Order table{width:100%; background:#414F5A;}


/* FAQ Page */

#FAQ{margin-left:15px;}

#FAQ .Off{display:block;}
#FAQ .Off a{display:block; position:relative; height:26px; font-size:16px; text-decoration:none; font-weight:bold; padding:3px 0px 0px 30px; background:url(../i/FAQLev1Off.gif) no-repeat 0px 3px;}
#FAQ .Off a:hover{background:url(../i/FAQLev1OffHOver.gif) no-repeat 0px 3px;}
#FAQ .On{display:block;}
#FAQ .On a{display:block; position:relative; height:26px; font-size:16px; text-decoration:none; font-weight:bold; padding: 3px 0px 0px 30px; background:url(../i/FAQLev1On.gif) no-repeat 0px 3px;}
#FAQ .On a:hover{background:url(../i/FAQLev1OnHOver.gif) no-repeat 0px 3px;}

#FAQ .Level2{margin: 0px 0px 15px 30px;}
#FAQ .Level2 .Off{display:block;}
#FAQ .Level2 .Off a{display:block; margin-top:1px; position:relative; height:20px; font-size:12px; text-decoration:none; font-weight:normal; padding: 2px 0px 0px 26px; background:url(../i/FAQLev2Off.gif) no-repeat 0px 2px;}
#FAQ .Level2 .Off a:hover{background:url(../i/FAQLev2OffHover.gif) no-repeat 0px 2px;}
#FAQ .Level2 .On{display:block; margin-top:1px; position:relative; left:-5px; border:solid 1px #556877; background:#414F5A; padding:5px;}
#FAQ .Level2 .On a{display:block; position:relative; height:20px; font-size:12px; text-decoration:none; font-weight:bold; padding:2px 0px 0px 26px; background:url(../i/FAQLev2On.gif) no-repeat 0px 2px;}
#FAQ .Level2 .On a:hover{background:url(../i/FAQLev2OnHover.gif) no-repeat 0px 2px;}

#FAQ .On .Answer{padding-left:30px;}


/* Checkout Pages */

#CheckoutTrail{width:383px; margin:auto; height:25px; margin-bottom:30px; margin-top:30px;}
#CheckoutTrail .Dots{float:left; width:30px; height:25px; background:url(../i/CheckoutTrailDots.gif);}
#CheckoutTrail .Register{float:left; width:90px; height:25px; background:url(../i/CheckoutTrailRegister.gif) 0px 0px;}
#CheckoutTrail .RegisterSelected{float:left; width:90px; height:25px; background:url(../i/CheckoutTrailRegister.gif) 0px -25px;}
#CheckoutTrail .YourAddress{float:left; width:81px; height:25px; background:url(../i/CheckoutTrailYourAddress.gif) 0px 0px;}
#CheckoutTrail .YourAddressSelected{float:left; width:81px; height:25px; background:url(../i/CheckoutTrailYourAddress.gif) 0px -25px;}
#CheckoutTrail .CheckOrder{float:left; width:79px; height:25px; background:url(../i/CheckoutTrailCheckOrder.gif) 0px 0px;}
#CheckoutTrail .CheckOrderSelected{float:left; width:79px; height:25px; background:url(../i/CheckoutTrailCheckOrder.gif) 0px -25px;}
#CheckoutTrail .Pay{float:left; width:43px; height:25px; background:url(../i/CheckoutTrailPay.gif) 0px 0px;}
#CheckoutTrail .PaySelected{float:left; width:43px; height:25px; background:url(../i/CheckoutTrailPay.gif) 0px -25px;}

#CheckoutStep1Buttons{width:400px; margin:auto; margin-top:20px;}
#CheckoutStep1Buttons .NewUsers{float:left; width:190px;}
#CheckoutStep1Buttons .NewUsers a{display:block; position:relative; width:190px; height:57px; background:url(../i/BigBtnNewUser.jpg) no-repeat 0px 0px;}
#CheckoutStep1Buttons .NewUsers a:hover{background:url(../i/BigBtnNewUser.jpg) no-repeat 0px -57px;}
#CheckoutStep1Buttons .ExistingUsers{float:left; width:190px; margin-left:15px;}
#CheckoutStep1Buttons .ExistingUsers a{display:block; position:relative; width:190px; height:57px; background:url(../i/BigBtnExistingUser.jpg) no-repeat 0px 0px;}
#CheckoutStep1Buttons .ExistingUsers a:hover{background:url(../i/BigBtnExistingUser.jpg) no-repeat 0px -57px;}

#CheckoutBillingAddresses{}
#CheckoutDeliveryAddresses{}
#CheckoutAddressForm .Address{background:#21272E; border:dotted 1px #505860; padding:5px; margin-bottom:5px;}
#CheckoutAddressForm .Type{margin-bottom:5px; font-weight:bold;}
#CheckoutAddressForm .Address .Check{width:22px; float:left; margin-right:6px;}
#CheckoutAddressForm .Address .AddressText{width:400px; float:left; padding-top:4px;}
#CheckoutAddressForm .Address .Delete{float:right; width:23px;}
#CheckoutAddressForm .Address .Delete a{display:block; position:relative; width:23px; height:23px; background:url(../i/AddressDelete.gif) no-repeat 0px 0px;}
#CheckoutAddressForm .Address .Delete a:hover{background:url(../i/AddressDelete.gif) no-repeat 0px -23px;}

.CheckoutContinue a{display:block; position:relative; top:10px; left:10px; width:106px; height:31px; background:url(../i/BtnContinue.gif) 0px 0px;}
.CheckoutContinue a:hover{background-position:0px -31px;}

.CheckoutContinueBilling a{display:block; position:relative; width:106px; height:31px; background:url(../i/BtnContinue.gif) 0px 0px;}
.CheckoutContinueBilling a:hover{background-position:0px -31px;}

#MakePaymentSubmit a{display:block; position:relative; left:10px; top:10px; width:146px; height:31px; background:url(../i/BtnMakePayment.gif) 0px 0px;}
#MakePaymentSubmit a:hover{background-position:0px -31px;}

#LoginSubmit a{display:block; position:relative; top:10px; left:10px; width:81px; height:31px; background:url(../i/BtnLoginLarge.gif) 0px 0px;}
#LoginSubmit a:hover{background-position:-81px 0px;}

#ContinueSubmit a{display:block; position:relative; left:10px; top:10px; width:113px; height:31px; background:url(../i/BtnContinueBlack.gif) 0px 0px;}
#ContinueSubmit a:hover{background-position:0px -31px;}

.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -212px;
    width: 425px;
    
    /*background-color: #EEE;
    color: #333;
    border: 1px solid black;
    padding: 12px;*/
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/* General Styles */

#PageTitle{margin-bottom:24px;}
.Title{margin-bottom:24px;}

.form{font-size:11px;}
.form .txt{border: solid 1px White; width:200px;}
.form .submit{margin-top:5px;}
.form .errors{margin: 5px 0 5px; color: #FF008A;}

.ComboBoxDiv{margin-top:8px; margin-bottom:8px;}

.DarkBoxTopLeft{background:#161B1F url(../i/DarkBoxTopLeft.gif) no-repeat left top;}
.DarkBoxTopRight{background:url(../i/DarkBoxTopRight.gif) no-repeat right top;}
.DarkBoxBottomLeft{background:url(../i/DarkBoxBottomLeft.gif) no-repeat left bottom;}
.DarkBoxBottomRight{background:url(../i/DarkBoxBottomRight.gif) no-repeat right bottom; padding:8px 10px;}

.hand{cursor: pointer;}

.customCheckbox a{display:block; position:absolute; text-decoration:none; font-size:12px;}
.customCheckbox a:hover{color:#FF008A;}
.customCheckbox .Yes{position:relative; height:22px; padding-left:25px; padding-top:3px; margin-bottom:3px; cursor:pointer; background:url(../i/CheckOn.gif) no-repeat;}
.customCheckbox .No{position:relative; height:22px; padding-left:25px; padding-top:3px; margin-bottom:3px; cursor:pointer; background:url(../i/CheckOff.gif) no-repeat;}

.customCheckbox .YesNoBorder{position:relative; height:22px; padding-left:25px; cursor:pointer; background:url(../i/CheckOn.gif) no-repeat;}
.customCheckbox .NoNoBorder{position:relative; height:22px; padding-left:25px; cursor:pointer; background:url(../i/CheckOff.gif) no-repeat;}

.selectbillingCheckbox a{display:block; position:absolute; text-decoration:none; font-size:12px;}
.selectbillingCheckbox a:hover{color:#FF008A;}
.selectbillingCheckbox .Yes{position:relative; height:22px; padding-left:25px; padding-top:3px; margin-bottom:3px; cursor:pointer; background:url(../i/CheckOn.gif) no-repeat;}
.selectbillingCheckbox .No{position:relative; height:22px; padding-left:25px; padding-top:3px; margin-bottom:3px; cursor:pointer; background:url(../i/CheckOff.gif) no-repeat;}
.selectbillingCheckbox .YesNoBorder{position:relative; height:22px; padding-left:25px; cursor:pointer; background:url(../i/CheckOn.gif) no-repeat;}
.selectbillingCheckbox .NoNoBorder{position:relative; height:22px; padding-left:25px; cursor:pointer; background:url(../i/CheckOff.gif) no-repeat;}

.selectdeliveryCheckbox a{display:block; position:absolute; text-decoration:none; font-size:12px;}
.selectdeliveryCheckbox a:hover{color:#FF008A;}
.selectdeliveryCheckbox .Yes{position:relative; height:22px; padding-left:25px; padding-top:3px; margin-bottom:3px; cursor:pointer; background:url(../i/CheckOn.gif) no-repeat;}
.selectdeliveryCheckbox .No{position:relative; height:22px; padding-left:25px; padding-top:3px; margin-bottom:3px; cursor:pointer; background:url(../i/CheckOff.gif) no-repeat;}
.selectdeliveryCheckbox .YesNoBorder{position:relative; height:22px; padding-left:25px; cursor:pointer; background:url(../i/CheckOn.gif) no-repeat;}
.selectdeliveryCheckbox .NoNoBorder{position:relative; height:22px; padding-left:25px; cursor:pointer; background:url(../i/CheckOff.gif) no-repeat;}

.PageIntro{font-size:11px; padding-bottom:22px;}

.FormTextArea{width:210px; height:70px; background-image: url(../i/TextBoxComments.gif); }
.FormTextArea textarea {
    background-color:black;
    border:medium none;
    color:white;
    height:63px;
    margin:3px 0pt 0pt 3px;
    width:204px;
}

.Formats .mp3 { background:url(../i/formats-mp3.gif) no-repeat left; padding-left: 70px; }
.Formats .mp4 { background:url(../i/formats-mp4.gif) no-repeat left; padding-left: 70px; }