/**
* @project Elvis Costello
* @author Interactive Web Solutions
* @copyright 2009 by the author

* @subsection tabs
* --------------------------------------------------------------------------------------------------
*/
ul.tab-list,
ul.tab-list li,
ul.tab-list li a {
	overflow: hidden !important;
	height: 36px !important;
	padding: 0 !important; margin: 0 !important;
	list-style: none;
	background: url(/images/css/sprites/tabs.jpg) no-repeat 0 0;
	outline: 0;
}
	ul.tab-list li {
		float: left;
		width: 152px !important;
		margin: 0 7px 0 0 !important; padding: 0 !important;
		background-image: none;
	}

div.tabs div.section {
	position: relative; zoom: 1;
	display: none;
}
div.tabs div.section.active {
	display: block;
}


/**
* =homepage
* @subsection News Tabs - Homepage
* --------------------------------------------------------------------------------------------------
*/
#news-tabs .tab-list {
	margin: 0 0 15px !important;
	background-image: none;
}
	#news-tabs .tab-list li,
	#news-tabs .tab-list li a {
		height: 45px !important;
		background-image: url(/images/css/misc/news/buttons.jpg);
	}

.tab-list li.news,
.tab-list li.news a {
	width: 60px !important;
	background-position: 0 0;
}
.tab-list li.news a:hover,
.tab-list li.news a:focus {
	background-position: 0 -45px;
}
.tab-list li.news a:active,
.tab-list li.news a.active,
.tab-list li.news a.active:hover,
.tab-list li.news a.active:focus {
	background-position: 0 -90px;
}

.tab-list li.news-journal,
.tab-list li.news-journal a {
	width: 74px !important;
	background-position: -62px 0;
}
.tab-list li.news-journal a:hover,
.tab-list li.news-journal a:focus {
	background-position: -62px -45px;
}
.tab-list li.news-journal a:active,
.tab-list li.news-journal a.active,
.tab-list li.news-journal a.active:hover,
.tab-list li.news-journal a.active:focus {
	background-position: -62px -90px;
}

.tab-list li.tours-events,
.tab-list li.tours-events a {
	width: 131px !important;
	background-position: -138px 0;
}
.tab-list li.tours-events a:hover,
.tab-list li.tours-events a:focus {
	background-position: -138px -45px;
}
.tab-list li.tours-events a:active,
.tab-list li.tours-events a.active,
.tab-list li.tours-events a.active:hover,
.tab-list li.tours-events a.active:focus {
	background-position: -138px -90px;
}


/**
* =news
* @subsection News Tabs - News & Journal Page
* --------------------------------------------------------------------------------------------------
*/
body.news .tab-list,
body.news .tab-list li,
body.news .tab-list li a {
	height: 49px !important;
}
body.news .tab-list {
	position: absolute; top: 13px; left: 0;
	width: 155px;
	background-image: none !important;
}
	body.news .tab-list li,
	body.news .tab-list li a {
		margin: 0 !important;
		background-image: url(/images/css/misc/news/news-tabs.jpg);
	}

body.news .tab-list li.news,
body.news .tab-list li.news a {
	width: 70px !important;
	background-position: 0 -100px;
}
body.news .tab-list li.news a:hover,
body.news .tab-list li.news a:focus {
	background-position: 0 -150px ;
}
body.news .tab-list li.news a:active,
body.news .tab-list li.news a.active,
body.news .tab-list li.news a.active:hover,
body.news .tab-list li.news a.active:focus {
	background-position: 0 0 ;
}

body.news .tab-list li.news-journal,
body.news .tab-list li.news-journal a {
	width: 84px !important;
	background-position: -70px 0 ;
}
body.news .tab-list li.news-journal a:hover,
body.news .tab-list li.news-journal a:focus {
	background-position: -70px -50px ;
}
body.news .tab-list li.news-journal a:active,
body.news .tab-list li.news-journal a.active,
body.news .tab-list li.news-journal a.active:hover,
body.news .tab-list li.news-journal a.active:focus {
	background-position: -70px -100px ;
}


/**
* =discography
* @subsection Discography
* --------------------------------------------------------------------------------------------------
*/
.tab-list li.albums,
.tab-list li.albums a {
	background-position: 0 0;
}
.tab-list li.albums {
	margin-right: 8px !important;
}
.tab-list li.albums a:hover,
.tab-list li.albums a:focus {
	background-position: 0 -36px;
}
.tab-list li.albums a:active,
.tab-list li.albums a.active,
.tab-list li.albums a.active:hover,
.tab-list li.albums a.active:focus,
body.discography-albums .tab-list li.albums a,
body.discography-albums .tab-list li.albums a:hover,
body.discography-albums .tab-list li.albums a:focus {
	background-position: 0 -72px;
}

.tab-list li.singles,
.tab-list li.singles a {
	background-position: -319px 0;
}
.tab-list li.singles a:hover,
.tab-list li.singles a:focus {
	background-position: -319px -36px;
}
.tab-list li.singles a:active,
.tab-list li.singles a.active,
.tab-list li.singles a.active:hover,
.tab-list li.singles a.active:focus,
body.discography-singles .tab-list li.singles a,
body.discography-singles .tab-list li.singles a:hover,
body.discography-singles .tab-list li.singles a:focus {
	background-position: -319px -72px;
}

.tab-list li.dvd,
.tab-list li.dvd a {
	background-position: -160px 0;
}
.tab-list li.dvd a:hover,
.tab-list li.dvd a:focus {
	background-position: -160px -36px;
}
.tab-list li.dvd a:active,
.tab-list li.dvd a.active,
.tab-list li.dvd a.active:hover,
.tab-list li.dvd a.active:focus,
body.discography-dvd .tab-list li.dvd a,
body.discography-dvd .tab-list li.dvd a:hover,
body.discography-dvd .tab-list li.dvd a:focus {
	background-position: -160px -72px;
}




.tab-list li.tracks,
.tab-list li.tracks a {
	width: 155px !important;
	background-position: -478px 0;
}
.tab-list li.tracks a:hover,
.tab-list li.tracks a:focus {
	background-position: -478px -36px;
}
.tab-list li.tracks a:active,
.tab-list li.tracks a.active,
.tab-list li.tracks a.active:hover,
.tab-list li.tracks a.active:focus {
	background-position: -478px -72px;
}

.tab-list li.liner-notes {
	margin-right: 6px !important;
}
.tab-list li.liner-notes,
.tab-list li.liner-notes a {
	width: 155px;
	background-position: -640px 0;
}
.tab-list li.liner-notes a:hover,
.tab-list li.liner-notes a:focus {
	background-position: -640px -36px;
}
.tab-list li.liner-notes a:active,
.tab-list li.liner-notes a.active,
.tab-list li.liner-notes a.active:hover,
.tab-list li.liner-notes a.active:focus {
	background-position: -640px -72px;
}

.tab-list li.personnel,
.tab-list li.personnel a {
	background-position: -801px 0;
}
.tab-list li.personnel a:hover,
.tab-list li.personnel a:focus {
	background-position: -801px -36px;
}
.tab-list li.personnel a:active,
.tab-list li.personnel a.active,
.tab-list li.personnel a.active:hover,
.tab-list li.personnel a.active:focus {
	background-position: -801px -72px;
}

.tab-list li.clip,
.tab-list li.clip a {
	background-position: -967px 0;
}
.tab-list li.clip a:hover,
.tab-list li.clip a:focus {
	background-position: -967px -36px;
}
.tab-list li.clip a:active,
.tab-list li.clip a.active,
.tab-list li.clip a.active:hover,
.tab-list li.clip a.active:focus {
	background-position: -967px -72px;
}

.tab-list li.details,
.tab-list li.details a {
	background-position: -1126px 0;
}
.tab-list li.details a:hover,
.tab-list li.details a:focus {
	background-position: -1126px -36px;
}
.tab-list li.details a:active,
.tab-list li.details a.active,
.tab-list li.details a.active:hover,
.tab-list li.details a.active:focus {
	background-position: -1126px -72px;
}


/**
* =media
* @subsection Media
* --------------------------------------------------------------------------------------------------
*/
.tab-list li.audio,
.tab-list li.video,
.tab-list li.gallery,
.tab-list li.account {
	margin-right: 8px !important;
}
.tab-list li.audio,
.tab-list li.audio a {
	background-position: -1290px 0;
}
.tab-list li.audio a:hover,
.tab-list li.audio a:focus {
	background-position: -1290px -36px;
}
.tab-list li.audio a:active,
.tab-list li.audio a.active,
.tab-list li.audio a.active:hover,
.tab-list li.audio a.active:focus,
body.media-audio .tab-list li.audio a,
body.media-audio .tab-list li.audio a:hover,
body.media-audio .tab-list li.audio a:focus {
	background-position: -1290px -72px;
}

.tab-list li.video,
.tab-list li.video a {
	background-position: -1450px 0;
}
.tab-list li.video a:hover,
.tab-list li.video a:focus {
	background-position: -1450px -36px;
}
.tab-list li.video a:active,
.tab-list li.video a.active,
.tab-list li.video a.active:hover,
.tab-list li.video a.active:focus,
body.media-video .tab-list li.video a,
body.media-video .tab-list li.video a:hover,
body.media-video .tab-list li.video a:focus {
	background-position: -1450px -72px;
}

.tab-list li.gallery,
.tab-list li.gallery a {
	background-position: -1611px 0;
}
.tab-list li.gallery a:hover,
.tab-list li.gallery a:focus {
	background-position: -1611px -36px;
}
.tab-list li.gallery a:active,
.tab-list li.gallery a.active,
.tab-list li.gallery a.active:hover,
.tab-list li.gallery a.active:focus,
body.media-gallery .tab-list li.gallery a,
body.media-gallery .tab-list li.gallery a:hover,
body.media-gallery .tab-list li.gallery a:focus {
	background-position: -1611px -72px;
}

.tab-list li.account,
.tab-list li.account a {
	width: 154px !important;
	background-position: -1771px 0;
}
.tab-list li.account a:hover,
.tab-list li.account a:focus {
	background-position: -1771px -36px;
}
.tab-list li.account a:active,
.tab-list li.account a.active,
.tab-list li.account a.active:hover,
.tab-list li.account a.active:focus,
body.media-account .tab-list li.account a,
body.media-account .tab-list li.account a:hover,
body.media-account .tab-list li.account a:focus {
	background-position: -1771px -72px;
}

body.media .tab-list li.tracks,
body.media .tab-list li.tracks a {
	background-position: -1935px 0;
}
body.media .tab-list li.tracks a:hover,
body.media .tab-list li.tracks a:focus {
	background-position: -1935px -36px;
}
body.media .tab-list li.tracks a:active,
body.media .tab-list li.tracks a.active,
body.media .tab-list li.tracks a.active:hover,
body.media .tab-list li.tracks a.active:focus {
	background-position: -1935px -72px;
}

body.media .tab-list li.more-info,
body.media .tab-list li.more-info a {
	background-position: -2096px 0;
}
body.media .tab-list li.more-info a:hover,
body.media .tab-list li.more-info a:focus {
	background-position: -2096px -36px;
}
body.media .tab-list li.more-info a:active,
body.media .tab-list li.more-info a.active,
body.media .tab-list li.more-info a.active:hover,
body.media .tab-list li.more-info a.active:focus {
	background-position: -2096px -72px;
}


/**
* =buttons
* @subsection Buttons
* --------------------------------------------------------------------------------------------------
*/
a.button-action {
	height: 30px;
	background-image: url(/images/css/sprites/buttons-action.jpg);
	outline: 0;
}
p.button,
p.button a,
li.button,
li.button a,
input.button {
	height: 41px; width: 90px;
	background-image: url(/images/css/sprites/buttons.png);
	cursor: pointer;
}
input.push {
background-image:none;
}

p.add,
p.add a {
	background-position: 0 0;
}
p.add a:hover,
p.add a:focus {
	background-position: 0 -41px;
}
p.add a:active {
	background-position: 0 -82px;
}
input.create-account,
p.create-account,
p.create-account a {
	width: 115px;
	background-position: -270px 0;
}
input.create-account:hover,
input.create-account:focus,
p.create-account a:hover,
p.create-account a:focus {
	background-position: -270px -41px;
}
input.create-account:active,
p.create-account a:active {
	background-position: -270px -82px;
}
p.logout,
p.logout a {
	background-position: -385px 0;
}
p.logout a:hover,
p.logout a:focus {
	background-position: -385px -41px;
}
p.logout a:active {
	background-position: -385px -82px;
}
input.checkout {
	background-position: -90px 0;
}
input.checkout:hover,
input.checkout:focus {
	background-position: -90px -41px;
}
input.checkout:active {
	background-position: -90px -82px;
}
input.login {
	background-position: -180px 0;
}
input.login:hover,
input.login:focus {
	background-position: -180px -41px;
}
input.login:active {
	background-position: -180px -82px;
}
input.save {
	background-position: -1167px 0;
}
input.save:hover,
input.save:focus {
	background-position: -1167px -41px;
}
input.save:active {
	background-position: -1167px -82px;
}
input.submit-button {
	background-position: -1077px 0;
}
input.submit-button:hover,
input.submit-button:focus {
	background-position: -1077px -41px;
}
input.submit-button:active {
	background-position: -1077px -82px;
}

p.view-album,
p.view-album a {
	display: block !important;
	background-position: -475px 0;
}
p.view-album a:hover,
p.view-album a:focus {
	background-position: -475px -41px;
}
p.view-album a:active {
	background-position: -475px -82px;
}





#popup p.button,
#popup p.button a,
#popup li.button,
#popup li.button a,
#popup input.button,
#coming-soon input.button {
	height: 25px; width: 50px;
	background-image: url(/images/css/overlay/buttons-overlay.gif);
	cursor: pointer;
}
input.submit,
#coming-soon input.button {
	background-position: 0 0;
}
input.submit:hover,
input.submit:focus,
#coming-soon input.button:hover,
#coming-soon input.button:focus {
	background-position: 0 -25px;
}
input.submit:active,
#coming-soon input.button:active {
	background-position: 0 -50px;
}

p.listen,
p.listen a,
li.listen,
li.listen a {
	background-position: -50px 0;
}
p.listen a:hover,
p.listen a:focus,
li.listen a:hover,
li.listen a:focus {
	background-position: -50px -25px;
}
p.listen a:active,
li.listen a:active {
	background-position: -50px -50px;
}

p.refresh,
p.refresh a,
li.refresh,
li.refresh a {
	background-position: -100px 0;
}
p.refresh a:hover,
p.refresh a:focus,
li.refresh a:hover,
li.refresh a:focus {
	background-position: -100px -25px;
}
p.refresh a:active,
li.refresh a:active{
	background-position: -100px -50px;
}

p.buy-tickets,
p.buy-tickets a {
	height: 26px; width: 68px;
	background-image: url(/images/css/misc/events/buy.gif) !important;
}

p.buy-vip-tickets,
p.buy-vip-tickets a {
	height: 26px;
    width: 92px;
	background-image: url(/images/css/misc/events/pre-sale-tickets.gif) !important;
}

p.buy-tickets,p.buy-vip-tickets {
	background-image: none;
}
p.buy-tickets a:hover,
p.buy-tickets a:focus,
p.buy-vip-tickets a:hover,
p.buy-vip-tickets a:focus {
	background-position: 0 -30px;
}
p.buy-tickets a:active,p.buy-vip-tickets a:active {
	background-position: 0 -60px;
}

/**
* =buy
* @subsection Buy Album/DVD/Singles
* --------------------------------------------------------------------------------------------------
*/
#wrapper #content div.hproduct .item .buy h4 {
	background: url(/images/css/sprites/buttons.png) no-repeat -565px 0;
}
#wrapper #content div.hproduct .item .buy h4,
html.js #wrapper #content div.hproduct .item .buy:hover h4,
html.js #wrapper #content div.hproduct .item .buy.hover h4 {
	background-position: -565px -82px;
}
html.js #wrapper #content div.hproduct .item .buy h4 {
	background-position: -565px 0;
}

body.discography-dvd #wrapper #content div.hproduct .item .buy h4,
html.js body.discography-dvd #wrapper #content div.hproduct .item .buy:hover h4,
html.js body.discography-dvd #wrapper #content div.hproduct .item .buy.hover h4 {
	background-position: -693px -82px;
}
html.js body.discography-dvd #wrapper #content div.hproduct .item .buy h4 {
	background-position: -693px 0;
}

body.discography-singles #wrapper #content div.hproduct .item .buy h4,
html.js body.discography-singles #wrapper #content div.hproduct .item .buy:hover h4,
html.js body.discography-singles #wrapper #content div.hproduct .item .buy.hover h4 {
	background-position: -821px -82px;
}
html.js body.discography-singles #wrapper #content div.hproduct .item .buy h4 {
	background-position: -821px 0;
}

body.media #wrapper #content div.hproduct .item .buy h4,
html.js body.media #wrapper #content div.hproduct .item .buy:hover h4,
html.js body.media #wrapper #content div.hproduct .item .buy.hover h4 {
	background-position: -949px -82px;
}
html.js body.media #wrapper #content div.hproduct .item .buy h4 {
	background-position: -949px 0;
}
