/* __________________________________________________________________ [Master Stylesheet] [Table of contents] 1. generalStyles 2. categoryStyles 3. MasterPage 4. ContentModules 5. OrderSummary 6. AccountStyles 7. ProductPages 8. SearchPages 9. Community 10. Events 12. NEWS 13. GALLERY 14. FAQS/HELP 15. TV 16. TICKETS _____________________________________________________________________ */ /* ################################################################### 1. generalStyles ################################################################### */ html{margin: 0;height: 100%;padding: 0;} body { margin: 0px; background: #00b1fd url(/images/branding/bg.jpg) no-repeat center -46px ; font-family: "lucida grande", "trebuchet ms"/*"Lucida Sans Unicode"*/, verdana, helvetica, arial, sans-serif; /*font-size: 67%;*/ font-size: 72%; text-align: center; line-height:1.4em; color: #222222; height: 100%; } a, a:link, a:visited {font-weight:bold;color: #00A4EB; text-decoration:none;} a:hover { text-decoration: underline; cursor:pointer; } a:active, a:focus { -moz-outline-style: none; outline: none; } /* reset */ *, ul, ol, li, h2, h3, h4, hr, h5, h6, pre, form, blockquote, fieldset, input { margin: 0; padding: 0;} h1 {} h2{ color:#ffffff; font-size: 1.3em;} h3{font-size: 1.2em;font-weight:normal;color: #222222; margin-bottom:5px; text-transform:uppercase;} img, img a { border: 0px; } p{margin: 0 0 1em 0;padding: 0px;} .clear { clear: both; } .floatleft { float: left; display: inline;} .floatright {float: right;display: inline;} hr{ border:0px;border-bottom: 1px dashed #cccccc; padding: 0;margin: 1.1em auto; color:#ffffff; background-color: #ffffff; height:5px; } .smallprint {font-size: 0.9em; color: #666666; } th {color:#222222;} textarea {font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif; font-size:110%; color:#222222;} /* ################################################################### 2. categoryStyles ################################################################### */ /* .home, a.home {color:#f90094;} .news, a.news {color:#005df6;} .music, a.music:visited, a.music:link, a.music:hover {color:#baff00;} .video, a.video {color:#ff0000;} .community, a.community {color:#00dee5;} .events, a.events {color:#cbcb07;} .galleries, a.galleries {color:#a903fd;} .merch, a.merch {color:#05f77c;} .tv, a.tv {color:#f05f06;} */ /*################################################################### 3. MasterPage ###################################################################*/ .countdown {background:url(/images/newbranding/27percent-trans.png) repeat scroll 0 0 transparent; width:100%; text-align:center;} /*TOPBAR*/ #topbar_container { background: url(/images/newbranding/nav_bg.jpg) repeat-x;} #topbar {width:963px; margin:0 auto; text-align:left;} /*accountbar*/ #accountbar_container {background: url(/images/newbranding/accountlinks_bg-trans.png); margin-bottom:38px; } #accountbar {width:940px; margin:0 auto; text-align:left; position:relative; padding:7px 0 ; z-index:9997;} #accountbar a{color:white;} #accountbar h1 a#dancenationlogo { width: 251px; height: 85px; background: url(/images/newbranding/dancenationlogo-trans.png) no-repeat; text-indent: -9999px; overflow: hidden; display: block; cursor:pointer; position:absolute;left:0;top:7px; z-index:0; } #masterBody_nobasket #basketsummary #Basket{visibility:hidden; display:none;} #accountbar #basketsummary ul#loginlinks {margin:0px 0px 0px 190px; width:438px;font-size:95%; text-align:right; color:#ffffff; } #accountbar #basketsummary #loginlinks li {display:inline; } #accountbar #basketsummary #loginlinks li a{padding-right:16px;margin-right:10px;background: url(/images/newbranding/greenarrow_green.gif) right no-repeat;display:inline;height:25px; position:relative;} #accountbar #basketsummary #basketicon { display:block;width:17px; height:14px; float:right;} #accountbar #basketsummary span.openbasket {float:right; margin:0; text-align:right; z-index:9999; width:300px; font-size:100%;color:#ffffff; /*background:url(/images/newbranding/greenbasket-trans.png) no-repeat;*/} #accountbar #basketsummary a#checkout {color:#c0ff00;} /*checkout page 'processing' message */ #ctl00_ContentPlaceHolder1_ECheckout1_UpdateProgress1 {position:absolute; left:-80px; top:7px;} /* BASKET */ .Basket {display:block; width:300px; top:7px;height:30px; /*height:0.01%;*/padding:0; position:absolute; right:0; z-index:9999; } .BasketItems{display:none;overflow: auto; margin:0; padding:0;z-index:9999; } .basket_bg {background:url(../images/newbranding/newbasket/b_middle.png);} #basketopen {width:300px; margin: 0px 0px 0 0;padding:5px 0 0 0; z-index:9999; } #basketwrap {width:300px; z-index:9999; } #basketwrap h1.title {font-size: 105%;font-weight:bold;} #basketwrap .itemwrap {/*background: url(/images/mybasketdown_bg.jpg);*/width:256px;padding:3px; margin:0 18px; border-bottom:dashed 1px #cccccc;z-index:9999;} #basketwrap .itemthumb {float:left;width:66px;margin:5px 10px 7px 10px;display:inline;padding:0px;} #basketwrap .basketiteminfo {width: 155px;float: left;display:inline;margin:3px 10px 10px 0; } #basketwrap .removeitem {margin-top:0.8em;} .checkoutthumb {border:1px solid #222222;} /* #basketcheckout { position:absolute; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(/images/mybasketdown_bottombg-trans.png) no-repeat bottom;color:#333333;height:49px;margin:0;padding:0;width:300px; }*/ .basketempty {width:300px; } .b_top {background:url(../images/newbranding/newbasket/b_top.png) no-repeat; width:300px; height:34px; margin-top:14px;} .b_bottom {background:url(../images/newbranding/newbasket/b_bottom.png) no-repeat; width:300px; height:32px;} #basketcheckout {/*position:absolute; */ margin:0;padding:0; width:300px; color:#222222; z-index:9999;} #basketcheckout .checkoutbtn {margin:10px 10px 2px 150px;border: 0; z-index:9999;} #basketcheckout .basketempty {padding: 15px 0; margin: 0; color:#222222;text-align:center; z-index:9999;} /* added to basket - notification */ .flyOutDiv {display: none; position: absolute; top: 150px; left:50%; z-index: 2; opacity: 0.9; filter:(progid:DXImageTransform.Microsoft.Alpha(opacity=0));width: 400px;font-size: 11px;border: solid 2px #999999;background-color: #f8f8f8;text-decoration:none;padding: 7px;box-shadow: 5px 5px 5px #888;} .flyOutDivCloseX {float:right;background-image: url(/images/popup_closebtn.gif);background-repeat: no-repeat;width:20px;height:27px;text-decoration: none;border: outset thin #FFFFFF;padding: 0 0 0 5px; border:0;margin: 0;} .addbasketflyOutDiv {display: none; position: absolute; top: 150px; left:65%; margin-left:-59px; width: 196px;height:73px;font-size: 11px;border:none;text-decoration:none;padding: 0;} .addbasketflyOutDivCloseX {float:right;background-image: url(/images/popup_closebtn.gif);background-repeat: no-repeat; width:20px;height:27px;text-decoration: none;border: outset thin #FFFFFF;padding: 0 0 0 5px; border:0;margin: 0;} #moveMes {z-index:9999;} #b_overlay{width:300px; height:300px; background:black; display:none;opacity:0.6; filter:alpha(opacity=60); position:fixed; width:100%; height:100%; top:0; z-index:9999;} /*CORE NAVIGATION*/ #nav {width:969px; margin:auto; height:37px; z-index:999; } #nav ul.corenav {display:block; height:37px; float:left; list-style:none; /*background: url(/images/newbranding/nav_sprite.jpg) no-repeat;*/} #nav ul.corenav li {display:block; margin-right:0px; float:left; cursor:pointer; z-index:9999;} #nav ul.corenav li a {text-indent:-9999px; display:block; height:37px; cursor:pointer; background: url(/images/newbranding/nav_sprite.jpg) no-repeat;} #nav ul li.homeli a.home {width:62px; } #nav ul li.homeli:hover > a {width:62px; background-position:0 -37px;} #nav ul li.homeli a.navactive {width:62px; background-position:0 -74px;} #nav ul li.newsli a.news {width:59px; background-position:-62px 0px;} #nav ul li.newsli:hover > a {width:59px; background-position:-62px -37px;} #nav ul li.newsli a.navactive {width:59px; background-position:-62px -74px;} #nav ul li.musicli a.music {width:65px; background-position:-121px 0px;} #nav ul li.musicli:hover > a {width:65px; background-position:-121px -37px;} #nav ul li.musicli a.navactive {width:65px; background-position:-121px -74px;} #nav ul li.videoli a.video {width:64px; background-position:-186px 0px;} #nav ul li.videoli:hover > a {width:64px; background-position:-186px -37px;} #nav ul li.videoli a.navactive {width:64px; background-position:-186px -74px;} #nav ul li.communityli a.community {width:109px; background-position:-250px 0px;} #nav ul li.communityli:hover > a {width:109px; background-position:-250px -37px;} #nav ul li.communityli a.navactive {width:109px; background-position:-250px -74px; } #nav ul li.eventsli a.events {width:76px; display:block; background-position:-359px 0px;} #nav ul li.eventsli:hover > a {width:76px; background-position:-359px -37px;} #nav ul li.eventsli a.navactive {width:76px; background-position:-359px -74px;} #nav ul li.galleryli a.galleries {width:91px; background-position:-436px 0px;} #nav ul li.galleryli:hover > a {width:91px; background-position:-436px -37px;} #nav ul li.galleryli a.navactive {width:91px; background-position:-436px -74px;} #nav ul li.merchli a.merch {width:71px; background-position:-525px 0px; } #nav ul li.merchli:hover > a {width:71px; background-position:-525px -37px;} #nav ul li.merchli a.navactive {width:71px; background-position:-525px -74px;} #nav ul li.tvli a.tv {width:44px; background-position:-597px 0px;} #nav ul li.tvli:hover > a {width:44px;background-position:-597px -37px;} #nav ul li.tvli > a.navactive {width:44px;background-position:-597px -74px;} /**/ #nav ul li .dropdowns {position:absolute; text-indent:0; top:37px; z-index:9999;text-indent:0; width:140px; display:none; /*visibility:hidden;*/} #nav ul li .dropdowns ul {display:block; list-type:none; margin-bottom:0px; text-indent:0; background:#ffffff; z-index:9999;} #nav ul li .dropdowns ul li {position:relative; padding:0;text-indent:0; margin-right:0px; float:none; display:block;/*line-height:1.7em;*/ display:block; /* padding:7px 0px 5px 11px; */ /* border-top:dashed #cccccc 1px; */} #nav ul li .dropdowns ul li:hover { cursor:pointer;} #nav ul li .dropdowns ul li:first-child {border-top:none; } #nav ul li .dropdowns ul li a{margin:0;text-indent:0; padding:9px; float:none; /*padding:7px 0px 5px 11px; */display:block; height:15px; background:/*url(/images/newbranding/dropdown_bg1.jpg)*/white; text-decoration:none; display:block; color:#222222;font-size:100%; font-weight:bold;cursor:pointer; } #nav ul li .dropdowns ul li a:hover{background:url(/images/newbranding/dropdown_a_hover.jpg); color:#ffffff;} .dropshadow {background: url(/images/elshadow.png) no-repeat; width:140px; height:4px; font-size:0.01%;} .shadow300 {background: url(/images/shadow300.png) no-repeat; width:300px; height:4px; font-size:0.01%; position:relative; top:39px;} #search { float:right; height:37px; margin-right:20px; /*margin-left:39px; (when TV & Merch is back) */ margin-left:16px;} #search #searchfield{ float:left; height:37px; width:223px; background:url(/images/newbranding/nav_search.jpg) no-repeat; cursor:text;} #search input[type="text"] {color:#222222; border:0; margin:9px 0 0 54px; padding:3px; width:161px; background:transparent; } #search #searchfield input:focus {color:black; font-weight:bold;} #search input[type="submit"]{ display:block; float:left; height:37px; width:49px; background:url(/images/newbranding/nav_search.jpg) -230px 0 no-repeat; cursor:pointer; text-indent:-9999px; border:0; color: transparent;text-transform: capitalize;} #search input[type="submit"]:hover{background-image:url(/images/newbranding/nav_search_hover.jpg)} /*FOOTER*/ #footer a.srolltop ,#footer a.srolltop:visited{display:block; text-align:right; margin:36px auto 0; color:white; font-weight:normal; background:url(/images/newbranding/uparrow.gif) no-repeat 858px 3px; } #footer { width:940px; margin:0px auto 15px; text-align:left; border-width:1px 0; border-style:dashed; border-color:white;} #footer ul.footernav {display:block; list-style:none; padding:0; margin:10px 0 0 0px; width:160px; text-transform:uppercase; float:left;} #footer ul.footernav li {display:block; margin-bottom:10px; margin-right:10px; font-size: 1em; } #footer ul.footernav li a{font-weight:normal; color:white;} #footer ul.footernav li a:hover {text-decoration:none; color:#222222;} #footer ul.footernav li a.active {color:#222222;} .snf {width:210px; z-index:1; padding:8px 0 20px 70px; margin:35px 0px 0 10px;background:url(/images/newbranding/footer/twitterbird-trans.png) no-repeat;} .snf ul {display:block; width:210px; height:29px; list-style:none; /*background:url(/images/newbranding/footer/sn-trans.png) no-repeat;*/} .snf ul li {display:block; float:left; height:29px; text-indent:-9999px; margin:0px;} .snf ul li a{display:block; height:29px; text-indent:-9999px; } .snf ul li a.Bebo {width:31px; background:url(/images/newbranding/sn/sn_new_01-trans.png);} .snf ul li a.Bebo:hover {width:31px; background:url(/images/newbranding/sn/sn_hover_01-trans.png);} .snf ul li a.Twitter {width:35px; background:url(/images/newbranding/sn/sn_new_02-trans.png);} .snf ul li a.Twitter:hover {width:35px; background:url(/images/newbranding/sn/sn_hover_02-trans.png);} .snf ul li a.myspace {width:35px; background:url(/images/newbranding/sn/sn_new_03-trans.png);} .snf ul li a.myspace:hover {width:35px; background:url(/images/newbranding/sn/sn_hover_03-trans.png);} .snf ul li a.youtube {width:35px; background:url(/images/newbranding/sn/sn_new_04-trans.png);} .snf ul li a.youtube:hover {width:35px; background:url(/images/newbranding/sn/sn_hover_04-trans.png);} .snf ul li a.facebook {width:37px; background:url(/images/newbranding/sn/sn_new_05-trans.png) no-repeat;} .snf ul li a.facebook:hover {width:37px; background:url(/images/newbranding/sn/sn_hover_05-trans.png) no-repeat;} .snf ul li a.rss {width:30px; background:url(/images/newbranding/sn/sn_new_06-trans.png);} .snf ul li a.rss:hover {width:30px; background:url(/images/newbranding/sn/sn_hover_06-trans.png);} #copywright { width:940px; text-align:left; margin:10px auto 10px; text-transform:uppercase; color:white; font-size:85%;} /*################################################################### 4. ContentModules ###################################################################*/ /*Ribbon headers*/ .ribbon {background:url(/images/newbranding/heading_bg.jpg);position:relative; display:block; height:38px; margin:0 -7px; z-index:0;} .ribbon img.headingleft {position:absolute; left:0;bottom:-7px;} .ribbon img.headingright {position:absolute; right:0;bottom:-7px;} .ribbontickets {background:url(/images/newbranding/heading_bg.jpg);position:relative; display:block; height:38px; margin:0 -7px; z-index:0;} .ribbontickets img.headingleft {position:absolute; left:0;bottom:-7px;} .ribbontickets img.headingright {position:absolute; right:0;bottom:-7px;} .ribbon span {display:block; height:38px; margin-left:17px; text-indent:-9999px; z-index:0;} h2.ribbon span#mostcommented { background:url(/images/newbranding/headings/mostcommented.jpg) no-repeat; } h2.ribbon span#mostrecent { background:url(/images/newbranding/headings/mostrecent.jpg) no-repeat; } h2.ribbon span#featuredvideos { background:url(/images/newbranding/headings/featuredvideos.jpg) no-repeat; } h2.ribbon span#mostrated { background:url(/images/newbranding/headings/mostrated.jpg) no-repeat; } h2.ribbon span#videcategories { background:url(/images/newbranding/headings/videcategories.jpg) no-repeat; } h2.ribbon span#latestvideo { background:url(/images/newbranding/headings/latestvideo.jpg) no-repeat; } h2.ribbon span#latesttunes { background:url(/images/newbranding/headings/latesttunes.jpg) no-repeat; } h2.ribbon span#community { background:url(/images/newbranding/headings/community.jpg) no-repeat; } h2.ribbon span#poll { background:url(/images/newbranding/pollgraph.jpg) 82px 0 no-repeat; } h2.ribbon span#chart { background:url(/images/newbranding/top10.jpg) 182px 0 no-repeat; } h2.ribbon span#music { background:url(/images/newbranding/headings/music.jpg) no-repeat; } h2.ribbon span#videos { background:url(/images/newbranding/headings/videos.jpg) no-repeat; } h2.ribbon span#featuredartists { background:url(/images/newbranding/headings/featuredartists.jpg) no-repeat; } h2.ribbon span#news { background:url(/images/newbranding/headings/news.jpg) no-repeat; } h2.ribbon span#galleries { background:url(/images/newbranding/headings/galleries.jpg) no-repeat; } h2.ribbon span#category { background:url(/images/newbranding/headings/category.jpg) no-repeat; } h2.ribbon .livetext span{text-indent:0px; color:#222222; font-weight:bold; font-size:105%; height:27px; padding-top:11px;margin-left:15px; text-transform:uppercase; } /*CONTENT */ .breadcrumbs { display:none;text-transform:uppercase; margin:0 0 5px 20px; } #content { width:941px; margin:0 auto 20px auto; text-align:left; } #content #mainfeature {margin:30px 0 0; z-index:0; position:relative; } #content #fullpanel {/*width:940px;*/ background:white; padding-bottom:10px; font-size:100%; min-height:200px} .loginpanel {background-color:none;} #content #fullpanel.loginpanel {padding-bottom:0px;} /*LATEST NEWS */ #latestnews {background:white; padding:10px; } .newsentry { margin-bottom:8px; padding-bottom:8px; border-bottom:dashed 1px #cccccc;} .newsentry:last-child { margin-bottom:0px; border-bottom:0px;} div.newsdate { width:45px; line-height:1.3em; height:37px; text-align:center; position:absolute; left:-18px; top:10px; background-color:#f90094; color:white; font-weight:normal; border-bottom:solid 1px #a70364; border-right:solid 1px #a70364;} div.newsdate img.headingleft {position:absolute; left:0px;top:38px;} div.newsdate span.day {display:block; font-size:160%; margin-top:5px;} div.newsdate span.month {display:block; font-size:120%;} .newsimage{ position:relative;} .newsentry .newsimage { float:left; display:block; width:180px; position:relative; } .newsentry .newssummary {width:402px; float:right; display:block; } .newsentry .newssummary h4 {color:#00a4eb; font-size:120%; font-weight:bold;} .newsentry .newssummary h4 a{color:#00a4eb;} .newsentry .newssummary .readmore {display:block; width:72px; float:left;} .sn {width:105px; float:right; padding:0px 0 0px 0;} .sn a {width:17px; height:17px; text-indent:-9999px; margin-left:3px; display:block; float:right;} .sn a.facebook {background: url(/images/newbranding/sn/facebook.jpg);} .sn a.bebo {background: url(/images/newbranding/sn/bebo.jpg);} .sn a.twitter {background: url(/images/newbranding/sn/twitter.jpg);} .readmore {padding-right:16px;margin-right:10px;background: url(/images/newbranding/greenarrow.gif) right no-repeat;} /*LATESTTUNES MODULE*/ #content #latesttunes {width:620px;} #content #latesttunes .box {background:white; } #content #latesttunes .box table {list-style:none; display:block; width:595px; margin:auto; } #content #latesttunes .box table td {text-align:left; vertical-align:Top; display:block; height:265px; position:relative; margin:0px 0; padding:10px 11px 0 10px; float:left; width:125px;} /*#content #latesttunes .box table td:first-child {padding:10px 0px 0 11px;}*/ #content #latesttunes .box table img {margin-bottom:5px; border:1px solid #222222;} #content #latesttunes .box table td .albumtitle { font-weight:bold; font-size:100%; padding-top:5px; } #content #latesttunes .box table td .artist { font-size:90%; color:#f90094; text-transform:uppercase; font-weight:bold;} #content #latesttunes .box table td .price {display:block;color:#222222; font-size:117%; margin:10px 5px; position:absolute; top:223px;} #content #latesttunes .box table td input.addtobasket {text-indent:-9999px;width:125px; height:19px; position:absolute; top:257px; cursor:pointer; background: url(/images/newbranding/buttons/addtobasket.jpg) no-repeat;border:0 none;color:transparent;display:block;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;text-transform:capitalize; /*this is necessary for some wiered reason in IE6*/} .undertab {background: url(/images/newbranding/undertab-trans.png) no-repeat; height:27px; color:white; display:block; margin:0 0 0 auto; padding-top:4px; width:159px; text-align:right; } .undertab a, .undertab a:link, .undertab a:visited {font-size:87%; font-weight:normal; color:white; padding-right:15px;margin-right:7px;background: url(/images/newbranding/greenarrow.gif) right no-repeat;height:25px; position:relative; } /* VIDEO MODULE*/ #content #latestvideos {margin:0px 0 20px 0; width:300px; } #content #latestvideos .box {} /* #content #latestvideos .box ul {list-style:none; background: url(/images/branding/modules/3column_line.jpg) bottom no-repeat; padding-bottom:3px; } #content #latestvideos .box li {display:block; position:relative; width:296px; background: url(/images/branding/modules/3column_line.jpg) top no-repeat; padding:10px 0px 0px 0px; } #content #latestvideos .box li:hover {background: url(/images/branding/modules/3column_bg_pink_on_l.jpg) repeat-y -2px 0;} #content #latestvideos .box li.VidPanActive{background: url(/images/branding/modules/3column_bg_pink_active.jpg) repeat-y -2px 0;;} #content #latestvideos .box li img {margin:0 5px 5px 5px;} #content #latestvideos .box li a, #content #latestvideos .box li a:hover {text-decoration:none;} #content #latestvideos .box li a span.title {text-transform:uppercase; } #content #latestvideos .box li h2 { color:white;} #content #latestvideos .box div.floatleft {width:210px;} */ /* THREADS MODULE*/ #content #threads {margin:0 0 20px 0px; width:300px; } #cloud {display:none;} #content #threads div img{cursor:pointer;} #content #threads .box {background: url(/images/newbranding/27percent-trans.png); color:white; } #content #threads #cloud .box { padding:10px 10px 10px; overflow:hidden;} #content #threads #cloud .box a {padding:5px 5px 0 0; line-height:130%; text-transform:uppercase; word-wrap:break-word; font-weight:normal; } #content #threads .box a.weight1 {font-size:110%; color:#222222; } #content #threads .box a.weight2 {font-size:150%; color:#222222; } #content #threads .box a.weight3 {font-size:200%; color:#222222; } #content #threads .box a.weight4 {font-size:250%; color:#222222; } #content #threads .box a.weight5 {font-size:330%; color:#222222; } #content #threads .box a:hover { text-decoration:underine;} #content #threads .box .userthumb {border-width:0px;} #content #threads #threadlist {} #content #threads #threadlist .box table { width:290px; margin:0 auto -2px auto; /*overflow:hidden; */ position:relative; z-index:2;} #content #threads #threadlist .box table td{ padding:8px 2px; font-size:95%; } #content #threads #threadlist .box table td {border-top:1px #333333 dashed; } #content #threads #threadlist .box table tr:first-child td {border-top:0px; } #content #threads #threadlist .box table td img { } #content #threads #threadlist .threadtitle {font-size:120%;} #content #threads #threadlist a.threadtitle {color:white;} #content #threads #threadlist a.threadtitle:hover {text-decoration:underline;} #content #threads #threadlist a.username {color:#baff00;} #content #threads #threadlist a:hover {color:white;} #content #threads #threadlist a:visited {color:white;} #content #threads #threadlist a:link {color:white;} /* CHART MODULE*/ #content #chart {width:300px; position:relative;} #content #chart .box { background: #222222 url(/images/branding/modules/chart/300px_bg.jpg) no-repeat; border-left:5px #b6fa00 solid;border-right:5px #b6fa00 solid; } #content #chart .box table {list-style:none; background: url(/images/branding/modules/3column_line.jpg) bottom no-repeat; padding-bottom:3px;} #content #chart .box td {display:block; position:relative; width:290px; background: url(/images/branding/modules/3column_line.jpg) top no-repeat; padding:9px 0px; margin:0 0px;} #content #chart .box td:hover {background: url(/images/branding/modules/3column_bg_pink_on.jpg) repeat-y -2px 0;} #content #chart .box td .chartposition { display:block; float:left; width:45px; font-size:23px; line-height:23px; font-weight:bold; padding-left:19px;} #content #chart .box td .track {float:left; width:140px;} #content #chart .box td .track a.trackname {font-size:100%; font-weight:bold; } #content #chart .box td .listen { position:absolute; cursor:pointer; right:50px; display:block; background: url() no-repeat; width:27px; height:27px;/* text-indent:-9999px;*/} #content #chart .box td .download {position:absolute; cursor:pointer; right:20px; display:block; back ground: url(/images/branding/modules/chart/download_button-trans.png) no-repeat; width:27px; height:27px;} #content #chart .box td .download input {position:relative; border:0 none; cursor:pointer; color:transparent; display:block; margin:auto; -moz-background-clip:border;-moz-background-inline-policy:continuous; -moz-background-origin:padding; width:27px; background: url(/images/branding/modules/chart/download_button-trans.png) no-repeat; text-indent:-9999px; height:27px; text-transform:capitalize; /*this is necessary for some wiered reason in IE6*/ } /* TWITTER FEED */ #twitterfeed {width:300px; } #twitterfeed .feedwrap {margin-bottom:10px; position:relative;} #twitterfeed .feedwrap .twitterbird {display:block; width:33px; height:24px;background: url(/images/newbranding/twitterbird-trans.png) no-repeat; position:absolute; top:12px; left:8px; } #twitterfeed .lid {font-size:0.00%;background: url(/images/newbranding/twittertop-trans.png); margin-left:24px; display:block; width:276px; height:11px;} #twitterfeed .feedcontent {background: url(/images/newbranding/27percent-trans.png); margin-left:24px; padding:0px 25px; font-weight:bold;} #twitterfeed .feedcontent a:link, #twitterfeed .feedcontent a:visited {color:white;} #twitterfeed .feedcontent q {color:white; font-size:105%; } #twitterfeed .feedcontent span.time {display:block; font-size:80%;} #twitterfeed .bottom {font-size:0.00%; background: url(/images/newbranding/twitterbottom-trans.png); margin-left:24px; display:block; width:276px; height:11px;} #content .mainpanel {padding:10px; background:white;} #pagination{ color:white; display:block; margin-top:10px;} /*################################################################### 5. OrderSummary ###################################################################*/ #content #fullpanel h3, #content #fullpanel p{ padding:20px 0 0 10px;} #content #fullpanel table {width:100%;} #content #fullpanel table.baskettable th{ border-bottom:1px dashed #cccccc;} #content #fullpanel table.baskettable tr td{ border-bottom:1px dashed #cccccc;} #content #fullpanel table th {padding:5px 20px 7px 10px; font-weight:bold; font-size:110%; } #content #fullpanel table td {padding:5px 20px 7px 10px; font-size:100%; } #content #fullpanel table td>table td {padding:5px 20px 7px 0px; font-size:100%; } #content .basketpage #basketempty {padding:75px 0 ; margin-bottom:10px; text-align:center; font-weight:bold; background-color:#white; border-bottom:1px dashed #cccccc;} #content .basketpage .continuebutton {margin-left:20px;} #content .basketpage #promocodes {} #content .basketpage h2 {color:#00A4EB; font-size:1.15em;} /* ################################################################### 6. AccountStyles ################################################################### */ /* ACCOUNT PAGES */ .accountpage {padding-top:40px;} .sectioncontainer {} #content #fullpanel table td {padding:3px 10px 3px 10px; font-size:100%; } #content #fullpanel .addline {} #content #fullpanel input[type="text"], #content #fullpanel input[type="password"] {border:1px #232323 solid; padding:4px; width:180px; background-color:#f7f7f7;} #content #fullpanel input[type="text"]:focus, #content #fullpanel input[type="password"]:focus {background-color:#ffffff;} #content #fullpanel input[type="checkbox"] {} #content #fullpanel label {margin:0 0 0 5px;} .colouredtext {position:absolute;} .accountcontent {background:white; padding:10px; min-height:300px;} .accountcontent table td {padding:3px 20px 3px 0px; font-size:100%; } .accountcontent .addline { background: url(/images/branding/main/full_panel_line.jpg) bottom no-repeat; padding-bottom:20px;} .accountcontent input[type="text"], .accountcontent input[type="password"] {border:1px #232323 solid; padding:4px; width:180px; background-color:#e4e4e4;} .accountcontent input[type="text"]:focus, .accountcontent input[type="password"]:focus {background-color:#ffffff;} .accountcontent input[type="checkbox"] {} .accountcontent label {margin:0 0 0 5px;} #orderhistory table {width:100%;} #orderhistory table th{padding-bottom:5px; padding-right:10px;} #orderhistory table tr td {border-top:1px dashed #cccccc; padding-right:10px;} /*profile pages */ #content #fullpanel.profilepages {} /* LEFT MENU */ .menucontainer {float:left; width:140px; margin:0 19px 0 0px; color:white; } .menutop {background: url(/images/newbranding/menuetop2-trans.png) top right no-repeat; display:block; width:140px; height:6px; font-size:0.01%;} .menu {padding-top:10px;float:left; width:140px; margin:0; background:url(/images/newbranding/27percent-trans.png); } .menu ul {display:block; list-type:none; /* border-bottom:1px dashed #cccccc; */margin-bottom:5px; } .menu li {line-height:1.7em; display:block; padding:7px 0px 7px 11px;/*border-top:1px dashed #cccccc; background:transparent url(/images/newbranding/greenarrow.gif) no-repeat 122px center; */} .menu li:last-child { /*border-bottom:1px dashed #cccccc;*/ margin-bottom:5px; } .menu li:hover { background:transparent url(/images/newbranding/dropdown_a_hover.jpg) repeat scroll 0 0;color:#FFFFFF;} .menu li:hover a{color:white;} .menu li a,.menu li a:link,.menu li a:hover {text-decoration:none; display:block; /*font-size:90%;*/ cursor:pointer; color:white;} .menu h2 span#categories { display:block; height:23px; margin-left:10px; text-indent:-9999px; background:url(/images/newbranding/headings/categories.jpg) 0 -13px no-repeat; } .menu h2 span#community {background:url(/images/newbranding/headings/community_white.jpg) no-repeat -2px -13px; display:block; width:120px; height:23px; margin-left:10px; text-indent:-9999px; } .menu h2 span#menu {background:url(/images/newbranding/headings/menu_white.jpg) no-repeat -0px -13px; display:block; width:120px; height:23px; margin-left:10px; text-indent:-9999px; } /* ################################################################### 7. ProductPages ################################################################### */ /*MUSIC HOME */ #fiveMusics {margin-bottom:20px; width:100%;} /*temporary#fiveMusics img {width:80px; float:left; margin:0px 5px 5px 0px;}*/ /*featured music*/ #fiveMusics #featmusic_header h2 {color:white; display:block; margin:19px 20px; text-transform:uppercase; font-weight:normal; font-size:16px;} #fiveMusics #featmusic_content { background:white; font-size:100%;} #fiveMusics #featmusic_content div.largeproduct {padding:10px 8px 10px 10px; border-bottom:dashed 1px #cccccc; } #fiveMusics #featmusic_content div.largeproduct:last-child {border-bottom:0px;} #fiveMusics #featmusic_content div.largeproduct .largeproductimage {width:125px; border:1px #cccccc solid;padding:3px; float:left;} #fiveMusics #featmusic_content p {margin:0;} #fiveMusics #featmusic_content div.productinfowrap {width:443px; float:left; margin-left:10px;} #fiveMusics .albumtitle {font-size:130%;font-weight:bold;display:block; color:#36a7df; } #fiveMusics .artist {text-transform:uppercase; font-size:105%; color:#222222; display:block;} #headerImage {margin-bottom:20px;} #content.musicpage {margin-top:0px;} .panelborder {background-image:url(/images/newbranding/27percent.png); padding:10px; } /* musicpage grey panels */ .panelcontent {background:url(/images/newbranding/27percent-trans.png); } .panelcontent2 {background:url(/images/newbranding/27percent.png); padding:10px; } .musicpage {} .musicpage .threecolumnpanel {margin-bottom:0px;} .musicpage .threecolumnpanel .panelcontent {background: url(/images/newbranding/27percent-trans.png); } .musicpage .threecolumnpanel .panelcontent table{margin:auto;} .musicpage .threecolumnpanel .panelcontent td {padding: 8px;} /* Featured artists panel */ .musicpage .threecolumnpanel .footer .viewartists{text-indent:-9999px; cursor:pointer; width:300px; height:31px; display:block; background: url(/images/branding/modules/3column_panel_green_bottom_viewallartists-trans.png) no-repeat;margin-bottom:20px; } /*featured artists*/ .artistimg {width:131px; height:78px;border:solid 1px #222222;} /* CHART MODULE on music page*/ .musicpage .threecolumnpanel .chartcontent {width:300px; background: white; font-size:100%; background: url(/images/newbranding/27percent-trans.png); } .musicpage .threecolumnpanel .chartcontent table { } .musicpage .threecolumnpanel .chartcontent td {display:block; position:relative; width:300px; padding:9px 0px; margin:0 0px; border-top:1px dashed #222222;} .musicpage .threecolumnpanel .chartcontent td:hover {} .musicpage .threecolumnpanel .chartcontent tr:first-child > td{border-top:0px;} .musicpage .threecolumnpanel .chartcontent td .chartposition { display:block; float:left; width:45px; font-size:23px; line-height:23px; font-weight:bold; padding-left:19px; color:white;} .musicpage .threecolumnpanel .chartcontent td .track {float:left; width:140px;} .musicpage .threecolumnpanel .chartcontent td .track .trackname {font-size:100%; font-weight:bold; color:white; } .musicpage .threecolumnpanel .chartcontent td .listen { position:absolute; cursor:pointer; right:50px; display:block; background: url() no-repeat; width:27px; height:27px;/* text-indent:-9999px;*/} .musicpage .threecolumnpanel .chartcontent td .download {position:absolute; cursor:pointer; right:20px; display:block; width:27px; height:27px;} .musicpage .threecolumnpanel .chartcontent td .download input {position:relative; border:0 none; cursor:pointer; color:transparent; display:block; margin:auto; width:27px; background: url(/images/branding/modules/chart/download_button-trans.png) no-repeat; text-indent:-9999px; height:27px; text-transform:capitalize; /*this is necessary for some reason in IE6*/ } .musicpage .threecolumnpanel .chartcontent .artist {text-transform:uppercase;} .musicpage .threecolumnpanel .footer a{position:relative;} .musicpage .threecolumnpanel .footer .viewdownloads{position:relative; cursor:pointer; width:300px; height:31px; text-indent:-9999px; display:block; background: url(/images/branding/modules/3column_panel_green_bottom_viewalldownloads-trans.png) no-repeat; } /* Music Tabs */ /* product detail tab hide/show box */ .musicpage #featuredtabs{position:relative;} .musicpage #tabs { margin-bottom: 0px position:relative; width:619px; } .musicpage #tabs #tabnavcontainer {display:none; height:38px; position:relative;} .musicpage #tabs ul.tabNav { padding: 0px;margin-bottom: 0px; margin-top:-6px; position:absolute; } .musicpage ul.tabNav li{ list-style: none; float:left; margin-top:0px; position:relative; margin-bottom: 0px;} /*.musicpage #tabs ul.tabNav li a{cursor:pointer; display:block; text-decoration: none; text-transform:uppercase; font-weight: normal; font-size:120%; outline: none;} .musicpage #tabs ul.tabNav li a:hover{ color: #baff00;} .musicpage #tabs ul.tabNav li a.active{ }*/ .musicpage #tabs .infoBox{ background: white; font-size:100%; /*padding: 10px;*/line-height:1.6em; padding-bottom:10px; position:relative;} .musicpage .infoBox h4 {color:white; margin:5px 0; text-transform:uppercase; font-size:110%;} .musicpage .infoBox .undertab {float:right; margin-top:10px;} .musicpage #tabs ul.tabNav li a {text-indent:0px; height:27px; text-align:center;padding-top:17px; color:#222222; text-transform:uppercase;margin-right:0px; font-size:120%;} .musicpage #tabs ul.tabNav li a#latestreleasetab { display:block; width:157px; margin-left:14px; } .musicpage #tabs ul.tabNav li a#latestalbumstab { display:block; width:100px; } .musicpage #tabs ul.tabNav li a#latestsinglestab {display:block; width:93px; } .musicpage #tabs ul.tabNav li a#latestcompstab {display:block; width:145px; } .musicpage #tabs ul.tabNav li a#latestreleasetab:hover {text-decoration:none; color:#698b00;} .musicpage #tabs ul.tabNav li a#latestalbumstab:hover {text-decoration:none; color:#698b00;} .musicpage #tabs ul.tabNav li a#latestsinglestab:hover {text-decoration:none; color:#698b00;} .musicpage #tabs ul.tabNav li a#latestcompstab:hover {text-decoration:none; color:#698b00;} .musicpage #tabs ul.tabNav li a#latestreleasetab.active, .musicpage #tabs ul.tabNav li a#latestreleasetab.active:hover {background: url(/images/newbranding/newtabs/newtabs_01-trans.png); } .musicpage #tabs ul.tabNav li a#latestalbumstab.active, .musicpage #tabs ul.tabNav li a#latestalbumstab.active:hover {background: url(/images/newbranding/newtabs/newtabs_02-trans.png); } .musicpage #tabs ul.tabNav li a#latestsinglestab.active, .musicpage #tabs ul.tabNav li a#latestsinglestab.active:hover {background: url(/images/newbranding/newtabs/newtabs_03-trans.png); } .musicpage #tabs ul.tabNav li a#latestcompstab.active, .musicpage #tabs ul.tabNav li a#latestcompstab.active:hover {background: url(/images/newbranding/newtabs/newtabs_04-trans.png); } .musicpage #tabs .undertab {display:none;} /*music tab contents */ .musicpage .infoBox table {list-style:none; display:block; width:590px; margin:auto; } .musicpage .infoBox table td {text-align:left; vertical-align:Top; display:block; height:265px; position:relative; margin:0px 0; padding:10px 11px 0 10px; float:left; width:125px;} .musicpage .infoBox table img {margin-bottom:5px; border:1px solid #222222;} .musicpage .infoBox table td .albumtitle { font-weight:bold; font-size:105%; padding-top:5px; } .musicpage .infoBox table td .artist { font-size:90%; color:#f90094; text-transform:uppercase; font-weight:bold;} .musicpage .infoBox table td .price {display:block;color:#222222; font-size:117%; margin:10px 5px; position:absolute; top:223px;} .musicpage .infoBox table td input.addtobasket {text-indent:-9999px;width:125px; height:19px; position:absolute; top:257px; cursor:pointer; background: url(/images/newbranding/buttons/addtobasket.jpg) no-repeat;border:0 none;color:transparent;display:block;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;text-transform:capitalize; /*this is necessary for some wiered reason in IE6*/} .musicpage .artistname {text-transform:uppercase; font-weight:bold; color:white;} .musicpage .artistname a, .musicpage .artistname a:visited {font-weight:bold; color:white;} /* POLL */ .poll .pollpanelcontent {background: #ffffff; margin-bottom:0px; } .poll .pollpanelcontent h3{margin:0px 10px; padding:10px 0; text-transform:none; font-weight:bold;} .poll .pollpanelcontent img {margin:0;} .poll .pollpanelcontent label {margin-left:10px ;} /* SITE BANNERS */ /*.musicpage .standardbanner {height:25px; width:773px;color:#fff;position:relative;margin:0 1px; background: url(/images/branding/modules/3column_line.jpg) repeat-x;}*/ .musicpage .longbanner {height:23px;width:940px;color:#444;background: url(/images/category_longbanner_bg.gif) no-repeat left top;position:relative;margin:0 0 11px 0;} .musicpage .bannertitle {font-size:110%;font-weight:bold;position:absolute;left:20px;top:6px;text-align:left;} .musicpage .banneroptions {/*font-size:100%;*/font-weight:bold; right:0px;margin:0px;text-align:right; display:block;/* color:white; */position:relative; top:-29px;} .musicpage .banneroptions a, .musicpage .banneroptions a:link{color:white;} .pages {padding-right:9px; color:#444; font-weight:normal;text-decoration:none;} .pages a {font-weight:normal; text-decoration:none; color:#444;} .pages a:hover {font-weight:normal; text-decoration:none; color:#444;} .pages-active {font-weight:bold; text-decoration:none; color:#ffffff; padding-right:9px;} .pages-active a {font-weight:bold; text-decoration:none; color:#ffffff;} .musicpage h1.category_banner {width:775px;height:23px;margin: 1em 0 0em 0;padding: 4px 0 0 1em;background: url(/images/category_banner_bf.gif) no-repeat;font-size:110%;font-weight:bold;position:relative;} .musicpage h1.tracklisting_banner {width:775px;height:23px;margin: 1em 0 0em 0;padding: 3px 0 0 1em;background: url(/images/category_banner_bf.gif) no-repeat;font-size:110%;font-weight:bold; text-decoration:none; cursor:pointer;} .musicpage h1.tracklisting_banner:hover {text-decoration:none; font-weight:bold; color: #018EE8;} .musicpage h1.category_longbanner {width:940px;height:23px;margin:1em 0 0em 0;padding:0.3em 0 0 1em;background: url(/images/category_longbanner_bg.gif) no-repeat;font-size:110%;font-weight:bold; position:relative;} .musicpage h1.category_smallbanner {width:940px;height:23px;margin:1em 0 0em 1px;padding:0.3em 0 0.6em 1em;background: url(/images/category_smallbanner_bg.gif) no-repeat;font-size:110%;font-weight:bold;} .musicpage h2.pages_banner {width:775px;margin:1em 0 0 1px;padding:4px 0 6px 0 ;background: url(/images/category_banner_bf.gif) no-repeat;font-size:100%;text-align:right; height:23px;} .musicpagen h2.pages_banner a {text-decoration:none;} .musicpage h2.pages_banner a:hover {text-decoration:none;} .musicpage h2.pages_banner .pages {padding-right:1.1em; color:#444; font-weight:normal;} .musicpage h2.pages_banner .pages a {font-weight:normal; text-decoration:none; color:#444;} .musicpage h2.pages_banner .pages a:hover {font-weight:normal; text-decoration:none; color:#444;} .musicpage h2.pages_banner .pages-active {font-weight:bold; text-decoration:none; color:#000; padding-right:1.1em;} .musicpage h2.pages_banner .pages-active a {font-weight:bold; text-decoration:none; color:#000;} .musicpage h2.pages_longbanner {width:940px; height:23px;margin:1em 0 0 1px;padding:0.4em 0 0.6em 0 ;background: url(/images/category_longbanner_bg.gif) no-repeat;font-size:100%;text-align:right; position:relative;} .musicpage h2.pages_longbanner a {text-decoration:none;} .musicpage h2.pages_longbanner a:hover {text-decoration:none;} .musicpage h2.pages_longbanner .pages {padding-right:1.1em; color:#444; font-weight:normal;} .musicpage h2.pages_longbanner .pages a {font-weight:normal; text-decoration:none; color:#444;} .musicpage h2.pages_longbanner .pages a:hover {font-weight:normal; text-decoration:none; color:#444;} .musicpage h2.pages_longbanner .pages-active {font-weight:bold; text-decoration:none; color:#000; padding-right:1.1em;} .musicpage h2.pages_longbanner .pages-active a {font-weight:bold; text-decoration:none; color:#000;} .pagenumbers {padding:5px 10px 10px; display:block; color:white;} .pagenumbers a, .musicpage .pagenumbers a:visited { color:white;} .pagenumbers .pages-active {color:#222222;} .formatproductpage .hover-music {background:white;} /* tracklisting tabs */ .tracktabNav {display:block; position:absolute; left:155px; top:-6px;} .tracktabNav li {display:block; float:left; text-align:center;} .tracktabNav li a{display:block; float:left; padding-top:17px; height:27px; width:80px; color:#222222; font-size:80%;} .tracktabNav li a:hover{color:color:#698B00;text-decoration:none;} .tracktabNav li a.active, .tracktabNav li a.active:hover{ background:url(/images/newbranding/tracktabbg-trans.png) no-repeat; } .tracktabNav li span {display:block;height:auto;margin-left:auto;text-indent:0px;z-index:0;} #tracktabs .tracknav2, #tracktabs .tracknav3, #tracktabs .tracknav4 {display:none;} #tracktabs {background: white; } #tracktabs table{width: 99.5%; } #tracktabs table th { height:33px; padding:3px 20px;} #tracktabs table td{border-top:dashed #cccccc 1px; height:33px; padding:3px 20px;} /* SECTION HEADER */ #subtype {} #subtype .banner {background:url(/images/sectionheader_bg.jpg) no-repeat;width:775px;height:76px;} #subtype h1 {padding: 0.6em 0 0 15px;margin:0;font-size: 205%; font-weight:bold;} #subtype h3 {padding: 15px 0 0 1.5em;font-size: 135%; font-weight:bold; text-transform:uppercase;} /* FORMAT HOMEPAGES EG ALBUMS SINGLES DOWNLOADS */ #formathomepage {margin-bottom: 10px; margin-top:40px; padding:0; width:780px;text-align:left;float:right;display:inline; background: url(/images/newbranding/27percent-trans.png); } .formatproductpage { width:780px;text-align:left;float:left; display:inline; margin-bottom:10px; } .formatproductpage .productpage {background: url(/images/newbranding/27percent-trans.png); padding:0 10px 0px 10px;} #sectionbanner .section_downloadicon {width:50px;height:50px;background: url(/images/banner_download-trans.png) no-repeat center top;position:absolute;top:-11px;right:19px;text-indent:-999999px;} #sectionbanner .section_physicalicon {width:50px;height:50px;background: url(/images/banner_physical-trans.png) no-repeat center top;position:absolute;top:-11px;right:19px;text-indent:-999999px;} #sectionbanner .section_luggageicon {width:50px;height:50px;background: url(/images/banner_luggage-trans.png) no-repeat center top;position:absolute;top:-11px;right:19px;text-indent:-999999px;} #sectionbanner .section_fragranceicon {width:50px;height:50px;background: url(/images/banner_fragrance-trans.png) no-repeat center top;position:absolute;top:-11px;right:19px;text-indent:-999999px;} #sectionbanner .section_clothingicon {width:50px;height:50px;background: url(/images/banner_clothing-trans.png) no-repeat center top;position:absolute;top:-11px;right:19px;text-indent:-999999px;} #sectionbanner .section_fitnessicon {width:50px;height:50px;background: url(/images/banner_fitness-trans.png) no-repeat center top;position:absolute;top:-11px;right:19px;text-indent:-999999px;} #sectionbanner .title {text-transform:uppercase;font-size:230%;position:absolute;padding:27px 0 2px 64px;font-weight:bold;} #formathomepage .infoheader{padding:0;margin:0 0 11px 0;} #downloadnote {background: url(/images/Download_promobanner_top.jpg) no-repeat left top;margin:0 0 11px 0;color:#333;padding:0;} #downloadnote .pad {padding:8px 15px 4px 15px;} #downloadnote span.topic {font-size:120%;font-weight:bold;} #downloadnote .bottom {background: url(/images/Download_promobanner_bottom.jpg) no-repeat left top;height:5px;} #threeproduct {margin:0;padding:0;background: url(/images/branding/modules/775px_panel_green_bg.jpg);} #threeproduct .largeproduct {background: url(/images/Homepage_largethree_bg.jpg) no-repeat center top;width:247px;height:392px;position:relative;} #threeproduct .largeproductimage {background:#fff;padding:3px;border:1px solid #dddcdc;margin:17px 0 0 19px;} #threeproduct .largeroundel {position:absolute;top:-60px; right:-6px;} #threeproduct .productinfowrap {margin:0;padding:0;width:208px;position:absolute;top:228px;left:18px;} #threeproduct .artist {font-size:105%;font-weight:bold;margin:0; padding:0;} #threeproduct .albumtitle {font-size:117%;font-weight:bold;} #threeproduct .oldprice {color:#C09;font-weight:bold;font-size:110%;margin:0;padding:2px 0 0 0;} #threeproduct .strike {text-decoration: line-through;} #threeproduct .moreinfo a {color:#09F;text-decoration:underline;padding:0;margin:0;font-size:100%} #threeproduct .moreinfo a:hover {text-decoration:none;} #threeproduct .product_fragranceicon {position:absolute;top:320px;left:18px;width:26px;height:26px;background: url(/images/product_fragrance.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #threeproduct .product_luggageicon {position:absolute;top:320px;left:18px;width:26px;height:26px;background: url(/images/product_luggage.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #threeproduct .product_fitnessicon {position:absolute;top:320px;left:18px;width:26px;height:26px;background: url(/images/product_fitness.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #threeproduct .product_clothingicon {position:absolute;top:320px;left:18px;width:26px;height:26px;background: url(/images/product_clothing.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #threeproduct .product_physicalicon {position:absolute;top:320px;left:18px;width:26px;height:26px;background: url(/images/product_physical.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #threeproduct .product_downloadicon {position:absolute;top:320px;left:18px;width:26px;height:26px;background: url(/images/product_download.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #threeproduct .icon {position:absolute;top:320px;left:18px;} #threeproduct .price {display:block;color:#222222; font-size:117%; margin:10px 5px; position:absolute; top:190px;} #threeproduct .stroke {width:208px;border-top:1px solid #dddcdc;position:absolute;top:350px;left:20px;} #threeproduct .addtobasket {width:127px;height:23px;position:absolute;top:360px;left:60px;background: url(/images/addtobasketbutton_bg.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);color:#fff;font-weight:bold;margin:0;padding:0 0 0 0;text-align:center;font-size:115%;cursor:pointer;} #formathomepage .divider {background: url(/images/divider_bg.jpg) no-repeat left top;height:23px;margin:0 0 11px 0;position:relative;} #formathomepage .dividersubject {font-size:115%;position:absolute;top:5px;left:10px;} #formathomepage .seeallproducts {text-align:right;position:absolute;top:4px;right:10px;} #formathomepage .seeallarrow {padding:0 0 1px 5px;} #fourproduct {padding:0; width:740px; position:relative; margin:auto; } #fourproduct .standardproduct {width:168px;height:288px;position:relative;background:white;margin:0 auto 16px auto;padding:0; text-align:left;} #fourproduct td {text-align:center;} #fourproduct .standardproductimage { margin:10px; border:1px solid #cccccc; padding:3px;} #fourproduct .smallroundel {position:absolute;top:-45px; right:-5px;} #fourproduct .productinfowrap {margin:0;padding:0;width:146px;position:absolute;top:163px;left:14px;} #fourproduct .artist { font-size:90%; color:#f90094; text-transform:uppercase; font-weight:bold;} #fourproduct .albumtitle { font-weight:bold; font-size:100%; padding-top:5px; } #fourproduct .oldprice {color:#C09;font-weight:bold;font-size:110%;margin:0;padding:0 0 0 0;} #fourproduct .strike {text-decoration: line-through;} #fourproduct .moreinfo a {color:#09F;text-decoration:underline;padding:0;margin:0;font-size:100%} #fourproduct .moreinfo a:hover {text-decoration:none;} #fourproduct .strike {text-decoration: line-through;} #fourproduct .moreinfo a {color:#09F;text-decoration:underline;padding:0;margin:0;font-size:100%} #fourproduct .moreinfo a:hover {text-decoration:none;} .searchresult #fourproduct {padding-top:10px;} /* #fourproduct .product_fragranceicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_fragrance.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fourproduct .product_luggageicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_luggage.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fourproduct .product_fitnessicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_fitness.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fourproduct .product_clothingicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_clothing.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fourproduct .product_physicalicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_physical.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fourproduct .product_downloadicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_download.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fourproduct .icon {position:absolute;top:255px;left:15px;} */ #fourproduct .price {display:block;color:#222222; font-size:117%; margin:10px 5px; position:absolute; left:13px; top:222px;} #fourproduct .addtobasket {text-indent:-9999px;width:140px; height:19px; position:absolute; top:254px; left:15px;cursor:pointer; background: url(/images/newbranding/buttons/addtobasket_140.jpg) no-repeat;border:0 none;color:transparent;display:block;-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;text-transform:capitalize; /*this is necessary for some wiered reason in IE6*/} #topdownloadtable {margin:0;padding:0; background:white;} #topdownloadtable .row {} #topdownloadtable #tracks { } #topdownloadtable #tracks table tr {border-top:1px dashed #cccccc;} .otherproducts {background: url(/images/newbranding/27percent-trans.png); padding-top:10px; width:778px;} .otherproducts .standardproduct {} /* PRODUCT DETAILS */ #productdetailcontainer {/*overflow:hidden;*/ padding:10px 10px 15px 10px; background:white; position:relative} #productdetailcontainer #rate {margin-top:3px;} #productdetail { width:256px; height:266px; float:left; padding:0;} #productdetail .prodimage {border:1px solid #222222; margin-bottom:10px;} #productdetail .randal {position:absolute;width:130px;height:81px;text-indent:-99999px;background: url(/images/Coming_soon.png) no-repeat;top:185px;right:4px;} #productdescription {width:360px;position:relative;float:left;display:inline;padding: 0 0 0 20px; text-align:left; } #productdescription .descwrap {position:absolute;top:0;} #productdescription .title {margin:0;padding:0;font-size:150%;line-height:100%;font-weight:bold; color:#00A4EB; width:300px;} #productdescription .artist {font-size:110%; padding-top:5px; color:#222222;} #productdescription .releasedate {font-size:95%; padding:0px 0 0 0;margin:0;} #productdescription .pricewrap {position:absolute;top:100px;} #productdescription .price {margin:0;padding:0; color:#222222;font-weight:bold; font-size:135%;} #productdescription .oldprice {margin:0;padding:4px 0 0 0;} #productdescription span.strike {text-decoration: line-through;} #productdescription .stock {margin:0;padding:2px 0 4px 0;} #productdescription span.instock {text-transform:uppercase;color:#00A4EB;font-weight:bold;} #productdescription #addbutton {padding:5px 0 0 0;margin:0; } #productdescription .delivery {color:#00A4EB;font-size:110%;font-weight:bold;padding:2px 0 0 0;} #productdescription p.topstroke {border-top:1px solid #cacaca;margin:0;padding:0;} #productdescription p.bottomstroke {border-bottom:1px solid #cacaca;margin:0;padding:0;position:absolute;top:268px;width:310px;} #productdescription .formatswrap {position:absolute;top:199px;width:310px;} #productdescription .formatsheader {font-size:100%;font-weight:normal;padding:0;margin:9px 10px 0 0;float:left;display:inline; color:#222222;} #productdescription .formats {float:left;display:inline;padding:0;margin:9px 0 0 0;} #productdescription ul, #productdescription li {list-style:none; display:inline;padding:0;margin:0;} #productdescription li a {color:#00A4EB;text-decoration:underline;font-weight:bold;} #productdescription li a:hover {color:#00A4EB;text-decoration:none;} #productdescription .formatprice {margin: 0 23px 0 5px;color:#baff00;font-size:110%;font-weight:bold;} #productdescription .buybutton_productdetail {background: url(/images/newbranding/buttons/addtobasket.jpg) no-repeat left top;width:125px;height:19px;margin:0 0 5px 0;cursor:pointer; text-indent:-9999px; text-transform:capitalize;} #productaddtions {float:none;display:inline;width:130px;} #productaddtions .advert {margin-bottom:1em;} #productaddtions .video_bg {background: url(/images/videolink_bg.gif) no-repeat center top;height:98px;} #productaddtions .video {margin:25px 0 0 5px;} #productaddinfos {text-align:left;padding:10px 20px; clear:both; } ul#productaddinfos {list-style:none; padding:10px 0 0;margin:15px 0px 0; border-top:#cccccc dashed 1px;} #productaddinfos li {display:inline;padding:0;margin:0 0.2em; font-weight:normal;} #productaddinfos li a {text-decoration:none; font-size:100%; font-weight:normal; color:#222222;} #productaddinfos li a:link { color:#222222;} #productaddinfos li a:hover {text-decoration:none; color:#656565;} #productdetailcontainer .sn {margin-top:-17px;} a.backtotop {float:right; margin:15px 20px 0 0; display:inline; width:200px; text-align:right; text-transform:uppercase; color:white; line-height:10px;} a.backtotop:hover {text-decoration:none; color:white;} a.backtotop img {margin-right:7px;} #tracks {} #tracks table{} #tracks table tr { border-top:1px dashed #cccccc; } #tracks table tr:hover {} #tracks table th{padding:6px 20px 5px 20px; } #tracks table td {padding:3px 20px 3px 20px; height:33px; /*color:white;*/} /* #tracks .track_header { font-weight:bold; padding:10px;} #tracks .header_center {font-size:105%;font-weight:bold;text-align:center;padding-bottom:6px;color:#444;} #tracks .header_left {font-size:105%;font-weight:bold;padding-bottom:6px;} #tracks .track_table {padding:3px 0 ;} #tracks .row {background-color:#eee; width:100%;} #tracks .rowpaddingcenter {text-align:center;padding:2px 0;} #tracks .rowpaddingleft {text-align:left;padding:2px 0;} #tracks .downloadstrack_table {padding:5px 0 ;} #tracks .downloadsrowpaddingcenter {text-align:center;padding:5px 0 4px 0;} #tracks .downloadspaddingleft {text-align:left;padding:4px 0 4px 10px;} #tracks .downloadsheader_left {font-size:105%;font-weight:bold;padding:0 0 6px 10px;color:#444;} */ #tracks .listen {cursor:pointer;} /*#tracks .buydownload, #tracks .buydownload a, #tracks .buydownload a:hover {background: url(/images/downloadhome_buy-trans.png) no-repeat;width:95px;height:18px; text-align:center;margin:0; font-size: 90%; text-decoration:none;cursor:pointer;} */ #tracks .buydownload {position:relative; border:0 none; cursor:pointer; color:transparent; display:block; margin:auto; width:27px; background: url(/images/branding/modules/chart/download_button-trans.png) no-repeat; text-indent:-9999px; height:27px; text-transform:capitalize; /*this is necessary for some wiered reason in IE6*/ } #tracks .buydownloadsmall {position:relative; border:0 none; cursor:pointer; color:transparent; display:block; margin:auto; width:101px; background: url(/images/download_button_small-trans.png) no-repeat; text-indent:-9999px; height:14px; text-transform:capitalize; /*this is necessary for some wiered reason in IE6*/ } /* reviews */ #reviewcontainer { padding:10px; background-color:white; } /* comments */ #commentscontainer { padding:10px 0px 10px 0px; } #commentscontainer h2{font-size:16px;font-weight:normal;padding:18px 0px 0;text-transform:uppercase;} #commentscontainer .blogCommentsForm {padding:0px 0 0 0;/*float:left; width:275px;*/ } #commentscontainer .blogCommentsForm .commentsBox {border:1px #494949 solid; padding:4px; height:100px; width:715px; background-color:transparent; margin-bottom:10px; color:white; font-size:100%; font-family:"lucida grande", "trebuchet MS" , helvetica;} #commentscontainer .blogCommentsForm .commentsBox:focus {background-color:#232323; } #commentscontainer .blogCommentsForm a {text-decoration:underline;} #commentscontainer .blogCommentsForm .commentsSubmit { display:block; height:19px; float:right;width:125px; background:url(/images/newbranding/buttons/postcomment.jpg) 0 no-repeat; cursor:pointer; text-indent:-9999px; border:0; color: transparent;text-transform: capitalize;} #commentscontainer .uploadbutton{ display:block; height:19px; width:125px; background:url(/images/newbranding/buttons/uploadimage.jpg) 0 no-repeat; cursor:pointer; text-indent:-9999px; border:0; color: transparent;text-transform: capitalize;} #commentscontainer .blogComments {/*float:left; width:430px; */ margin-right:20px;} #commentscontainer .blog_comment {margin-top:10px;} #commentscontainer p.thecomment {display:block; background-color:#f3f3f3; border:1px solid #cccccc; padding:10px; width:520px; float:right; position:relative;} #commentscontainer p.thecomment img.triangle {position:absolute; top:5px; left:-8px;} #commentscontainer p.thecomment .quote {color:#666666; margin-left:30px; display:block;} #commentscontainer p.thecomment .quoteThis {float:right;} .formatproductpage #commentscontainer p.thecomment {width:682px;} #commentscontainer p.super {display:block; background-color:#ffffff; border:2px solid #00A4EB; padding:10px; width:520px; float:right; position:relative;} #commentscontainer p.super img.triangle {position:absolute; top:5px; left:-8px; text-indent:-33px;} #commentscontainer p.super .quote {color:#666666; margin-left:30px; display:block;} #commentscontainer p.super .quoteThis {float:right;} .formatproductpage #commentscontainer p.super {width:682px;} #commentscontainer .blog_comment em.posted {display:block; font-size:80%; margin-left:62px; line-height:3px;} #commentscontainer .newerpage, #commentscontainer .olderpage{display:none;} #reviewcontainer #commentsheader .hide, #reviewcontainer #commentsheader .show {width:718px; background-position: 709px 0;} #reviewcontainer .blogCommentsForm .commentsinputBox {width:753px;} #content .memberdetails .commentsinputBox {width:443px;} #content .memberdetails .commentsSubmit {margin-right:0px;} #content #fullpanel #forumpost input[type="text"].charleft, #content .memberdetails input[type="text"].charleft { background-color:auto; border:1px #cccccc solid; padding:auto; width:auto;} /* MUSIC ARTISTS HOME */ #musicartistshome {padding: 0;margin:0 0 11px 0; text-align:left;} #musicartistshome h3 {font-size:140%; font-weight:bold;padding:5px 0 0.4em 0;} #musicartistshome h3 a, #musicartistshome h3 a:hover{text-decoration:none; color:#00a4eb;} #musicartistshome .button {position:relative;width:360px;background:white; margin-top:10px;height:110px; } #musicartistshome .img {position:absolute;top:10px;left:10px;width:134px;height:80px; margin:0px; border:1px #cccccc solid; padding:3px; z-index:0;} #musicartistshome .info {font-size:90%;position:absolute;top:10px;right:10px;width: 190px;margin:0 0 10px 0; text-align:left;} #musicartistshome .artisttable {width:700px;padding-bottom:10px;} #musicartistshome .artisttable td {padding-right:20px;padding-bottom:0px;} /* MUSIC ARTIST DETAIL */ span.lid {background:url(/images/newbranding/lid-trans.png) no-repeat; width:780px; height:35px; display:block; margin-top:15px;} #artistdetail { padding:0 10px 0px 10px; /*background-color:white;*/ background: url(/images/newbranding/27percent-trans.png); } #artistdetail h3 {font-size:160%; font-weight:bold;padding:0px 0 33px 0; text-decoration:none; } #artistdetail #rate {margin-top:-10px; right:0px; } #artistdetail #rate li { position:relative;} #artistdetail .mainimg {margin-right:10px; float:left; width:274px; } #artistdetail .mainimg a {position:relative;} #artistdetail .mainimg img {border:1px solid #cccccc; margin-bottom:10px; padding:3px;} #artistdetail .mainimg div {border:1px solid #cccccc; margin-bottom:10px; padding:3px; width:268px;} #artistdetail .text{margin:0px 0 1em 5px;float:left;width:450px; position:relative;} #artistdetail .text a {position:relative;} #artistdetail .text input {position:relative;} #artistdetail .text textarea {position:relative;} #artistdetail .text .commentsSubmit {position:relative; float:right;} #artistdetail .text h4 {color:#00A4EB; font-size:160%; width:310px; margin-bottom:20px; text-transform:uppercase;} #artistdetail h3 span{color:#00A4EB;} #artistdetail #commentsheader {margin:0px;} #artistdetail #commentscontainer {margin:10px;} #artistdetail #commentsheader .show, #artistdetail #commentsheader .hide {width:403px; background-position:402px 2px;} #artistdetail #commentscontainer .commentsinputBox {width:423px;} #artistdetail #commentscontainer p.thecomment {width:347px; margin-right:0;} #artistdetail #commentscontainer p.super {width:347px; margin-right:0;} /* PRODUCT HOMEPAGE */ #productshomepage {margin: 0 0 11px 0;background: url(/images/producthome_mainbg.jpg) no-repeat left top;width:775px; height:281px;position:relative;} #productitemone .image {width:350px;position:absolute;top:18px;left:20px;} #productitemone .text {position:absolute;top:240px;left:14px;font-size:120%;color:#444;font-weight:bold;} #productitemtwo .image {width:350px;position:absolute;top:18px;right:20px;} #productitemtwo .text {position:absolute;top:240px;left:402px;font-size:120%;color:#444;font-weight:bold;} #productrangeoptions {margin:11px 0 0 0;/* THRESS ITEMS ONLY background: url(/images/producthome_threebg.jpg) no-repeat left top;width:780px;height:389px;*/background: url(/images/producthome_sixbg.jpg) no-repeat left;width:775px;height:389px;} #productrangeoptions .topproductoptionfirst {background: url(/images/producthome_six.png) no-repeat;behavior:url(/Styles/iepngfix.htc);width:245px;float:left;display:inline;margin:14px 0 0 12px; } #productrangeoptions .topproductoption {background: url(/images/producthome_six.png) no-repeat;behavior:url(/Styles/iepngfix.htc);width:245px;float:left;display:inline;margin:14px 0 0 10px; } #productrangeoptions .bottomproductoptionfirst {background: url(/images/producthome_six.png) no-repeat;behavior:url(/Styles/iepngfix.htc);width:245px;float:left;display:inline;margin:11px 0 0 12px; } #productrangeoptions .bottomproductoption {background: url(/images/producthome_six.png) no-repeat;behavior:url(/Styles/iepngfix.htc);width:245px;float:left;display:inline;margin:11px 0 0 10px; } #productrangeoptions .img {padding:0.7em;} /* CLOTHING */ #clothinghome {} .zoombutton {background: url(/images/Zoom.gif) repeat-x top;margin:0;padding:0;width:55px;height:23px;} .zoom {padding:0px;margin:0;text-align:center;} /* ################################################################### 8. SearchPages ################################################################### */ .searchpage {padding-top:40px;} /* SEARCH */ .qresult {color:#333333;} #searchresults {margin: 0 0 0 0;} #searchresults #leftsearch{float:left; width:70%;} #searchresults #rightsearch { float:right;width:250px; margin-right:10px;} #searchresults #rightsearch h2 {font-weight:normal; color:#222222; display:block; margin-top:20px; padding-bottom:5px; margin-bottom:10px; border-bottom:1px dashed #cccccc; text-transform:uppercase; font-size:110%;} #searchresults #rightsearch .box {background:none; margin-bottom:20px; line-height:295%;} #searchresults #rightsearch #threads {width:auto;} #searchresults a {text-decoration:none;} #searchresults a:hover {text-decoration:underline;} #searchresults .searchpanel {width:940px;background: url(/images/searcharea_bg.gif) no-repeat center bottom;margin: 0;padding:0;} #searchresults .searchfield {float:left;margin-top:10px; margin-bottom:12px;padding-left:15px;width:345px;display:inline;color:#979797; font-size:11px; } #searchresults .inp {padding:3px; margin-top:0;} #searchresults .searchoptions {float:left;padding-top:10px;display:inline;width:100px;} #searchresults .searchdrop {margin: 0 0 0 20px;padding: 0;} #searchresults .searchgo {padding-top:10px; padding-bottom:12px;float:left; padding-left: 45px;} #searchresults .searchbtn a {background: url(/images/search_btn.gif) no-repeat;width:74px;display:block;float:left;font-size:115%; text-transform:none;} #searchresults .searchbtn a:hover {background: url(/images/search_btn_r.gif) no-repeat;width:74px;height:24px;display:block;text-transform:none;} #searchresults .resultspanel {margin:0 0 0px 0; padding:10px; background-color:white;} #searchresults .results {} .searchresult {position:relative; padding:0 10px 0px 10px; /*background-color:white;*/ background: url(/images/newbranding/27percent.png); } #searchresults .resultlink {font-size:120%; color:#00A4EB; font-weight:bold;} #searchresults .results span.resultlinktotal {font-size:90%;margin-right:15px;} #searchresults .googleResult {padding:10px; margin:0; } #searchresults .googleResult h2 {margin-bottom:4px;} #searchresults .googleResult .resultlink {color:#00A4EB; font-size:100%;} #searchresults .searchpagearrows {padding:10px 10px 0 10px ;} #fiveproduct .searchresult td {width:184px;} /* SEARCH RESULTS */ #fiveproduct {margin:0;padding:0;} #fiveproduct .standardproduct {position:relative;background:white; height:288px; margin:10px auto 16px; padding:0; position:relative; text-align:left; width:168px;} #fiveproduct .standardproductimage {background:#fff;padding:3px;margin:10px;} #fiveproduct .smallroundel {position:absolute;top:-45px; right:-5px;} #fiveproduct .productinfowrap {margin:0;padding:0;width:146px;position:absolute;top:163px;left:15px;} #fiveproduct .artist {color:#F90094;font-size:90%;font-weight:bold;text-transform:uppercase;} #fiveproduct .albumtitle {font-size:110%;font-weight:bold;} #fiveproduct .oldprice {color:#C09;font-weight:bold;font-size:110%;margin:0;padding:0 0 0 0;} #fiveproduct .strike {text-decoration: line-through;} #fiveproduct .moreinfo a {color:#09F;text-decoration:underline;padding:0;margin:0;font-size:100%} #fiveproduct .moreinfo a:hover {text-decoration:none;} /*#fiveproduct .product_fragranceicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_fragrance.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fiveproduct .product_luggageicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_luggage.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fiveproduct .product_fitnessicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_fitness.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fiveproduct .product_clothingicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_clothing.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fiveproduct .product_physicalicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_physical.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fiveproduct .product_downloadicon {position:absolute;top:255px;left:15px;width:26px;height:26px;background: url(/images/product_download.png) no-repeat center top;behavior:url(/Styles/iepngfix.htc);} #fiveproduct .icon {position:absolute;top:255px;left:15px;} */#fiveproduct .price {color:#222222;display:block;font-size:117%;left:13px;margin:10px 5px;position:absolute;top:222px;} #fiveproduct .stroke {width:146px;border-top:1px solid #dddcdc;position:absolute;top:285px;left:15px;} #fiveproduct .addtobasket {background: url(/images/newbranding/buttons/addtobasket_140.jpg) no-repeat; border:0 none;cursor:pointer;display:block;height:19px;left:15px;position:absolute;text-indent:-9999px;text-transform:capitalize;top:254px;width:140px;} .videoresulttable {margin: auto; } .videoresulttable td {width:287px;} .videoitem {width: 217px; padding:px;background:white; margin: 1em 0 10px 0;float: left;display:inline;min-height:245px;} .videoitem2 {width: 217px;padding:3px; background:white; margin: 1em 0 10px 0;float: left;display:inline;min-height:245px;} .searchextralink {display:block; color:#00A4EB; padding:0px 0 10px 0;} .searchextralink a { color:white;} .videoitemimg {margin:10px auto 5px; text-align:center;} .videoitemtext {margin:0 10px; width: 195px;} .videoitemtext h3 {font-size:110%; color:#00A4EB; font-weight: bold;} .videoitemtext h3 a,.videoitemtext h3 a:visited {color:#00A4EB;} .videoitemtext h3.alert {font-size:110%; color:#cc0099; font-weight: bold; padding: 0.2em 0 0 0;} .videoitemtext h3.price {font-size:125%; color:#0099ff; font-weight: bold; padding: 0.2em 0 0 0;} .videoitemstroke {border-bottom: 1px solid #cacaca;margin: 0.8em 0 1em 0; padding:0;} .touritem {width: 178px;background: url(/images/search_tour_bg.gif) no-repeat center bottom;margin: 1em 0 0 0;float: left;display:inline;min-height:205px; color:#8d8d8d;} .touritemtext {margin: 0 0 0 18px; padding-bottom: 1em; width:143px; color:#8d8d8d; font-size:11px;} .touritemtext h2 {font-size:140%; color:#0099ff; font-weight: bold; padding: 0.5em 0 0 0;} .touritemtext h3 {font-size:120%; color:#0099ff; font-weight: bold; padding: 0 0 0.3em 0;} .touritemtext h3.alert {font-size:110%; color:#cc0099; font-weight: bold; padding: 0.2em 0 0 0;} .touritemtext h3.price {font-size:125%; color:#0099ff; font-weight: bold; padding: 0.2em 0 0 0;} .touritemstroke {border-bottom: 1px solid #cacaca;margin: 0.5em 0 0.5em 0; padding:0;} .tourbuy, .tourbuy a, .tourbuy a:hover {background: url(/images/item_buyblue.jpg) no-repeat;width:119px;height:26px; text-align:center;margin: 1em 0 0 1.1em; text-decoration:none;cursor:pointer;} .tourbuy h4, .tourbuy h4 a, .tourbuy h4 a:hover {color:#fff; font-size: 105%;padding-top: 5px; text-decoration:none;} .compitem {width: 301px;background: url(/images/search_comp_bg.gif) no-repeat center bottom;margin: 1em 0 0 0;float: left;display:inline;min-height:125px;} .compitemimg {border: 1px solid #cccccc; width: 80px; height: 80px; padding:3px; float:left; margin-left: 25px;} .compitemtext {margin: 0 0 0 10px; padding: 0 0 1em 0; width: 156px; float:left;} .compitemtext h3 {font-size:110%; color:#444; font-weight: bold;} .compitemtext h3.alert {font-size:110%; color:#cc0099; font-weight: bold; padding: 0.2em 0 0 0;} .compitemtext h3.price {font-size:125%; color:#0099ff; font-weight: bold; padding: 0.2em 0 0 0;} .compitemstroke {border-bottom: 1px solid #cacaca;margin: 0.8em 0 1em 0; padding:0;} #clothingdescription {width:330px;position:relative;float:left;display:inline;margin: 0 0 0 20px;text-align:left;color:#444444;} #clothingdescription .descwrap {/*position:absolute;top:0;*/} #clothingdescription .title {margin:0;padding:0 0 10px 0;font-size:170%;line-height:100%;font-weight:bold;} #clothingdescription .artist {font-size:100%;font-weight:bold;} #clothingdescription .releasedate {font-size:95%;color:#444444;padding:10px 0 0 0;margin:0;} #clothingdescription .sizes {margin:5px 0 3px 0;} #clothingdescription .pricewrap {position:absolute;top:98px;} #clothingdescription .price {margin:0;padding:15px 0 0 0;font-size:200%;color:#0099FF;font-weight:bold;} #clothingdescription .oldprice {margin:0;padding:4px 0 0 0;} #clothingdescription span.strike {text-decoration: line-through;} #clothingdescription .stock {margin:0;padding:2px 0 4px 0;} #clothingdescription span.instock {text-transform:uppercase;color:#09F;font-weight:bold;} #clothingdescription #addbutton {padding:5px 0 0 0;margin:0; } #clothingdescription .delivery {color:#09F;font-size:110%;font-weight:bold;padding:2px 0 0 0;} #clothingdescription p.topstroke {border-top:1px solid #cacaca;margin:0;padding:0;} #clothingdescription p.bottomstroke {border-bottom:1px solid #cacaca;margin:0;padding:0;position:absolute;top:268px;width:310px;} #clothingdescription .formatswrap {position:absolute;top:208px;width:310px;} #clothingdescription .formatsheader {font-size:110%;color:#444;font-weight:bold;padding:0;margin:9px 0 0 0;} #clothingdescription .formats {float:left;display:inline;padding:0;margin:5px 0 0 0;} #clothingdescription ul, #clothingdescription li {list-style:none; display:inline;padding:0;margin:0;} #clothingdescription li a {color:#0099FF;text-decoration:underline;font-weight:bold;} #clothingdescription li a:hover {color:#0099FF;text-decoration:none;} #clothingdescription .formatprice {margin: 0 23px 0 5px;color:#0099FF;font-size:110%;font-weight:bold;} #clothingdescription .buybutton_productdetail {background: url(/images/productdetail_addtobasket.gif) no-repeat left top;width:129px;height:23px;margin:0 0 5px 0;cursor:pointer;} #clothingdescription .productpricewrap {/*position:absolute;top:80px;*/} #productdetail .thumbnailwrap {width:258px;background:/* url(/images/viewthumb_bg.jpg) no-repeat left top*/ #f0f0f0;behavior:url(/Styles/iepngfix.htc);text-align:center;margin:0 auto;} #productdetail .productthumb {margin:9px 0 9px 9px;float:left; display:block;position:relative;} #productdetail .viewicon {position:absolute;bottom:1px;right:1px;z-index:3;background: url(view_icon.png) no-repeat left top;width:17px;height:21px;} #clothingdescription .rollcolor {color:#0099FF;} #clothingdescription .othergender {border-top:1px solid #dddcdc;padding-top:10px;} /* ################################################################### 9. Community ################################################################### */ .communitypage {} .communitypage .panelcontent ul {padding:5px 0; list-style:none;} .communitypage .panelcontent li {display:block; padding:2px 10px; color:white;} .communitypage .panelcontent li a{color:white; display:block;padding-top:7px; width:230px; word-wrap:break-word;} #formatforumpage {margin-bottom: 10px; margin-top:40px; padding:0; width:780px;text-align:left;float:right;display:inline; background: url(/images/newbranding/27percent.png); } #formatforumpage .panelborder {padding:10px;} #raveroyalty {background-color:white; padding:10px; } #raveroyalty #prize {position:relative;} #raveroyalty #prize img {/*top:-40px; right:5px; z-index:3; position:absolute;*/} #raveroyalty #prize h4 {color:#00A4EB;font-size:120%;font-weight:bold;} #raveroyalty table th {font-weight:bold;} #raveroyalty table td{border-top:dashed 1px #cccccc; padding:3px 5px 3px 0;} #raveroyalty table tr td:last-child{padding-right:0;} #raveroyalty table td .commentandratescores {background: url(/images/newbranding/pen.jpg) no-repeat; padding-left:2px; height:33px;} #raveroyalty table td a {color:#00A4EB;} #raveroyalty table td .commentandratescores .commented {float:none;} #raveroyalty table td .commentandratescores .commented span.number {float:none;} .communitypage #cloud {display:block; word-wrap:break-word;} .communitypage #threadlist {display:none;} a.outsidelink {color:white; font-weight:bold; float:left; width:222px; display:block; margin-top:6px;} a.outsidebutton {padding:5px 0 0 0 ; margin-left:-5px;} .communitypage .menu li a,.communitypage .menu li a:link,.communitypage .menu li a:hover {text-decoration:none; display:block; font-size:100%; cursor:pointer;} .communitypage #mainnav { text-align:right; } .communitypage ul#mainnav {width:457px; float:right; display:block; } .communitypage #mainnav li{list-style:none; text-align:left; display:inline; float:left; margin-left:3px;} .communitypage #mainnav li a { background: url(/images/newbranding/communitynav_bg.jpg); height:38px; display:block; color:white; font-weight:bold; text-transform:uppercase; text-indent:-9999px;} .communitypage #mainnav li a:hover {text-decoration:none; background-position:0 -38px;} .communitypage #mainnav li.home{ width:154px;} .communitypage #mainnav li.home a { width:154px; background-position:-6px 0px;} .communitypage #mainnav li.home a:hover {background-position:-6px -38px;} .communitypage #mainnav li.goingon {width:144px;} .communitypage #mainnav li.goingon a{ width:144px; background-position:-169px 0px;} .communitypage #mainnav li.goingon a:hover{ width:144px; background-position:-169px -38px;} .communitypage #mainnav li.members {width:85px; } .communitypage #mainnav li.members a {width:85px; background-position:-323px 0px;} .communitypage #mainnav li.members a:hover {width:85px; background-position:-323px -38px;} .communitypage #mainnav li.help a{width:60px; } .communitypage #mainnav li.help a {width:60px; background-position:-416px 0px;} .communitypage #mainnav li.help a:hover {width:60px; background-position:-416px -38px;} .communitypage #dropnav .navwrap { background:white;} .communitypage #dropnav .navwrap div{visibility:hidden; left:-9999px;} .communitypage #dropnav .navwrap ul {display:block; list-type:none; } .communitypage #dropnav .navwrap li {line-height:1.7em; display:block; padding:5px 11px 3px 11px; height:; border-top:1px dashed #cccccc; } .communitypage #dropnav .navwrap li:first-child {border-top:0px;} .communitypage #dropnav .navwrap li:hover { background-color:#e7e7e7;} .communitypage #dropnav .navwrap li a,.communitypage #dropnav .navwrap li a:link,.communitypage #dropnav .navwrap li a:hover {text-decoration:none; display:block; font-size:100%; cursor:pointer;} .communitypage #featuredtabs{position:relative;} .communitypage #tabs { margin-bottom: 0px; position:relative; width:619px; } .communitypage #tabs #tabnavcontainer {display:none; height:38px; position:relative;} .communitypage #tabs ul.tabNav { padding: 0px;margin-bottom: 0px; margin-top:-6px; position:absolute; } .communitypage ul.tabNav li{ list-style: none; float:left; margin-top:0px; position:relative; margin-bottom: 0px;} .communitypage #tabs ul.tabNav li a {text-indent:0px; height:27px; color:#222222; text-align:center;padding-top:17px; text-transform:uppercase;margin-right:0px; font-size:120%;} .communitypage #tabs ul.tabNav li a#latestforumtab { display:block; width:153px; margin-left:14px; } .communitypage #tabs ul.tabNav li a#latestideastab { display:block; width:148px; } .communitypage #tabs ul.tabNav li a#latestcommentstab {display:block; width:191px; } .communitypage #tabs ul.tabNav li a#latestforumtab:hover {text-decoration:none; color:#698b00;} .communitypage #tabs ul.tabNav li a#latestideastab:hover {text-decoration:none; color:#698b00;} .communitypage #tabs ul.tabNav li a#latestcommentstab:hover {text-decoration:none; color:#698b00;} .communitypage #tabs ul.tabNav li a#latestforumtab.active, .musicpage #tabs ul.tabNav li a#latestforumtab.active:hover {background: url(/images/newbranding/newtabs/cummunitytabs_active_01-trans.png); } .communitypage #tabs ul.tabNav li a#latestideastab.active, .musicpage #tabs ul.tabNav li a#latestideastab.active:hover {background: url(/images/newbranding/newtabs/cummunitytabs_active_02-trans.png); } .communitypage #tabs ul.tabNav li a#latestcommentstab.active, .musicpage #tabs ul.tabNav li a#latestcommentstab.active:hover {background: url(/images/newbranding/newtabs/cummunitytabs_active_03-trans.png); } .communitypage #tabs .infoBox {background-color:white; padding:5px; font-size:100%;} .communitypage #tabs .infoBox h4 {display:none; font-size:0.01%;} .communitypage #tabs .infoBox table {width:100%; border:0; padding:0;} .communitypage #tabs .infoBox table tr:hover {background-color:#f9f9f9;} .communitypage #tabs .infoBox table tr td{border-bottom:1px #cccccc dashed; } .communitypage #tabs .infoBox table tr td {padding:5px;} .communitypage #tabs .infoBox table tr:last-child td{border-bottom:0px; } .communitypage #tabs .infoBox table tr td p {margin:0;} .communitypage .infoBox .undertab {float:right; margin-top:5px; margin-right:-5px;} .communitypage .mainfeature {margin-top:10px; position:relative;} .communitypage .mainfeature h3 a{color:#00A4EB; font-size:115%; display:block; width:390px; line-height:1.3em;} .communitypage .mainfeature .commentandratescores {position:absolute;right:0; top:0;} .communitypage .username {color:#00A4EB;} .communitypage .menu #friendsmenu, .communitypage .menu #getinvolvedmenu {padding:0 10px 15px;} .communitypage .menu #friendsmenu {padding-top:5px; border-top:1px solid #ffffff;} .communitypage .menu #friendsmenu a {display:block; margin-bottom:7px; color:#ffffff; font-weight:normal; font-size:95%;} .communitypage .menu #friendsmenu {background: url(/images/newbranding/friend_nav_bg_grey1.png) no-repeat 78px 8px; } .communitypage .menu #friendsmenu h3 {padding:3px 0 ; color:white;} .communitypage .menu #getinvolvedmenu a {display:block; margin-bottom:7px; color:white; font-weight:normal; font-size:95%;} .communitypage .menu #getinvolvedmenu h3 {color:white;} .communitypage .menu #getinvolvedmenu {border-top:1px #ffffff solid; padding-top:10px; background: url(/images/newbranding/pen1.png) no-repeat 109px 4px;} .communitypage #forumpost h1 {margin-right:200px; line-height:1.1em; font-size:170%;} .communitypage #forumpost .forumcomment {float:left; width:385px; padding-left:10px;} .communitypage #forumpost .forumcommentimage {float:right; padding:3px; border:1px solid #cccccc;} .userthumb {border: 1px solid #cccccc; width:41px; height:41px; display:block; position:relative; text-align:center;} .userthumb .usernametooltip { display:none; background-color:#F90094; color:white;position:absolute; z-index:9999; bottom:45px; font-size:77%; font-weight:bold;padding:1px 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; width:90px; left:50%; margin:0 -51px; } .userthumb .userarrow {display:none; width:13px; height:8px; background:url(/images/newbranding/usernamearrow.gif) no-repeat; position:absolute; top:-4px; left:50%; margin-left:-6px; } .userthumb:hover {border: 1px solid #a1a1a1; } .userthumb:hover .usernametooltip, .userthumb:hover .userarrow {display:block;} /* forum page */ .communitypage #forumbreadcrumbs {padding:10px; font-weight:bold;} .communitypage #forumbreadcrumbs a {color:#00A4EB; position:relative;} .communitypage #formathomepage #fullpanel table {width:100%; border:0; padding:0;} .communitypage #formathomepage #fullpanel tr:hover {background-color:#f9f9f9;} .communitypage #formathomepage #fullpanel tr td{border-bottom:1px #cccccc dashed; } .communitypage #formathomepage #fullpanel tr td {padding:5px 10px;} .communitypage #formathomepage #fullpanel tr:last-child td{border-bottom:0px; } .newthread textarea.inpfield {width:410px; background-color:#E4E4E4; border:1px solid #232323;} .newthread input.inpfield {width:402px;} .communitypage #forumpost {margin:10px; position:relative;} .communitypage #forumpost #rate {top:-10px; right:-10px;} #content.communitypage #fullpanel p.thecomment {display:block; background-color:#f3f3f3; border:1px solid #cccccc; padding:10px; width:680px; float:right; position:relative;} #content.communitypage #fullpanel p.thecomment img.triangle {position:absolute; top:5px; left:-8px;} #content.communitypage #fullpanel p.thecomment .forumcommentimage {position:static; float:right; margin-left:20px;} #content.communitypage #fullpanel p.super {display:block; background-color:#ffffff; border:2px solid #00A4EB; padding:10px; width:680px; float:right; position:relative;} #content.communitypage #fullpanel p.super img.triangle {position:absolute; top:5px; left:-8px;} #content.communitypage #fullpanel p.super .forumcommentimage {position:static; float:right; margin-left:20px;} #content.communitypage #fullpanel em.posted {display:block; font-size:80%; margin-left:62px; line-height:3px; margin-bottom:20px;} #content.communitypage #fullpanel .blogCommentsForm .commentsinputBox {width:753px;} #content.communitypage .blogCommentsForm {padding:10px 0 0 0;/*float:left; width:275px;*/ } #content.communitypage .blogCommentsForm .commentsBox {border:1px #494949 solid; padding:4px; height:100px; width:715px; background-color:transparent; margin-bottom:10px; color:white; font-size:100%; font-family:"lucida grande", "trebuchet MS" , helvetica;} #content.communitypage .blogCommentsForm .commentsBox:focus {background-color:#232323; } #content.communitypage .blogCommentsForm a {text-decoration:underline;} #content.communitypage .commentsSubmit {float:right; display:block; height:19px; width:125px; background:url(/images/newbranding/buttons/postcomment.jpg) 0 no-repeat; cursor:pointer; text-indent:-9999px; border:0; color: transparent;text-transform: capitalize; margin-right:10px;} /*member profile page*/ #memberprofile {width:780px;text-align:left;float:right; } #memberprofile .panelborder{ padding: 0pt 10px 10px;} #memberprofile .latestactivity a {color:#00A4EB;} #memberprofile .mainimg {margin-right:10px; float:left; width:268px;} #memberprofile .mainimg img {border:1px solid #cccccc; margin-bottom:2px; padding:3px;} #memberprofile .memberdetails{margin:0px 0 1em 5px;float:left;width:450px; position:relative;} #memberprofile .memberdetails h4{color:#00A4EB; font-size:160%; width:310px; padding-bottom:30px; text-transform:uppercase;} #memberprofile .memberdetails{margin:0px 0 1em 5px;float:left;width:450px;} #memberprofile .memberdetails table.latestactivity {width:100%;} #memberprofile .memberdetails table.latestactivity tr td {border-top:1px dashed #cccccc; } #memberprofile table.profilefriends {width:100%;} #memberprofile table.profilefriends td {padding: 2px 2px 0 0; width:45px; height:45px;} #memberprofile .memberdetails .raverating {background: url(/images/newbranding/pen.jpg) no-repeat; padding-left:2px; position:absolute; top:-10px; right:-10px;} #memberprofile #profilecomments .thecomment {width:374px;} #memberprofile #profilecomments .super {width:374px;} #memberprofile #profilecomments .hide {width:374px;} #memberprofile #twitterfeed { margin-left:-5px; width:259px;} #memberprofile #twitterfeed .feedcontent {background:none;} #memberprofile #twitterfeed .feedcontent q {color:#222222; font-size:95%;} #memberprofile #twitterfeed .lid, #memberprofile #twitterfeed .bottom {display:none;} #memberprofile #twitterfeed .feedcontent a:link, #memberprofile #twitterfeed .feedcontent a:visited {color:#222222;} #memberprofile #twitterfeed .feedwrap .twitterbird {top:0px;} /*My Friends page */ .communitypage .panelborder {padding:10px;} .friendpage {background-color:white; min-height:0;} .communitypage .mainfriendtable td {border-bottom:1px dashed #cccccc; } .searchbutton {float:right; display:block; height:19px; width:125px; background:url(/images/newbranding/buttons/search.jpg) 0 no-repeat; cursor:pointer; text-indent:-9999px; border:0; color: transparent;text-transform: capitalize;} .friendtable {width:100%;} .friendtable td {padding:10px 10px 0 0; vertical-align:top; } .friendtable .friendentry {background:white; margin-top:0px;position:relative;width:355px; padding:10px; } .friendtable .friendentry .usert {float:left; margin-right:10px; width:110px;} .friendtable .friendentry .userdetails {float:left; width:166px;} .friendtable .friendentry .username {font-size:120%;} .friendtable .friendentry .raverating {position:absolute; right:3px; top:3px; background:transparent url(/images/newbranding/pen.jpg) no-repeat scroll 0 0; padding-left:3px;} .friendtable .friendentry .status {color:#888888;} .remove {float:right; margin-right:3px;} .tourgallerypage {padding-top:38px;} .tourgallerypage .panelcontent {padding:10px 10px 0 10px ;} .tourgallerypage #Gallery td{ padding:0 10px 10px 0;} .tourgallerypage .NewsBackButton {color:white; display:block; clear:both; display:none; } .tourgallerypage #GalleryTitle {color:white; font-weight:bold; margin-bottom:10px; display:block;} .tourgallerypage .picthumb {width:143px;} .tourgallerypage .panelclose {background:url(/images/lightbox/closelabel.gif) transparent no-repeat; width:66px; height:22px; float:right; text-transform:uppercase; text-indent:-9999px; border:0; } /* ################################################################### 10. Events ################################################################### */ .eventspage {padding-top:40px;} .eventspage #mapcontainer { position:relative; overflow:hidden; background: url(/images/newbranding/27percent.png); padding:10px;} .eventspage #map { width: 920px; height: 400px; overflow:hidden;} .eventspage #message { position: absolute; display:; padding: 10px; background: #555; color: #fff; width: 75px; } .eventspage #details { position:absolute; z-index:222; display:block; width: 260px; color:white; background: url(/images/newbranding/mapbluebg.png) no-repeat; list-style: none; padding: 10px 20px; margin:0px 0px; height:380px; left:-300px; } .closedetails {display:block; cursor:pointer; width:20px; height:20px; left:287px; position:absolute; text-indent:-9999px;background:url(/images/newbranding/buttons/in.png);} .showdetails {display:none; cursor:pointer; width:20px; height:20px; left:287px; position:absolute; text-indent:-9999px;background:url(/images/newbranding/buttons/out.png);} .eventspage #details .venuename {color:white; font-size:140%; line-height:1.2em; } .eventspage #details .eventimage {margin:10px auto; border:1px white solid;} .eventspage #details .date {display:block; color:#89e801;font-weight:bold;} .eventspage {text-align:left;} h2.ribbon .livetext span {margin-left:0;} .eventspage table#eventtable tr{} .eventspage table#eventtable td {padding:10px;border-bottom:1px dashed #cccccc;} .eventspage table#eventtable tr:last-child td{border:0px;} table#eventtable { width: 100%; list-style: none; background:white; } #eventtable tr:hover { background: #e7e7e7; cursor: pointer; } #eventtable a{ } .venuename {font-weight:bold; color:#36A7DF;} #map div[dir="ltr"] {font-size:80%;} #logocontrol {z-index:9999;} /* ################################################################### 12. VIDEOS ################################################################### */ .videopage {padding-top:0px; } #latestvids {margin-top:0px; } .videopage .videotitle {font-size:140%;font-weight:bold;display:block; color:#36a7df; margin-top:5px; } .videopage .artist {text-transform:uppercase; font-size:105%; color:#222222; display:block; margin-bottom:5px;} .videopage #latestvids, .videopage #videocategories, .videopage #videorated {padding-bottom:10px;} .videopage .panelcontent ul {padding-bottom:0px;list-style:none;} .videopage .panelcontent ul li {display:block; margin:10px 10px 0px 10px;} .videopage .panelcontent a, .videopage .panelcontent a:hover {text-decoration:none; } .videopage .panelcontent .videotitle {font-size:105%;font-weight:bold;display:block; color:#ffffff; position:relative;} .videopage .panelcontent .artist {text-transform:uppercase; font-size:100%; color:#ffffff; display:block; font-weight:normal; position:relative;} .videopage #featuredvidpanel {background-color:white; padding:0px;} .videopage #featuredvidpanel ul {padding-bottom:10px;list-style:none;} .videopage #featuredvidpanel td {display:block; padding:10px; border-bottom:#cccccc 1px dashed;} .videopage #featuredvidpanel td:hover {background-color:#f6f6f6;} .videopage .pagenumbers {padding:10px 10px; } .videopage .pagenumbers, .videopage .pagenumbers a {color:#222222;} .videopage .pagenumbers a:active {color:black;} #videodetails {margin:10px; position:relative;} #videogridtable td {padding:10px 10px 10px 0; vertical-align:top; width:190px;} #videogridtable td .videotitle {font-size:95%;} #videogridtable td img {border: 1px solid #cccccc;} #videogridtable td img:hover {border-color:#222222;} #videogridtable tr td:first-child {padding-left:10px;} #videogridtable td .commentandratescores {margin:auto;} #viewswitch {display:block; position:absolute; right:20px; top:7px;text-indent:0; width:124px; margin-top:-13px; cursor:pointer;} #viewswitch a {width:62px; height:44px; display:block; text-indent:-9999px; float:left;cursor:pointer;} #viewswitch a#player {background:url(/images/newbranding/tabs/videoview/viewtabs_01-trans.png); } #viewswitch a#player:hover {background:url(/images/newbranding/tabs/videoview/viewtabs_hover_01-trans.png); } #viewswitch a#player.active, #viewswitch a#player.active:hover {background:url(/images/newbranding/tabs/videoview/viewtabs_active_01-trans.png); } #viewswitch a#grid {background:url(/images/newbranding/tabs/videoview/viewtabs_02-trans.png); } #viewswitch a#grid:hover {background:url(/images/newbranding/tabs/videoview/viewtabs_hover_02-trans.png); } #viewswitch a#grid.active, #viewswitch a#grid.active:hover {background:url(/images/newbranding/tabs/videoview/viewtabs_active_02-trans.png); } /*#playermode {display:none;}*/ /* COMMENT AND RATE SCORES */ .commentandratescores {font-size:84%; font-weight:bold; color:#222222;} .commentandratescores .rated {float:left; } .commentandratescores .rated span.label {margin-top:8px; display:block; float:left;} .commentandratescores .rated span.number {background: url(/images/newbranding/star-trans.png) no-repeat 1px 0; display:block; text-align:center; width:30px; height:22px; padding-top:8px; float:left;} .commentandratescores .commented {float:left;margin-left:20px;} .commentandratescores .commented span.label {margin-top:8px; display:block; float:left;} .commentandratescores .commented span.number {background: url(/images/newbranding/bubble-trans.png) no-repeat; display:block; text-align:center; width:30px; height:22px; padding-top:8px; float:left;} .commentandratescores .commented span.raverate {background: url(/images/newbranding/bubble-rave-trans.png) no-repeat; display:block; text-align:center; width:40px; height:24px; padding-top:8px; float:left;} #mostcommentedlist .commentandratescores .commented {margin-left:0px;} #commentsheader {border-top:1px dashed #cccccc; margin-top:10px; padding-top:7px; } #commentsheader .hide { /*background: url(/images/newbranding/greyarrow.gif) no-repeat 550px 2px ;*/ width:560px; float:left;margin-left:10px;} #commentsheader .show { /*background: url(/images/newbranding/greyarrowup.gif) no-repeat 550px 2px ;*/ width:560px; display:none; float:left;margin-left:10px;} #commentsheader .hide:hover, #commentsheader .show:hover {color:#444444; /*cursor:pointer;*/} #commentsheader .commented span{ margin-top:-6px; width:25px;} .commentsinputBox {width:592px; border:#cccccc solid 1px; height:55px; padding:3px; margin-bottom:5px;} #rate {text-align:center; width:150px; position:absolute; right:0px; top:0px; line-height:11px;} #rate ul {list-style:none;} #rate ul li{display:block; float:left; margin:1px 0 0 5px;} #rate ul li .smallprint {margin-top:9px; display:block;} .commentsleft {width:190px; float:left;} .newpagenumbers {padding:10px 5px 10px 0px; background:white; height:22px; color:#222222;} .newpagenumbers span { float:left; text-align:center; padding:1px; margin:0px 1px 1px 4px ;} .newpagenumbers span.pagelabel{ margin-top:4px;} .newpagenumbers a { background:white; display:block; padding:1px; float:left; width:16px; font-size:80%; border:#00A4EB solid 1px; color:#00A4EB; font-weight:bold; text-decoration:none;} .newpagenumbers a:hover { background:white; border:#222222 solid 1px; color:#222222;; text-decoration:none;} .newpagenumbers a.pages-active { background:#00A4EB; border:#00A4EB solid 1px; color:white; text-decoration:none;} .newpagenumbers span.viewall a {width:auto; background:none; font-size:100%; border-width:0; padding:0 0 0 5px; margin-top:4px;} .newpagenumbers span.viewall a:hover {text-decoration:underline;} .nextprev {padding:10px; background:white; height:22px; font-size:90%;} .nextprev a { color:#00A4EB;} #alternatepages {background:none;color:#ffffff;} #alternatepages span.viewall a {color:#ffffff; } #alternatepages a.pages-active {color:#ffffff;} .gallerypage .panelcontent .newpagenumbers a {color:#00A4EB;} .gallerypage .panelcontent .newpagenumbers a:hover {color:#222222;} .gallerypage .panelcontent .newpagenumbers a.pages-active {color:white;} /* ################################################################### 12. NEWS ################################################################### */ .newspage { } .newspage #newslist {background:white; padding:10px;} .newspage .panelcontent ul {padding:5px 0; list-style:none;} .newspage .panelcontent li {display:block; padding:2px 10px; color:white;} .newspage .panelcontent li a{color:white;} .mainpanel h2 {color:#00a4eb; font-size:120%; font-weight:bold;} .newspage .mainpanel {position:relative;} .newspage .mainpanel #rate {margin-top:10px;} .newspage .mainpanel h2 {margin-bottom:29px;} .newspage #mostrecentlist a, .newspage #mostcommentedlist a, .newspage #mostratedlist a{padding-top:7px; position:relative;} .newspage .commentandratescores #mostcommentedlist .commented {margin-left:0;} /* ################################################################### 13. GALLERY ################################################################### */ .gallerypage {padding-top:0px;} #cursorkeys {position:absolute; top:10px; right:8px; display:none;} .eventDatesHolderImage { overflow:hidden; position:relative; margin:10px 0 0 10px; width:193px; height:107px;clear:both;} .eventDatesHolderStrap {background:url(/images/newbranding/gallery_strap-trans.png); position:absolute; top:115px; left:0; height:54px; width:100%; clear:both;} .eventDatesHolderStrap p {display:block; margin:31px 10px; clear:both;} .eventDatesHolderStrap p a {color:white; font-size:90%; } .eventDatesHolderStrap p a:hover {text-decoration:none;} .gallerypage .pagenumbers {padding:10px 5px; color:white;} .gallerypage .pagenumbers a{color:white;} .gallerypage .panelcontent ul {padding-bottom:10px;list-style:none;} .gallerypage .panelcontent ul li {display:block; margin:10px 10px 0px 10px;} .gallerypage .panelcontent a, .gallerypage .panelcontent a:hover {text-decoration:none; color:#ffffff;} .gallerypage .panelcontent .videotitle {font-size:100%;font-weight:bold;display:block; color:#ffffff; } .gallerypage .panelcontent .artist {text-transform:uppercase; font-size:100%; color:#ffffff; display:block; font-weight:normal;} .gallerypage .mainpanel {position:relative;} .gallerypage .mainpanel #rate {margin:10px 0 5px 0;} /*gallery details*/ .gallerydate {text-indent:0px; } .gallerypage #commentsheader { margin-top:15px;} #gallery {position:relative;} .galleryfilter {position:absolute; right:5px; top:5px; margin:5px;} td.gaRow {width:209px;} /* ################################################################### 14. Help / FAQs ################################################################### */ .faqspage {padding-top:45px;} .faqscontent {padding:10px; background-color:white;} .faqscontent a {color:#00A4EB; } /* ################################################################### 15. TV ################################################################### */ #tickercontainer {background:url(/images/newbranding/ticker_bg.png) no-repeat; width:401px; height:59px; overflow:hidden; display:none; position:absolute; z-index:-1; top:28px; right:2px;} #tickercontainer #theticker {width:285px; margin-top:30px; } #tickercontainer p { font-weight:bold; color:#f60092; text-transform:uppercase;} #tickercontainer p .tickerlabel {color:#00a3ee; font-weight:normal; text-transform:lowercase;} #tickercontainer a {display:block; position:absolute; width:110px; height:36px; text-indent:-9999px; top:17px; right:0;} #tvfeaturecontainer {background:url(/images/newbranding/27percent.png) repeat scroll 0 0 transparent; width:915px; padding:12px; margin-top:71px; position:relative; } #tvfeaturecontainer #tvfeature {background:url(/images/newbranding/tv/tvbg.jpg) no-repeat scroll 0 0 black; width:915px; height:467px;} #tvfeaturecontainer #tvroundel {width:182px; height:186px; background:url(/images/newbranding/tv/sky376-trans.png); text-indent:-9999px;position:absolute; right:-30px; top:20px; } #tvfeaturecontainer #tvfeature .video{position:relative; top:46px; margin:auto; width:612px; height:375px} #tvvotingcontainer {background:white; margin:10px auto; width:618px; text-align:left; } #tvvotingcontainer p{margin:5px; display:block;} #tvvotingcontainer fieldset {border:0;} #tvvotingcontainer ul.votingsystem {width:30.5%; float:left; margin:5px; padding-right:5px; border-right:dashed 1px #cccccc; list-style:none;} #tvvotingcontainer ul.last {border-right:0px; padding-right:0px;} #tvvotingcontainer ul.votingsystem li {overflow:hidden; height:60px;display:block; padding:5px 0px 5px 0; clear:both; margin-left:0;} #tvvotingcontainer ul.votingsystem label {float:left; width:76%;} #tvvotingcontainer ul.votingsystem label span.title {font-size:120%;font-weight:bold;display:block; color:#00A4EB; } #tvvotingcontainer ul.votingsystem label span.artist {text-transform:uppercase; font-size:100%; color:#232323; display:block; font-weight:normal;} #tvvotingcontainer ul.votingsystem li input{} #tvvotingcontainer ul.votingsystem li a.vote-select {margin-top:-8px; float:right;text-indent:-9999px;display:none; width:33px; height:37px; background:url(/images/newbranding/tv/vote_checkbox.jpg) no-repeat 0 0;} #tvvotingcontainer ul.votingsystem li a.vote-notselect {margin-top:-8px; float:right; text-indent:-9999px; display:block; width:33px; height:37px; background:url(/images/newbranding/tv/vote_checkbox.jpg) no-repeat 0 -50px ;} #tvvotingcontainer ul.votingsystem li.selected a.vote-select {display:block;} #tvvotingcontainer ul.votingsystem li.selected a.vote-notselect {display:none;} #tvvotingcontainer ul.votingsystem li.unChecked { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: .3; zoom:1; z-index:-1; } .tvpage #comments {padding:10px;} .tvpage #commentsheader {border:0; margin-top:0; padding:0;} .tvpage #tabs { margin-bottom: 0px; position:relative; width:619px; } .tvpage #tabs #tabnavcontainer {display:none; height:38px; position:relative;} .tvpage #tabs ul.tabNav { padding: 0px;margin-bottom: 0px; margin-top:-3px; position:absolute; } .tvpage #tabs ul.tabNav li{ list-style: none; float:left; margin-top:0px; position:relative; margin-bottom: 0px;} .tvpage #tabs ul.tabNav { display:;} .tvpage #tabs ul.tabNav li a {text-indent:0px; text-indent:-9999px; height:27px; color:#222222; text-align:center;padding-top:17px; text-transform:uppercase;margin-right:0px; font-size:120%;} .tvpage #tabs ul.tabNav li a#videostab { display:block; width:106px; background: url(/images/newbranding/newtabs/tvtabnav_01-trans.png); } .tvpage #tabs ul.tabNav li a#commentstab { display:block; width:135px; background: url(/images/newbranding/newtabs/tvtabnav_02-trans.png); } .tvpage #tabs ul.tabNav li a#playlistvote {margin-left:14px; display:block; width:177px; background: url(/images/newbranding/newtabs/tvtabnav_03-trans.png); } .tvpage #tabs ul.tabNav li a#videostab:hover {text-decoration:none; color:#698b00;} .tvpage #tabs ul.tabNav li a#commentstab:hover {text-decoration:none; color:#698b00;} .tvpage #tabs ul.tabNav li a#playlistvote:hover {text-decoration:none; color:#698b00;} .tvpage #tabs ul.tabNav li a#videostab.active, .tvpage #tabs ul.tabnav li a#videostab.active:hover {background: url(/images/newbranding/newtabs/tvtabnav_01_active-trans.png); } .tvpage #tabs ul.tabNav li a#commentstab.active, .tvpage #tabs ul.tabNav li a#commentstab.active:hover {background: url(/images/newbranding/newtabs/tvtabnav_02_active-trans.png); } .tvpage #tabs ul.tabNav li a#playlistvote.active, .tvpage #tabs ul.tabNav li a#playlistvote.active:hover {background: url(/images/newbranding/newtabs/tvtabnav_03_active-trans.png); } #tvvotingcontainer ul.votingsystem input {float:right; -moz-outline-style: none; outline: none} .tvpage .votesubmit {float:right; margin:10px;} .tvpage td .videotitle {font-size:95%;} .tvpage .videotitle {color:#36A7DF;display:block;font-size:140%;font-weight:bold;margin-top:5px;} .tvpage #schedulenav {padding:10px;overflow:auto;} .tvpage #schedulenav .dateblock {margin:0; width:40px; height:26px; border:0; padding:0; float:left; font-size:0.01%;} .tvpage .fullschedule_cell {border-top:1px dashed #222222; padding:10px 10px 0 10px; margin-bottom:0px; } .tvpage .showhide { font-size:90%; text-decoration:underline; color:#ffffff;} .tvpage .fullschedule_cell .pic {float:left; width:90px; margin-right:5px;} .tvpage .fullschedule_cell .pic img {border:3px white solid; width:82px; height:42px; } .tvpage .fullschedule_cell .desc {float:left; width:180px; } .tvpage .fullschedule_cell .title {font-weight:bold; color:white;font-size:110%;} .tvpage .fullschedule_cell .time {font-weight:bold;} .tvpage .fullschedule_cell .blurb {display:none; font-size:90%;} .tvpage .fullschedule_cell {overflow:none;} .tvpage .showhide {position:relative;} .tvpage a.showhide {color:white; } .tvpage .fullschedule_cell .pic {} .tvpage .fullschedule_cell .blurb {margin-bottom:0px;} #dntvhomebanner {margin:52px 0 10px -1px;} /* ################################################################### 16. TICKETS ################################################################### */ #tickets .tickettable { width:100%;} #tickets .tickettable .ticketButton { background:url("/images/newbranding/buttons/addtobasket.jpg") no-repeat scroll 0 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:19px;text-indent:-9999px;text-transform:capitalize;width:140px;} #tickets .tickettable tr{} #tickets .tickettable td {padding:10px;border-bottom:1px dashed #cccccc;} #tickets .tickettable tr:last-child td{border:0px;} #tickets .tickettable{ list-style: none; background:white;} #tickets .tickettable tr:hover{background: #e7e7e7;cursor: pointer;} #tickets .tickettable tr:first-child {background: #ffffff;cursor: pointer;} #tickets .tickettable tr:first-child:hover {background: #ffffff;cursor: pointer;} #tickets .tickettable tr:first-child td {padding:5px 10px;} #tickets .tickettable .smallprint {width:98px; display:block;} #tickets .tickettable .smallprint span {float:left;} #tickets .vipclose {background:url("/images/newbranding/close-trans.png") no-repeat scroll 0 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:20px;text-indent:-9999px;text-transform:capitalize;width:20px; float:right; margin-top:-2px;} #tickets #moreInfoIn {height:170px; overflow:auto; display:block;} /* ################################################################### 17. MERCH ################################################################### */ .merchpage .banneroptions {position:relative; top:-30px; float:right; padding-bottom:0px; display:block;} .merchpage #fourproduct {padding-top:1px;} .merchpage .productpricewrap {position:relative; top:21px;} .merchpage #fourproduct .price {position:static; margin:0 0 10px;} .merchpage #fourproduct .productinfowrap {top:158px;} .merchpage #fourproduct .productinfowrap .moreinfo{position:relative; top:55px;} .merchpage #productdetail {height:auto;} .merchpage .formatproductpage .productpage {padding-bottom:10px;} #magnifier { cursor:move; display:none; } #magnifier { background:url("../images/loading.gif") no-repeat scroll 48% 48% #ffffff; cursor:move;margin-left:3px; margin-top:3px; border:dotted 1px white; } .imageZoom { cursor:move; } .btnSmall { background:url("/images/addtobasket_sizes.jpg") no-repeat 0 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnSmall_active { background:url("/images/addtobasket_sizes.jpg") no-repeat 0 -45px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnSmall_disabled { background:url("/images/addtobasket_sizes.jpg") no-repeat -0px -91px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnMedium { background:url("/images/addtobasket_sizes.jpg") no-repeat -46px 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnMedium_active { background:url("/images/addtobasket_sizes.jpg") no-repeat -46px -45px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnMedium_disabled { background:url("/images/addtobasket_sizes.jpg") no-repeat -46px -91px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnLarge { background:url("/images/addtobasket_sizes.jpg") no-repeat -92px 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnLarge_active { background:url("/images/addtobasket_sizes.jpg") no-repeat -92px -45px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnLarge_disabled { background:url("/images/addtobasket_sizes.jpg") no-repeat -92px -91px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnXl { background:url("/images/addtobasket_sizes.jpg") no-repeat -138px 0 transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnXl_active { background:url("/images/addtobasket_sizes.jpg") no-repeat -138px -45px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;} .btnXl_disabled { background:url("/images/addtobasket_sizes.jpg") no-repeat -138px -91px transparent;border:0 none;color:transparent;cursor:pointer;display:block;height:45px;text-indent:-9999px;text-transform:capitalize;width:45px; float:left; margin-right:3px; margin-bottom:10px;}