body.nocaden_body {
        background-color : 000000;
        margin: 0px;
        text-align: center;
        padding: 0px;
}

div.xxx {
        padding: 0px;
        height: 100%;
        width: 770px;
        vertical-align: top;
	margin: 0 auto;
}

div.header {
        background-image: url(../images/page_top.gif);
        background-repeat: no-repeat;
        height: 105px;
        font-family: arial;
        font-size: 11px;
        font-weight: bold;
        color: #999999;
        padding-top: 31px;
        padding-left: 313px;
        text-align: left;
		overflow: visible;
		width: 460px;
		position: relative;
}
div.header ul{
        background: url(../images/nav-en.gif) no-repeat 0 0;
		width: 460px;
		margin: -2px 0 0 -4px;
		padding: 0;
		list-style: none;
		height: 16px;
		overflow: hidden;
}
div.header ul li{
	float: left;
	display: inline;

}
	div.header ul li a,
	div.header ul li a span{
		float: left;
		position: relative;
		height: 16px;
		overflow: hidden;
		background: url(../images/nav-en.gif) no-repeat 0 0;
	}
	div.header ul li a span{
		background: url(../images/nav-en.gif) no-repeat 0 0;
		position: absolute;
		top: 0;
		left: 0;
		cursor: pointer;
	}
	div.header ul li.news a,
	div.header ul li.news a span{
		background-position: 0 0;
		width: 44px;
	}
	div.header ul li.nad a,
	div.header ul li.nad a span{
		background-position: -44px 0;
		width: 65px;
	}	
	div.header ul li.history a,
	div.header ul li.history a span{
		background-position: -109px 0;
		width: 57px;
	}
	div.header ul li.albums a,
	div.header ul li.albums a span{
		background-position: -166px 0;
		width: 56px;
	}
	div.header ul li.gallery a,
	div.header ul li.gallery a span{
		background-position: -222px 0;
		width: 61px;
	}
	div.header ul li.live a,
	div.header ul li.live a span{
		background-position: -283px 0;
		width: 34px;
	}	
	div.header ul li.links a,
	div.header ul li.links a span{
		background-position: -317px 0;
		width: 43px;
	}
	div.header ul li.contact a,
	div.header ul li.contact a span{
		background-position: -359px 0;
		width: 65px;
	}
	div.header ul li.news a:hover span{
		background-position: 0 100%;
	}
	div.header ul li.nad a:hover span{
		background-position: -44px 100%;
	}
	div.header ul li.history a:hover span{
		background-position: -109px 100%;
	}
	div.header ul li.albums a:hover span{
		background-position: -166px 100%;
	}
	div.header ul li.gallery a:hover span{
		background-position: -222px 100%;
	}
	div.header ul li.live a:hover span{
		background-position: -283px 100%;
	}
	div.header ul li.links a:hover span{
		background-position: -317px 100%;
	}
	
	div.header ul li.contact a:hover span{
		background-position: -359px 100%;
	}

div.header.sk ul{
       background: url(../images/nav-sk.gif) no-repeat 0 0;
		width: 460px;
		margin: -2px 0 0 -4px;
		padding: 0;
		list-style: none;
		height: 16px;
		overflow: hidden;
	}
		div.header.sk ul li{
			float: left;
			display: inline;

		}
		div.header.sk ul li a,
		div.header.sk ul li a span{
			float: left;
			position: relative;
			height: 16px;
			overflow: hidden;
			background: url(../images/nav-sk.gif) no-repeat 0 0;
		}
		div.header.sk ul li a span{
			background: url(../images/nav-sk.gif) no-repeat 0 0;
			position: absolute;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		div.header.sk ul li.news a,
		div.header.sk ul li.news a span{
			background-position: 0 0;
			width: 58px;
		}
		div.header.sk ul li.nad a,
		div.header.sk ul li.nad a span{
			background-position: -58px 0;
			width: 63px;
		}	
		div.header.sk ul li.history a,
		div.header.sk ul li.history a span{
			background-position: -121px 0;
			width: 59px;
		}
		div.header.sk ul li.albums a,
		div.header.sk ul li.albums a span{
			background-position: -180px 0;
			width: 55px;
		}
		div.header.sk ul li.gallery a,
		div.header.sk ul li.gallery a span{
			background-position: -235px 0;
			width: 56px;
		}
		div.header.sk ul li.live a,
		div.header.sk ul li.live a span{
			background-position: -291px 0;
			width: 69px;
		}	
		div.header.sk ul li.links a,
		div.header.sk ul li.links a span{
			background-position: -360px 0;
			width: 41px;
		}
		div.header.sk ul li.contact a,
		div.header.sk ul li.contact a span{
			background-position: -401px 0;
			width: 58px;
		}
		div.header.sk ul li.news a:hover span{
			background-position: 0 100%;
		}
		div.header.sk ul li.nad a:hover span{
			background-position: -58px 100%;
		}
		div.header.sk ul li.history a:hover span{
			background-position: -121px 100%;
		}
		div.header.sk ul li.albums a:hover span{
			background-position: -180px 100%;
		}
		div.header.sk ul li.gallery a:hover span{
			background-position: -235px 100%;
		}
		div.header.sk ul li.live a:hover span{
			background-position: -291px 100%;
		}
		div.header.sk ul li.links a:hover span{
			background-position: -360px 100%;
		}
		div.header.sk ul li.contact a:hover span{
			background-position: -401px 100%;
		}	
	
	
.header a {
        color: #FFFFFF;
        text-decoration: none;
	word-spacing: -1px;
}

.header a:hover {
        text-decoration: underline;
}

div.middle {
        height: 35px;
        background-image: url(../images/page_middle.gif);
        background-repeat: no-repeat;
}
.obchod{
	color: #fff;
	margin: 0 0px 0 -30px;
	padding: 0;
	text-align: left;
}
	.obchod.order{
		margin: 0 -30px 0 -70px;
		padding: 0;
	}
	.obchod h2{
		font-size: 16px;
		margin: 0 0 5px;
		padding: 0;
		text-align: left;
	}
	.obchod h2 small{
		color: #f00;
	}
	
		.info{
			font-size: 10px;
			padding-left: 8px;
		}
		
		.obchod ul{
			list-style: none;
			margin: 0 0 10px;
			padding: 0;
			width: 630px;
			overflow: hidden;
			clear: both;
		}
		.obchod ul li{
			list-style: none;
			margin: 0 0 10px;
			padding: 10px;
			width: 608px;
			overflow: hidden;
			background: #1e1e1e;
			border: 1px solid #333;
		}
			.obchod ul li:hover{
				background: #050505;
			}
			.obchod ul.order{
				list-style: none;
				margin: 0;
				padding: 30px 0 0;
				width: 320px;
				overflow: hidden;
				clear: both;
			}
			.obchod ul.order li{
				list-style: none;
				margin: 0 0 10px;
				padding: 5px 0;
				width: 310px;
				overflow: hidden;
				background: #000;
				border: 0;

			}
				.obchod fieldset{
					margin: 0;
					padding: 5px 0;
					width: 310px;
					overflow: hidden;
					border: 0;

				}
				.obchod ul.order li input{
					list-style: none;
					margin: 0 0 10px;
					padding: 2px 0;
					width: 190px;
					overflow: hidden;
					

				}
				.obchod ul.order li input.submit{
					margin: 0 0 10px;
					padding: 2px 0;
					width: 90px;

				}
				.obchod ul.order li:hover{
					background: none;
				}
				.obchod ul.order li p{
					font-size: 12px;

				}
				.obchod li p span{
					font-size: 9px;
					margin: 8px 0 0 55px;
					display: block;
				}
				.obchod ul.order li label{
					float: left;
					width: 70px;
					padding: 2px 0 0;
				}
				.obchod ul.order li p{
					margin: 0;
					padding: 0;
				}
				.obchod dd{
					padding-bottom: 10px;
				}
	.obchod a{
		text-decoration: none;
	}
	.obchod select{
		margin: 0;
		padding: 0;
		height: 19px;
	}
	.obchod p{
		margin: 0;
		padding: 15px 0 0;
	}
	.obchod p.cart{
		margin: 0;
		padding: 0 0 20px;
		float: left;
	}
	.obchod p.cart.bottom{
		margin: 0;
		padding: 20px 0 20px;
		float: left;
	}
	.obchod p.cart.order{
		margin: 0;
		padding: 20px 0 20px;
		float: right;
	}
	.obchod p.cart-content{
		margin: 0;
		padding: 0 40px 20px 0;
		float: right;
	}	
	.obchod .qty{
		width: 35px;
		height: 19px;
		border: 0;
		padding: 0;
		margin: 0 5px;
		background: #eee;
	}
	.obchod .thumb{
		float: left;
		padding-right: 15px;
		width: 100px;
	}
	.obchod .thumb img{
		border: 2px solid #fff;
	}
	.obchod .product-info{
		float: left;
		width: 485px;
		min-height: 100px;
		position: relative;
	}
	.obchod .product-info .add{
		bottom: 0;
		right: 0px;
		position: absolute;
	}

	.obchod table{
		color: #fff;
		border: 1px solid #333;
		width: 100%;
	}
	.obchod table caption{
		color: #fff;
		border-bottom: 1px solid #333;
		margin: 0 0 10px;
		padding: 5px 10px;
		text-align: left;
		font-size: 20px;
	}
	.obchod table td,
	.obchod table th{
		padding: 5px;
		background: #111;
		text-align: left;
	}
	.obchod table td a{
		color: #f30;
		text-decoration: none;
	}
	.obchod .order-basket{
		float: right;
		padding: 10px 0 0;
	}
	.obchod .order-basket table{
		width: 370px;
	}
	.obchod .order-basket table caption{
		font-size: 16px;
	}
	input.disabled {
		border: 1px solid #F2F2F2;
		background-color: #F2F2F2;
	}

	input.required, textarea.required {
		border: 1px solid #00A8E6;
	}
	input.validation-failed, textarea.validation-failed {
		border: 1px solid #FF3300;
		color : #FF3300;
	}
	input.validation-passed, textarea.validation-passed {
		border: 1px solid #00CC00;
		color : #000;
	}

	.validation-advice {
		margin: 5px 0;
		padding: 5px;
		background-color: #FF3300;
		color : #FFF;
		font-weight: bold;
	}
	
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
	#lightbox a img{ border: none; }

	#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }

	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}

	#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

	#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

	#imageData{	padding:0 10px; color: #666; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }	
div.footer {
        height: 35px;
        background-image: url(../images/page_bottom.gif);
        background-repeat: no-repeat;
}

div.data {
        width: 100%;
        padding-top: 25px;
        padding-left: 50px;
        padding-right: 50px;
        padding-bottom: 25px;
        text-align: justify;
        font-family: arial;
        font-size: 11;
        font-weight: normal;
        color: #FFFFFF;
}

.data a {
	font-weight: bold;
	color: #FFFFFF;
}

.data a.type1 {
	text-decoration: none;
	hover: yellow;
	}
.data a.type1:hover {color: yellow;}



.data a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

table.album_tracklist {
        width: 100%;
        font-family: arial;
        font-size: 10px;
        font-weight: bold;
        color: #FFFFFF;
}

.album_tracklist a {
        color: #FFFFFF;
        text-decoration: none;
}

.album_tracklist a:hover {
        color: #666666;
        text-decoration: underline;
}

td.tracklist_left_top {
        width: 77;
        padding: 0px;
        padding-right: 2px;
        border-right: 1px solid #FFFFFF;
        vertical-align: top;
}

td.tracklist_left_bottom {
        width: 77;
        padding: 0px;
        padding-top: 15px;
        padding-right: 2px;
        border-right: 1px solid #FFFFFF;
        text-align: right;
        vertical-align: top;
}

td.tracklist_right_top {
        padding: 0px;
        padding-left: 2px;
        vertical-align: bottom;
}

td.tracklist_right_bottom {
        padding: 0px;
        padding-left: 2px;
        padding-top: 15px;
        vertical-align: top;
}

table.song_slova {
        width: 100%;
        font-family: arial;
        font-size: 11px;
        color: #FFFFFF;
}

table.song_akordy {
        width: 100%;
        font-family: arial;
        font-size: 11px;
        color: #FFFFFF;
}

td.akordy {
        vertical-align: top;
}

table.booklet {
        width: 100%;
        font-family: arial;
        font-size: 11px;
        color: #FFFFFF;
}

td.booklet_left {
        width: 35%;
        text-align: right;
        vertical-align: top;
        padding: 0;
        padding-right: 5px;
        margin: 0;
        border-right: 1px solid #FFFFFF;
}

td.booklet_left_b {
        font-weight: bold;
        width: 35%;
        text-align: right;
        vertical-align: top;
        padding: 0;
        padding-right: 5px;
        margin: 0;
        border-right: 1px solid #FFFFFF;
}

td.booklet_right {
        width: 65%;
        text-align: justify;
        vertical-align: top;
        padding: 0;
        padding-left: 5px;
        padding-right: 5px;
}

table.booklet_links {
        width: 100%;
        font-family: arial;
        font-size: 11;
        color: #FFFFFF;
}

td.booklet_links {
        width: 65%;
        text-align: right;
        vertical-align: top;
        padding: 0;
        padding-right: 5px;
        padding-top: 2px;
}

.booklet_links a {
        color: #FFFFFF;
        text-decoration: none;
}

.booklet_links a:hover {
        color: #666666;
        text-decoration: underline;
}

td.big_middle {
	padding-left: 15px;
	padding-right: 15px;
        text-align: justify;
        vertical-align: top;
        font-family: arial;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
        border-left: 1px thin solid;
        
        border-color: #FFFFFF;
}

.big_middle a {
	font-weight: bold;
	color: #FFFFFF;
}

.big_middle a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

td.big_side {
	padding-left: 5px;
	padding-right: 5px;
        text-align: justify;
        vertical-align: top;
        font-family: arial;
        font-size: 11px;
        font-weight: normal;
        color: #FFFFFF;
}
.data table td{
	vertical-align: top;
}
.big_side a {
	font-weight: bold;
	color: #FFFFFF;
}

.big_side a:hover {
	font-weight: bold;
	color: #FFFFFF;
}

td.how_play {
	font-size: 11px;
	color: #FFFFFF;
}

table.how_play {
	width: 100%;
	font-size: 11px;
	color: #FFFFFF;
}

div.border {
	border: 1px thin solid;
	border-color: #666666;
}

div.border2 {
	border-top: 1px thin solid;
	border-right: 1px thin solid white;
	border-color: #666666;
}

#dek {POSITION:absolute;VISIBILITY:hidden;Z-INDEX:200;}
.buttons{
	margin: 8px 0 0;
	padding: 0;
}
.buttons.first{
	margin: 25px 0 0;
	padding: 0;
}
.buttons img{
	padding-right: 15px;
}

div.data dl{ margin-left: 140px; background: url(../images/bg-white.png) repeat-y 79px 0;	overflow: hidden; width: 400px;	text-align: left; margin-bottom: 25px;}
div.data dl dt{	float: left; width: 82px; clear: left; position: relative; }
div.data dl dt p{ margin: 0; padding: 0 5px 0 0; float: right; display: inline;}
div.data dl dt.cover, div.data dl dd.legend{ height: 90px; }
div.data dl dt.last, div.data dl dd.last{ padding-top: 15px; }
div.data dl dt img{ float: left; margin: 0px; border: 0;}
div.data dl dt span.no{ float: left; width: 9px; height: 12px; margin-left: 2px;}
div.data dl dd ul, div.data dl dd ul li{ margin: 0;	padding: 0;	list-style: none; font-size: 10px; font-weight: bold; overflow: hidden; }
div.data dl dd ul li{ margin-bottom: 2px;}
div.data dl dd ul li img{ float: left; margin: 0px 3px 0 0; }
div.data dl dd ul li span{ display: block; margin: -2px 0 0 12px; }
div.data dl#retrospektiva dd{ margin-left: 83px;}

div.data span.line{ margin-left: 140px; width: 300px; height: 1px; background: url(../images/bg-white.png) repeat-x 0 0; display: block; margin-bottom: 25px;}
big.song-title{ margin-bottom: 10px; font-size: 20px; display: block; margin-left: -25px;}
