/* 
##  dreikelvin CSS Framework 4
##  
##  Author & Copyright: Robert Jung 2009
##  URL: http://design.dreikelvin.de/
##  
##  CSS for "Bryzant"
##
##
*/
/* ## XHTML basis elements ############################ start # */

body,html {
	
	margin:0;
	padding:0;
	height:100%;
	
}

br { clear:both; }

p br { clear: none; }

.hidden, .tabbertabhide {  display:none;  }

div, section, article, footer, header, nav {

	margin:0;
	padding:0;
	float:none;
	width:100%;
	position:relative;
	display:block;

}

a:active, a:focus { outline:none; }

a img { border:none; }

object { margin:0; padding:0; }

/* ## HTML basis elements ############################ end ### */

/* ## main elements ################################## start # */

#index, #index a {  

	text-indent:-99999px;
	height:100px;
	width:297px;
	margin:0;
	padding:0;
	display: block;
	z-index: 1;

}

#content {

	width:957px;
	margin: 0 auto;

}

#content-generic {

	width:auto;
	padding:30px;
	margin-top:20px;

}

#mainwrapper {

	width: 957px;
	margin:0 auto;
	display: block;
	left:7px;

}


#header {

	width:1000px;
	height:89px;
	margin:0 auto;
	display: block;

}

.column {

	width:100%;
	padding-bottom:100px;

}

.column .inner {

	width: 965px;
	margin: 0 auto;
	display: block;

}


.note {

	padding:10px 0;
	width: auto;
	
}

.note p {
	
	margin:0;
	padding: 20px;
	width: auto;

}

hr {
	
	display: block;
	clear: both;
	margin: 20px 0;

}


/* ## main elements ################################### end ### */



/* ## navigation ###################################### start # */

#navigation {

	width:990px;
	margin:0 auto;
	padding:0;
	height: 43px;
	display: block;
	
}

#navigation .inner {

	float: left;
	height:100%;
	width:auto;
	padding-left:10px;

}

#navigation ul {

	list-style-type: none;
	margin:0 -20px 0 0;
	padding: 0 10px 0 0;
	display: block;
	height:100%;
	width: auto;

}

#navigation ul li {

	display:inline;
	margin:0 10px 0 0;
	padding:0;
	height: 100%;
	width: auto;
	line-height:43px;
	
}

#navigation ul li a {

	width:auto;
	padding:5px 1px;

}

#content-generic article.sidebar {

	float:left;
	width:293px;
	left:30px;

}

ul.sections,  ul.actions  {

	list-style-type:none;
	margin:0;
	padding:0;

}

ul.actions { padding: 10px; }

ul.sections li, ul.sections li a {

	margin:0;
	padding:0;
	display: block;
	width:293px;
	overflow: hidden;

}

ul.sections li { 

	margin-bottom:1px; 
	
}

ul.sections li a { 
	
	padding: 10px 10px 5px 30px; 
	width: 253px; 
	
}


ul.breadcrumb {

	list-style: none;
	margin:0;
	padding:0;
	display: block;
	height:21px;
	position: relative;
	top:20px;

}

ul.breadcrumb li, ul.breadcrumb li a {

	margin:0;
	padding:0 10px 0 15px;
	float:left;
	height:100%;
	line-height: 21px;

}

ul.deepselector, ul.tabbernav {

	margin:0;
	padding:5px;
	list-style-type: none;
	display: block;

}

ul.deepselector li, ul.tabbernav li {

	margin:0;
	padding: 0 5px;
	display: inline;

}

ul.social {

	margin:0;
	padding:11px;
	list-style-type: none;

}

ul.social li {

	display: inline;

}


a.social-1, a.social-2, a.social-3, a.social-4, a.social-5 {

	float: left;
	width: 31px;
	height:31px;	
	text-indent: -999999px;
	margin-right:5px;

}

/* ## navigation ###################################### end ### */


/* ## content elements ################################ start # */


.releases {

  width: 960px;
  height:186px;
  position: relative;
  margin-bottom:20px;

}

#slider {
  width:856px !important;
  height:186px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  left: 46px;

}

#slider ul li {
  display: block;
  height: 186px;
  width: 910px; /* change to 560px if not using JS to remove rh.scroll */
  position: relative;
  left:-40px;
}

#feature {

	padding-top:22px;
	width: auto;
	float: left;
	margin-bottom:12px;
			
}

.fpic {

	border: 10px solid #fff;
	display: block;
	width: 541px;
	height:auto;
	float: left;

}

.fpic img {

	height: auto;
	display: block;

}

#feature .text {

	padding:40px 26px 10px 26px;
	width:327px;
	float:right;

}

.bottom .box {

	width:210px;
	margin-left:18px;
	float: left;
	margin-bottom: -57px;

}

.label-selector {

	list-style-type: none;
	margin:0;
	padding:0 0 0 230px !important;
	width:900px;
	height: 57px;
	overflow: hidden;
	display: block;
	clear: both;
	position: relative;
	bottom:-57px;

}

.label-selector li {

	display: inline;
	line-height: 57px;

}

.bottom .inner .news {

	padding-left:23px;
	margin:0;
	width:235px;

}

.bottom .inner h3 {

	margin:0 0 20px 0;
	padding:20px 0 10px 0;
	display: block;
	height:20px;

}

.bottom ul, 
ul.photos, 
.intrabox ul, 
ol.responses, 
ul.subsections,
ul.listing-a, 
ul.listing-b, 
ul.listing-c, 
.basket ul,
ul.browse,
ul.prodselect,
ul.tracklist {

	list-style-type: none;
	padding:0;
	margin:0;

}

ul.subsections {

	padding: 10px 30px;

}

ul.deeper {

	padding: 10px 30px 10px 50px;

}

.news ul li {

	padding:10px;
	margin:0 0 5px 0;
	position: relative;

}

.news ul li .label {

	position: absolute;
	top:12px;
	right:10px;
	display: block;
	height:12px;
	margin:0;
	padding:0;

}

.news ul li h4, .news ul li p {

	margin:0;
	padding: 2px 0;

}

.mp3 ul { padding-top:20px; }


#content-generic .mp3 ul { padding:0; width: 100%; }
#content-generic .mp3 ul li { width: 100%; margin-bottom:2px; }
#content-generic .mp3 ul li a.button-buy {

	position: absolute;
	top:10px;
	right:52px;

}

.dates ul li {

	display: block;
	padding: 5px 0;

}

.dates ul li strong { display: block; }

#content-generic .dates ul { padding:0; }

.social { width:211px; }

.twitter {

	width: 211px;
	overflow: hidden;

}

.twitter p {

	padding: 0 10px 30px 10px;

}

.twitter h4 {

	padding: 10px 10px 0 10px;
	margin:0;

}

#content-generic .box {

	width:565px;
	float:left;
	padding-right:10px;

}

#content-generic h2 {
	
	margin:0;
	padding:0;
	
}


#content-generic article.fullwidth {

	width:100%;

}

.labelthumb {
	
	width:208px;
	height: 160px;
	float:left;
	margin-right:20px;
	position: relative;
	margin-bottom: 20px;

}

.labelthumb .button-visit {

	position: absolute;
	bottom:5px;
	left:2px;
	
}

.col-a {
	
	width:50%;
	float: left;

}

#content-generic table { width:100%; }

#content-generic table tbody tr td { padding: 10px; }

#content-generic table tbody tr td.expandable { padding: 0 10px; }

.subtotal { text-align: right; }

ul.photos li { display: inline; }
              
.intrabox {

	padding:15px;
	width: auto;

}

.intrabox p { text-align: justify; padding-left:160px; }

.intrabox ul {

	float: left;
	padding: 0 20px 50px 0;
	width:140px;

}

.intrabox ul li {

	padding: 5px 0;

}

.intrabox ul li a { padding-left:10px; width:auto; display:block; }
           
.sidebar .intrabox {

	width:250px;
	left:12px;

}

.sidebar h4 {

	padding: 0 20px;

}


.blog h3, .blog img {

	margin:0;
	padding:0;
	
}

article.blog object, article.blog iframe {

	width:540px !important;
	height: 300px !important;

}

.postfooter {

	list-style-type: none;
	margin:50px 0 0 0;
	padding:0 0 50px 0;

}

.postfooter li { display:inline; margin: 0 2px 0 0; }

ol.responses li {

	margin:0 0 5px 0;
	padding:10px 10px 30px 50px;
	position: relative;

}

ol.responses li p { margin: 0; padding: 0; }

ol.responses .gravatar {

	position: absolute;
	top:10px;
	left:10px;

}

ol.responses .gravatar img {
	
	width: 26px;
	height:26px;

}


ul.listing-a li, ul.listing-b li {

	float: left;
	height:150px;
	width:90px;
	position: relative;
	text-align: center;
	padding-right:5px;

}

ul.listing-b li { 

	width: 130px; 
	height: 200px; 
	padding-right: 20px;
	
}

ul.listing-a li a {

	display: block;
	width:100%;
	height:100%;
	position: relative;

}

ul.listing-a li a img {

	width:80px;
	height:80px;

}

ul.listing-b li a img {

	width:128px;
	height:128px;

}

ul.listing-a li a img, ul.listing-b li a img { 

	display: block; 
	padding:3px;

}

ul.listing-c li { 
	
	display: block; 
	clear: both; 
	float: left; 
	width: 545px; 
	padding: 10px; 
	margin: 0 0 2px 0;

}

ul.listing-c li br { clear: none; }

ul.listing-c li a img {

	float:left;
	margin: 0 10px 0 0;

}

ul.listing-c li strong, ul.listing-c li small {

	text-align: right;
	float: right;
	width:300px;
	padding: 3px 0;

}

ul.listing-c li .button-basket { 

	float: right;
	clear: both;
	
}

ul.listing-a li a span.price {

	padding:2px 5px;
	text-align: left;
	position: absolute;
	top:72px;
	left:0;
	width: auto;

}

.basket {

	margin: -60px 0 4px 0;
	padding: 0 0 10px 0;
	width: 277px;
	left:13px;

}

.basket ul {

	margin:10px;
	padding: 0 60px 10px 0;

}

.basket p { text-align: right; padding: 0 10px; margin:0; }

ul.browse {

	margin: -15px 0 0 0;

}

ul.browse li {

	width: 50%;
	float: left;
	
}

ul.browse li.pages {

	text-align: right;

}

#content-generic .shop .basket {

	position: relative;
	margin: 0;
	padding:3px;
	left: 0;
	width: auto;	

}

#content-generic .shop .basket table {

	border-collapse: collapse;	

}

#content-generic .shop .basket table tr td { padding:10px; }


.productimg { 
	
	float:left; 
	width: auto;
	margin: 0 20px 20px 0; 
	
}

p.desc { margin:0; padding:0; }

ul.prodselect {

	padding:10px;

}

ul.prodselect li {

	display: inline;
	padding:2px 5px; 

}
ul.prodselect li:hover { cursor: pointer; }

#content-generic ul.tracklist { padding:10px; position: relative; }
#content-generic ul.tracklist li { padding: 2px; clear: both; }
#content-generic ul.tracklist li h5 { margin:0; padding:10px 0 15px 0; }
ul.tracklist li span { padding:5px 2px; }
ul.tracklist li span.buttons { float: right; padding-left:5px; margin-top:-5px; }


/* ## content elements ################################ end ### */

/* ## Headings ####################################### start # */

#feature h2, .releases h2 { display: none; }

.bottom h3 {

	width:100%;
	display: block;

}

#content-generic .fullwidth h3 {

	padding-top:0;
	margin-top:0;

}

.basket h4 {

	margin:0;
	padding: 10px;

}

.sidebar fieldset h4 {

	margin:0;
	padding:0 0 10px 0;

}

#content-generic h5 {
	
	margin:0;
	padding: 10px 0 10px 0;

}

/* ## Headings ####################################### end ### */

/* ## footer ########################################## start # */

footer {

	display:block;
	clear: both;
	padding: 0 0 50px 0;

}

footer .inner {

	width:970px;
	margin: 0 auto;

}

footer ul {

	margin:0;
	padding:10px 0;
	list-style-type:none;

}

footer ul li { 

	margin:0;
	padding:0 10px 0 0;
	display:inline;

}

/* ## footer ########################################## end ### */


/* ## forms ########################################### start # */

fieldset { position: relative; }

fieldset, fieldset p {

	margin:0;
	padding:0;
	
}

label { display: none; }

.bottom label { display:block; padding: 5px 0; }

.input-text, textarea { 

	padding:5px;
	width:260px;

}

textarea { width: 80%; height:150px; }

.errmsg {

	padding:10px;
	width:250px;

}

#content-generic .shop fieldset { padding: 10px; width:550px; }
#content-generic #fieldset-shopregister label { display: block; }

#content-generic fieldset p { padding: 2px 0; }

#fieldset-comment { position: relative; height:170px; }

#fieldset-comment #textarea-comment {

	position: absolute;
	top:20px;
	right:10px;
	width:45%;
	vertical-align: top;

}

#fieldset-comment .button-comment {

	position: absolute;
	bottom:10px;
	right:10px;

}

#fieldset-comment textarea { height:120px; }

.sidebar fieldset {

	position: relative;
	left:12px;
	padding:10px;
	width:259px;
	margin: 2px 0;

}

.sidebar fieldset .input-text, .sidebar fieldset select {

	width:80%;

}

.qty { 

	width:40px; 
	float: left; 
	margin-right:10px;
	padding:2px;
	
}

#mainwrapper fieldset {

	padding:10px;

}

.PollOption { padding: 5px 0; }

.PollOption label { display: inline; }

.PollResult span {

	display: block;
	height:10px;
	width:1px;
	min-width:1px;
	text-indent: -999999px;
	margin: 5px 0;

}

fieldset p.bubble {
	
	display: block;
	width:450px;
	position: absolute;
	top:20px;
	right:10px;

}

.LV_validation_message {

	display: block;
	

}

/* ## forms ########################################### end ### */


/* ## Buttons ######################################## start # */

a.button-download {

	position: absolute;
	top:11px;
	right:7px;
	display: block;
	width:16px;
	height:16px;
	overflow: hidden !important;
	text-indent: -999999px;
	padding:0 !important;
	margin:0;

}

.blog .button-read {

	position: absolute;
	bottom:50px;
	right:0;

}

.sidebar .button-rss { position: relative; left:10px; margin-top:-70px; }


#content-generic #button-checkout {

	float: right;

}

/* ## Buttons ######################################## end ### */


/* ## Disqus ####################################### start ### */

.dsq-tooltip-outer {

	display: inherit;
	width: auto !important;

}

#disqus_thread button, #dsq-popup-message button, #dsq-popup-message label {

	text-indent: inherit !important;
	width: auto !important;
	display:inherit !important;

}

#dsq-comments button.dsq-comment-footer-reply-tab { display: none !important; }

.dsq-post-area {

	margin-top:10px;

}

#disqus_thread table tr td { padding: inherit !important; }

#disqus_thread table tr td.dsq-header-avatar a img { margin-right: 5px !important; }

#dsq-toolbar-dropdown-wrap { z-index: 1 !important; }

/* ## Disqus ######################################### end ### */