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


* @section screen
* --------------------------------------------------------------------------------------------------
*/
html, body {
	background: #877E62;
	min-height: 100vh;
}
body {
	position: relative;
	font: normal normal 62.5%/1.5 Arial, Helvetica, sans-serif;
	line-height: 1.5; color: #424242;
}

/**
* =type
* @subsection typography
* --------------------------------------------------------------------------------------------------
*/
#wrapper {
	font-size: 1.2em; /* 12px base font size */
}
p, ul, ol, dl, pre, address, table,
h2, h3, h4, h5, h6 {
	margin: 0 0 1.5em; /* 18px */
}

h2, h3, h4, h5, h6 {
	color: #ABABAB; line-height: 1.0714; font-weight: normal;
}
h2 {
	margin: 0; padding: 0;
	font-size: 2.3333em; /* 28px */ letter-spacing: -0.025em; color: #000;
	font-family: "Franklin Gothic Medium Cond", "Franklin Gothic", Georgia, Times, "Times New Roman", serif;
}
h3 {
	display: block;
	margin-bottom: 0.9333em; /* 14px */
	font-size: 1.2500em; /* 15px; */ color: #656565;
}
h4 {
	margin-bottom: 0.5em; /* 7px */
	font-size: 1.1667em; /* 14px */
}

p.lede {
	font-size: 1.2500em; /* 15px; */
}


ol, ul {
	padding-left: 24px;
	list-style-type: decimal;
}
ul {
	list-style-type: disc;
}
ul.none,
ul.none li {
	padding-left: 0;
	list-style: none;
	background-image: none;
}

dl dt, dl dd {}
dl dt {
	font-weight: bold;
}
dl dd {
	margin-bottom: 5px;
}

a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
	color: #000000;
}


a:hover, a:focus, a:active, .hovered a {
	text-decoration: underline; color: #CE5F21;
}


.fitt {
	cursor: pointer;
}
.active > a, .active > a:focus, .active > a:hover, .active > a:active {
	color: #797979;
	text-decoration: none;
	cursor: default;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
strong.caps, em.caps {
	text-transform: uppercase;
}
img, a img, a:link img, a:visited img {
	display: block;
}
code, kbd, var {
	font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
}
object, embed {
	outline: 0;
}



/**
* =forms
* @subsection forms
* --------------------------------------------------------------------------------------------------
*/
form {
	position: relative;
}
	form fieldset {}
	form label {
		display: block;
		padding: 0 0 3px 12px; margin: 7px 0 0;
		font-weight: bold; color: #fff; font-size: 12px;
	}
	form label .required {
		color: #fff; font-weight: bold;
		cursor: default;
	}
	form label span.validation {
		color: #782B03;
	}
	form span.warning {
		position: absolute; bottom: 7px; right: 25px;
		height: 20px; width: 21px;
		background: url(/images/css/misc/error.png) no-repeat 0 0;
	}
	form div {
		position: relative;
	}
	form input {
		outline: 0;
	}
	form input.text,
	form textarea {
		width: 205px; height: 20px;
		padding: 6px 15px 4px;
		color: #cdcbcb; font-size: 12px;
		border: 0;
	}
	form input.text {
		position: relative;
		background: url(/images/css/misc/input.png) no-repeat 0 0;
	}
	form input.text:focus,
	form textarea:focus {
		color: #cdcbcb;
	}
	form textarea {
		height: 120px; width: 350px;
	}
	form select {
		margin: 1px 0;
		min-width: 210px;
	}

	form div.checkbox,
	form ul.checkbox li {
		overflow: hidden; zoom: 1; clear: both;
		padding: 15px 0;
	}
	form ul.checkbox {
		padding: 0; margin: 0;
		list-style: none;
	}
		form div.checkbox input,
		form ul.checkbox li input {
			float: left;
			height: 21px;
			margin: 0 0 0 5px;
			outline: 0;
		}
		form div.checkbox label,
		form ul.checkbox li label {
			margin: 0 0 0 28px; padding: 0;
			line-height: 20px;
		}

	form div.captcha {
		width: 319px; height: 131px;

	}


/* custom checkbox/radio */
div.custom-checkbox label,
div.custom-radio label {
	line-height: 18px !important;
	cursor: pointer;
}
span.custom-checkbox,
span.custom-radio {
	float: left;
	cursor: pointer;
}
span.custom-checkbox,
span.custom-checkbox .mark,
span.custom-radio,
span.custom-radio .mark {
	display: inline;
}
span.custom-checkbox img,
span.custom-radio img {
	width: 21px; height: 21px;
	vertical-align: middle;
	background: transparent no-repeat 0 0;
}
span.custom-checkbox img {
	background-image: url(/images/css/misc/input-checkbox.gif);
}
span.custom-radio img {
	background-image: url(/images/css/misc/input-radio.gif);
}
span.custom-checkbox-hover img,
span.custom-radio-hover img {
	background-position: 0 -21px;
}
span.custom-checkbox-checked img,
span.custom-checkbox-checked .custom-checkbox-hover img,
span.custom-radio-checked img,
span.custom-radio-checked .custom-checkbox-hover img {
	background-position: 0 -42px;
}



/**
* =header
* @subsection layout
* --------------------------------------------------------------------------------------------------
*/
#wrapper {
	min-width: 1004px;
}

#header,
#player,
#content {
	position: relative; zoom: 1;
}
#header div.inner,
#content div.inner {
	position: relative;
	width: 988px;
	margin: 0 auto;
}

#header {
	height: 50px;
	background: url(/images/css/layout/header-repeat-x.jpg) repeat-x 0 0;
}
	#header div.inner {
		width: 988px; overflow: hidden;
		margin: 0 auto; padding: 0;
	}
		#header h1,
		#header h1 a {
			height: 45px; width: 230px;
			background-image: url(/images/css/logo.jpg);
		}
		#header h1 {
			float: left;
			margin: 2px 0 0;
		}


/**
* =content
* @subsection layout
* @subsection content
* --------------------------------------------------------------------------------------------------
*/
#content {
	overflow: hidden; z-index: 50;
	margin: -10px 0 0;
	min-height: 420px;
	background-color: #000;
}

#media-player,#audio-player {
	position: relative; z-index: 51; overflow: hidden;
	height: 36px;
	background: url(/images/css/layout/player-repeat-x.png) repeat-x 0 0;
}
body.hasMediaFlash #media-player {
	background: none;
}
body.player-open #media-player {
	height: 558px;
}
	#media-player object,
	#media-player embed {
		position: absolute; bottom: 0;
	}



#launch-bar {
	position: absolute; bottom: 0; z-index: 52;
	display: none;
	height: 113px; width: 100%;
	margin: 0;
}
html.js #launch-bar {
	display: block;
}
html.js body.hasLaunchBarFlash #launch-bar {
	background-color: transparent;
}
html.js body.hasLaunchBarFlash #content {
	padding-bottom: 0;
}




/**
* =nav
* @subsection layout
* @subsection navigation
* --------------------------------------------------------------------------------------------------
*/
ul.nav,
ul.nav li {
	margin: 0; padding: 0;
	list-style: none;
	background-image: none;
}
#nav {
	float: right;
}
#nav ul {
	overflow: hidden;
	margin: 6px -3px 0 0;
}
	#nav ul li {
		position: relative;
		float: left;
		margin: 0 0 0 10px;
	}
		#nav ul li,
		#nav ul li a {
			background-image: url(/images/css/sprites/nav.gif);
		}
		#nav ul li a {
			float: left; display: block;
			height: 20px;
			padding: 15px 0 5px;
			cursor: pointer;
			outline: 0;
		}

	#nav ul li#nav-records,
	#nav ul li#nav-records a {
		width: 50px;
		background-position: 0 15px;
	}
	#nav ul li#nav-records a:hover,
	#nav ul li#nav-records a:focus {
		background-position: 0 -25px;
	}
	#nav ul li#nav-records a:active,
	#nav ul li#nav-records a.active,
	#nav ul li#nav-records a.active:hover,
	#nav ul li#nav-records a.active:focus,
	body.discography #nav ul li#nav-records a,
	body.discography #nav ul li#nav-records a:hover,
	body.discography #nav ul li#nav-records a:focus,
	body.records #nav ul li#nav-records a,
	body.records #nav ul li#nav-records a:hover,
	body.records #nav ul li#nav-records a:focus {
		background-position: 0 -65px;
	}

	#nav ul li#nav-lies-inventions,
	#nav ul li#nav-lies-inventions a {
		width: 99px;
		background-position: -60px 15px;
	}
	#nav ul li#nav-lies-inventions a:hover,
	#nav ul li#nav-lies-inventions a:focus {
		background-position: -60px -25px;
	}
	#nav ul li#nav-lies-inventions a:active,
	#nav ul li#nav-lies-inventions a.active,
	#nav ul li#nav-lies-inventions a.active:hover,
	#nav ul li#nav-lies-inventions a.active:focus,
	body.biography #nav ul li#nav-lies-inventions a,
	body.biography #nav ul li#nav-lies-inventions a:hover,
	body.biography #nav ul li#nav-lies-inventions a:focus,
	body.lies-inventions #nav ul li#nav-lies-inventions a,
	body.lies-inventions #nav ul li#nav-lies-inventions a:hover,
	body.lies-inventions #nav ul li#nav-lies-inventions a:focus {
		background-position: -60px -65px;
	}

	#nav ul li#nav-words,
	#nav ul li#nav-words a {
		width: 39px;
		background-position: -159px 15px;
	}
	#nav ul li#nav-words a:hover,
	#nav ul li#nav-words a:focus {
		background-position: -159px -25px;
	}
	#nav ul li#nav-words a:active,
	#nav ul li#nav-words a.active,
	#nav ul li#nav-words a.active:hover,
	#nav ul li#nav-words a.active:focus,
	body.lyrics #nav ul li#nav-words a,
	body.lyrics #nav ul li#nav-words a:hover,
	body.lyrics #nav ul li#nav-words a:focus,
	body.words #nav ul li#nav-words a,
	body.words #nav ul li#nav-words a:hover,
	body.words #nav ul li#nav-words a:focus {
		background-position: -159px -65px;
	}

	#nav ul li#nav-the-wheel,
	#nav ul li#nav-the-wheel a {
		width: 64px;
		background-position: -200px 15px;
	}
	#nav ul li#nav-the-wheel a:hover,
	#nav ul li#nav-the-wheel a:focus {
		background-position: -200px -25px;
	}
	#nav ul li#nav-the-wheel a:active,
	#nav ul li#nav-the-wheel a.active,
	#nav ul li#nav-the-wheel a.active:hover,
	#nav ul li#nav-the-wheel a.active:focus,
	body.the-wheel #nav ul li#nav-the-wheel a,
	body.the-wheel #nav ul li#nav-the-wheel a:hover,
	body.the-wheel #nav ul li#nav-the-wheel a:focus {
		background-position: -200px -65px;
	}

	#nav ul li#nav-frets-struts,
	#nav ul li#nav-frets-struts a {
		width: 79px;
		background-position: -265px 15px;
	}
	#nav ul li#nav-frets-struts a:hover,
	#nav ul li#nav-frets-struts a:focus {
		background-position: -265px -25px;
	}
	#nav ul li#nav-frets-struts a:active,
	#nav ul li#nav-frets-struts a.active,
	#nav ul li#nav-frets-struts a.active:hover,
	#nav ul li#nav-frets-struts a.active:focus,
	body.tools #nav ul li#nav-frets-struts a,
	body.tools #nav ul li#nav-frets-struts a:hover,
	body.tools #nav ul li#nav-frets-struts a:focus,
	body.frets-struts #nav ul li#nav-frets-struts a,
	body.frets-struts #nav ul li#nav-frets-struts a:hover,
	body.frets-struts #nav ul li#nav-frets-struts a:focus {
		background-position: -265px -65px;
	}

	#nav ul li#nav-press,
	#nav ul li#nav-press a {
		width: 72px;
		background-position: -350px 15px;
	}
	#nav ul li#nav-press a:hover,
	#nav ul li#nav-press a:focus {
		background-position: -350px -25px;
	}
	#nav ul li#nav-press a:active,
	#nav ul li#nav-press a.active,
	#nav ul li#nav-press a.active:hover,
	#nav ul li#nav-press a.active:focus,
	body.news #nav ul li#nav-press a,
	body.news #nav ul li#nav-press a:hover,
	body.news #nav ul li#nav-press a:focus,
	body.press #nav ul li#nav-press a,
	body.press #nav ul li#nav-press a:hover,
	body.press #nav ul li#nav-press a:focus,
	body.yellow-press #nav ul li#nav-press a,
	body.yellow-press #nav ul li#nav-press a:hover,
	body.yellow-press #nav ul li#nav-press a:focus {
		background-position: -350px -65px;
	}

	#nav ul li#nav-look-listen,
	#nav ul li#nav-look-listen a {
		width: 78px;
		background-position: -430px 15px;
	}
	#nav ul li#nav-look-listen a:hover,
	#nav ul li#nav-look-listen a:focus {
		background-position: -430px -25px;
	}
	#nav ul li#nav-look-listen a:active,
	#nav ul li#nav-look-listen a.active,
	#nav ul li#nav-look-listen a.active:hover,
	#nav ul li#nav-look-listen a.active:focus,
	body.media #nav ul li#nav-look-listen a,
	body.media #nav ul li#nav-look-listen a:hover,
	body.media #nav ul li#nav-look-listen a:focus,
	body.look-listen #nav ul li#nav-look-listen a,
	body.look-listen #nav ul li#nav-look-listen a:hover,
	body.look-listen #nav ul li#nav-look-listen a:focus {
		background-position: -430px -65px;
	}

	#nav ul li#nav-purchase,
	#nav ul li#nav-purchase a {
		width: 55px;
		background-position: -510px 15px;
	}
	#nav ul li#nav-purchase a:hover,
	#nav ul li#nav-purchase a:focus {
		background-position: -510px -25px;
	}
	#nav ul li#nav-purchase a:active,
	#nav ul li#nav-purchase a.active,
	#nav ul li#nav-purchase a.active:hover,
	#nav ul li#nav-purchase a.active:focus,
	body.shop #nav ul li#nav-purchase a,
	body.shop #nav ul li#nav-purchase a:hover,
	body.shop #nav ul li#nav-purchase a:focus,
	body.purchase #nav ul li#nav-purchase a,
	body.purchase #nav ul li#nav-purchase a:hover,
	body.purchase #nav ul li#nav-purchase a:focus {
		background-position: -510px -65px;
	}

	#nav ul li#nav-dance-card,
	#nav ul li#nav-dance-card a {
		width: 74px;
		background-position: -572px 15px;
	}
	#nav ul li#nav-dance-card a:hover,
	#nav ul li#nav-dance-card a:focus {
		background-position: -572px -25px;
	}
	#nav ul li#nav-dance-card a:active,
	#nav ul li#nav-dance-card a.active,
	#nav ul li#nav-dance-card a.active:hover,
	#nav ul li#nav-dance-card a.active:focus,
	body.tours-events #nav ul li#nav-dance-card a,
	body.tours-events #nav ul li#nav-dance-card a:hover,
	body.tours-events #nav ul li#nav-dance-card a:focus,
	body.dance-card #nav ul li#nav-dance-card a,
	body.dance-card #nav ul li#nav-dance-card a:hover,
	body.dance-card #nav ul li#nav-dance-card a:focus {
		background-position: -572px -65px;
	}


/**
* =footer
* @subsection layout
* @subsection footer
* --------------------------------------------------------------------------------------------------
*/
#footer {
	clear: both; zoom: 1;
	padding: 11px 0 20px;
	background: url(/images/css/layout/footer-repeat-x.jpg) repeat-x 0 0;
}
	#footer div.inner {
		overflow: hidden;
		width: 974px; height: 20px;
		margin: 0 auto; padding: 17px 15px 20px;
		background: #CFCCBA url(/images/css/layout/footer.jpg) no-repeat 0 0;
	}
		#footer div.inner p {
			float: left;
			margin: 0 10px 0 0;
		}
		#footer div.inner p,
		#footer div.inner p a {
			color: #424242;
		}

#footer-social,
#footer-social li {
	margin: 0; padding: 0;
	list-style: none;
	background-image: none;
}
#footer-social {
	float: right; overflow: hidden;
}
	#footer-social li {
		float: left;
		margin: 0 0 0 13px;
	}
		#footer-social li,
		#footer-social li a {
			height: 21px;
			background-image: url(/images/css/sprites/footer-social.gif);
			outline: 0;
		}

		#footer-social li#footer-social-rss,
		#footer-social li#footer-social-rss a {
			width: 50px;
			background-position: 0 0;
		}
		#footer-social li#footer-social-rss a:hover,
		#footer-social li#footer-social-rss a:focus {
			background-position: 0 -20px;
		}
		#footer-social li#footer-social-rss a:active {
			background-position: 0 -40px;
		}

		#footer-social li#footer-social-facebook,
		#footer-social li#footer-social-facebook a {
			width: 85px;
			background-position: -60px 0;
		}
		#footer-social li#footer-social-facebook a:hover,
		#footer-social li#footer-social-facebook a:focus {
			background-position: -60px -20px;
		}
		#footer-social li#footer-social-facebook a:active {
			background-position: -60px -40px;
		}

		#footer-social li#footer-social-myspace,
		#footer-social li#footer-social-myspace a {
			width: 82px;
			background-position: -150px 0;
		}
		#footer-social li#footer-social-myspace a:hover,
		#footer-social li#footer-social-myspace a:focus {
			background-position: -150px -20px;
		}
		#footer-social li#footer-social-myspace a:active {
			background-position: -150px -40px;
		}

		#footer-social li#footer-social-twitter,
		#footer-social li#footer-social-twitter a {
			width: 82px;
			background-position: -150px 0;
		}
		#footer-social li#footer-social-twitter a:hover,
		#footer-social li#footer-social-twitter a:focus {
			background-position: -150px -20px;
		}
		#footer-social li#footer-social-twitter a:active {
			background-position: -150px -40px;
		}


/**
* =flash
* @subsection Flash areas
* --------------------------------------------------------------------------------------------------
*/

#wrapper #container #content #video-player,
#wrapper #container #content #video-player-flash {
	margin-top:15px!important;
	margin-left:120px!important;
	margin-bottom:0!important;
}




/**
* =popup
* @subsection Popup and Popup overlay
* --------------------------------------------------------------------------------------------------
*/
#overlay {
	position: absolute; top: 0; left: 0; right: 0; bottom: 0;
	display: none;
	width: 100%;
	background: url(/images/css/overlay/blackout.gif) repeat-y 50% 0;
	z-index:5000;
}
#popup,
#popup-finished,
#popup form,
#popup-finished form {
	position: relative;
	margin: 0 auto;
}
#popup, #popup-finished {
	width: 660px; height: 475px;
	padding: 45px 0 0;
	background: url(/images/css/overlay/mask.png) no-repeat 50% 0;
}
	#popup form,
        #popup-finished form,
	#popup form div.top,
        #popup-finished form div.top {
		overflow: visible !important;
		position: relative;
                zoom: 1;
		width: 332px;
		background: url(/images/css/overlay/popup.gif) no-repeat 0 100%;
	}
		#popup form div.top,
                #popup-finished form div.top{
			position: absolute; top: -25px; left: 0;
			height: 50px;
			background-position: 0 0;
		}
		#popup form fieldset {
			padding: 0 7px 50px;
		}
		#popup form div {
			position: relative;
		}
			#popup form input.text {
				width: 285px;
				background-image: url(/images/css/overlay/input.png);
			}
			#popup form input.submit {
				position: absolute; bottom: 15px; right: 15px;
			}
			#popup form label span.validation {
				color: #EDA100;
			}
			#popup form span.warning {
				right: 15px;
			}

		#popup form div.custom-checkbox {
			padding: 10px 0 5px;
		}
		#popup form span.custom-checkbox img {
			background-image: url(/images/css/overlay/input-checkbox.gif);
		}

		#popup a.cancel,
                #popup-finished a.cancel {
			position: absolute; top: -12px; right: 10px; z-index: 500;
			width: 73px;
			outline: 0;
		}
		#popup a.cancel:hover,
		#popup a.cancel:focus,
                #popup-finished a.cancel:hover,
		#popup-finished a.cancel:focus{
			background-position: 0 -30px;
		}
		#popup a.cancel:active,
                #popup-finished a.cancel:active {
			background-position: 0 -60px;
		}


/**
* =newsTabs
* @subsection News Tabs - Homepage
* --------------------------------------------------------------------------------------------------
*/
#news-tabs {
	position: relative; overflow: hidden; z-index: 50;
	width: 316px; height: 325px;
	margin: 0 25px 0 auto;
	background: url(/images/css/misc/news/box.png) no-repeat 50% 0;
}
#news-tabs div.inner {
	width: auto; padding: 54px 13px 11px;
	background: url(/images/css/misc/news/shadow.png) no-repeat 0 100%;
}
	#news-tabs div.section div.content {
		padding: 0 10px 15px 0;
	}
	#news-tabs div.section h2 {
		display: none;
	}
	#news-tabs div.section div.content ul {
		overflow: hidden;
		height: 175px;
		padding: 0;
	}
		#news-tabs div.section div.content li,
		#news-tabs div.section div.content li a {
			color: #000;
		}
		#news-tabs div.section div.content li {
			padding-left: 12px; margin-bottom: 10px;
			background: url(/images/css/misc/bullet.gif) no-repeat 0 7px;
		}
	#news-tabs div.section p.more {
		position: absolute; bottom: 0; right: 0;
		padding: 0; margin: 0;
	}
		#news-tabs div.section p.more,
		#news-tabs div.section p.more a {
			height: 40px; width: 75px;
			background-image: url(/images/css/misc/news/more.jpg);
		}
		#news-tabs div.section p.more a:hover,
		#news-tabs div.section p.more a:focus {
			background-position: 0 -40px;
		}
		#news-tabs div.section p.more a:active {
			background-position: 0 -80px;
		}


/**
* =slider
* @subsection Content Slider
* --------------------------------------------------------------------------------------------------
*/
#content-slider {
	position: relative;
	padding: 11px 0 40px;
}
	#content-slider ul.listings {
		height: 154px;
		padding: 20px 0 0; margin: 0;
		list-style: none;
	}
	html.js #content-slider ul.listings {
		position: relative; z-index: 10;
}
	#content-slider ul.listings.second {
		z-index: 8; clear: both;
		padding: 0;
	}
	html.js #content-slider ul.listings.second {
		clear: none;
	}
		#content-slider ul.listings li {
			float: left;
			padding: 0; margin: 0 30px 30px 0;
			background-image: none;
		}
		html.js #content-slider ul.listings li {
			position: relative; z-index: 10;
		}
		#content-slider ul.listings.second li {
			z-index: 8;
		}
		#content-slider ul.listings li.faded img {
			opacity: 0.25; filter: alpha(opacity=25);
		}
		#content #content-slider ul.listings li div img {
			opacity: 1; filter: alpha(opacity=100);
		}
		ul.listings li a {
			position: relative;
			display: block;
		}
		ul.listings li a span.loading,
		ul.listings li a span.info {
			position: absolute; top: 0; left: 0; bottom: 0; right: 0;
			display: block;
			height: 125px; width: 125px;
			background: #000 url(/images/css/misc/hproduct/loading.gif) no-repeat 50% 50%;
		}
		ul.listings.dvds li a span.loading {
			height: 144px; width: 101px;
		}
		ul.listings.video li a span.loading {
			height: 121px; width: 214px;
		}
		ul.listings.text li a span.loading,
		ul.listings.text li a span.info {
			display: none;
		}

		ul.listings li a span.info {
			display: none;
			width: 105px; height: 105px;
			padding: 10px;
			color: #fff; font-size: 16px; line-height: 1.2;
			text-align: center; text-decoration: none;
			background: #000; background: rgba(0,0,0,0.8);
			cursor: pointer;
		}
		ul.listings.dvd li a span.info {
			height: 134px; width: 81px;
		}
		ul.listings.video li a span.info {
			height: 101px; width: 194px;
		}
		ul.listings li a:hover span.info,
		ul.listings li a:focus span.info {
			display: block;
			text-decoration: none;
		}
		body.media ul.listings li a {
			text-decoration: none;
		}

		#content #content-slider ul.listings.dvds li {
			height: 170px;
		}
			#content #content-slider ul.listings.dvds li h4,
			#content #content-slider ul.listings.dvds li h4 a {
				color: #fff;
			}
			#content #content-slider ul.listings.dvds li img {
				float: left;
			}
			#content #content-slider ul.listings.dvds li h4 {
				width: 100px;
				margin-left: 110px;
			}

		#content #content-slider ul.listings.video li {
			height: 160px;
		}
			#content #content-slider ul.listings.video li h4,
			#content #content-slider ul.listings.video li h4 a {
				color: #fff;
			}
			#content #content-slider ul.listings.video li h4 {
				margin-top: 4px;
			}
			#content #content-slider ul.listings.video li img {
				display: block;
				margin: 0;
				border: 2px solid #fff;
			}

		#content #content-slider ul.listings.text li {
			height: 300px;
			border-right: 1px solid #232323;
		}
			#content #content-slider ul.listings.text li h4,
			#content #content-slider ul.listings.text li ul {
				width: 195px;
				margin: 0 20px 0 0;
			}
			#content #content-slider ul.listings.text li h4 {
				font-size: 2em; color: #737373;
			}
			#content #content-slider ul.listings.text li ul {
				position: static; top: 0; left: 0;
				margin-bottom: 15px; padding: 0;
				list-style: none;
			}
				#content #content-slider ul.listings.text li ul li {
					position: static; float: none;
					width: auto; height: auto;
					margin: 7px 0; padding: 0;
					background-image: none;
					border: 0 !important;
				}
					 #content #content-slider ul.listings.text li ul li a {
						line-height: 1.5; color: #fff;
					}

		body.media-gallery #content #content-slider ul.listings{
			padding-top: 30px;
		}
		body.media-gallery #content #content-slider ul.listings li,
		body.media-gallery #content #content-slider ul.listings li a {
			height: 180px; width: 180px;
		}
		body.media-gallery #content #content-slider ul.listings li a {
			display: table-cell;
			height: 180px; width: 180px;
			vertical-align: middle;
			text-align: center;
		}
		body.media-gallery #content #content-slider ul.listings li img {
			display: inline;
			border: 3px solid #fff;
		}


html.js #content-slider {
	height: 344px;
}
html.js #content-slider ul.listings li {
	overflow: visible !important;
	height: 124px;
}
html.js #content-slider ul.listings {
	position: absolute; top: 60px; left: 0;
	padding: 0 !important;
}
html.js #content-slider ul.listings.second {
	top: 214px;
}
html.js body.discography-dvd #content-slider ul.listings.second {
	top: 230px;
}
html.js body.media-gallery #content-slider,
html.js body.media-video #content-slider {
	height: 360px;
}
html.js body.media-gallery #content-slider ul.listings{
	top: 30px;
}
html.js body.media-gallery #content-slider ul.listings.second,
html.js body.media-video #content-slider ul.listings.second {
	top: 225px;
}

.ui-widget-content {
	position: absolute; bottom: 0; left: 0;
	margin: 10px 0 20px;
	background: #000 url(/images/css/misc/slider/bar.jpg) repeat-x 0 50%;
}
.ui-state-default, .ui-widget-content .ui-state-default,
.ui-state-active, .ui-widget-content .ui-state-active,
.ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus {
	font-weight: bold;
	background: url(/images/css/misc/slider/handle.jpg) no-repeat 0 0;
	outline: none;
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-state-hover a, .ui-state-hover a:hover {
	text-decoration: none;
	outline: none;
}
.ui-state-active, .ui-widget-content .ui-state-active {
	color: #ffffff;
}

.ui-slider {
	position: relative;
	height: 14px !important;
	text-align: left; line-height: 0; font-size: 0;
	zoom: 1;
}
.ui-slider .ui-slider-handle {
	position: absolute; top: 0; z-index: 2000;
	width: 41px; height: 14px;
	cursor: pointer;
}
.ui-slider .ui-slider-range {
	position: absolute; z-index: 1;
	display: block;
	border: 0 !important;
}
.ui-slider-horizontal .ui-slider-handle {
	top: 0; margin-left: -20px;
}
.ui-slider-horizontal .ui-slider-range {
	top: 0; height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
	left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
	right: 0;
}
.ui-state-disabled {
	opacity: 0.25;
	filter: alpha(opacity=25);
}
.ui-state-disabled a {
	filter: alpha(opacity=50);
}
.ui-state-disabled .ui-slider-handle {
	cursor: default;
}


/**
* =artwork
* @subsection Artwork rotating
* --------------------------------------------------------------------------------------------------
*/
div.artwork,
#wrapper #content div.artwork ul,
#wrapper #content div.artwork ul li,
#wrapper #content #content-slider div.artwork ul,
#wrapper #content #content-slider div.artwork ul li {
	height: 150px; width: 150px;
}
body.discography-dvd div.artwork,
body.discography-dvd #wrapper #content div.artwork ul,
body.discography-dvd #wrapper #content div.artwork ul li,
body.discography-dvd #wrapper #content #content-slider div.artwork ul,
body.discography-dvd #wrapper #content #content-slider div.artwork ul li{
	height: 214px; width: 150px;
}
div.artwork {
	overflow: hidden;
	padding: 5px 5px 20px;
	background: url(/images/css/misc/artwork/container-small.png) no-repeat 0 0;
}
body.discography-dvd div.artwork{
	background-image: url(/images/css/misc/artwork/container-large.png);
}
#wrapper #content div.artwork ul,
#wrapper #content div.artwork ul li,
#wrapper #content #content-slider div.artwork ul,
#wrapper #content #content-slider div.artwork ul li {
	position: relative;
	margin: 0; padding: 0;
	list-style: none;
	background-image: none;
	border: 0 !important;
}
	div.artwork ul li {
		display: none;
	}
	div.artwork ul li.active {
		display: block;
	}
		div.artwork ul li img {
			border: 0 !important;
		}

div.artwork ul.cycle-pager {
	overflow: hidden; position: relative;
	height: auto !important;
	margin: 5px auto 0 !important;
}
	div.artwork ul.cycle-pager li,
	div.artwork ul.cycle-pager a {
		display: block;
		height: 8px !important; width: 8px !important;
		background-image: url(/images/css/misc/artwork/pagination.jpg);
		background-position: -11px 0;
	}
	div.artwork ul.cycle-pager li,
	div.artwork ul.cycle-pager a {
		float: left !important;
		margin: 0 3px 0 0 !important;
		cursor: pointer;
	}
		div.artwork ul.cycle-pager a:hover,
		div.artwork ul.cycle-pager a:focus,
		div.artwork ul.cycle-pager a:active,
		div.artwork ul.cycle-pager li.active a,
		div.artwork ul.cycle-pager a.activeSlide {
			background-position: 0 0 !important;
		}


/**
* =scroll
* @subsection scrollbar
* --------------------------------------------------------------------------------------------------
*/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	outline: 0 !important;
}
.jScrollPaneTrack,
.jScrollPaneDrag,
.jScrollPaneDragBottom,
a.jScrollArrowUp,
a.jScrollArrowDown {
	position: absolute; z-index: 1;
	overflow: hidden;
	outline: 0 !important;
}
.jScrollPaneTrack,
.jScrollPaneDragTop,
a.jScrollArrowUp {
	top: 0;
}
.jScrollPaneDragTop,
.jScrollPaneDragBottom {
	left: 0;
}
.jScrollPaneTrack,
a.jScrollArrowUp,
a.jScrollArrowDown {
	right: 0;
}
.jScrollPaneDragBottom,
a.jScrollArrowDown {
	bottom: 0;
}
.jScrollPaneTrack {
	height: 100%;
	background: url(/images/css/misc/scrollbar/bar.jpg) repeat-y 50% 0;
	cursor: default;
	width:16px;

}

div.jspVerticalBar .jScrollPaneTrack{
right:23px;
}


.jScrollPaneDrag {
	height: 42px !important;
	background: url(/images/css/misc/scrollbar/handle.jpg) no-repeat 50% 50%;
	cursor: pointer;
	width:16px;
}



a.jScrollArrowUp,
a.jScrollArrowDown {
	right: 0;
	height: 13px !important; width: 13px !important;
}
a.jScrollArrowUp {
	background-position: 0 -12px;
}
a.jScrollArrowDown {
	background-position: 0 -27px;
}


/**
* =home
* @subsection Homepage
* --------------------------------------------------------------------------------------------------
*/
body.homepage #content {
	min-height: 840px;
	background: #000;
}
body.homepage #content div.inner #elvis {
	position: absolute; top: 0; left: 50%; z-index: 40; overflow: hidden;
	height: 513px; width: 1130px;
	margin: 0 0 0 -565px;
}
body.homepage #content div.inner #elvis ul {
	padding: 0; margin: 0;
	list-style: none;
}
body.homepage #content div.inner #elvis ul li img {
	position: absolute; top: 0; left: 0;
	display: none;
}
body.homepage #content div.inner #elvis ul li.active img {
	display: block;
}



/**
* =wheel
* @subsection The Wheel
* --------------------------------------------------------------------------------------------------
*/
body.the-wheel div.inner {
	height: 514px;
}
body.the-wheel #content #the-wheel form {
	position: relative;
	height: 500px; width: 920px;
	margin: 0 0 0 17px; padding: 15px 0 0;
	background: url(/images/css/misc/wheel/bg.jpg) no-repeat 0 15px;
}
* html body.the-wheel #content #the-wheel form {
	display: none;
}
	body.the-wheel #content #the-wheel form legend {
		display: none;
	}
	body.the-wheel #content #the-wheel form input.submit {
		position: absolute; top: 75px; right: 5px;
		height: 170px; width: 170px;
		background-image: url(/images/css/misc/wheel/push.gif);
		outline: 0; border: 0;
	}
	body.the-wheel #content #the-wheel form input.submit,
	body.the-wheel #content #the-wheel form input.submit:hover,
	body.the-wheel #content #the-wheel form input.submit:focus {
		background-position: 0 1px;
	}
	body.the-wheel #content #the-wheel form input.submit:active {
		background-position: 0 -168px;
	}

	body.the-wheel #the-wheel,
	body.the-wheel #the-wheel object,
	body.the-wheel #the-wheel embed {
		background-color: #000;
	}

/**
* =discography
* @subsection Discography
* --------------------------------------------------------------------------------------------------
*/
body.discography #content div.inner,
body.lyrics #content div.inner {
	min-height: 560px;
}

html.js div.hproduct,
html.js div.hwrapper {
	position: absolute; top: 11px; left: 0; z-index: 500;
}
body.discography #content-config #content-config-nav,
body.discography #content-config #content-config-nav ul.tab-list {
	width: 316px;
}
div.hproduct,
#cart,
#account {
	width: 989px; height: 376px;
	margin: 0;
	background: url(/images/css/misc/hproduct/container.jpg) no-repeat 0 0;
}
	div.hproduct .item,
	#cart .info {
		float: left;
		width: 320px; height: 334px;
		margin: 0 4px 0 0; padding: 20px;
		color: #000;
	}
	div.hproduct a {
		position: static;
		display: inline;
	}
		div.hproduct h2.fn,
		#cart .info h2,
		#account .existing h2, #account .new-members h2,
		#content .edit-details h2 {
			position: relative;
			width: 275px;
			margin: 0; padding: 0;
			color: #494023; font-size: 1.8333em; /* 22px */ letter-spacing: 0;
			font-family: Arial, Helvetica, sans-serif; font-weight: bold;
		}
			div.hproduct h2.fn span,
			#cart .info h2 span,
			#account .existing h2 span,
			#account .new-members h2 span,
			#content .edit-details h2 span {
				position: absolute; top: 0; left: 0; right: 0;
				display: block;
				height: 100%; width: 100%;
				background: url(/images/css/misc/dirt.png) no-repeat 0 0;
			}

		div.hproduct .item div.info {
			margin: 5px 0 0; padding: 15px 0 0;
			background: url(/images/css/misc/hproduct/border.png) repeat-x 0 0;
		}
		div.hproduct .item .artwork {
			float: left;
			margin: 0 15px 15px 0;
		}
		div.hproduct .item .buy,
		div.hproduct .item .price,
		div.hproduct .item .add,
		div.hproduct .item dl {
			margin: 0 0 0 175px;
		}
		div.hproduct .item dl {
			margin-top: 15px;
		}

#wrapper #content div.hproduct .item .buy{
	height:91px;
}

#wrapper #content div.hproduct .item .buy,
#wrapper #content div.hproduct .item .add,
#wrapper #content div.hproduct .item .price {
	position: relative; z-index: 50000;
	padding: 0; margin-top: 0;
}
#wrapper #content div.hproduct .item .add,
#wrapper #content div.hproduct .item .price {
	overflow: hidden;
}
	#wrapper #content div.hproduct .item .buy h4 {
		width: 126px; height: 39px;
		margin: 0; padding: 0;
		color: #fff;
	}
	#wrapper #content div.hproduct .item .buy ul,
	#wrapper #content div.hproduct .item .buy ul li {
		padding: 0; margin: 0;
		list-style: none;
		background-image: none;
	}
	#wrapper #content div.hproduct .item .buy ul {
		position: relative;
		width: 106px;
		padding: 10px; margin: 0;
		border: 1px solid #c1c1c1; border-width: 1px 0;
		border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
		background-color: #222b1d;
	}
		#wrapper #content div.hproduct .item .buy ul li {
			float: none; position: relative; zoom: 1;
			height: auto;
		}

	#wrapper #content div.hproduct .item .buy ul li a {
		display: block;
		color: #fff;
	}
	html.js #wrapper #content div.hproduct .item .buy ul {
		display: none;
	}
	html.js #wrapper #content div.hproduct .item .buy:hover ul,
	html.js #wrapper #content div.hproduct .item .buy.hover ul {
		display: block; zoom: 1;
	}

	div.hproduct .item p.view-album {
		margin: 15px 0 0;
	}

	div.hproduct .associated{
		clear:both;
	}
	div.hproduct .associated img{
		border-radius:4pt 4pt 4pt 4pt;
	}


	div.hproduct .tabs,
	body.lyrics div.hproduct .section,
	#cart .details {
		position: relative; z-index: 5000; overflow: hidden;
		width: 580px;
		margin: 0 0 0 376px; padding: 60px 15px 0;
	}
	div.hproduct .tabs h3 {
		display: none;
	}
		div.hproduct .tabs .content,
		body.lyrics div.hproduct .section,
		#cart .details .content {
			overflow-y: auto; overflow-x: hidden;
			height: 290px;
			padding: 0 10px 0 0;
			color: #fff; font-size: 1.1667em; /* 14px */
		}

		div.hproduct .tabs .content.video {
		 height: 325px;
		 overflow: hidden;
		}

		#wrapper #content div.hproduct .content li {
			float: none;
			width: auto; height: auto;
			margin: 0; padding: 0;
		}

	#wrapper #content div.hproduct .tab-list,
	#wrapper #content #content-slider ul.listings div.hproduct .tab-list {
		position: absolute; top: 0; left: 11px;
		width: 475px;
		background-position: -479px 0;
	}
	body.discography-dvd #wrapper #content div.hproduct .tab-list,
	body.discography-dvd #wrapper #content #content-slider ul.listings div.hproduct .tab-list,
	body.media-video #wrapper #content div.hproduct .tab-list,
	body.media-video #wrapper #content #content-slider ul.listings div.hproduct .tab-list {
		width: 316px;
		background-position: -967px 0;
	}
	body.media-audio #wrapper #content div.hproduct .tab-list,
	body.media-audio #wrapper #content #content-slider ul.listings div.hproduct .tab-list {
		width: 327px;
		background-position: -1935px 0;
	}
		#wrapper #content .tab-list li,
		#wrapper #content #content-slider ul.listings .tab-list li {
			float: left;
			border: 0 !important;
		}
		#wrapper #content .tab-list li.l,
		#wrapper #content #content-slider ul.listings .tab-list li.l,
		#wrapper #content .tab-list #tab-list-personnel-id,
		#wrapper #content #content-slider ul.listings .tab-list #tab-list-personnel-id,
		#wrapper #content .tab-list #tab-list-details-id,
		#wrapper #content #content-slider ul.listings .tab-list #tab-list-details-id {
			margin-right: 0 !important;
		}

div.hproduct .tabs div.clip {
	height: 333px; width: 608px;
	margin: -23px 0 0 -15px;
	background: url(/images/css/misc/hproduct/inner-black.jpg) no-repeat 0 0;
}

div.hproduct a.close {
	position: absolute; top: 2px; right: 0;
	display: none;
	width: 70px;
	background-position: -73px 0;
}
html.js ul.listings div.hproduct a.close {
	display: block;
}
div.hproduct a.close:hover,
div.hproduct a.close:focus {
	background-position: -73px -30px;
}
div.hproduct a.close:active {
	background-position: -73px -60px;
}


body.discography-detail ul.listings li div.hwrapper,
body.lyrics-detail ul.listings li div.hwrapper {
	position: absolute; top: 20px; left: 0;
}
body.show-detail #content-slider ul.listings {
	padding-top: 400px;
}
body.show-detail #content-slider ul.listings.second {
	padding-top: 0;
}
html.js body.discography-detail #content-slider ul.listings li.shown,
html.js body.discography-detail #content-slider ul.listings li.index,
html.js body.lyrics-detail #content-slider ul.listings li.shown,
html.js body.lyrics-detail #content-slider ul.listings li.index {
	width: 1143px;
}
html.js body #content-slider ul.listings,
html.js body #content-slider ul.listings.second {
	padding-top: 50px;
}


html.js ul.listings li div.hproduct,
html.js ul.listings li div.hwrapper {
	position: absolute; top: -49px; left: 0; z-index: 5001;
	margin-left: 126px; /* 154px */
}
html.js ul.listings.second li div.hproduct,
html.js ul.listings.second li div.hwrapper {
	top: -203px;
}
html.js ul.listings.text li div.hproduct,
html.js ul.listings.text li div.hwrapper,
html.js body.discography-dvd ul.listings.text li div.hproduct,
html.js body.discography-dvd ul.listings.text li div.hwrapper {
	margin-left: 218px;
}
html.js body.discography-dvd ul.listings li div.hproduct,
html.js body.discography-dvd ul.listings li div.hwrapper {
	margin-left: 100px;
}

html.js body.discography-dvd ul.listings.second li div.hproduct,
html.js body.discography-dvd ul.listings.second li div.hwrapper {
	top: -215px;
}

html.js body.media-video ul.listings.second li div.hproduct,
html.js body.media-video ul.listings.second li div.hwrapper {
	top: -213px;
}
#wrapper #container #content ul.listings li div.hwrapper div.hproduct {
	top: 0; left: 0;
	margin-left: 0; padding-left: 0;
}
ul.listings li div.hwrapper {
	overflow: hidden;
	height: 380px; width: 1020px;
}
html.js ul.listings li div.side {
	position: absolute; top: 0; left: 0; z-index: 50000;
	height: 380px; width: 25px;
	background: url(/images/css/misc/hproduct/edge.png) repeat-y 0 0;
}
html.js ul.listings li.hidden div.side,
html.js ul.listings li.hidden div.hwrapper,
html.js ul.listings li div.hwrapper.hidden {
	display: none;
}

#content-config {
	position: relative; z-index: 50000;
	height: 66px;
	margin: -9px -1px 0 0; padding: 32px 5px 10px 12px;
	background: url(/images/css/misc/config/header.jpg) no-repeat 0 0;
}
	#content-config ul {
		overflow: hidden;
		padding: 0; margin: 0;
		list-style: none;
	}
		#content-config-filter ul li,
		#content-config-type ul li {
			padding: 0; margin: 0;
			background-image: none;
		}
		#content-config-filter ul li {
			float: left;
		}


#content-config h2 {
	width: 220px; height: 31px;
	padding: 0 7px;
}
#content-config h2.content-heading {
	position: absolute; top: 21px; left: 0;
	height: 40px; width: 250px;
	background-image: url(/images/css/sprites/headings.jpg);
}
body.lyrics #content-config h2.content-heading {
	background-position: 0 -40px;
}
body.media #content-config h2.content-heading {
	background-position: 0 -80px;
}
#content-config h3 {
	color: #fff; font-size: 1em; line-height: 29px;
}
#content-config .section {
	float: left; position: relative; z-index: 50000;
	height: 31px;
	margin: 35px 8px 0 0; padding: 0 10px;
	line-height: 29px;
}

#content-config-nav {
	position: absolute; top: 20px; left: 260px;
	height: 36px; width: 472px;
}
#content-config-nav ul.tab-list {
	background-position: 0 0;
}
	#content-config-nav #discography-dvd {
		margin-right: 0 !important;
	}
	#content-config-nav #media-account {
		margin-right: 0 !important;
	}

#content-config #search {
	width: 224px;
	padding-right: 0;
	background: url(/images/css/misc/config/search.gif) no-repeat 0 0;
}
#content-config #search.disabled {
	opacity: 0.6; filter: alpha(opacity=60);
}
	#content-config label {
		display: none;
	}
	#content-config #search input {
		float: left;
		width: 187px; height: 16px;
		padding: 7px 2px;
		color: #fff;
		border: 0;
		outline: 0;
	}
	#content-config #search input.submit {
		width: 31px; height: 29px;
		padding: 0; margin: 0;
		cursor: pointer;
	}


#content-config #content-config-type,
#content-config #content-config-view,
#content-config #content-config-filter {
	position: absolute; top: 33px;
}
#content-config #content-config-view {
	left: 255px;
	padding: 0;
}
#content-config #content-config-filter {
	left: 500px;
}
body.lyrics #content-config #content-config-filter {
	left: 255px;
}
#content-config #content-config-type {
	right: 5px;
	padding: 0;
}
#content-config-type h3,
#content-config-view h3 {
	display: none;
}
	#content-config-type ul,
	#content-config-view ul {
		position: relative; top: 0; left: 0;
		width: 215px;
		padding: 4px 10px 0; margin: 0;
	}
	#content-config-type ul {
		width: 60px;
	}
		#content-config-type ul li,
		#content-config-view ul li,
		#content-config-type ul li.hide,
		#content-config-view ul li.hide,
		#content-config-type:hover ul li.hide,
		#content-config-view:hover ul li.hide,
		#content-config-type.hover ul li.hide,
		#content-config-view.hover ul li.hide {
			display: none;
			margin: 3px 0;
			line-height: 1.7;
		}
		#content-config-type:hover ul li,
		#content-config-view:hover ul li,
		#content-config-type.hover ul li,
		#content-config-view.hover ul li {
			position: relative; zoom: 1;
			display: block;
			padding: 0;
		}
		#content #content-config-type ul.close li,
		#content #content-config-view ul.close li,
		#content #content-config-type:hover ul.close li,
		#content #content-config-view:hover ul.close li,
		#content #content-config-type.hover ul.close li,
		#content #content-config-view.hover ul.close li {
			display: none;
		}
		#content-config-type ul li.active,
		#content-config-view ul li.active,
		#content #content-config-type ul li.active,
		#content #content-config-view ul li.active,
		#content #content-config-type ul.close li.active,
		#content #content-config-view ul.close li.active {
			display: block;
			padding: 0; margin: 0;
			background: url(/images/css/misc/arrow-down.png) no-repeat 98% 7px;
		}
			#content-config-type a,
			#content-config-view a {
				display: block;
				color: #fff;
			}

#content-config-view,
#content-config-view ul:hover,
#content-config-view ul.hover,
#content-config-view.hover ul {
	background: url(/images/css/misc/config/view.png) no-repeat 0 -66px;
}
#content-config-view {
	width: 234px;
	background-position: 0 0;
}
#content-config-view ul:hover,
#content-config-view ul.hover,
#content-config-view.hover ul {
	height: 140px;
	padding-bottom: 10px;
}
#content-config-view ul.close:hover,
#content-config-view ul.hover.close,
#content-config-view.hover ul.close {
	height: auto;
}

#content-config-filter {
	width: 376px;
	background: url(/images/css/misc/config/filter.gif) no-repeat 0 0;
}
	#content-config-filter h3 {
		display: none;
	}
	#content-config-filter li {
		width: 12px;
		color: #4f4c4c; text-align: center;
	}
	#content-config-filter li.n {
		width: 20px;
	}
	#content-config-filter li.f {
		width: 20px;
		margin-right: 12px;
	}
		#content-config-filter li a {
			color: #fff;
		}

#content-config #content-config-type,
#content-config #content-config-type ul:hover,
#content-config #content-config-type ul.hover,
#content-config #content-config-type.hover ul {
	background: url(/images/css/misc/config/type.png) no-repeat 0 -97px;
}
#content-config #content-config-type {
	width: 80px; height: 30px;
	margin: 6px 0 0; padding-top: 28px;
	background-position: 0 0;
}
#content-config-type ul:hover,
#content-config-type ul.hover,
#content-config-type.hover ul {
	height: auto;
	padding-bottom: 10px;
}


ol.tracklisting,
#wrapper #content #content-slider ul.listings ol.tracklisting {
	padding: 0 0 0 28px;
	color: #898165; font-size: 0.8571em;
	list-style-type: decimal-leading-zero;
}
	ol.tracklisting li,
	#wrapper #content #content-slider ul.listings ol.tracklisting li {
		position: static;
		clear: right;
		padding: 5px 0 2px !important; margin: 0 !important;
		border: 0 !important;
	}
		ol.tracklisting li span {
			display: block;
			color: #fff;
			max-width:370px;
		}
		ol.tracklisting li ul,
		#wrapper #content #content-slider ul.listings ol.tracklisting ul {
			float: right;
		}


ul.options,
#wrapper #content #content-slider ul.options {
	position: relative; zoom: 1;
	width: 145px;
	margin: 0 !important; padding: 0 !important;
	list-style: none;
}
	div.option a,
	ul.options li,
	ul.options li a,
	#wrapper #content #content-slider ul.options li,
	#wrapper #content #content-slider ul.options li a,
	#wrapper #content #content-slider ul.listings ul.options li,
	#wrapper #content #content-slider ul.listings ul.options li a {
		height: 17px !important; width: 68px !important;
		padding: 0 !important;
		background-image: url(/images/css/sprites/buttons-small.gif);
	}
	ul.options li,
	#wrapper #content #content-slider ul.listings ul.options li {
		position: absolute; top: 0; left: 0;
		overflow: hidden !important;
	}
	ul.options li.lyrics,
	#wrapper #content #content-slider ul.listings ul.options li.lyrics {
		left: 76px;
	}
		ul.options li.listen,
		#wrapper #content #content-slider ul.listings ul.options li.listen,
		body.lyrics div.hproduct div.option a.listen {
			display: none;
		}
		html.js ul.options li.listen,
		html.js #wrapper #content #content-slider ul.listings ul.options li.listen,
		html.js body.lyrics div.hproduct div.option a.listen {
			display: block !important;
		}

		ul.options li.listen,
		#wrapper #content #content-slider ul.listings ul.options li.listen {
			background-image: none;
		}
		div.option a.listen,
		ul.options li.listen a {
			background-position: 0 0;
		}
		div.option a.listen:hover,
		div.option a.listen:focus,
		ul.options li.listen a:hover,
		ul.options li.listen a:focus {
			background-position: 0 -17px;
		}
		div.option a.listen:active,
		ul.options li.listen a:active {
			background-position: 0 -34px;
		}

		ul.options li.lyrics,
		ul.options li.lyrics a {
			background-position: -68px 0;
		}
		ul.options li.lyrics a:hover,
		ul.options li.lyrics a:focus {
			background-position: -68px -17px;
		}
		ul.options li.lyrics a:active {
			background-position: -68px -34px;
		}

		#wrapper #container #content ul.options li.listen {
			position: relative;
		}
		#wrapper #container #content ul.options li.listen ul,
		#wrapper #container #content div.option ul {
			position: absolute; top: 13px; left: 0; z-index: 50000;
			display: none; float: none;
			width: 68px;
			padding: 2px 0 5px; margin: 0;
			background: #888065;
			list-style: none;
		}
		#wrapper #container #content ul.options li.listen:hover,
		#wrapper #container #content ul.options li.listen.hover,
		#wrapper #container #content div.hproduct div.tabs ol.tracklisting li ul.options li.listen:hover,
		#wrapper #container #content div.hproduct div.tabs ol.tracklisting li ul.options li.listen.hover,
		#wrapper #container #content div.option:hover,
		#wrapper #container #content div.option.hover {
			overflow: visible !important;
			height: auto !important; opacity: 0.99;
		}
		#wrapper #container #content ul.options li.listen:hover ul,
		#wrapper #container #content ul.options li.listen.hover ul,
		#wrapper #container #content div.option:hover ul,
		#wrapper #container #content div.option.hover ul {
			display: block;
		}
		#wrapper #container #content ul.options li.listen ul.close,
		#wrapper #container #content ul.options li.listen:hover ul.close,
		#wrapper #container #content ul.options li.listen.hover ul.close,
		#wrapper #container #content div.option ul.close,
		#wrapper #container #content div.option:hover ul.close,
		#wrapper #container #content div.option.hover ul.close {
			display: none;
		}
			#wrapper #container #content ul.options li.listen ul li,
			#wrapper #container #content ul.options li.listen ul li,
			#wrapper #container #content div.option ul li,
			#wrapper #container #content div.option ul li {
				position: relative; top: 0; left: 0;
				clear: both; float: left;
				width: 68px;
				padding: 0 !important; margin: 0 !important;
				background: none;
			}
			#wrapper #container #content ul.options li.listen ul li a,
			#wrapper #container #content ul.options li.listen ul li a,
			#wrapper #container #content div.option ul li a,
			#wrapper #container #content div.option ul li a {
				height: 10px !important;
				padding: 3px 4px 2px !important;
				font-size: 10px; line-height: 1; color: #fff; text-indent: 0;
				background: none;
			}
			#wrapper #container #content ul.options li.listen ul li a:hover,
			#wrapper #container #content ul.options li.listen ul li a:hover,
			#wrapper #container #content div.option ul li a:hover,
			#wrapper #container #content div.option ul li a:hover {
				text-decoration: underline;
			}


/**
* =guitar
* @subsection Guitar Room / tools
* --------------------------------------------------------------------------------------------------
*/
body.guitar-room #content .inner,
body.tools #content .inner {
	height: 495px;
	background: url(/images/css/misc/guitar-room/bg.jpg) no-repeat 169px 24px;
}
body.guitar-room #content h2,
body.tools #content h2 {
	height: 60px; width: 255px;
	padding: 31px 0 0; margin: 0;
	background-image: url(/images/css/misc/guitar-room/title.jpg);
	background-position: 1px 31px;
}
body.guitar-room #content p.browse,
body.tools #content p.browse {
	height: 30px; width: 545px;
	background-image: url(/images/css/misc/guitar-room/browse.jpg);
}
body.guitar-room #content p.coming-soon,
body.tools #content p.coming-soon {
	height: 30px; width: 151px;
	margin: -5px 0 0 20px;
	background-image: url(/images/css/misc/guitar-room/coming-soon-intro.jpg);
}
body.guitar-room #coming-soon,
body.tools #coming-soon {
	position: absolute; top: 0; right: 75px;
	width: 280px; height: 185px;
	background: url(/images/css/misc/guitar-room/form.jpg) no-repeat 0 0;
}
body.guitar-room #coming-soon form,
body.tools #coming-soon form {
	display: none;
	position: absolute; top: 105px; left: 25px;
	width: 250px;
	padding: 0 0 11px;
}
html.js body.guitar-room #coming-soon form,
html.js body.tools #coming-soon form {
	display: block;
}
	body.guitar-room #coming-soon div.input label,
	body.tools #coming-soon div.input label {
		color: #fff;
	}
	body.guitar-room #coming-soon div.input input,
	body.tools #coming-soon div.input input {
		width: 150px;
		margin: 6px 0 0 15px;
		color: #CDCBCB;
		border: 0;
		outline: 0;
	}
	body.guitar-room #coming-soon form input.submit,
	body.tools #coming-soon form input.submit {
		position: absolute; top: 30px; right: 25px;
	}


body.tools #content .inner {
	background-image: url(/images/css/misc/tools/bg.jpg);
}
body.tools #content h2 {
	height: 65px; width: 352px;
	margin-left: 15px;
	background-image: url(/images/css/misc/tools/title.jpg);
}
body.tools #content p.browse {
	margin-top: -5px;
}
body.tools #content p.browse {
	background-image: url(/images/css/misc/tools/browse.jpg);
}


/**
* =lyrics
* @subsection Lyrics
* --------------------------------------------------------------------------------------------------
*/
body.lyrics #content-config {
	background: url(/images/css/misc/config/header-lyrics.jpg) no-repeat 0 0;
}
body.lyrics div.hproduct {
	background: url(/images/css/misc/hproduct/container-lyrics.jpg) no-repeat 0 0;
}

body.lyrics div.hproduct .item {
	float: none;
	margin-right: 0; margin-left: 621px;
}
body.lyrics div.hproduct .tabs,
body.lyrics div.hproduct .section {
	float: left; overflow: hidden;
	height: 335px;
	margin-left: 0; padding: 20px 10px 20px 20px;
}
body.lyrics div.hproduct .section .content,
body.lyrics div.hproduct .section .jScrollPaneContainer {
	position: absolute; bottom: 25px; left: 20px; z-index: 500;
	width: 580px;
}

body.lyrics div.hproduct .section .jspScrollable .jScrollPaneContainer{
	bottom:0;
}

body.lyrics div.hproduct .section .content {
	overflow-y: auto;
	height: 240px;
	/*font-style:italic;*/
}
body.lyrics div.hproduct .section .jScrollPaneContainer .content {
	position: static; bottom: auto; left: auto;
}

body.lyrics div.hproduct .section .jScrollPaneContainer .jspPane {
   position: absolute; bottom: auto; left: auto;
}

body.lyrics div.hproduct .section h2.fn {
	width: 488px;
	padding-bottom: 5px;
	font-size: 1.5714em;
	background: url(/images/css/misc/hproduct/border.png) no-repeat 0 100%;
}
body.lyrics div.hproduct .section h2.fn span {
	background: url(/images/css/misc/dirt-lyrics.png) no-repeat 0 0;
}
body.lyrics div.hproduct a.close {
	background-position: -143px 0;
}
body.lyrics div.hproduct a.close:hover,
body.lyrics div.hproduct a.close:focus {
	background-position: -143px -30px;
}
body.lyrics div.hproduct a.close:active {
	background-position: -143px -60px;
}
body.lyrics div.hproduct div.option {
	position: absolute; top: 62px; right: 4px; z-index: 50000;
	margin: 0;
}


/**
* =news
* @subsection News
* --------------------------------------------------------------------------------------------------
*/
body.news #content {
	background: #241707 url(/images/css/misc/news/bg-repeat.jpg) repeat 0 0;
}
body.news #content div.outer {
	min-height: 500px;
	background: url(/images/css/misc/news/bg.jpg) no-repeat 50% 0;
}
body.news #content div.inner {
	padding: 0 0 40px;
}

body.news #content-primary {
	position: relative; float: left;
	width: 665px; min-height: 500px;
	padding: 50px 0 70px; margin: 20px 0;
	background: #c3b9a3 url(/images/css/misc/news/container-repeat.jpg) repeat-y 0 0;
}
body.news #content-primary div.top,
body.news #content-primary div.bottom {
	position: absolute; left: 0; z-index: 20;
	width: 665px; height: 135px;
}
body.news #content-primary div.top {
	top: 0;
	background: url(/images/css/misc/news/container-top.jpg) no-repeat 1px 0;
}
body.news #content-primary div.bottom {
	bottom: 0;
	background: url(/images/css/misc/news/container-bottom.jpg) no-repeat 0 0;
}
	body.news #content-primary .hentry {
		position: relative; z-index: 30;
		width: 592px;
		margin: 0 auto 20px;
	}
		body.news #content-primary .hentry h2,
		body.news #content-primary .hentry h2 a {
			color: #302f2f;
		}
		body.news #content-primary .hentry h2 {
			margin: 0 0 20px;
			font-size: 1.8333em; /* 22px */ line-height: 1.1818;
			font-family: Arial, serif; font-weight: bold;
		}
		body.news #content-primary .hentry img {
			display: block;
			margin: 0 0 15px;
			border: 1px solid #5e584b;
		}
		body.news #content-primary .hentry p.entry-summary,
		body.news #content-primary .hentry .entry-summary p,
		body.news #content-primary .hentry .entry-content p,
		body.news #content-primary .hentry .entry-content ul,
		body.news #content-primary .hentry .entry-content ol {
			font-size: 1.1667em; /* 14px */
		}
		body.news #content-primary .hentry .entry-content object,
		body.news #content-primary .hentry .entry-content embed {
			margin: 0 0 20px;
		}

		body.news #content-primary .hentry .entry-meta {
			overflow: hidden; zoom: 1; position: relative;
			padding: 0 0 10px; margin: -10px 0 0;
		}
		body.news #content-primary .hentry .entry-meta,
		body.news #content-primary .hentry .entry-meta a {
			color: #241606;
		}
		body.news #content-primary .hentry .entry-meta p,
		body.news #content-primary .hentry .entry-meta ul {
			float: left;
			margin: 5px 0 0 5px;
			line-height: 1.1;
		}
			body.news #content-primary .hentry .entry-meta ul.tags {
				overflow: hidden; zoom: 1; position: relative;
				padding: 0 0 0 5px;
				list-style: none;
				border-left: 1px solid #241606;
			}
				body.news #content-primary .hentry .entry-meta ul.tags li {
					float: left;
					margin: 0 5px 0 0;
				}
				body.news #content-primary .hentry .entry-meta ul.tags li::after {
					content: ",";
				}
				body.news #content-primary .hentry .entry-meta ul.tags li:last-child::after {
					content: "";
				}

body.news #content-primary .hentry .entry-meta p.share,
body.news #content-primary .hentry .entry-meta p.share a {
	height: 25px; width: 57px;
	margin: 0;
	background-image: url(/images/css/sprites/share.jpg);
}
body.news #content-primary .hentry .entry-meta p.share a:hover,
body.news #content-primary .hentry .entry-meta p.share a:active {
	background-position: 0 -25px;
}
body.news #content-primary .hentry .entry-meta p.share a:active {
	background-position: 0 -50px;
}


body.news #content-nav {
	float: right;
	width: 289px;
	margin: 0 7px 0 0; padding: 30px 0 0;
	background: url(/images/css/misc/news/wire.gif) repeat-y 241px 0;
}
	body.news #content-nav h3 {
		height: 150px; width: 215px;
		margin: 0 0 15px 6px;
		background-image: url(/images/css/misc/news/heading.jpg);
	}
	body.news #news-tabs-news {
		position: relative;
		height: 471px; width: 258px;
		margin: 0 0 0 7px; padding: 70px 0 80px;
		background: #47433b url(/images/css/misc/news/tab-container.jpg) no-repeat 0 0;
	}
		body.news #content-nav .section h3 {
			display: none;
		}
		body.news #content-nav .section ul {
			padding: 0; margin: 0;
			list-style: none;
		}
			body.news #content-nav .section li {
				height: 32px;
				padding: 0; margin: 0 3px 0 0;
				background-image: none;
				border-bottom: 1px solid #5c5852;
			}
			body.news #content-nav .section li:first-child {
				padding: 0; margin-right: 1px;
			}
				body.news #content-nav .section li a {
					display: block;
					padding: 0 15px;
					color: #ebe5cf; font-size: 1.1667em; /* 14px */ line-height: 31px;
					background: url(/images/css/misc/news/list-status.gif) no-repeat 94% -22px;
					border-bottom: 1px solid #2c2a26;
				}
				body.news #content-nav .section li a span {
					color: #d2c482;
				}
				body.news #content-nav .section li a:hover,
				body.news #content-nav .section li a:focus,
				body.news #content-nav .section li a:active,
				body.news #content-nav .section li.active a {
					background-position: 94% 9px;
				}

body.news p.rss {
	position: absolute; top: 148px; right: 18px; z-index: 500;
}
body.news p.rss,
body.news p.rss a {
	height: 70px; width: 70px;
}
body.news p.rss a {
	background-image: url(/images/css/misc/news/rss.png);
}
body.news p.rss a:hover,
body.news p.rss a:focus,
body.news p.rss a:active {
	background-position: 0 -70px;
}

body.news #content div.gallery {
	overflow: hidden; position: relative; zoom: 1;
}
html.js body.news #content img.gallery {
	margin-bottom: 34px;
}
body.news #content div.gallery ul,
body.news #content div.gallery ul li {
	padding: 0; margin: 0;
	background-image: none;
	list-style: none;
}
body.news #content div.gallery ul {
	overflow: hidden;
	margin: 0 0 5px;
}
	body.news #content div.gallery ul li img {
		margin: 0;
	}
body.news #content div.gallery ul.cycle-arrows,
body.news #content div.gallery ul.cycle-arrows,
body.news #content div.gallery ul.cycle-pager li,
body.news #content div.gallery ul.cycle-pager a {
	float: left;
}
body.news #content div.gallery ul.cycle-pager li a,
body.news #content div.gallery ul.cycle-pager a {
	display: block;
	height: 10px; width: 10px;
	margin: 0 5px 0 0;
	background-color: #000;
}
body.news #content div.gallery ul.cycle-pager li.active a,
body.news #content div.gallery ul.cycle-pager a.activeSlide {
	background-color: #938a79;
}

body.news #content div.gallery ul.cycle-arrows {
	float: right;
	width: 68px; height: 24px;
}
	body.news #content div.gallery ul.cycle-arrows li,
	body.news #content div.gallery ul.cycle-arrows li a {
		float: left;
		height: 100%; width: 33px;
		background-image: url(/images/css/misc/news/prevNext.gif);
	}
	body.news #content div.gallery ul.cycle-arrows li.previous,
	body.news #content div.gallery ul.cycle-arrows li.previous a {
		background-position: 0 0;
	}
	body.news #content div.gallery ul.cycle-arrows li.previous a:hover,
	body.news #content div.gallery ul.cycle-arrows li.previous a:focus {
		background-position: 0 -25px;
	}
	body.news #content div.gallery ul.cycle-arrows li.previous a:active {
		background-position: 0 -50px;
	}

	body.news #content div.gallery ul.cycle-arrows li.next,
	body.news #content div.gallery ul.cycle-arrows li.next a {
		width: 35px;
		background-position: -34px 0;
	}
	body.news #content div.gallery ul.cycle-arrows li.next a:hover,
	body.news #content div.gallery ul.cycle-arrows li.next a:focus {
		background-position: -34px -25px;
	}
	body.news #content div.gallery ul.cycle-arrows li.next a:active {
		background-position: -34px -50px;
	}

body.news-detail #content-primary .hentry .entry-meta {
	margin-top: 0; padding-top: 20px;
	background: url(/images/css/misc/news/divider.jpg) repeat-x 0 0;
}


/**
* =media
* @subsection Media
* --------------------------------------------------------------------------------------------------
*/
body.media #content-config #content-config-nav,
body.media #content-config #content-config-nav ul.tab-list {
	width: 635px; width: 480px;
}
body.media #content-config #content-config-nav {
	top: 22px; left: 203px; z-index: 51;
}
body.media #content-config #content-config-nav ul.tab-list {
	background-position: -1290px 0;
}
#wrapper #content div.hproduct .item .price {
	width: 140px;
	font-size: 2.5em; /* 30px */; color: #762900; font-weight: bold;
}

body.media #content-config #content-config-user {
	width: 450px;
	font-size: 1.0833em; /* 13px */ color: #191a1a; text-align: center;
}
body.media #content-config #content-config-user p {
	margin: 0;
}
	body.media #content-config #content-config-user a {
		color: #762900; text-decoration: underline;
	}

body.media #content-config #content-config-mini-cart {
	position: absolute; top: 30px; right: 2px; z-index: 50;
	height: 65px; width: 246px;
	padding: 0; margin: 0;
	background: url(/images/css/sprites/mini-cart.jpg) no-repeat 0 0;
}
	body.media #content-config #content-config-mini-cart p.items {
		position: absolute; top: 34px; left: 12px;
		width: 55px; height: 19px;
		padding: 5px 10px 5px 0; margin: 0;
		font-size: 1.0833em; /* 13px */ line-height: 20px; color: #fff;
		background: url(/images/css/misc/arrow.gif) no-repeat 100% 11px;
	}
	body.media #content-config #content-config-mini-cart ul {
		position: absolute; top: 35px; right: -2px;
		width: 164px;
	}
		body.media #content-config #content-config-mini-cart ul li,
		body.media #content-config #content-config-mini-cart ul li a {
			float: left;
			width: 80px; height: 29px;
			background-image: url(/images/css/sprites/mini-cart.jpg);
		}

		body.media #content-config #content-config-mini-cart ul li.view-cart,
		body.media #content-config #content-config-mini-cart ul li.view-cart a {
			background-position: -84px -35px;
		}
		body.media #content-config #content-config-mini-cart ul li.view-cart a:hover,
		body.media #content-config #content-config-mini-cart ul li.view-cart a:focus {
			background-position: -84px -100px;
		}
		body.media #content-config #content-config-mini-cart ul li.view-cart a:active {
			background-position: -84px -165px;
		}

		body.media #content-config #content-config-mini-cart ul li.checkout,
		body.media #content-config #content-config-mini-cart ul li.checkout a {
			background-position: -164px -35px;
		}
		body.media #content-config #content-config-mini-cart ul li.checkout a:hover,
		body.media #content-config #content-config-mini-cart ul li.checkout a:focus {
			background-position: -164px -100px;
		}
		body.media #content-config #content-config-mini-cart ul li.checkout a:active {
			background-position: -164px -165px;
		}


body.media .forgotten-password p {
	margin-bottom: 5px;
}
body.media #registrationform {
	position: relative;
	padding-bottom: 20px;
}
body.media #content div.edit-details h2 {
	width: 330px;
	margin: 0 0 10px; padding: 0 0 5px;
	color: #fff;
	background: url(/images/css/misc/hproduct/border.png) repeat-x 0 100%;
}
body.media #content div.edit-details h2 span {
	background: none;
}
body.media #registrationform input.button {
	position: absolute; top: 233px; left: 263px;
}
body.media #change-password {
	overflow: hidden;
	padding: 20px 0 10px;
}
	body.media #change-password p {
		margin: 0 12px 3px;
		color: #fff;
	}
	body.media #change-password div.input {
		float: left;
		width: 45%;
	}
	body.media #change-password div.input label {
		margin-top: 0;
	}


/**
* =cart
* @subsection Shopping Cart
* --------------------------------------------------------------------------------------------------
*/
#cart {
	margin: 10px 0 50px;
	background-image: url(/images/css/misc/cart/container.jpg);
}
#cart .details .content {
	height: 240px;
	font-size: 1em;
}
#cart .details #existing {
	height: 290px;
}
#cart form {
	margin: 0;
}
#cart .info h2 {
	width: 330px;
	margin: 0 0 20px; padding: 0 0 5px;
	background: url(/images/css/misc/hproduct/border.png) repeat-x 0 100%;
}
#cart .info p.logged-in,
#cart .info .edit {
	width: 210px;
	padding: 0 20px 0 0;
	font-weight: bold; color: #666; font-size: 1.3333em; /* 16px */ line-height: 1.2;
}
#cart .info p.logged-in {
	float: left;
}
	#cart .info p.logged-in strong {
		display: block;
		font-weight: normal;
	}
#cart .info .edit {}
	#cart .info .edit h3,
	#cart .info .edit ul {
		margin: 0 0 5px; font-size: 1em;
	}
	#cart .info .edit h3 {
		font-weight: bold;
	}
		#cart .info .edit ul li a {
			color: #666; font-weight: normal;
		}
		#cart .info .edit ul li a:hover,
		#cart .info .edit ul li a:focus {
			text-decoration: none;
		}

#cart .info ul {
	margin: 0; padding: 0;
	font-size: 1.1667em; /* 14px */
	list-style: none;
}
	#cart .info ul li {
		padding: 0; margin: 0;
	}
		#cart .info ul li a {
			color: #762900; text-decoration: underline;
		}

#cart .details {
	padding-top: 20px;
}
#cart .content table thead {
	display: none;
}
	#cart .details table {
		width: 560px;
		margin: 0;
		color: #fff;
	}
	#cart .details table col.item {
		width: 370px;
	}
	#cart .details table col.price {
		width: 70px;
	}
	#cart .details table col.button {
		width: 105px;
	}

	#cart .details table th,
	#cart .details table td {
		padding: 2px 15px 6px 5px;
		vertical-align: top;
	}
	#cart .details table thead th,
	#cart .details table.thead th {
		font-size: 1.1667em; /* 14px */ font-weight: bold;
	}
	#cart .details table.tbody td,
	#cart .details table.tbody th {
		color: #e3ddc7;
		background: url(/images/css/misc/cart/row.jpg) no-repeat 0 0;
	}
	#cart .details table.tbody tr.odd td,
	#cart .details table.tbody tr.odd th {
		background-image: url(/images/css/misc/cart/row-odd.jpg);
	}
	#cart .details table.tbody td.cart-item,
	#cart .details table.tbody th.cart-item {
		background-position: 0 0;
	}
	#cart .details table.tbody th.cart-item {
		font-weight: bold;
	}
	#cart .details table.tbody td.price {
		background-position: -380px 0;
	}
	#cart .details table.tbody td.cart-remove {
		background-position: -440px 0;
	}
	#cart .details table.tbody td.cart-remove {
		background-position: -440px 0;
	}
	#cart .details table.tbody td.cart-download {
		background-position: -440px 0;
	}
	#cart .details table.tbody td.in-album {
		padding-left: 20px;
	}

	#cart .details table .price {
		text-align: right;
	}
	#cart .details table td.price {
		color: #eac413;
	}

	#cart .details table.tbody input,
	#cart .details table.tbody p.download,
	#cart .details table.tbody p.download-all {
		margin: 2px auto 0;
	}
	#cart .details table.tbody input.submit,
	#cart .details table.tbody p.download,
	#cart .details table.tbody p.download a,
	#cart .details table.tbody p.download-all,
	#cart .details table.tbody p.download-all a {
		height: 17px; width: 80px;
		background-image: url(/images/css/sprites/buttons-small.gif);
		background-position: -136px -17px;
		cursor: pointer;
	}
	#cart .details table.tbody input.submit {
		width: 58px;
	}
	#cart .details table.tbody input:hover,
	#cart .details table.tbody input:focus {
		background-position: -136px -17px;
	}
	#cart .details table.tbody input:active {
		background-position: -136px -34px;
	}

	#cart .details #existing table.tbody input,
	#cart .details table.tbody p.download,
	#cart .details table.tbody p.download a  {
		background-position: -194px -17px;
	}
	#cart .details #existing table.tbody input:hover,
	#cart .details #existing table.tbody input:focus,
	#cart .details table.tbody p.download a:hover,
	#cart .details table.tbody p.download a:focus {
		background-position: -194px -17px;
	}
	#cart .details #existing table.tbody input:active,
	#cart .details table.tbody p.download a:active {
		background-position: -194px -34px;
	}

	#cart .details table.tbody p.download-all,
	#cart .details table.tbody p.download-all a  {
		background-position: -274px 0;
	}
	#cart .details table.tbody p.download-all a:hover,
	#cart .details table.tbody p.download-all a:focus {
		background-position: -274px -17px;
	}
	#cart .details table.tbody p.download-all a:active {
		background-position: -274px -34px;
	}

	#cart .details table.tfoot {
		font-size: 24px; font-weight: bold;
		background: url(/images/css/misc/cart/repeat.jpg) repeat-x 0 11px;
	}
	#cart .details table.tfoot td {
		padding-top: 31px;
		vertical-align: middle; text-align: right;
	}
	#cart .details table .hidden {
		display: none;
	}
	#cart .details table .filtered p.download-all {
		display: none;
	}


/**
* =account
* @subsection Account login
* --------------------------------------------------------------------------------------------------
*/
#account {
	margin: 10px 0 50px;
	font-size: 1.1667em; /* 14px */
	background-image: url(/images/css/misc/account/container.jpg);
}
#account .existing,
#account .new-members {
	position: relative;
	float: left;
	width: 454px; height: 355px;
	padding: 20px 20px 0;
}
#account .new-members {
	background: url(/images/css/misc/account/new-member-graphic.jpg) no-repeat 210px 87px;
}
#account .create,
body.media-account-create #account .new-members {
	background: none;
}
	#account .existing h2,
	#account .new-members h2 {
		width: 310px;
		margin: 0 0 30px; padding: 0 0 5px;
		font-size: 1.5714em; /* 22px */
		background: url(/images/css/misc/hproduct/border.png) repeat-x 0 100%;
	}
	#account .new-members h2 span {
		background-image: url(/images/css/misc/dirt-media.png);
	}
	#account .existing form {
		width: 250px;
		margin: 0 auto;
	}
	#account .existing form label,
	#account .existing form div.input input {
		font-size: 14px;
	}
	#account .existing form div.input {
		width: 250px;
		margin: 0 0 10px;
	}
	#account .existing form input.button {
		clear: both; float: left;
	}
	#account .existing form a {
		display: block;
		margin: 23px 0 0 105px;
		color: #782b03; font-size: 0.8571em; /* 12px */ text-decoration: underline;
	}
	#account .existing form a:hover,
	#account .existing form a:focus,
	#account .existing form a:active {
		text-decoration: none;
	}
		#account .existing form label {
			color: #343434;
			padding-bottom: 1px;
		}
		#account .existing form div.input input {
			color: #fff;
			width: 204px; height: 20px;
			padding: 6px 15px 4px;
			background-image: url(/images/css/misc/account/input-login.gif) !important;
			border: 0;
		}

	#account .new-members h2 {
		color: #782b03;
	}
	#account .new-members .content {
		height: 260px;
		padding: 0 120px 0 0;
		color: #fff;
	}
	body.media-account-create #account .new-members.create .content {
		padding-right: 0;
	}
	#account .faded div.overlay {
		position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 50;
		height: 375px; width: 494px;
		background-color: #000;
		opacity: 0.5; filter: alpha(opacity=50)
	}
	#account .new-members h3 {
		padding: 10px 0 8px; margin: 0;
		color: #fff; font-weight: bold; font-size: 1.2857em; /* 18px */
	}
	#account .new-members p.create-account {
		margin-top: 31px;
	}
	#account .new-members input.create-account {
		margin-top: 10px;
	}
	#account .new-members form div.input {
		float: left;
		width: 227px;
		margin: 0 0 15px 0;
	}
	#account .new-members form div.input input {
		width: 185px;
		background-image: url(/images/css/misc/account/input-create.png);
	}
	#account .new-members form div.custom-checkbox label {
		line-height: 20px !important;
	}


/**
* =static
* @subsection Static Pages - Biography & Press
* --------------------------------------------------------------------------------------------------
*/
body.static #content {
	min-height: 900px;
	background: url(/images/css/misc/static/container-repeat.jpg) repeat-y 50% 0;
}
body.static #content div.inner {
	position: relative; z-index: 100; zoom: 1;
}
body.static #content div.top,
body.static #content div.bottom {
	position: absolute; left: 0; z-index: 20;
	width: 100%;
}
body.static #content div.top {
	top: 0;
	height: 260px;
	background: url(/images/css/misc/static/container-top.jpg) no-repeat 50% 0;
}
body.static #content div.bottom {
	bottom: 0;
	height: 186px;
	background: url(/images/css/misc/static/container-bottom.jpg) no-repeat 50% 0;
}

body.static #content-primary {
	position: relative; float: left;
	width: 547px;
	padding: 50px 0 70px 40px; margin: 20px 0;
	font-size: 1.1667em; /* 14px */
}
	body.static #content-primary p strong.fn {
		font-weight: normal; font-size: 1.2857em; /* 18px */
	}
	body.static #content-primary h3 {
		margin: 0 0 10px;
		color: #454343; font-weight: bold;
	}

body.biography #content div.top {
	background: url(/images/css/misc/static/bio/container-top.jpg) no-repeat 50% 0;
}
	body.biography #content-secondary {
		position: absolute; top: 193px; left: 623px; z-index: 50;
		height: 962px; width: 400px;
		background: url(/images/css/misc/static/bio/polaroid.jpg) no-repeat 0 0;
	}

body.biography #content div.pagination {
	overflow: hidden;
	margin: 0 auto 20px;
	text-align: center;
}
body.biography #content div.pagination-bottom {
	padding-top: 20px;
}
body.biography #content div.pagination a.prev,
body.biography #content div.pagination span.prev {
	padding-right: 6px;
	border-right: 1px solid #3c100f;
	color: #3c100f;
}
body.biography #content div.pagination a.next,
body.biography #content div.pagination span.next {
	padding-left: 6px;
	border-left: 1px solid #3c100f;
	color: #3c100f;
}
body.biography #content div.pagination span.prev,
body.biography #content div.pagination span.next {
	opacity: 0.5; filter: alpha(opacity=5);
}
body.biography #content div.pagination strong {
	padding: 0 2px;
	color: #6e2322; font-size: 18px; font-weight: normal;
}


body.legal #content div.top {
	background: url(/images/css/misc/static/legal/container-top.jpg) no-repeat 50% 0;
}
body.sitemap #content div.top {
	background: url(/images/css/misc/static/sitemap/container-top.jpg) no-repeat 50% 0;
}
body.unsubscribe #content div.top {
	background: url(/images/css/misc/static/unsubscribe/container-top.jpg) no-repeat 50% 0;
}


/**
* =events
* @subsection Tours and Events
* --------------------------------------------------------------------------------------------------
*/
body.tours-events #content {
	padding: 20px 0;
	background: #0A0607 url(/images/css/misc/events/bg.jpg) repeat 50% 14px;
}
body.tours-events #content div.inner {
	padding-bottom: 150px;
}
body.tours-events h2 {
	position: absolute; top: 10px; right: -32px; z-index: 62;
	height: 192px; width: 371px;
	background-image: url(/images/css/misc/events/heading.jpg);
}
body.tours-events table {
	position: relative; z-index: 61;
	width: 660px;
	margin: 0;
	background: url(/images/css/misc/events/table-body.jpg) repeat-y 0 -6px;
}
body.tours-events #table-footer {
	position: absolute; bottom: 117px; left: 0; z-index: 63;
	width: 660px; height: 50px;
	margin: 0;
	background: url(/images/css/misc/events/table-footer.png) no-repeat 0 0;
}
	body.tours-events table col.date {
		width: 120px;
	}
	body.tours-events table col.city {
		width: 235px;
	}
	body.tours-events table col.venue {
		width: 400px;
	}
	body.tours-events table col.buy {
		width: 115px;
	}
	body.tours-events table thead th {
		background: url(/images/css/misc/events/table-header.jpg) no-repeat 0 -2px;
	}
	body.tours-events table thead #event-date {
		background-position: 0 -2px;
	}
	body.tours-events table thead #event-city {
		background-position: -106px -2px;
	}
	body.tours-events table thead #event-venue {
		background-position: -280px -2px;
	}
	body.tours-events table thead #event-buy-tickets {
		background-position: -563px -2px;
	}


	body.tours-events table tr,
	body.tours-events table td {
		height: 100px;
	}
	body.tours-events table thead th span {
		display: block;
		height: 110px;
		text-indent: -9999px; font-size: 0; line-height: 0;
	}
	body.tours-events table td {
		vertical-align: top; color: #000;
	}
	body.tours-events table td.entry-date {
		padding: 0 0 0 25px;
	}
	body.tours-events table tr:last-child,
	body.tours-events table tr:last-child td {
		height: 83px;
	}

	td.entry-date p {
		height: 41px; width: 65px;
		margin: 0 auto;
		text-align: center; color: #fff; font-weight: bold; text-transform: uppercase;
		background: url(/images/css/misc/events/date.gif) no-repeat 50% 2px;
	}
	td.entry-date p span {
		display: block;
		color: #2a2a2a; font-size: 1.8333em; /* 22px */ text-align: center;
		line-height: 1;
	}

body.tours-events #graffiti {
	position: absolute; bottom: -160px; left: 50px; z-index: 60;
	height: 455px; width: 768px;
	background: url(/images/css/misc/events/graffiti.png) no-repeat 0 0;
}


/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute; top: 0; left: 0; z-index: 90;
	width: 100%; height: 500px;
}
#jquery-lightbox {
	position: absolute; top: 0; left: 0; z-index: 100;
	width: 100%;
	text-align: center; line-height: 0;
}
#jquery-lightbox a img {
	border: none;
}
#lightbox-container-image-box {
	position: relative;
	width: 250px; height: 250px;
	margin: 0 auto;
	background-color: #fff;
}
#lightbox-container-image {
	padding: 5px;
}
#lightbox-loading {
	position: absolute; top: 40%; left: 50%;
	height: 25%; width: 100%;
	text-align: center; line-height: 0;
}
#lightbox-nav {
	position: absolute; top: 0; left: 0; z-index: 10;
	height: 100%; width: 100%;
}
#lightbox-container-image-box > #lightbox-nav {
	left: 0;
}
#lightbox-nav a {
	outline: none;
}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display: block; zoom: 1;
	width: 49%; height: 100%;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	overflow: auto;
	width: 100%;
	margin: 0 auto; padding: 0 5px;
	line-height: 1.4em; font-size: 1.1667em; color: #000;
	background-color: #fff;
}
#lightbox-container-image-data #lightbox-image-details {
	float: left;
	width: 70%;
	padding: 0 5px;
	text-align: left;
}
#lightbox-image-details-caption {
	font-weight: bold;
}
#lightbox-image-details-currentNumber {
	clear: left;
	display: block;
	padding: 0 0 5px;
}
#lightbox-secNav-btnClose {
	float: right;
	height: 30px; width: 70px;
	padding: 0;
	background-image: url(/images/css/sprites/buttons-action.jpg);
	background-position: -213px 0;
	outline: 0;
}
#lightbox-secNav-btnClose:hover,
#lightbox-secNav-btnClose:focus {
	background-position: -213px -30px;
}
#lightbox-secNav-btnClose:active {
	background-position: -213px -60px;
}
#lightbox-secNav-btnClose img {
	display: none;
}

#content .howtoscroll {
	text-align:center;
	font-weight:bold;
	color:#8b8164;
	font-size:15px;
	line-height:20px;
	height:20px;
	width:988px;
	top:490px;
	left:50%;
	margin-left:-494px;
	position:absolute;
	z-index:1000;
}

.ipad .content {
	-webkit-overflow-scrolling: touch;
	position:relative;
}
/*.ipad .section {
	-webkit-transform: translate3d(0, 0, 0);
	position:relative;
}*/
.ipad .tabs .section {
	zoom:normal !important;
	position:static;
}
#content .howtoscroll2 {
	text-align:center;
	font-weight:bold;
	color:#8b8164;
	font-size:13px;
	line-height:20px;
	height:20px;
	width:588px;
	top:490px;
	left:50%;
	margin-left:-194px;
	position:absolute;
	z-index:1000;
}




/**
* =homepage
* @subsection Book
* --------------------------------------------------------------------------------------------------
*/

.new-homepage-banner {
	background: #000 url(http://www.elviscostello.com/scripts/css/img/banner.jpg) center center no-repeat;
	position: relative;
	min-width: 998px;
	height: 630px;
	margin-top: 30px;
}