@CHARSET "UTF-8";
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*
/*  Island Records
/*  Copyright 2008
/*
/*  Cascading Style Sheet
/*
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Colin MacDonald (Pure Innovation)
/* ---------------------------------------------------------------------- */
/* ###################################### */
/* RESETING
/* ###################################### */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }
a
{
  color: #FFFFFF;
  text-decoration: none;
}
a:hover
{
  text-decoration: underline;
}
body
{
  margin: 0;
  padding: 0;
  font-size:14px;
  background-image: url('../images/body_bg.jpg');
  background-position: top center;
  background-repeat:no-repeat;
}
body
{
  padding: 0px;
}
/* ###################################### */
/* GENERAL
/* ###################################### */
.bold {
  font-weight: bold;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.margin_left_16 {
	padding-left: 16px;
}
.blue {
	color: #21DCD5;
}
.over { background:#151515 !important; }
div#content_container {
  width: 949px;
  margin-left: auto;
  margin-right: auto;
}
div#main_bg_contaier {
	position: relative;
  width: 912px;
  float: left;
  padding: 0px 18px 0px 18px;
  text-align: left;
  background-image: url('../images/content_container_bg.jpg');
  background-repeat: repeat-y;
}
div.shelf_full_width {
	float: left;
	clear: both;
  width: 913px;
  height: 11px;
  overflow:hidden; /* for IE6 */
  background-image: url('../images/shelf_full_width.jpg');
}
div.shelf_100_percent_width {
  float: left;
  clear: both;
  width: 100%;
  height: 11px;
  overflow:hidden; /* for IE6 */
  background-image: url('../images/shelf_full_width.jpg');
}
div.shelf_separator {
  float: left;
  width: 12px;
  height: 100%;
  overflow:hidden; /* for IE6 */
  background-image: url('../images/shelf_seperator_bg.jpg');
}
/* ###################################### */
/* SELECT
/* ###################################### */
div.autocomplete_container { border:0px solid #F00; float:left; position:relative; z-index:103 !important; height:23px; width:200px; overflow:visible; }
div.autocomplete { font-family:Arial, Helvetica, sans-serif; position:absolute; top:22px; left:0; display:none; width:217px; background-color:#E3B042; border:0px solid #ccc; margin:0px; padding:0px; font-size:11px; text-align:left; /* max-height:200px; overflow:auto; */ }
div.autocomplete ul { list-style-type:none; margin:0px; padding:0px; padding-top:3px; padding-bottom:3px; }
div.autocomplete ul li.selected { color:#fff;  }
div.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; padding-left:6px; cursor:pointer; }
div.autocomplete ul li.group { font-size:12px; margin-top:3px; font-weight:bold; }
div.autocomplete ul li.child { margin-left:10px;  }
p.autocomplet_close { text-align:right; padding:3px; padding-right:5px; }
.combo { margin: 0px 5px 0px 0px; padding:3px 0 0 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:210px; display:block; /* float:left; */ text-align:left; background: url(..../images/bg_select.gif) #000 195px 4px no-repeat; height:18px; cursor: pointer; border:1px solid #312f2f; color:#4c4b4b; }
.combo2 { margin: 0px 5px 10px 0px; padding:6px 0 0 5px; font-size:12px; width:210px; display:block; float:left; text-align:left; background-color:#facf06; height:22px; cursor: pointer; border:1px solid #FFFFFF; color:#FFFFFF; }
.combo3 { margin: 0px 5px 10px 0px; padding:3px 0 0 5px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:110px; display:block; float:left; text-align:left; background: url(..../images/bg_select.gif) #000 195px 4px no-repeat; height:18px; cursor: pointer; border:1px solid #312f2f; color:#4c4b4b; }
.combo4 {  margin: 0px 5px 10px 0px; padding:6px 0 0 5px; font-size:14px; font-family:Arial, Helvetica, sans-serif; width:210px; display:block; float:left; text-align:left; background: url(..../images/button_expand.gif) #000 188px 6px no-repeat; height:22px; cursor: pointer; border:1px solid #312f2f; color:#FFF; }
div.small_autocomplete_container { position:relative; z-index:103 !important; margin-left:20px; width:120px; overflow:visible; float:left; }
div.small_autocomplete_container input { background: url(..../images/bg_select.gif) #000 96px 4px no-repeat; }
div.small_autocomplete { position:absolute; top:22px; left:0; display:none; width:117px; background-color:#312f2f; border:0px solid #ccc; margin:0px; padding:0px; font-size:11px; text-align:left; /* max-height:200px;  overflow:auto; */ }
div.small_autocomplete ul { list-style-type:none; margin:0px; padding:0px; padding-top:3px; padding-bottom:3px; }
div.small_autocomplete ul li.selected { color:#e3b042;  }
div.small_autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; padding-left:6px; cursor:pointer; }
div.search_autocomplete_container { position:relative; height:34px; width:200px; overflow:visible; float:left; }
div.search_autocomplete { position:absolute; top:22px; left:0; display:none; width:217px; background-color:#312f2f; border:0px solid #ccc; margin:0px; padding:0px; font-size:11px; text-align:left; /* max-height:200px; overflow:auto; */ }
div.search_autocomplete ul { list-style-type:none; margin:0px; padding:0px; padding-top:3px; padding-bottom:3px; }
div.search_autocomplete ul li.selected { color:#e3b042;  }
div.search_autocomplete ul li { list-style-type:none; display:block; margin:0; padding:2px; padding-left:6px; cursor:pointer; }
p.search_autocomplete_close { padding:0 0 3px 9px; }
p.search_autocomplete_close a { text-decoration:none; }
p.search_autocomplete_close a:hover { text-decoration:underline; }
/*select { font-size:12px; font-family:Arial, Helvetica, sans-serif; width:210px; display:block; float:left; text-align:left; background: url(..../images/bg_select.gif) 195px 4px no-repeat; height:18px; cursor: pointer; border:1px solid #312f2f; color:#4c4b4b; }*/
.scroll-pane { width:225px; height:220px; overflow: auto; background: #312F2F;    }
.scroll-pane2 { width:295px; height:220px; overflow: auto; background: #312F2F;   }
.scroll-pane3 {  width:209px; height:110px; overflow: auto; background: #312F2F;    }
.scroll-pane4 {  width:213px; height:190px; overflow: auto; background: #312F2F;    }
div.small_autocomplete  .scroll-pane {  height:140px; width:100px; }
div.search_autocomplete  .scroll-pane {  width:220px; }
#search_genres_options_0 .scroll-pane {  height:150px; width:210px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin:3px; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(..../images/scrollarrow_top.png) 0 0 no-repeat; /*background-color: #666;*/ height: 15px; }
a.jScrollArrowUp:hover { background:url(..../images/scrollarrow_top.png) 0px -15px no-repeat; /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(..../images/scrollarrow_bottom.png) 0px -15px no-repeat; /*background-color: #666;*/ height: 15px; }
a.jScrollArrowDown:hover { background:url(..../images/scrollarrow_bottom.png) 0px 0px no-repeat; /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
/* ###################################### */
/* PINNED ON ITEMS
/* ###################################### */
div#pin_on_island_tags {
	position: absolute;
	width: 101px;
	height: 114px;
	background-image: url('../images/pin_on_island_tags.png');
	z-index: 300;
}
div#pin_on_mika_rosette {
	display: none;
  position: absolute;
  width: 113px;
  height: 244px;
  background-image: url('../images/pin_on_mika_rosette.png');
  z-index: 300;
}
div#pin_on_lost_tunes {
  position: absolute;
  width: 110px;
  height: 113px;
  z-index: 300;
}
div#pin_on_island_stickers {
  position: absolute;
  width: 151px;
  height: 159px;
  background-image: url('../images/pin_on_island_stickers.png');
  z-index: 300;
}
div#pin_on_island_tea_bags {
  position: absolute;
  width: 133px;
  height: 141px;
  background-image: url('../images/pin_on_island_tea_bags.png');
  z-index: 300;
}
/* ###################################### */
/* HEADER
/* ###################################### */
div#header_container {
	float: left;
	height: 172px;
  padding-left: 17px;
}
div#header_container div#main_logo {
  float: left;
  background-color: #000000;
}
div#header_container div#main_logo img {
  float: left;
  width: 134px;
  height: 175px;
  border: 0px;
}
div#header_container div#main_menu_container {
	float: left;
	width: 736px;
	height: 164px;
	background-image: url('../images/main_menu_advert_container_bg.jpg');
}
div#advert_container {
  float: left;
  width: 913px;
  text-align: center;
  height: 90px;
  clear: both;
}
/* ###################################### */
/* STORE BANNER
/* ###################################### */
div#store_banner {
  float: left;
  height: 98px;
  padding-left: 16px;
}
/* ###################################### */
/* LATEST RELEASES
/* ###################################### */
div#latest_releases {
  float: left;
  padding-left: 17px;
  padding-bottom: 16px;
  padding-top: 35px;
	background-repeat: no-repeat;
}
div#latest_releases .scroller {
  overflow:auto;
  height: 200px;
  width: 878px;
}
div#latest_releases ul {
  height: 164px;
  list-style-type:none;
}
div#latest_releases ul li {
	float:left;
	height: 164px;
	padding-bottom:10px;
	margin-left:18px;
	width:128px;
}
div#latest_releases ul li a {
	display:block;
	height:164px;
	left:0pt;
	overflow:hidden;
	top:0pt;
	width:128px;
	text-decoration: none;
}
div#latest_releases div.release_text {
	width: 120px;
	font-size:11px;
	font-weight:normal;
	position: absolute;
	top: 132px;
}
/* ###################################### */
/* NEWS FEEDS CONTAINER
/* ###################################### */
div#news_feeds_container {
  float: left;
  width: 563px;
  height: 663px;
}
div#news_feeds_container table, div#news_feeds_container table td {
  border: 0px;
  border-spacing: 0px;
  padding: 0px;
  margin: 0px;
}
div#news_feeds_container div.feed_rows div.row  h1 {
  font-size: 15px;
  font-weight: bold;
}
div#news_feeds_container div.feed_rows div.alt h1 {
  color: #FFE00E;
}
div#news_feeds_container div.feed_rows div.row p {
  margin-top: 8px;
}
/* ###################################### */
/* TOP STORIES
/* ###################################### */
div#news_feeds_container div#top_stories_container {
  float: left;
  width: 547px;
  height: 221px;
  padding-left: 17px;
}
div#news_feeds_container div#top_stories_container div#tile_top_stories {
	position: absolute;
	width: 246px;
	height: 27px;
	background-image: url('../images/title_top_stories.png');
	z-index: 200;
}
div#news_feeds_container div#top_stories_container div#tile_top_stories a {
	margin-top: 2px;
}
div#news_feeds_container div#top_stories_container div.feed_rows div.row {
  float: left;
  height: 202px;
  padding: 10px;
  background-color: #FFE00E;
  color: #000000;
}
div#news_feeds_container div#top_stories_container div.feed_rows div.alt {
  float: left;
  background-color: #000000;
  color: #FFFFFF;
}
div#news_feeds_container div#top_stories_container div.feed_picture {
	float: left;
	width: 245px;
	height: 222px;
}
div#news_feeds_container div#top_stories_container .scroller {
  float: left;
  overflow:auto;
  width: 547px;
  height: 221px;
}
div#news_feeds_container div#top_stories_container div.feed_rows div.row {
  width: 250px;
  cursor: pointer;
}
/* ###################################### */
/* NEWS FROM OUR ARTISTS
/* ###################################### */
div#news_feeds_container div#news_from_artists_container {
  float: left;
  width: 547px;
  height: 221px;
  padding-left: 17px;
}
div#news_feeds_container #title_news_from_artists {
	float: left;
	width: 545px;
	height: 30px;
	background-image: url('../images/title_news_from_our_artists.gif');
}
div#news_feeds_container div#news_from_artists_container div.feed_rows div.row {
  float: left;
  padding: 10px;
  background-color: #FFE00E;
  color: #000000;
}
div#news_feeds_container div#news_from_artists_container div.feed_rows div.alt {
  float: left;
  background-color: #000000;
  color: #FFFFFF;
}
div#news_feeds_container div#news_from_artists_container .scroller {
  float: left;
  overflow:auto;
  width: 544px;
  height: 188px;
}
div#news_feeds_container div#news_from_artists_container div.feed_rows div.row {
  width: 495px;
  cursor: pointer;
}
div#news_feeds_container div#news_from_artists_container img.artist_thumbnail {
	float: left;
	width: 77px;
	height: 54px;
	margin-right: 10px;
}
div#news_feeds_container div#news_from_artists_container div.rss_icon {
  float: right;
  margin-top:2px;
  padding-left: 2px;
}
div#news_feeds_container div#news_from_artists_container div.row_text {
	float: left;
	width: 405px;
}
/* ###################################### */
/* LIVE DATES
/* ###################################### */
div#news_feeds_container div#live_dates_container {
  float: left;
  width: 547px;
  height: 211px;
  padding-left: 17px;
}
div#live_dates_title {
	float: left;
	width:545px;
	height: 30px;
	background-image: url('../images/title_live_dates.gif');
}
div#news_feeds_container div#live_dates_container .scroller {
  float: left;
  overflow:auto;
  width: 544px;
  height: 179px;
}
div#news_feeds_container div#live_dates_container div.feed_rows div.row {
	float: left;
  width: 257px;
  height: 110px;
  background-color: #00A2D9;
  color: #FFFFFF;
}
div#news_feeds_container div#live_dates_container div.feed_rows div.row h1 {
  color: #000000;
}
div#news_feeds_container div#live_dates_container div.feed_rows div.alt {
  background-color: #000000;
  color: #FFFFFF;
}
div#news_feeds_container div#live_dates_container div.feed_rows div.alt h1 {
  color: #00A2D9;
}
div#news_feeds_container div#live_dates_container div.row_text {
  float: left;
  width: 150px;
}
div#news_feeds_container div#live_dates_container div.text {
	font-size: 11px;
  float: left;
    height: 70px;
}
div#news_feeds_container div#live_dates_container  img.artist_thumbnail {
	float:left;
	height:54px;
	padding:10px;
	width:77px;
}
div#news_feeds_container div#live_dates_container div.feed_rows div.row a {
  color: #000000;
  font-weight: bold;
}
div#news_feeds_container div#live_dates_container div.feed_rows div.alt a {
  color: #00A2D9;
  font-weight: bold;
}
/* ###################################### */
/* MEDIA CONTAINER
/* ###################################### */
div#media_container {
	float: left;
	width: 337px;
	padding-left: 12px;
	background-image: url('../images/shelf_seperator_bg.jpg');
	background-repeat: repeat-y;
}
/* ###################################### */
/* ISLAND TV
/* ###################################### */
div#media_container div#island_tv_container {
  float: left;
  width: 320px;
  height: 307px;
  margin-right: 17px;
}
div#media_container div#island_tv_container div#island_tv_player_container {
	width: 290px;
	margin: 0 auto;
}
/* ###################################### */
/* MUSIC PLAYER
/* ###################################### */
div#media_container div#music_player_container {
  float: left;
  width: 320px;
  height: 357px;
  margin-right: 17px;
}
/* ###################################### */
/* SIGN UP
/* ###################################### */
div#sign_up_container {
  float: left;
  width: 878px;
  z-index:120;
  margin-left: 17px;
  background-image: url('../images/sign_up_container_bg.png');
}
.newssignup-header {
  float: left;
  padding-top:18px;
  padding-left: 15px;
}
.newssignup-header2 {
	margin-right: 10px;
  float: left;
}
.newssignup-header2 h1 {
  font-size: 16px;
}
.newssignup {
	float: left;
	margin-top:7px;
	padding:5px 11px 9px 11px;
}
.newssignup div.text {
	float: left;
	font-size: 10px;
	color: #FFFFF;
}
.newssignup form {
  float: left;
}
.newssignup div.input_container {
	float: left;
	margin-right: 10px;
	width:186px;
  height: 28px;
	background-image: url('../images/input_sign_up_bg.gif');
}
.newssignup-form {
	float: left;
}
.newssignup-form input.input {
	width:156px;
	height: 21px;
	padding: 6px 6px 0px 12px;
	background:transparent none repeat scroll 0% 0%;
  border:medium none;
	color:#FFFFFF;
	font-size:11px;
}
.newssignup-form button.submit {
	float: left;
	width:76px;
	height:28px;
	cursor:pointer;
	text-indent:-99999px;
	border:none;
	background:url(../images/button_submit_sign_up.gif) #000 top left no-repeat;
}
.newssignup-form input.input2 {
	float: left;
	margin-right: 5px;
  width:146px;
  height: 20px;
  padding: 6px 6px 0px 12px;
  background:transparent none repeat scroll 0% 0%;
  border: 1px solid white;
  color:#FFFFFF;
  font-size:11px;
}
button.submit_multicolor {
  float: left;
  width:112px;
  height:28px;
  cursor:pointer;
  text-indent:-99999px;
  border:none;
  background:url(../images/button_submit_multicolor.png) #000 top left no-repeat;
}
.newssignup-form button.submit-over { background:url(../images/button_submit_sign_up.gif) #000 top left no-repeat;  }
.newssignup-form button.submit span { float: left; display: block; text-indent:-99999px; }
#newssignup-multiple {
	float: left;
	cursor:pointer;
	/* background:url(..../images/button_expand.gif) top right no-repeat; */
}
.newssignup-form-ext {
	float: left;
	clear: both;
	background-color:#821919;
	padding:5px;
	margin-top:7px;
	padding-left:7px;
	width:286px;
	/* left:12px; top:135px; */
	display:none;
}
.newssignup-form-ext ul { list-style:none; margin:0px; padding:0px; font-size:11px; text-align:left; /*max-height:120px; overflow:auto; */ }
.newssignup-form-ext li { margin-bottom:3px; }
.newssignup-form-ext h3 { color: #e3b042; font-size:13px; line-height:13px; margin-bottom:5px; margin-top:5px; }
.scroll-pane { width:225px; height:220px; overflow: auto; background:#E3B042;    }
.scroll-pane2 { width:295px; height:220px; overflow: auto; background: #821919;   }
.scroll-pane3 {  width:183px; height:110px; overflow: auto; background: #312F2F;    }
.scroll-pane4 {  width:183px; height:190px; overflow: auto; background: #312F2F;    }
div.small_autocomplete  .scroll-pane {  height:140px; width:100px; }
div.search_autocomplete  .scroll-pane {  width:220px; }
#search_genres_options_0 .scroll-pane {  height:150px; width:210px; }
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin:3px; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; }
.jScrollPaneDrag { position: absolute; background:#E3B042; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; }
a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(..../images/scrollarrow_top.png) 0 0 no-repeat; /*background-color: #666;*/ height: 15px; }
a.jScrollArrowUp:hover { background:url(..../images/scrollarrow_top.png) 0px -15px no-repeat; /*background-color: #f60;*/ }
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; background:url(..../images/scrollarrow_bottom.png) 0px -15px no-repeat; /*background-color: #666;*/ height: 15px; }
a.jScrollArrowDown:hover { background:url(..../images/scrollarrow_bottom.png) 0px 0px no-repeat; /*background-color: #f60;*/ }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ }
/* ###################################### */
/* ARTISTS AND BANDS PAGE
/* ###################################### */
div#artistsbands {
	float: left;
	position: relative;
}
div#artistsbands div#title_container {
  float: left;
  width: 897px;
  height: 29px;
  padding-left:16px;
}
div#artistsbands div#title_container div#title {
	float: left;
	width: 696px;
	height: 29px;
	background-image: url('../images/artist_band_title_bg.png');
}
div#artistsbands div#title_container div#title2 {
  float: left;
  width: 606px;
  height: 29px;
  background-image: url('../images/artist_band_title_bg.png');
}
div#artistsbands div#title_container div#artist_title_text {
	font-size: 24px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 25px;
}
div#artistsbands div#title_container img.next_back {
  float: left;
  padding-top: 6px;
  padding-left: 30px;
}
div#artistsbands div#title_container #top_pagination {
	float: left;
	padding-top: 6px;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
}
div#artistsbands div.nav_container {
  float: left;
  width: 897px;
  height: 36px;
  padding-left:16px;
}
div#artistsbands div.nav_container div.filter {
  float: left;
  width: 240px;
  padding-top: 3px;
  padding-left: 5px;
}
div#artistsbands div.nav_container div.letters {
  float: left;
  padding-top: 10px;
}
div#artistsbands div.nav_container div.letters a {
  color: #FFFFFF;
}
div#artistsbands div.nav_container div.button_random {
	float: left;
	padding-left: 25px;
	padding-top: 3px;
}
div#artistsbands div.nav_container img#text_search {
	float: left;
	padding-top: 10px;
	padding-left: 8px;
}
div#artistsbands div#artists_list_container {
	float: left;
	width: 897px;
}
div#artistsbands div#artists_list_container div.artist_container {
  float: left;
  width: 176px;
  height: 170px;
  text-align: center;
}
div.artist_pic_text_container {
  float: left;
  width: 164px;
}
div#artistsbands div.artist_container a {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
}
/* View Artist Page */
div.artist_container {
	float: left;
	background-image:url(../images/shelf_seperator_bg.jpg);
  background-repeat:repeat-y;
  background-position: 563px 0px;
}
div#artistsbands div.column_left {
  float: left;
  width: 563px;
}
div#artistsbands div.column_right {
  float: left;
  width: 337px;
  padding-left: 12px;
}
/* Photo & Links */
div#artistsbands div.artist_photo_links_container {
	float: left;
	width: 546px;
	height: 266px;
	padding-left: 16px;
}
div#artistsbands div.artist_photo_links_container img {
  float: left;
}
div#artistsbands div.artist_photo_links_container ul {
	float: left;
	list-style: none;
	padding-left: 10px;
}
div#artistsbands div.artist_photo_links_container li {
  color: #FFFFFF;
  padding-top: 10px;
}
div#artistsbands div.artist_photo_links_container li a {
	font-size: 14px;
	font-weight: bold;
  color: #FFFFFF;
}
/* Biography */
div#artistsbands div.artist_biography_container {
	float: left;
  width: 546px;
	padding-left: 16px;
	background-repeat: no-repeat;
}
div#artistsbands div.artist_biography_container div.click_mask {
	float: left;
  width: 546px;
  height: 25px;
  cursor: pointer;
}
div#artistsbands div.artist_biography_container div.artist_biography_content {
	padding-top: 22px;
	padding: 20px;
	display: none;
}
/* Releases */
div#artistsbands div#artist_releases_container {
	float: left;
  width: 546px;
	padding-left: 16px;
  background-repeat: no-repeat;
}
div#artistsbands div#artist_releases_container div.artist_releases_content {
	padding-top: 42px;
}
div#artistsbands div#artist_releases_container div.artist_releases_content ul {
	list-style: none;
	float: left;
}
div#artistsbands div#artist_releases_container div.artist_releases_content ul li {
  float: left;
  width: 163px;
  height: 230px;
  font-size: 11px;
  padding-bottom: 10px;
  text-align: center;
}
div#artistsbands div#artist_releases_container div.artist_releases_content ul li h2 {
	font-size: 14px;
	font-weight: bold;
	color: #21DCD5;
}
div#artistsbands div#artist_releases_container div.artist_releases_content ul li h3 {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
}
/* News */
div#artistsbands div#artist_news_container {
  float: left;
  width: 546px;
  padding-top: 3px;
  background-image: url('../images/artist_news_container_bg.jpg');
  background-repeat: no-repeat;
}
div#artistsbands div#artist_news_container .scroller {
  float: left;
  overflow:auto;
  width: 546px;
  height: 279px;
}
div#artistsbands div#artist_news_container div.artists_news_content {
	padding: 20px;
}
div#artistsbands div#artist_news_container div.artists_news_content ul {
	list-style: none;
}
div#artistsbands div#artist_news_container div.artists_news_content ul li {
	float: left;
	width: 100%;
	padding-bottom: 10px;
  border-bottom: 1px dotted white;
}
div#artistsbands div#artist_news_container div.artists_news_content ul li div.news_title {
	float: left;
  font-size: 12px;
  font-weight: bold;
  color: #21DCD5;
}
div#artistsbands div#artist_news_container div.artists_news_content ul li a {
  color: #21DCD5;
}
div#artistsbands div#artist_news_container div.artists_news_content ul li p.text {
  float: left;
  clear: both;
  width: 100%;
  padding-bottom: 10px;
}
/* tour dates */
#tdates { width:318px; clear:left; }
.tdates-headline { height:28px;  width: 318px; float:left;  background:url(../images/title_live_dates_artist.gif) top left no-repeat; display:block; text-indent:-9999px; }
.tdates-actions { float:right; height:23px; width:318px; text-align:right; padding:7px 7px; }
.tdates-actions a img { padding-top:-1px; }
.tdates { float: left; padding-top:7px; width:280px; overflow:hidden; position:relative; padding:10px; padding-right:5px; padding-top:0px; }
.tdates ul { float: left; list-style:none; padding-top:3px; }
.tdates li.item { border-top: 1px dotted #484848; display:block; padding-right:4px; padding-left:2px; padding-bottom:4px; padding-top:4px; }
.tdates li.item:after { content: ".";  display: block; height: 0; clear: both; visibility: hidden; }
.tdates h2 { color:#21DCD5; font-weight:normal; font-size:13px; width:275px; float:left; padding-bottom:0; padding:0; padding-top:1px; }
.tdates span.details { color:#FFFFFF; }
.tdates span.artist { color:#d4a53e; }
.tdates-item-action { color: #312f2f; clear: both; width:80px; display:block; text-align:center; text-decoration:none; text-transform:uppercase; padding:2px 4px 2px 4px; border:1px solid #312f2f; padding-right:2px; }
.tdates-item-action:hover { color:#999999; text-decoration:none }
/* ###################################### */
/* RELEASES
/* ###################################### */
div#releases div#title_container {
  float: left;
  width: 897px;
  height: 29px;
  padding-left:16px;
}
div#releases div#title_left_container {
	float: left;
	width: 138px;
  height: 27px;
	padding-left: 34px;
	padding-top: 2px;
	background-color: #E5B010;
}
div#releases div#title_center_container {
  float: left;
  width: 492px;
  height: 27px;
  padding-left: 26px;
  padding-top: 2px;
}
div#releases .red_bg {
  background-color: #FF0000;
}
div#releases .blue_bg {
  background-color: #007EFF;
}
div#releases .green_bg {
  background-color: #2C8F00;
}
div#releases div#title_right_container {
  float: left;
  padding-left: 26px;
  padding-top: 7px;
}
div#releases div#title_container h1 {
  font-size: 20px;
  font-weight: bold;
}
div#releases div#releases_menu_container {
	float: left;
  width: 172px;
	padding-left: 16px;
}
div#releases div#releases_menu {
	float: left;
  width: 172px;
}
div#releases div#releases_menu a.menu_option {
	float: left;
	width: 136px;
	padding-left: 34px;
	font-size: 20px;
	font-weight: bold;
}
div#releases  div.menu_option_container {
	float: left;
	height: 29px;
	padding-top: 4px;
}
div#releases div#menu_option_container_newreleases {
	float: left;
	width: 100%;
	background-color: #FF0000;
}
div#releases div#menu_option_container_comming {
  float: left;
  width: 100%;
  background-color: #007EFF;
}
div#releases div#menu_option_container_past {
  float: left;
  width: 100%;
  background-color: #2C8F00;
}
div#releases div#menu_option_container_ratedbyyou {
  float: left;
  width: 100%;
  background-image: url('../images/icon_star.gif');
  background-repeat: no-repeat;
  background-position: 4px 2px;
}
div#releases div#search_title_container {
  padding-left: 26px;
  padding-top: 2px;
}
div#releases div#search_title_container h1 {
  font-size: 20px;
  font-weight: bold;
}
.releasesearch-artists { position:relative; background:#000; border:1px solid #8B8B8B; padding-bottom:7px; padding:0; width:160px; padding-left: 10px; }
.releasesearch-artists-link { display:block; overflow:hidden; padding:7px 0 7px 7px; height:15px; color:#FFF; font-size:14px; font-weight:normal; text-decoration:none; background:url(../images/button_expand_2.gif) 127px 8px no-repeat;  }
.releasesearch-artists-link:hover { text-decoration:none; }
.releasesearch-artists-content { position:absolute; top:30px; left:-1px; background-color:#312f2f; padding:5px; width:170px; display:none; }
.releasesearch-artists-content ul { list-style:none; }
.releasesearch-artists-content ul a { text-decoration:none; padding-top:1px; padding-bottom:1px; color:#FFF; display:block; padding-left:3px; font-size:11px; }
.releasesearch-artists-content ul a:hover { color:#e3b042; }
.releasesearch-artists-content p { padding-left:5px; }
.releasesearch-artists-content a.close { font-size:11px; }
div#releases div#releases_container {
	float: left;
	width: 712px;
	padding-left: 12px;
}
div#releases div#releases_container div.releases_new_container {
	float: left;
	width: 712px;
}
div#releases div#releases_container div.release_row {
  float: left;
}
div#releases div#releases_container div.release_big {
	float: left;
	width: 314px;
	height: 250px;
	padding: 12px;
}
div#releases div#releases_container div.release_big img {
  float: left;
  padding-right: 7px;
}
div#releases div#releases_container div.release_big h2 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #ECB411;
}
div#releases div#releases_container div.release_big span.artist_name {
  font-size: 16px;
  color: #007EFF;
  clear: both;
}
div#releases div#releases_container div.release_big span.artist_rel {
  float: left;
  clear: both;
  width: 120px;
}
div#releases div#releases_container div.release_big span.format {
  float: left;
  padding-top: 15px;
  color: #FFFFFF;
}
div#releases div#releases_container div.release_big  p.release {
  float: left;
  padding-top: 15px;
  font-size: 11px;
}
div#releases div#releases_container div.release_big  p.more2 {
  float: left;
  padding-top: 15px;
  font-size: 14px;
  font-weight: bold;
}
div#releases div#releases_container div.release_big  div.details {
  float: left;
  width: 100%;
  padding-top: 15px;
  clear: both;
  font-size: 11px;
}
div#releases div#releases_container div.release_small {
  float: left;
  width: 139px;
  height: 240px;
  padding: 12px;
}
div#releases div#releases_container div.release_small h2 {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #007EFF;
}
div#releases div#releases_container div.release_small p.artist_rel {
  float: left;
  clear: both;
  width: 139px;
  font-size: 12px;
  font-weight: bold;
  color: #ECB411;
}
div#releases div#releases_container div.release_small p.format {
  clear: both;
  color: #FFFFFF;
}
div#releases div#releases_container div.release_small  p.more {
	float: left;
	clear: both;
	width: 130px;
  padding-top: 15px;
  font-size: 14px;
  font-weight: bold;
}
div#releases div#releases_container div.release_coming_container {
  float: left;
  width: 712px;
}
div#releases div#releases_container div.past_releases_container{
  float: left;
  width: 712px;
}
div#releases  div#releases_container div#new_releases_title_container {
  float: left;
  width: 698px;
  height: 29px;
}
div#releases div#releases_container div#title_new_releases h1 {
	 float: left;
  font-size: 20px;
  font-weight: bold;
}
div#releases div#releases_container div#title_new_releases {
  float: left;
  width: 479px;
  height: 27px;
  padding-left: 34px;
  padding-top: 2px;
  background-color: #007EFF;
}
div#releases  div#releases_container div#past_releases_title_container {
  float: left;
  width: 698px;
  height: 29px;
}
div#releases div#releases_container div#title_past_releases h1 {
	float: left;
  font-size: 20px;
  font-weight: bold;
}
div#releases div#releases_container div#title_past_releases {
  float: left;
  width: 479px;
  height: 27px;
  padding-left: 34px;
  padding-top: 2px;
  background-color: #2C8F00;
}
div.letters_sort_container {
	float: left;
	padding-left: 8px;
	padding-right: 17px;
	padding-top: 10px;
}
div.pagination_container {
	float: left;
	width: 670px;
  padding-left: 8px;
  padding-top: 10px;
  padding-right: 17px;
  padding-bottom: 10px;
}
.releases-filter-type { float:right; color:#FFF; font-size:13px; margin-top: 7px; width: 286px;  }
.releases-filter-type a { color:#6c6c6c; text-decoration:none; margin-left:2px; margin-right:2px; }
.releases-filter-type a:hover { color:#e3b042; }
.releases-filter-type a.active { color:#e3b042; }
.release-filter-letters { width:378px; position:relative; margin-right: 8px; float:left; padding:6px 6px 6px 6px; color:#6c6c6c; background:#000; border:1px solid #303030; }
.release-filter-letters a { font-size:13px; color:#6c6c6c; text-decoration:none; }
.release-filter-letters a:hover { color:#FFF; }
.release-filter-letters a.active { color:#e3b042; }
.release-filter-pages {  text-align:center; position:relative; margin-right:7px; float:left; padding:6px 3px 6px 3px; color:#6c6c6c; background:#000; border:1px solid #303030; }
.release-filter-nav { width:136px; text-align:right; position:relative; float:left; padding:5px 7px 5px 0px; color:#6c6c6c; background:#000; border:1px solid #303030; }
.release-filter-nav a { font-size:14px; color:#FFF; text-decoration:none; margin-left:10px; }
.release-filter-nav a:hover { color:#e3b042; }
/* View a Release */
div.heading_container { float: left; width: 695px; background-image: url('../images/title_bg_blue_grad.png'); background-repeat: repeat-y; }
.release-breadcrumb { margin-top:7px; position:relative; padding:6px 6px 0px 17px; color:#FFF; }
.release-breadcrumb a { color:#6c6c6c; text-decoration:none; margin-left:2px; margin-right:2px; }
.release-breadcrumb a:hover { color:#e3b042; }
.release-item-left { float:left; width:304px; position:relative; padding: 17px; }
.release-item-rate { margin-top:20px; margin-bottom:10px; position:relative; }
.release-item-rate h3 { font-weight:bold; float:left; width:140px; padding-top:2px; font-size:18px; font-weight:normal; text-transform:none; }
.release-item-rate .rating { width:100px; float:left; }
.release-item-tracklist { margin-left:10px; margin-bottom:20px; margin-top:15px; margin-right:10px; }
.release-item-tracklist h3 { text-transform:none; color:#e3b042; font-size:12px; font-weight:normal; margin-bottom:3px; }
.release-item-tracklist ol { margin-top:0; padding-top:0;  }
.release-item-tracklist li {  margin-left:20px; padding-top:3px;  }
.release-item-tracklist li img { vertical-align:middle; }
.release-item { float: left; }
.release-item h3 { text-transform:uppercase; color:#e3b042; font-size:12px; font-weight:normal; margin-bottom:7px; padding-top:3px; }
.release-item-left { float:left; width:304px; position:relative; }
.release-item-right { float:right; width:345px; position:relative; margin-top: 12px; padding-right: 23px;  }
.release-item-thumb { display:block;  }
.release-item-artist { font-size:20px; font-weight:normal; color:#e3b042; }
.release-item-title { font-size:16px; font-weight:normal; color:#e3b042; }
.release-item-title span { color:#FFF; }
.release-item-releasedate { font-size:11px; color:#6c6c6c; margin:0; }
.release-item-avilable { margin-top:15px; margin-bottom:15px;  }
.release-item-avilable h3 { text-transform:uppercase; color:#e3b042; font-size:12px; font-weight:normal; margin-bottom:3px;  }
.release-item-avilable p { color:#6c6c6c; margin-top:7px; }
.release-item-avilable a { color:#FFF; text-decoration:underline; }
.release-item-more { margin-top:15px; margin-bottom:15px; color:#e3b042;  }
.release-item-more h3 { text-transform:uppercase; color:#e3b042; font-size:12px; font-weight:normal; margin-bottom:3px;  }
.release-item-more p { color:#6c6c6c; margin-top:7px; }
.release-item-more a { color:#e3b042;  }
.release-other {  width: 100%; float: left; margin-top:7px; }
.release-other h3 { float: left; width: 100%; height:23px; font-size: 16px; font-wight: bold; display:block; padding:6px; overflow:hidden; margin:6px 0px 0px 0px;  }
.release-other ul { list-style:none; margin-right:-8px; margin-top:-8px; width: 685px; }
.release-other li { position:relative; float:left; padding:10px; height:215px; width:143px; background:#000; margin-top:8px; margin-right:8px; }
.release-other li h2 { margin-top:5px; position:absolute; top:140px; left:10px; width:120px;  line-height:16px; width:140px; font-weight:normal; color:#e3b042; font-size:16px; text-align:left; }
.release-other li span.artist_rel { font-size:13px; line-height:12px; }
.release-other li span.format { font-size:13px; color:#FFF;  line-height:12px; }
.release-other li p.more { width:140px; display:block; position:absolute; bottom:10px; left:10px; color:#FFF; margin-top:15px; }
.release-other li p.more a { font-weight:bold; color:#FFF; text-decoration:none; }
.release-other li p.more a:hover { color:#e3b042; text-decoration:none; }
.release-similar {  float: left; margin-top:7px; padding-bottom: 10px; }
.release-similar h3 { float: left; width: 100%;  height:23px; font-size: 16px; font-wight: bold; display:block; padding:6px; overflow:hidden; margin:6px 0px 0px 0px;  }
.release-similar ul { list-style:none; margin-right:-8px; margin-bottom:10px;  }
.release-similar li { position:relative; color:#e3b042; font-size:14px; float:left; padding-left:13px; height:20px; width:220px; margin-top:8px; margin-right:8px; }
.release-similar a { color:#FFF; text-decoration:none; }
.release-similar a:hover { color:#e3b042; }
.release-item-rate { margin-top:20px; margin-bottom:10px; position:relative; }
.release-item-rate h3 { font-weight:bold; float:left; width:140px; padding-top:2px; font-size:18px; font-weight:normal; text-transform:none; }
.release-item-rate .rating { width:100px; float:left; }
.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{ background: url(../images/star.gif) left -1000px repeat-x; }
.star-rating{ position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
.star-rating li{ display: inline; }
.star-rating a, .star-rating .current-rating{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{ background-position: left bottom; }
.star-rating .current-rating{ z-index:1; background-position: left center; }
.star-rating-result { font-size:11px; color:#6c6c6c; float:left; clear: both; }
.inline-rating{ display:-moz-inline-block; display:-moz-inline-box; display: inline-block; vertical-align: middle; }
.small-star{ width:50px; height:10px; }
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating{ background-image: url(../images/star_small.gif); line-height: 10px; height: 10px; }
.star a.no-rate { display:none; }
/* ###################################### */
/* ISLAND TV MAIN PAGE
/* ###################################### */
div.island-tv-header {
	float: left;
	postition: relative;
	width: 878px;
  height: 29px;
	margin-left: 16px;
	background-image: url('../images/title_island_tv_main.gif');
}
/* ###################################### */
/* TOP STORIES
/* ###################################### */
div.top_stories_continer {
  float: left;
  width:563px;
}
div.top_stories_continer_main {
  float: left;
  background-image:url(../images/shelf_seperator_bg.jpg);
  background-position:563px 0px;
  background-repeat:repeat-y;
}
div.top_stories_continer_main div#topstories_title {
	float: left;
	position: relative;
	background-image: url('../images/title_top_stories_main.gif');
	margin-left: 16px;
	width: 548px;
	height: 25px;
}
div.top_stories_continer div.topstory_item {
	float: left;
	padding: 10px 10px 10px 26px;
}
div.top_stories_continer h2 {
  color: #FFE00E;
  font-size: 14px;
}
div.top_stories_continer div.topstory_item h2.artist_name {
	font-size: 16px;
	padding-bottom: 10px;
}
div.top_stories_continer img {
	padding-right: 10px;
	padding-bottom: 10px;
}
div.topstory-item-nav {
	float: right;
	font-size: 14px;
	font-weight: bold;
	height: 25px;
	padding-top: 8px;
	padding-right: 10px;
}
/* ###################################### */
/* HISTORY
/* ###################################### */
div#history div.content_container {
  float: left;
  padding: 0px 0px 0px 16px;
}
div#history div#main_title {
 float: left;
 width: 628px;
 height: 42px;
 background-image: url(../images/title_history_bg.gif);
}
div#history div#sub_title {
 float: left;
 width: 628px;
 height: 42px;
}
div#history h1 {
  padding-left: 30px;
  padding-top: 5px;
  color:#FFFFFF;
  font-size:24px;
  font-weight:bold;
}
div#history img {
  float: left;
}
div#history div.text {
  padding-top: 5px;
  padding-bottom: 5px;
  float: left;
  margin-left: 30px;
  width: 560px;
}
/* ###################################### */
/* FOOTER
/* ###################################### */
#sitemap {}
.sitemap { clear: both; }
.sitemap-headline { float: left; height:33px; overflow:hidden; margin-top:7px; display:block;}
.sitemap { position:relative;  margin-top:7px; padding:10px; }
.sitemap h3 { margin-bottom:7px; font-size:18px; font-weight:normal; }
.sitemap ul { list-style:none; margin-top:3px; position:relative;  width:300x;}
.sitemap li { margin-right:10px; margin-top:3px; padding-left:3px;  }
.sitemap a {text-decoration:none; }
.sitemap a:hover { text-decoration:underline; }
.topstory-item-action { color: #312f2f; float:right; clear:right; width:80px; margin-top:10px; display:block; text-align:center; text-decoration:none; text-transform:uppercase; padding:2px 4px 2px 4px; border:1px solid #312f2f; margin-right:10px; }
/* ###################################### */
/* FOOTER
/* ###################################### */
div#footer_container {
	float: right;
	text-align:right;
  width: 949px;
  height: 40px;
  padding-right: 20px;
  color: #facf06;
}
div#footer_container a {
  color: #facf06;
  font-size: 10px;
}
div#footer_container a:hover {
  color: #fff;
}