body {margin:0px; padding:0px; font-family: Verdana;} h5 { color: #B30000;} a img { border: 0px solid; } a {color: #B30000; text-decoration: none;} label { cursor: pointer; } #body {width: 627px; margin: auto; } #header {height: 320px;} #header #logo { width: 300px; height: 48px; margin: 19px 0 0 0; float: left;} #header .search { background-color: #F2F2F2; height: 39px; width: 319px; border-left: 2px solid #A5A5A5; float: left; margin-top: 6px; margin-left: 5px;} #header #searchForm { text-align: right; margin-top: 7px;} #header #searchForm #searchElement label { color: #797979; font-size: 0.9em; } #header #searchForm #searchElement input.text { width: 265px;} #header #searchForm #searchElement { float: left; text-align:right; width:275px;} #header #searchForm #submit { padding-right: 10px;} #header #logoff { font-size: 0.7em; left: 80px; position:relative; } #header #logoff a { color: #B30000; text-decoration: none;} #header ul.nav_bar { width: 627px; list-style-type: none; padding-top: 26px; padding-left: 0px; height: 28px; margin: 0px; } #header ul.nav_bar li { width: 88px; height: 28px; float: left; text-align: center; padding-top: 7px;} #header ul.nav_bar li.first { background-image: url('/images/q1.gif'); width: 90px;} #header ul.nav_bar li.item { background-image: url('/images/q2.gif');} #header ul.nav_bar li.last { background-image: url('/images/q7.gif');} #header ul.nav_bar li a { color: #FFF; font-size: 0.8em; text-decoration: none;} #header div.section { background-image: url('/images/header.jpg'); width: 627px; height: 191px; } #header div.section ul.navbox { padding-left: 15px; padding-top:7px; list-style-type: none; width: 159px; float: left; } #header div.section ul.navbox li { background-image: url('/images/navbox_li.png'); background-position: center right; background-repeat: no-repeat; line-height: 29px; font-size: 0.9em; font-weight: bold; } #header div.section ul.navbox li a { color: #b30000; text-decoration: none;} #header div.section div.column1 { margin-left: 30px; margin-top: 30px; width: 160px; float: left; color: #fff; font-family: Verdana;} #header div.section div.column1 span.c1 { font-weight: bold; text-transform: uppercase; font-size: 12px; } #header div.section div.column1 span.c2 { font-weight: bold; text-transform: uppercase; font-size: 28px; } #header div.section div.column1 span.list a { text-transform: uppercase; font-size: 10px; color: #d88080; text-decoration: none; } #header div.section div.column2 { margin-left: 85px; margin-top: 30px; width: 160px; float: left; color: #b30000; font-family: Verdana;} #header div.section div.column2 span.c1 { font-weight: bold; text-transform: uppercase; font-size: 12px; } #header div.section div.column2 span.c2 { font-weight: bold; text-transform: uppercase; font-size: 26px; } #header div.section div.column2 span.list a { text-transform: uppercase; font-size: 10px; color: #d88080; text-decoration: none; } #messages {margin:0 15px 30px; border: 1px solid #FFEBCD; background-color: #FFF9EF; background-image: url('/images/warning_icon.gif'); background-position: top left; background-repeat: no-repeat;} #messages p {margin:10px 0 10px 40px; font-weight:bold } #content { width: 627px; } #content div.sidebar { width: 189px; margin-right: 10px; float: left; } #content div.sidebar div.news { background-image: url('/images/tall_y.gif'); height:223px; } #content div.sidebar div.content { background-image:url('/images/top.gif'); background-repeat:no-repeat; height: 213px; width: 189px; } #content div.sidebar div.content dl { padding-top: 30px; width: 172px; background-image: url('/images/1_w1.gif'); background-repeat: no-repeat; background-position: 25px 12px; margin-top: 0px; } #content div.sidebar div.content dt { padding-top: 5px; } #content div.sidebar div.content dt a { background-image: url('/images/pointer_g.gif'); background-position: center left; background-repeat: no-repeat; margin-left: 25px; padding-left: 7px; color: #b30000; font-size: 0.7em; text-decoration: none; } #content div.sidebar div.content dt.last a { background-image: url('/images/pointer_red.gif'); } #content div.sidebar div.content dd { margin-left: 25px; padding-left: 7px; color: #5c5c5c; font-size: 0.6em; border-bottom: 1px dashed #7f7f7f; padding-bottom: 7px; } #content div.sidebar div.footer { background-image:url('/images/bot.gif'); background-repeat:no-repeat; height: 20px; clear: both; } #content div.sidebar div.advert { width: 189px; margin-top:20px; text-align: center; } #content div.content { width: 428px; float: left; } #content div.content h1 { color: #B30000; margin-top: 0px; } #content div.content h2 { color: #FF9700; margin-top: 0px; } #content div.content ul#letterNav { list-style: none; margin: 0px 0px 10px 0px; padding: 0px; height: 90px; } #content div.content ul#letterNav li { width: 35px; float: left; border: 1px solid #DAD8D8; background: #F4F3F3; margin: 5px; text-align: center; } #content div.content ul#letterNav li a { width: 35px; color: #525252; text-decoration: none; display: block; } #content div.content ul#letterNav li.selected a { text-decoration: underline; } #content div.content div#addAlbumSearchResults div img { float: left; margin-right: 10px; } #content div.content div#addAlbumSearchResults div { clear: both; padding-bottom: 10px; } #content div.content div#addAlbumSearchResults div span.title { color: #B30000; font-weight: bold; } #content div.content div#addAlbumSearchResults div span.artist { color: #FF9700; } #content div.content div#addAlbumSearchResults div.paginationControl { font-size: 0.7em; text-align: center; } #content div.content div#addAlbumSearchResults div.paginationControl a { color: #0000EE; } #content div.content div#addAlbumSearchResults div.paginationControl span.selected { color: #000; font-weight: bold; } #content div.content div#addAlbumSearchResults div.paginationControl span.disabled { color: #8f8f8f; } #content div.content div#addAlbumSearchResults div p span.notice { color: #cfcfcf; font-size: 0.8em; } #content div.content div#addAlbumSearchResults form input.submit { color: #fff; font-size: 0.8em; background-color: #FFA100; border: 1px solid #C10000; font-weight: bold; } #content div.content div#addAlbumSearchResults form {width: 100px; float: right; padding-top: 1em; } #content div.content div#browseArtist h2 { background-color: #F4F3F3; border: 1px solid #DFDDDD; font-size: 1.3em; padding: 5px; color: #595858; margin: 0px 0px 10px 0px; } #content div.content div#browseArtist div.albumList { margin-bottom: 10px; } #content div.content div#browseArtist div.albumList div.albumContainer { width: 97px; margin: 0px; padding: 0px 5px; float: left; text-align: center; display: block; } #content div.content div#browseArtist div.albumList div.albumContainer a { font-weight: normal; font-size: 0.7em; text-decoration: underline; } #content div.content div#browseArtist div#filterGenre { margin-bottom: 10px;} #content div.content div#browseArtist div#genreSearchForm div.select { width: 260px; float: left; } #content div.content div#browseArtist div#genreSearchForm div.select select { width: 195px;} #content div.content div#browseArtist div#genreSearchForm div.submit { width:40px; float: left; } #content div#albumContent h1 { margin-bottom: 10px;} #content div#albumContent h2 { background-color: #F4F3F3; border: 1px solid #DFDDDD; font-size: 1.3em; padding: 5px; color: #595858; margin: 0px 0px 10px 0px; } #content div#albumContent p, #content div#albumContent li { margin-top: 0px; font-size: 0.8em;} #content div#albumContent img.albumImage { float: left; margin: 0px 10px 10px 0px;} #content div#albumContent div.largeImage { display: none;} #content div#albumContent .albumInfo {width: 258px; float: left;} #content div#albumContent .albumInfo ul {list-style: circle; margin-top: 0px;} #content div#albumContent .albumInfo ul li.selected { list-style: disc;} #content div#albumContent .albumInfo table.priceList { font-size: 0.8em } #content div#albumContent .albumInfo .currency,#content div#albumContent .albumInfo .currency a { color: #B30000;} #content div#albumContent .trackListing { } #content div#albumContent .trackListing ul { list-style: none;} #content div#albumContent .editorialContent { } #content div#albumContent .relatedAlbums {font-size: 0.8em; margin-bottom: 10px;} #content div#albumContent .relatedAlbums div.smallAlbumContainer { width: 97px; margin: 0px; padding: 0px 5px; float: left; text-align: center; display: block; } #content div#albumContent .relatedAlbums div.smallAlbumContainer a { font-weight: normal; text-decoration: underline; } #content div#albumContent div.customerReviews p.header { font-weight: normal; margin: 16px 0 0 0; } #content div#albumContent div.customerReviews p.header span.stars { position:relative; display: block; float: left; margin-right: 5px;} #content div#albumContent div.customerReviews p.review span.commentNumber { color: #DFDDDD; font-size: 3em; font-weight:bold; float: left; font-family: Helvetica; padding-right: 5px;} #content div#albumContent div.customerReviews p.flagged span.commentNumber { color: #ff7e00;} #content div#albumContent div.customerReviews p.footer { font-size: 0.8em; text-align: right;} #content div#albumContent div.customerReviews p.footer img { float:none !important;} #content div#albumContent div.customerReviews label {float: left; margin-right: 5px; } #content div#albumContent div.customerReviews input#rating-1 { margin-left: 11px; } #content div#albumContent div.customerReviews input#rating-2 { margin-left: 120px; } #content div#albumContent div.customerReviews input#rating-3 { margin-left: 120px; } #content div#albumContent div.customerReviews input#rating-4 { margin-left: 120px; } #content div#albumContent div.customerReviews input#rating-5 { margin-left: 120px; } #content div#albumContent div.customerReviews div#captcha { display: block; margin: 0 auto; width: 318px;} #content div#albumContent div.customerReviews div.reviewBlock img { float: left;} #content div#albumContent div.customerReviews div#reviewPaginator { background-color:#F4F3F3; border:1px solid #DFDDDD;color:#595858;font-size:0.8em;margin:0 0 10px;padding:5px;} #content div#albumContent div.customerReviews div#reviewPaginator p {margin:0; } #content div#albumContent div.customerReviews div#reviewPaginator p a {color: #B30000; text-decoration: none;} #content div#albumContent div.customerReviews div#pageQtySelector p {color: #FF9700; text-align: right; font-size: 0.8em;} #content div#albumContent div.customerReviews div#pageQtySelector a {color: #B30000;} #content div#albumContent div.customerReviews div#pageQtySelector a.selected {text-decoration: none;} #content div#albumContent div.customerReviews img.profile_pic { margin: 10px; } #content div#albumContent div.twitterArtists { margin-bottom: 10px; } #content div#albumContent div.twitterArtists img { float: left; margin-right: 10px; } #content div#albumContent div.twitterArtists p { font-size: 14px; } #content div#albumContent div.twitterArtists a { color: #666666; text-decoration: none;} #content div.browse div#artistMap.slide { border-bottom: 4px solid #B30000; } #content div.browse div#artistList { margin-top: 10px; } #content div.browse div#artistList.slide { border-bottom: 4px solid #B30000; } #content div#albumContent div.albumInfo div.notifications { font-size: 0.8em;} #content div.index div#album1 img {margin-right: 10px; float: left;} #content div.index div#album1 a, #content div.index div#album2 a, #content div.index div#album3 a, #content div.index div#album4 a, #content div.index div#album5 a { text-decoration: none;} #content div.index div#album1 a span.title { color: #B30000; font-weight: bold; font-size: 2em;} #content div.index div#album1 a span.artist { color: #FF9700; } #content div.index div#album2, #content div.index div#album3, #content div.index div#album4, #content div.index div#album5 { width: 214px; float: left; text-align: center; margin-top: 10px;} #content div.index div#album2 a span.title, #content div.index div#album3 a span.title, #content div.index div#album4 a span.title, #content div.index div#album5 a span.title { color: #B30000; font-weight: bold;} #content div.index div#album2 a span.artist, #content div.index div#album3 a span.artist, #content div.index div#album4 a span.artist, #content div.index div#album5 a span.artist { color: #FF9700; } #content div.whatsnew h2 { background-color: #F4F3F3; border: 1px solid #DFDDDD; font-size: 1.3em; padding: 5px; color: #595858; margin: 0px 0px 10px 0px; } #content div.whatsnewitem { width: 97px; float: left; text-align: center; padding: 0px 5px 5px 5px;} #content div.whatsnewitem a { font-weight: normal; font-size: 0.8em; text-decoration: underline; } #content div#whatsnewnav {background-color:#F4F3F3; border:1px solid #DFDDDD; color:#595858; margin:0 0 10px; padding:5px;} #content div#whatsnewnav span { display: block; font-size: 0.8em; width: 207px; } #content div#whatsnewnav span.back a { } #content div#whatsnewnav span.forward { text-align: right; float: right;} #content ul#whatnewselection { list-style: square;} #content ul#whatnewselection li { font-size: 0.8em;} #content ul#whatnewselection li a { color: #B30000; text-decoration: none;} #content p#whatsnewback a { color: #B30000; font-size: 0.8em;} .stars { background-image: url('/images/stars.gif'); height: 13px; width: 65px; position: absolute; margin-top: 2px; cursor: pointer;} .stars_r5 {background-position: 0px 0px;} .stars_r4_5 {} .stars_r4 {background-position: -13px 0px;} .stars_r3_5 {} .stars_r3 {background-position: -26px 0px;} .stars_r2_5 {} .stars_r2 {background-position: -39px 0px;} .stars_r1_5 {} .stars_r1 {background-position: -52px 0px;} .stars_r0_5 {} .stars_r0 {background-position: -65px 0px;} span.stars span { left: -9999px; position: absolute; } div#jsStars { float: left; position: relative; } #jsStars1, #jsStars2, #jsStars3, #jsStars4, #jsStars5 {width: 13px; height: 13px; float: left;} #content div.user div#userRegisterForm {background-color: #F4F3F3; border: 1px solid #DFDDDD; padding: 5px; color: #595858; margin: 0px 0px 10px 0px;} #content div.user div#userRegisterForm label {width: 190px; float: left; display: block; } #content div.user div#userRegisterForm input.text { width: 200px; } #content div.user div#userRegisterForm div#captchaDiv { padding-left: 50px;} #content div.user div#userLoginForm {background-color: #F4F3F3; border: 1px solid #DFDDDD; padding: 5px; color: #595858; margin: 0px 0px 10px 0px;} #content div.user div#userLoginForm label {width: 190px; float: left; display: block; } #content div.user div#userLoginForm input.text { width: 200px; } #content div.giftfinder div#browseGift h2 { background-color: #F4F3F3; border: 1px solid #DFDDDD; font-size: 1.3em; padding: 5px; color: #595858; margin: 0px 0px 10px 0px; } #content div.giftfinder div#browseGift div#gifFinderSearchForm { background-color: #F4F3F3; border: 1px solid #DFDDDD; padding: 5px; color: #595858; margin: 0px 0px 10px 0px; } #content div.giftfinder div#browseGift div.albumList { margin-bottom: 10px; } #content div.giftfinder div#browseGift div.albumList div.albumContainer { width: 97px; margin: 0px; padding: 0px 5px; float: left; text-align: center; display: block; } #content div.giftfinder div#browseGift div.albumList div.albumContainer a { font-weight:normal; font-size: 0.8em; text-decoration: underline; } #content div.giftfinder div#gifFinderSearchForm div.select label { width: 125px; display: block; float: left; } #content div.giftfinder div#gifFinderSearchForm div.minPrice { width: 190px; float: left; } #content div.giftfinder div#gifFinderSearchForm div.minPrice label { width: 125px; float: left; display: block; } #content div.giftfinder div#gifFinderSearchForm div.minPrice input#min_price { padding-left: 10px; } #content div.giftfinder div#gifFinderSearchForm div.minPrice input#min_price.UK { background-image: url('/images/currency-GBP-textbox.gif'); background-repeat: no-repeat; } #content div.giftfinder div#gifFinderSearchForm div.minPrice input#min_price.US { background-image: url('/images/currency-USD-textbox.gif'); background-repeat: no-repeat; } #content div.giftfinder div#gifFinderSearchForm div.maxPrice { width: 100px; float: left; } #content div.giftfinder div#gifFinderSearchForm div.maxPrice input#max_price { padding-left: 10px; } #content div.giftfinder div#gifFinderSearchForm div.maxPrice input#max_price.UK { background-image: url('/images/currency-GBP-textbox.gif'); background-repeat: no-repeat; } #content div.giftfinder div#gifFinderSearchForm div.maxPrice input#max_price.US { background-image: url('/images/currency-USD-textbox.gif'); background-repeat: no-repeat; } #content div.search h2, #content div.advancedsearch h2 { color: #FD9800; } #content div.search div#searchresults div.searchItem a, #content div.advancedsearch div#searchresults div.searchItem a { text-decoration: none; } #content div.search div#searchresults div.searchItem img, #content div.advancedsearch div#searchresults div.searchItem img { float: left; margin-right: 10px; } #content div.search div#searchresults div.searchItem span.title, #content div.advancedsearch div#searchresults div.searchItem span.title { color: #B30000; font-weight: bold; } #content div.search div#searchresults div.searchItem span.artist, #content div.advancedsearch div#searchresults div.searchItem span.artist { color: #FF9700; } #content div.search div#advancedSearchForm, #content div.advancedsearch div#advancedSearchForm { padding: 5px; } #content div.search div#advancedSearchOptions, #content div.advancedsearch div#advancedSearchOptions { border: 1px solid #DAD8D8; background-color: #F4F3F3; } #content div.search div#advancedSearchOptions label, #content div.advancedsearch div#advancedSearchOptions label { width: 200px; display:block; float: left; } #content div.search div#advancedSearchOptions input#min_price, #content div.advancedsearch div#advancedSearchOptions input#min_price { padding-left: 10px; width: 63px; } #content div.search div#advancedSearchOptions input#max_price, #content div.advancedsearch div#advancedSearchOptions input#max_price { padding-left: 10px; width: 63px; } #content div.search div#advancedSearchOptions input#min_price.UK, #content div.advancedsearch div#advancedSearchOptions input#min_price.UK { background-image: url('/images/currency-GBP-textbox.gif'); background-repeat: no-repeat; } #content div.search div#advancedSearchOptions input#min_price.US, #content div.advancedsearch div#advancedSearchOptions input#min_price.US { background-image: url('/images/currency-USD-textbox.gif'); background-repeat: no-repeat; } #content div.search div#advancedSearchOptions input#max_price.UK, #content div.advancedsearch div#advancedSearchOptions input#max_price.UK { background-image: url('/images/currency-GBP-textbox.gif'); background-repeat: no-repeat; } #content div.search div#advancedSearchOptions input#max_price.US, #content div.advancedsearch div#advancedSearchOptions input#max_price.US { background-image: url('/images/currency-USD-textbox.gif'); background-repeat: no-repeat; } #content div.search div#advancedSearchOptions input#artist, #content div.search div#advancedSearchOptions input#album, #content div.search div#advancedSearchOptions input#tracks, #content div.advancedsearch div#advancedSearchOptions input#artist, #content div.advancedsearch div#advancedSearchOptions input#album, #content div.advancedsearch div#advancedSearchOptions input#tracks { width: 190px; } #content div.search div#advancedSearchOptions input#min_release_date, #content div.search div#advancedSearchOptions input#max_release_date, #content div.advancedsearch div#advancedSearchOptions input#min_release_date, #content div.advancedsearch div#advancedSearchOptions input#max_release_date { width: 72px; } #content div.search div#advancedSearchOptions select#genre, #content div.advancedsearch div#advancedSearchOptions select#genre { width: 195px; } #content div.search p.advancedOptionsLink, #content div.advancedsearch p.advancedOptionsLink { margin: 0 0 0 0; font-size: 0.8em; } #content div.search p.advancedOptionsLink a, #content div.advancedsearch p.advancedOptionsLink a {color: #B30000; } #searchresults div.searchItem {margin: 2px 0 2px 0;} #content div#addAlbumSearchBox {border: 1px solid #DAD8D8; background-color: #F4F3F3; } #content div#addAlbumSearchBox { padding: 5px;} #content div#addAlbumSearchBox label { width: 100px; display:block; float: left; } #content div#addAlbumSearchBox input.text { width: 300px; display:block; float: left; } #content div.faq div#accordion div.q, #content div.faq div#accordion div.a { margin-bottom: 1em;} #content div.faq div#accordion div.q span { font-size: 3.5em; color: #4C3000; font-weight: bold; font-family: Georgia; float: left; } #content div.faq div#accordion div.a span { font-size: 3.5em; color: #ff9900; font-weight: bold; font-family: Georgia; float: left; } #content div.contact label { width: 175px; display: block; float: left; } #content div.contact input.text { width: 237px; } #content div.contact textarea { width: 237px; } #content div.contact div#contactForm {background-color:#F4F3F3; border:1px solid #DAD8D8; padding: 5px;} #content div.top100 div.topItem {margin:2px 0;} #content div.top100 div.topItem a {text-decoration: none;} #content div.top100 div.topItem img {float:left; margin-right:10px;} #content div.top100 div.topItem span.title {color:#B30000; font-weight:bold;} #content div.top100 div.topItem span.artist {color:#FF9700; } #content div.user div#userEditProfileForm label { float: none; display: block;} #content div.user div#userEditProfileForm input.text { width: 350px;} #content div.user div#userChangePasswordForm label { float: none; display: block;} #content div.user div#userChangePasswordForm input.text { width: 350px;} #footer p {font-family:Tahoma; font-size:11px; color:#B4B4B4; text-align: center;} #footer p a {text-decoration: none; color: #5C5C5C;} form ul.errors { list-style: none; } form ul.errors li { font-size: 0.8em; color: #B30000; } form div.error { background-image: url('/images/warning_icon_small.gif'); background-position: right top; background-repeat: no-repeat; } form div.error input { border: 1px solid #f00; } form div.submit {text-align: center; } form p.hint {color: #FD9800; font-size: 0.7em; margin: 0px; float:right;} form .text { border: 1px solid #C7E2F1; padding:1px; } .form {font-family:Tahoma; font-size:12px; color:#747373;} .main {font-family:Tahoma; font-size:11px; color:#5C5C5C; line-height:13px} .menu {font-family:Tahoma; font-size:11px; color:#5C5C5C; text-decoration:none; margin:0 6px 0 6px;} .menu2 {font-family:Tahoma; font-size:9px; color:#B4B4B4; text-decoration:none;} .red {font-family:Tahoma; font-size:9px; color:#9B0000; text-decoration:none;} .red2 {font-family:Arial; font-size:9px; color:#B30000; text-decoration:none;} .orange {font-family:Tahoma; font-size:9px; color:#FF9000; text-decoration:none;} .blue {font-family:Tahoma; font-size:9px; color:#4570B4; text-decoration:none;} .bar {background-image: url('/images/tall.gif'); background-repeat:repeat-x; height: 4px; margin: 5px 0px 10px 0px; } .input {width:185px; height:23px; border-width:1px; border-style:solid; background-color:#FFFFFF; border-color:#969696; font-size:9px; font-family:Tahoma; color:#828282; line-height:10px; padding-top:5px; padding-left:9px;} .textarea {width:185px; height:73px; border-width:1px; border-style:solid; background-color:#FFFFFF; border-color:#969696; font-size:9px; font-family:Tahoma; color:#828282; line-height:10px; padding-top:5px; padding-left:9px; overflow:auto;} .clear {clear: both;} #countryNotification { width: 120px;padding: 0.4em; position: absolute; margin-left: 440px; margin-top:2px;} #countryNotification h3 { font-size: 0.7em; margin: 0; padding: 0.4em; text-align: center; } #countryNotification p { font-size: 0.7em; text-align: center; margin: 3px 0;} #newReviewNotification { width: 240px;padding: 0.4em; position: absolute; margin-left: 440px; margin-top:2px; } #newReviewNotification h3 { font-size: 0.7em; margin: 0; padding: 0.4em; text-align: center; } #newReviewNotification p { font-size: 0.7em; text-align: center; margin: 3px 0;}