/* Defines styles for reusable modular content */

/*---------------------------------- 
- Lead Feature
- Home Intro
- Curved Containers
- Tabs
- Special Offer Promo
- Block Advertisement
- Ringtones Promotion
- Ebay Advertisement
- Affiliates promo
- Band Product Panel
- Category Navigation
- Paging
- Artist Biography/Reviews
- Product Listings
- On This Day Panel
- Filter Links
- Screen Messages
- Artist Listing
- Artist Photo Gallery
- RSS List
- Banners
-----------------------------------*/


/* =Lead Feature
----------------------------------------------------------------------------------------- */

.leadFeature{}
.leadFeature .int{float: left;border: solid 1px #e9e9e9;font-size: 95%;}
.leadFeature .withoutBorder{border: 0;}
.leadFeature .withSun{background: url(/_img/sun.gif) top left no-repeat;}
.leadFeature .int .images{float: left;width: 326px;text-align: center;padding: 15px 0 0 0;position: relative;}
.leadFeature .int .narrow{width:210px;}
.leadFeature .int .images .thumb{padding: 2px; border: solid 1px #cb0035;}
.leadFeature .int .images .thumbs{background: #F3F4F6; border: solid 1px #ddd;margin: 5px auto 5px auto;text-align: center; padding: 3px;clear: left; width: 249px;}
.leadFeature .int .images .thumbs a img{border: solid 1px #ccc;}
.leadFeature .int .images .thumbs a:hover img{border: solid 1px #D7003B;}
.leadFeature .int .text{float: left;width: 306px;padding: 0 10px;}
.leadFeature .int .wide{width: 422px;}
.leadFeature .int .text h1{color: #404040; font-size: 180%; font-family: Arial Rounded MT Bold, Arial;font-weight: normal;margin-bottom: 0;}
.leadFeature .int .text .supp{font-family: Arial Rounded MT Bold, Arial;color: #404040;font-size: 150%;}
.leadFeature .int .text .supp span{color: #706f6f;font-size: 90%;}
.leadFeature .int .text .supp em{color: #ca0137; font-style: normal;}
.leadFeature .int .text label{padding: 0; background: none; color: #336699; font-weight: bold; width: auto;margin: 0 5px 0 0;}
.leadFeature .int .exclusiveBanner{position: absolute; top: 0; left: 0;}

.leadFeature .controls{clear:both;}
.leadFeature .controls .nextIn{float: left; width: 563px;background: url(/_img/controls-bg.gif) top left repeat-x;margin: 0;}
.leadFeature .controls .nextIn .left{float: left;height: 23px; line-height: 22px;background: url(/_img/controls-bg-left.gif) top left no-repeat;padding: 0 0 0 7px;}
.leadFeature .controls .nextIn .right{float: right;height: 23px; line-height: 22px;background: url(/_img/controls-bg-right.gif) top right no-repeat;padding: 0 7px 0 0;}
.leadFeature .controls .nextIn a{text-decoration: none;}
.leadFeature .controls .nextIn a:hover{text-decoration: underline;}
.leadFeature .controls .controlBtn{float: left;padding: 0;border: 0;margin: 0;}

/** Overrides for artist product lists **/

#artist .leadFeature{margin-bottom: 10px;width: 740px;}
#artist .leadFeature .hr{width: 740px;margin: 10px 0;}
#artist .leadFeature .images {padding:0;width: 240px;}
#artist .leadFeature .images img{border: solid 1px #e5e5e5;padding:2px;}
#artist .leadFeature .text {width: 440px;margin: 5px 0 0 10px;}
#artist .leadFeature .text h1{margin:0;padding:0;float:left;font-size:170%;}

/* =Home Intro
----------------------------------------------------------------------------------------- */

.homeIntro .introText div{padding: 5px 0 0 5px;color: #323232;font-family: Arial Rounded MT Bold, Arial;line-height: 1.4em;}
.homeIntro .introText h2{font-size: 150%; font-weight: normal; margin: 0;}
.homeIntro .introText p{margin: 5px 0 5px 0;}
.homeIntro .homeNews{background: url(/_img/holders/home-news-btm.gif) bottom left no-repeat;}
.homeIntro .homeNews div.int{background: url(/_img/holders/home-news-top.gif) top left no-repeat;padding: 5px 5px 10px 5px;}
.homeIntro .homeNews div.int h2{background: #99d3eb url(/_img/home-news-leftcurve.gif) top left no-repeat;color: #fff; height: 24px; line-height: 24px;margin: 0 0 10px 0;padding: 0 0 0 10px;}
.homeIntro .homeNews div.int h2 span{display:block;background: url(/_img/home-news-rightcurve.gif) top right no-repeat;}
.homeIntro .homeNews ul{margin: 0 0 0 10px; list-style-image: none;}
.homeIntro .homeNews ul li{float: left;background: url(/_img/icon-news.gif) center left no-repeat;padding-left: 35px;margin: 3px 0 3px 0;}
.homeIntro .homeNews ul li a{float: left; border-bottom: solid 1px #d4d4d4;width: 355px;padding-bottom: 5px;}

/* =Curved Containers
----------------------------------------------------------------------------------------- */

.curveLeft{background: url(/_img/holders/curve-left-top.gif) top left no-repeat;}
.overlap{background: url(/_img/holders/curve-left-top2.gif) top left no-repeat;}
.curveLeft .title{display: block;margin-left: 10px;padding: 4px 0 0 10px;font-weight: bold;height: 21px;}
.curveLeft .content{background: url(/_img/holders/curve-left-btm.gif) bottom left no-repeat;float: left;width: 220px;padding: 0 5px 10px 5px; }

.curveWide{background: url(/_img/holders/curve-wide-top.gif) top left no-repeat;}
.curveWide .title{display: block;margin-left: 10px;padding: 4px 0 0 10px;font-weight: bold;height: 25px;}
.curveWide .content{background: url(/_img/holders/curve-wide-btm.gif) bottom left no-repeat;float: left;padding: 0 10px 10px 10px; width: 396px;}

.curveRight{float: left; width: 299px;background: url(/_img/holders/curve-right-top.gif) top left no-repeat;margin: 5px 8px;display: inline;}
.curveRight .title{display: block;margin-left: 10px;padding: 4px 0 0 10px;font-weight: bold;height: 25px;}
.curveRight .imageAnchor{background: url(/_img/holders/curve-right-middle.gif) top left repeat-y;float: left;}
.curveRight .content{background: url(/_img/holders/curve-right-btm.gif) bottom left no-repeat;float: left;width: 289px;padding: 5px 5px 10px 5px;}
.curveRight .content .blurb{font-size: 95%; line-height: 1.6em; padding: 12px 0px 5px 0px; margin: 0 10px;text-indent: 15%; background: url(/_img/quote-open.gif) top left no-repeat;}

.curveRed{background: url(/_img/holders/curve-wide-topred.gif) top left no-repeat;}
.curveRed .content{background: url(/_img/holders/curve-wide-btmred.gif) bottom left no-repeat;}

.curveDash{background: url(/_img/holders/curve-dash-top.gif) top left no-repeat;}
.curveDash .title{display: block;margin-left: 10px;padding: 4px 0 0 10px;font-weight: bold;height: 25px;}
.curveDash .content{background: url(/_img/holders/curve-dash-btm.gif) bottom left no-repeat;float: left;width: 424px;padding: 0 10px 10px 10px;}

.lozengeBlue{background: url(/_img/holders/lozenge-blue.gif) top left no-repeat;font-size: 95%;}
.lozengeBlue2{background: url(/_img/holders/lozenge-blue2.gif) top left no-repeat;font-size: 95%;}
.lozengeRSS{background: url(/_img/holders/lozenge-orange.gif) top left no-repeat;font-size: 95%;}
.lozengeRed{background: url(/_img/holders/lozenge-red.gif) top left no-repeat;color: #fff;font-size: 95%;}
.lozengeGrey{background: url(/_img/holders/lozenge-grey.gif) top left no-repeat;font-size: 95%;}

/* =Tabs
----------------------------------------------------------------------------------------- */

.tabs {list-style:none;margin: 0; padding:0;height:23px;float: left; font-size: 95%;}
.tabs li {float:left; margin-right:-10px}
.tabs li a 
{
    display:block; 
    position:relative;
    background: url(/_img/tabs/tabs-flat.gif) 0px -23px no-repeat;
    width: 105px; 
    height: 20px; 
    padding: 3px 0 0 0; 
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}
.tabs li a span{color: #000;font-weight: bold; font-size: 90%;}

.tabs li a.tab1{z-index:300}
.tabs li a.tab2{z-index:200}
.tabs li a.tab3{z-index:100}

.tabs li a:hover {z-index:800; cursor:pointer;background: url(/_img/tabs/tabs-flat.gif) 0px -46px no-repeat;}
.tabs li a.on, .tabs li a.on:hover{background: url(/_img/tabs/tabs-flat.gif) top left no-repeat;z-index:700;}

/* =Special Offer Promo
----------------------------------------------------------------------------------------- */

.special{margin: 8px; background: #fbfbfb url(/_img/special-btm.gif) bottom left no-repeat;padding-bottom: 10px;}
.special .heading{display: block;background: url(/_img/special-heading.gif) top left no-repeat; height: 28px; padding: 8px 0 0 10px; color: #fff;font-size: 140%;}
.special img{float: left;}
.special p{margin: 10px; font-size: 130%; font-weight: bold;}
.special p span{font-size: 140%; color: #d7003b;}
.special a.all{display: block;margin: 0 10px; padding: 0 5px; background: url(/_img/viewall-bg.gif) top left no-repeat; height: 22px; line-height: 22px;text-align: center;text-decoration: none;}

/* =Block Advertisement
----------------------------------------------------------------------------------------- */

.blockAd{background: #fff;margin: 8px 6px;background: #fff;text-align: center;padding: 5px 0;}

/* =Ringtones Promotion
----------------------------------------------------------------------------------------- */

.tonesPromo{background: url(/_img/tones-bg.jpg) top left no-repeat;height: 100px;}
.tonesPromo h1{margin: 10px 0 0 10px;}
.tonesPromo p{width: 150px;margin: 0 10px;}

.tonesNarrow{background: url(/_img/tones-bg-narrow.jpg) top left no-repeat;height: 181px;}

/* =Ebay Advertisement
----------------------------------------------------------------------------------------- */

.ebayAd{background: url(/_img/ebay-bg.gif) top left no-repeat; height: 138px;}
.ebayAd p{margin: 70px 0 0 150px;}

/* =Affiliates Promo
----------------------------------------------------------------------------------------- */

.affiliatePromo{height: 64px; background: url(/_img/affiliate-bg.gif) top left no-repeat;}
.affiliatePromo a{float: left;color: #fff; margin: 5px 0 0 10px; text-decoration: none;}
.affiliatePromo a span{font-size: 130%;}
.affiliatePromo a:hover{text-decoration: underline;}

/* =Band Product Panel
----------------------------------------------------------------------------------------- */

.bandPanel{}
.bandPanel h1{float: right;margin: 0 40px 0 0;}
.bandPanel h2{color: #3f3f3f}
.bandPanel .content{float: left;width: 769px;background: url(/_img/holders/band-panel.gif) top left repeat-y;}
.bandPanel .content .inner1{float: left;width: 769px;background: url(/_img/holders/band-panel-top.gif) top left no-repeat;}
.bandPanel .content .inner2{float: left;width: 759px;background: url(/_img/holders/band-panel-btm.gif) bottom left no-repeat;padding: 5px;}
.bandPanel .content .paddedContent{width: 739px; padding: 5px 15px; line-height: 1.6em;}
.bandPanel .content div.hr{float: left; width: 759px;border-top: 1px dashed #999;}

.bandPanel .content .feature{float: left; width: 445px;}
.bandPanel .content .feature .leadImg{float: left;margin: 0 12px;border: solid 1px #d1d6d9; padding: 2px;}
.bandPanel .content .feature .text{float: left; width: 200px;background-color: #fff;}
.bandPanel .content .feature .text p{font-size: 95%;}
.bandPanel .content .feature .text p span{color: #32659a;}
.bandPanel .content .feature .text p span a{color: #32659a;text-decoration: none;}
.bandPanel .content .feature .text p span a:hover{text-decoration: underline;}

.bandPanel .content .listings{background: #eeeff1 url(/_img/listing-bg-corner.gif) bottom right no-repeat;float: left; width: 303px;padding: 5px;}
.bandPanel .content .listings ul{margin: 5px 0;float: left;list-style-image: none;}
.bandPanel .content .listings ul li{float: left;margin: 5px 16px;display: inline;font-size: 85%;}
.bandPanel .content .listings ul li a{color: #336699;}
.bandPanel .content .listings ul li a.description{color: #333;}
.bandPanel .content .listings ul li a img{border: solid 1px #bac3c8;padding: 1px;}

/* =Category Navigation
----------------------------------------------------------------------------------------- */

.catNav{margin: 5px 0; padding: 0;float: left;list-style-image: none;background: #fff;}
.catNav li{float: left; margin-right: 10px;} 
.catNav li a{float: left; padding: 2px 3px;color: #3297cb; font-size: 95%;font-weight: bold;text-decoration: none;}
.catNav li a:hover, .catNav li a.on{text-decoration: underline;background: #e6e7e9;}
.catNav li a span{color: #ca0137;}
.catNav li.txt{padding: 2px 3px;color: #3297cb; font-size: 95%;font-weight: bold;}

.curveLeft .catNav li{margin-right: 3px;}
.curveLeft .catNav li a{font-size: 85%;}

.bandPanel .catNav{margin: 0;}

/* =Paging
----------------------------------------------------------------------------------------- */

.paging .textLink{padding: 0 4px;font-size: 90%;}
.paging img{vertical-align: bottom;}

.pagingGeneric{float: left;width: 99%;font-size: 85%;margin-bottom: 5px;border: solid 1px #ddd; background: #eee;padding: 3px;display: inline;}
.pagingGeneric .pgText{float: left;font-weight: bold;padding: 3px;color: #336699;}
.pagingGeneric .pg ul{margin: 0;list-style-image: none;}
.pagingGeneric .pg ul li{float: left;}
.pagingGeneric .pg ul li.det{padding: 3px;}
.pagingGeneric .pg ul li a{float: left;padding: 1px 3px;width:12px; text-decoration: none;margin: 1px;border: solid 1px #ccc;color: #ca0137; background-color:#fff; text-align:center;}
.pagingGeneric .pg ul li a:hover, .pagingGeneric .pg ul li a.on{background: #ca0137; color: #fff;}

.artistVidList .pagingGeneric{margin-left: 13px; width: 235px;}

/* =Artist Biography/Reviews
----------------------------------------------------------------------------------------- */

.artistInfo .content{border: solid 1px #9bd7ef;float: left;width: 422px;padding: 10px;}
.artistInfo .content .text{float: left; width: 218px;font-size: 95%;}
.artistInfo .content .wide{width: 422px;}
.artistInfo .content .text p{margin: 0 0 10px 0;}

.gallerySnippet{background: #cfd4d7;float: left;width: 196px;margin-right: 8px; font-size: 95%;}
.gallerySnippet img{border: solid 2px #99cdff}
.gallerySnippet .left{float: left; margin: 5px;}
.gallerySnippet .right{float: right; margin: 5px;}
.gallerySnippet a{float: left;text-decoration: none;padding: 2px 0;}
.gallerySnippet .right a{background: url(/_img/link-bg-white.gif) top left no-repeat;padding: 2px;width: 46px;text-align: center;}

/* =Product Listings
----------------------------------------------------------------------------------------- */
.price{color: #ca0137;font-weight: bold;}
.previousPrice{color: #666666;text-decoration: line-through;font-size: 94%; margin-right:10px;}

.prodListing{list-style-image: none;margin: 0;font-size: 85%;}
.prodListing li{float: left;width: 89px; margin: 5px;display: inline;}
.prodListing li p{margin: 0;}
.prodListing li p .price{color: #ca0137;font-weight: bold;}
.prodListing li a img{border: solid 1px #bac3c8;padding: 1px;}
.prodListing li a:hover img{border: solid 1px #3499cd;}
.prodListing li a{color: #336699;}
.prodListing li p .description{color: #333; text-decoration: none;}
.prodListing li p .description:hover{text-decoration: underline;}
.prodListing li .pricePrevious{color: #000;font-weight: bold; text-decoration: line-through;font-size: 90%; font-style:italic;}



h1.Christmas{background: #ca0137 url(/_img/form-title.gif) top left repeat-x;padding: 5px; color: #fff;font-weight: bold;border: solid 1px #fff;margin:0px;width:250px; margin-top: 5px;}
.dealOfWeek .title{padding: 5px;color: #ca0137;font-weight: bold;font-size: 120%;}
.prodListingDeal{list-style-image: none;margin: 0;font-size: 85%; }
.prodListingDeal li{float: left;width: 650px; margin: 5px;display: inline; line-height:18px; }
.prodListingDeal li p{margin: 0;}
.prodListingDeal li p .price{color: #ca0137;font-weight: bold;}
.prodListingDeal li a img{border: solid 1px #bac3c8;padding: 1px;margin-right:5px;}
.prodListingDeal li a:hover img{border: solid 1px #3499cd;}
.prodListingDeal li a{}
.prodListingDeal li p .description{color: #333; text-decoration: none;}
.prodListingDeal li p .description:hover{text-decoration: underline;}
.prodListingDeal li .pricePrevious{color: #000;font-weight: bold; text-decoration: line-through;font-size: 90%; font-style:italic;}
.prodListingDeal .description{border: 1px dashed #000; float:right; width:200px; padding:5px;}
.prodListingDeal .artist{display:block;margin:10px 0px 5px 0px;}
.prodListingDeal .product{display:block;margin:10px 0px 5px 0px;font-size: 120%;font-weight: bold; text-decoration:none;}

.prodListingSale {list-style-image: none;margin: 0;font-size: 95%;}
.prodListingSale li{float: left;width: 280px; margin: 5px;display: inline; line-height:20px;}
.prodListingSale li p{margin: 0;}
.prodListingSale li .saleItem{padding-left:75px;}
.prodListingSale li .price{color: #ca0137;font-weight: bold;}
.prodListingSale li .pricePrevious{color: #666;font-weight: bold; text-decoration: line-through;font-size: 90%; margin:10px;}
.prodListingSale li a img{border: solid 1px #bac3c8;padding: 1px;}
.prodListingSale li a:hover img{border: solid 1px #3499cd;}
.prodListingSale li a{color: #336699;}
.prodListingSale li a.btnSale {text-decoration: none;color: #fff; line-height:25px; background: url(/_img/btnBg.gif) top left no-repeat;padding: 2px;width: 46px; text-align: center;font-size: 90%;}
.prodListingSale li a.hdr {color: #000;text-decoration: none;}

li.saleThin{width: 110px; }
li.saleThin .saleItem{padding-left:0px;}
li.saleThin .price{margin:0px;}
li.saleThin .pricePrevious{margin:0px;}




.mainProdListing{list-style-image: none; margin: 0; font-size: 85%;}
.mainProdListing li{float: left;width: 200px; margin: 5px 5px 10px 5px;display: inline;}
.mainProdListing li p{margin: 0;}
.mainProdListing li p .price{color: #ca0137;font-weight: bold;}
.mainProdListing li a img{border: solid 1px #bac3c8;padding: 2px;float: left;margin-right: 8px;}
.mainProdListing li a:hover img{border: solid 1px #3499cd;}
.mainProdListing li a{color: #336699;}
.mainProdListing li p .description{color: #333; text-decoration: none;}
.mainProdListing li p .description:hover{text-decoration: underline;}

.curveLeft .prodListing li{width: 210px;}
.curveLeft .prodListing li p{float: left;width: 135px;}
.curveLeft .prodListing li a img{float: left;margin-right: 5px;}

.curveRight .prodListing li{width: 280px;}
.curveRight .prodListing li p{float: left;width: 200px;}
.curveRight .prodListing li a img{float: left;margin-right: 5px;}
.curveRight .prodListing li p .price{color: #ca0137;font-weight: bold;}

.curveRight .vidList{float: left;margin: 10px 0 10px 10px; list-style-image: none;width: 260px;display: inline;}
.curveRight .vidList li{float: left;width: 260px;margin: 0 0 5px 0;}
.curveRight .vidList li p{float: left;width: 150px;margin: 10px 0 0 0;}
.curveRight .vidList li a{text-decoration: none;font-size: 85%;}
.curveRight .vidList li a:hover{text-decoration: underline;}
.curveRight .vidList li a img{float: left;margin-right: 5px;padding: 2px; border: solid 1px #bac3c8;}

.artistVidList{float: left;width: 255px;}
.artistVidList .vidList{float: left; width: 250px;margin: 0 0 0 15px; list-style-image: none;display: inline;}
.artistVidList .vidList li{float: left; width: 250px;font-size: 85%;display: inline;}
.artistVidList .vidList li p{margin: 5px 0 0 0;}
.artistVidList .vidList li img{border: solid 1px #bac3c8;padding: 2px;float: left;margin-right: 5px;}

.artistVidList .vidList li a.overlay, .curveRight .vidList li a.overlay{float: left;}
.artistVidList .vidList li a.overlay span, .curveRight .vidList li a.overlay span{display:none;}
.artistVidList .vidList li a.overlay:hover, .curveRight .vidList li a.overlay:hover{position: relative; cursor: pointer;display: block;}
.artistVidList .vidList li a.overlay:hover span, .curveRight .vidList li a.overlay:hover span{display:block; position:absolute; top:3px; left:3px; width:90px; background:url(/_img/play-overlay.gif) top left no-repeat; height:68px; opacity:0.7;filter: alpha(opacity=70); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);}

.panelVidList {float: left; width: 750px;}
.panelVidList .vidList {float: left; width: 99%;margin: 0 0 0 2px; list-style-image: none;}
.panelVidList .vidList li{float: left; width: 98px;margin: 0 7px 10px 0;font-size: 85%;overflow:hidden;}
.panelVidList .vidList li p{margin: 5px 0 0 4px;}
.panelVidList .vidList li img{border: solid 1px #bac3c8;padding: 2px;float: left;margin-right: 5px;}

/* =On This Day Panel
----------------------------------------------------------------------------------------- */

.thisDay{background: url(/_img/holders/this-day-top.gif) top left no-repeat;}
.thisDay .title{display: block;margin-left: 10px;padding: 4px 0 0 10px;font-weight: bold;height: 21px;}
.thisDay .content{background: url(/_img/holders/this-day-btm.gif) bottom left no-repeat;float: left; width: 315px;padding-bottom: 10px;}
.thisDay .content h3{background: #ecf0f3;margin: 5px 1px;font-size: 100%; font-weight: normal;padding: 5px;color: #393738;}
.thisDay .content h4{background: #ecf0f3;margin: 5px 1px; padding: 5px;color: #393738;}
.thisDay .content p{margin: 2px 6px;font-size: 85%;}
.thisDay .content p.quote{display: inline;background: url(/_img/quote-open.gif) top left no-repeat;float: left; width: 303px;}
.thisDay .content p.quote span{display: inline; background: url(/_img/quote-close.gif) bottom right no-repeat;float: left; width: 256px;margin: 20px 0 0 32px;padding: 0 15px 20px 0;}
.thisDay .content a{color: #336699;}

/* =Filter Links
----------------------------------------------------------------------------------------- */
ul.filterLinks{margin: 8px 0; padding: 5px;list-style-image: none;float: left;background: #dbdad9 url(/_img/gradient-paging.gif) top left repeat-x; border: solid 1px #cecece;}
ul.filterLinks li{float: left; padding: 0;}
ul.filterLinks li a{float: left;padding: 1px 3px;width:12px; text-decoration: none;margin: 1px;border: solid 1px #ccc;color: #ca0137; background-color:#fff; text-align:center;}
ul.filterLinks li.full b{width:625px;float: left;}
ul.filterLinks li.big a{width:15px;}
ul.filterLinks li.auto a{width:auto; font-size:90%;}
ul.filterLinks li a:hover{background: #ca0137; color: #fff;}
ul.filterLinks li a.on{color: #fff; background-color:#ca0137;}

/* =Screen Messages
----------------------------------------------------------------------------------------- */

.screenMsgBad ul{border: solid 1px #ff0000;margin: 5px 0 10px 0; padding: 5px 10px; background: #ffcccc;color: #000;}
.screenMsgBad ul li{margin-left: 30px;}

.screenMsgError{border: solid 1px #ff0000;margin: 5px 0 10px 0; padding: 5px 10px; background: #ffcccc;color: #000;}

.screenMsgNorm{border: solid 1px #dce6e9;margin: 5px 0 10px 0; padding: 5px 10px; background: #eef3f5;color: #000;font-size: 90%;font-weight: bold;color: #336699;}
.screenMsgNorm ul li{margin-left: 30px;}
.msgRed {color: #ca0137}
.msgCurrentUser{padding: 8px 10px 8px 30px;background: #eef3f5 url(/_img/icon-user-green.gif) center left no-repeat;}
.msgNoneUser{padding: 8px 10px 8px 30px;background: #eef3f5 url(/_img/icon-user-red.gif) center left no-repeat;}

/* =Artist Listing
----------------------------------------------------------------------------------------- */

.artistList{list-style-image: none;margin: 0;}
.artistList li{float: left;margin-bottom: 2px;}
.artistList li a{float: left; width: 592px;padding: 4px 0 4px 40px;background: #f3f3f3 url(/_img/icon-phone.gif) center left no-repeat;border: solid 1px #ecebeb;text-decoration: none;position: relative;}
.artistList li a:hover{color: #ca0137;background: #f3f3f3 url(/_img/icon-phone-red.gif) center left no-repeat;}

/* =Artist Photo Gallery
----------------------------------------------------------------------------------------- */

.artistBig{float: left;}
.artistBig img{padding: 2px; border: solid 1px #d8e2e4;}
.artistThumbs{float: left;width: 290px;margin-left: 5px;}
.artistThumbs ul{margin: 0; list-style-image: none;}
.artistThumbs ul li{float: left;}
.artistThumbs ul li a {float: left;margin: 0 3px 3px 0;padding: 5px; border: solid 1px #d8e2e4;background: #ebf2f4;}

/* =RSS List
----------------------------------------------------------------------------------------- */

.rssList{list-style-image:none; margin: 0;}
.rssList li{margin: 5px 0;background: url(/_img/rss-sml-white.gif) center left no-repeat;padding-left: 20px;}

/* =Banners
----------------------------------------------------------------------------------------- */

.topBanner{float: left; width: 616px;background: red;height: 56px;padding: 20px 20px 10px 20px;margin: 5px 0;}
.boxsets{background: url(/_img/banners/boxsets.gif) top left no-repeat;}
.collectors{background: url(/_img/banners/collectors.gif) top left no-repeat;}
.vinyl{background: url(/_img/banners/vinyl.gif) top left no-repeat;}
.handmade{background: url(/_img/banners/handmade.gif) top left no-repeat;}

.topBanner h1{color: #343434;font-size: 160%;margin: 0;}
.topBanner h2{color: #ca0137;font-size: 140%; font-weight: normal;margin-top: 0;}
.topBanner h2.alt{color: #0066cc;}

.videoBanner{background: url(/_img/banners/video-banner.jpg) top left no-repeat;}
.community{background: url(/_img/banners/community-banner.jpg) top left no-repeat;}


/* =Star Rating & Interactions
----------------------------------------------------------------------------------------- */

.interactionButtons .panel{display: none;float:left;width: 486px;background: #5E6B71;color: #fff;}
.interactionButtons .panel .formholder{float:left;padding: 2px 0 10px 10px;width:400px;}
.interactionButtons .panel h3{color: #fff;font-size:120%;font-weight:bold;}
.interactionButtons .panel h3 a{color: #fff;font-size:70%;font-weight:normal;}
.star-rating{list-style: none;margin: 3px;padding: 0px;width: 100px;height: 20px;position: relative;background: url('/_img/icons/empty_star_gr.gif') top left repeat-x;} 
.star-rating li{padding:0px;margin:0px;float: left;} 
.star-rating li a{display:block;width:20px;height: 20px;text-decoration: none;margin:0;top:0;text-indent: -9000px;z-index: 20;position: absolute;padding: 0px; background-image:none;} 
.star-rating li a:hover{background: url('/_img/icons/full_star_gr.gif') top left;z-index: 1;left: 0px;} 
.star-rating a.one-star{left: 0px;} 
.star-rating a.one-star:hover{width:20px;} 
.star-rating a.two-stars{left:20px;} 
.star-rating a.two-stars:hover{width: 40px;} 
.star-rating a.three-stars{left: 40px;} 
.star-rating a.three-stars:hover{width: 60px;} 
.star-rating a.four-stars{left: 60px;} 
.star-rating a.four-stars:hover{width: 80px;} 
.star-rating a.five-stars{left: 80px;} 
.star-rating a.five-stars:hover{width: 100px;} 

/* =Override Styles for Chrismas 09 update
--------------------------------------------------------------------------- */
.homeNewRelease{background-image: url(/_img/curve-right-top-tabs.gif);}
.homeVids ul{margin: 0;}
.homeVids li{list-style: none; height: 1%;}
.homeVids li:after{content: ".";clear: both;display: block;height: 0;visibility: hidden;}
.homeVids li a img{float: left; border:1px solid #BAC3C8; margin-right:5px; padding:2px;}
.homeVids li a{color: #336699; font-size: 90%;}

.dealOW li{width: 380px;}
.dealOW a img{float: left; width: 100px;}
.dealOW p{float: left; padding-left: 10px;}
.dealOW a.description{font-weight: bold;}

.homeNews{margin-top: -55px;}

li.christmasOffers a{background: url(/_img/christmas-offers.gif) top left no-repeat; height: 70px !important; width: 130px; z-index: 10; position: absolute; color: #fff !important;}
li.christmasOffers a.on{background: url(/_img/christmas-offers.gif) top left no-repeat !important; height: 70px !important; width: 130px; z-index: 10; position: absolute; color: #fff !important;}