@charset "utf-8";
/* CSS Document */

* {margin:0;padding:0;}

body {
	color: white;
	background-color: #000;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
form{
	margin:0;
	padding:0;
}
img{
	border: 0;
}

.pagetext img { 
	margin: 10px !important;
	}

.tc{
	color: lightgreen;
	font-weight: bold;
}
.tw{
	color: red;
	font-weight: bold;
}

.newsdiv, .newsdiv *{
	color: black !important;
}

a{
  text-decoration: none;
}

#wrapper {
	width: 951px;
	margin: 0 auto;
	background-color: #555811;
}

#content {
	width: 929px;
	margin-left: 10px;
  margin-right: 10px;
  border-left: 1px solid #b9c353;
	border-right: 1px solid #b9c353;
	background-color: #898e1a;
}

#footerleft{
  color: white;	
}
#footerleft a{
  color: white; 
  text-decoration: underline;
}

#header{
  background-image: url(img/tbc_header.jpg);	
  height: 99px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: black;
  overflow: hidden;
  position:relative;
}

#header a{
	color: white;
}

#header a:hover{
  color: red;
}

#footer{
  height: 99px;
  color: white;
}
#top3{
	height: 368px;
	overflow: hidden;
	position:relative;
}

#prod{
	height: 200px;
}

.singleprod{
	width: 185px;
	text-align: center;
	float: left;
	color: white;
	padding-top: 10px;
}

.line_200{
	height: 200px;
}
.line_300{
  height: 300px;
  overflow: hidden;
}

.line_150_left{
  height: 150px;
  float: left;
  width: 478px;
}
.line_300_right{
  height: 300px;
  float: right;
  width: 450px;
}

.border_b {
  border-bottom: 1px solid #b9c353;
}
.border_t {
  border-top: 1px solid #b9c353;
}
.border_l {
  border-left: 1px solid #b9c353;
}
.border_r {
  border-right: 1px solid #b9c353;
}
.breadcrumbs {
  background-color: #4e500f;
  color: white;
  font-size: 20px;
  height: 30px;
  padding-top: 10px;
  padding-left: 10px;
}
.breadcrumbs a{
  text-decoration: none;
    color: #a9ae3a;
}

.cat_container, .prod_container{
	background-color: #323405;
}
.catlist{
  width: 210px;
  background-color: #4e500f;

}
.prodincat{
  width: 700px;
  float: right;
}

.community{
  width: 690px;
  float: right;
}

.wrapper{
  clear: both;
}


li.subcat{
list-style-type:none;
padding-left: 20px;
}

div.maincat {
  padding-left: 10px;
  padding-top: 15px;
}

ul.subcat{
 padding-top: 5px;
}

.cat a{
  text-decoration: none;
  font-size: 12px;
  color: #a9ae3a;
}

.maincat a{
  font-size: 14px;
  font-weight: bold;
  
}



.cat a:hover{
  color: white;
  
}

a.activecat{
	color: white;
	font-weight: bold;
}

.proditem{
	width: 150px;
	height: 200px;
	float: left;
	text-align: center;
	margin-top: 15px;
}

.proditem1, .proditem2, .proditem3 {
  margin-right: 25px;
}


.proditem a{
  color: white;
  
}

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

.prodview{
  
  padding: 15px;
}

.prodimages{
	float: right;
}

.prodimage{
  float: right;
  margin-right: 10px;
  height: 540px;
  background-color: black;
}

.prodinfo{
  float: left;
  width: 350px;
  background-color: #898e1a;
  padding: 10px;
  min-height: 520px;
}

.prodview *{
	color: white;
}

.prodinfo h2{
	font-weight: normal;
	font-size: 12px;
}
.prodinfo .pricetag{
  font-size: 14px;
  font-weight: bold;
  text-align: right;
}

.prodcomment{
  background-color: #898e1a;
  padding: 2px;
  margin: 0px;
  margin-top: 0px;
}

.commenttitle, .commenttext{
  background-color: #555811;
  padding-left: 10px;
  font-weight: bold;
}

.commenttext{
  font-weight: normal;
  border-top: 1px solid white;
  padding-bottom: 20px;
}


.catfilter{
	color: white;
	margin-top: 15px;
}

.catfilter a{
  margin-top: 15px;
  color: #a9ae3a;
}
.catfilter .activesort{
  font-weight: bold;
  text-decoration: underline;
}

form.prod *{
	color: black !important;
}

form.prod select{
	width: 180px;
}

form.prod input#count{
  width: 20px;
  margin-left: 10px;
  text-align: right;
}

form.prod input#submit{
  width: 120px;
  margin-left: 10px;
}



.prodmini{
	padding: 0px;
	margin: 0px;
	height: 135px;
	width: 135px;
	overflow: hidden;
}


.newcomment{
	margin-top: 20px;
	background-color: #a9ae3a;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: black;
}
.newcomment *{

  color: black;
}

/******Michi - CSS*****/
/*********PAGE*********/

#page {
	margin:10px;

}

  h1{
    color:white;
    font-size:20px;
    margin-bottom:5px;
  }


	#page h1{
		color:black;
		font-size:20px;
		margin-bottom:5px;
	}
	
	#page h2 {
		color:black;
		font-size:25px;
	}
	
	#page #text {
		color:black;
		font-size:14px;
		margin:10px;
	}
	
	#page #keywords {
		color:blue;
	}

.control {
	padding-top:0px;
	padding-bottom:20px;
	height:10px;
}

	.control a {
		width:150px;
		height:20px;
		line-height:18px;
		text-align:center;
		color:black;
		font-weight:bold;
		font-size:15px;
		display:block;
		float:left;
		border: 2px black solid;
		margin-right:5px;		
	}

#page #page_editor {
	padding-right:10px;
}

	#page #extra {
		margin-bottom:20px;
		border: 1px black solid;
		padding:10px;
	}
	
	#page .language {
		margin-bottom:20px;
		border: 1px black solid;
		padding:10px;
	}

	#page .fields {
		font-size:13px;
		line-height:23px;
		float:left;
		color:black;
	}
	
	#page #page_editor h3 {
		color:black;
		font-size:15px;
		margin-bottom:10px;
	}

	#page #page_editor #submit {
		width:150px;
		font-size:15px;
		border:1px black solid;
		background-color:white;
		font-weight:bold;
	}

#page #ids {
	margin:10px;
}
		#page #ids ul {
			list-style:none;
		}
		
		#page #ids li {
			margin-left:20px;
		}
		
		#page #ids a {
			font-size:13px;
			text-decoration:none;
			color:black;		
		}
		
/*******FRONTPAGE*********/
.small {
	height:200px;
	width:930px;
	padding:0px;
	margin:0px;
}

.big {
	height:300px;
	width:930px;
	padding:0px;
	margin:0px;
}

	.big_half {
		float:left;
		height:300px;
		width:465px;
		padding:0px;
		margin:0px;
	}
	
	.big_quater {
		height:150px;
		width:465px;
		padding:0px;
		margin:0px;
		float:left;
	}
	
.huge {
	height:500px;
	width:930px;
	padding:0px;
	margin:0px;
}

.clear { clear:left; }
/*********TITLE PAGE*********/

#page_preview {
	width:462px;
	float:left;
}

#preview {
	width:930px;	
}

#editor {
	width:463px;
	float:left;
}

	#editor .inserts {
		border:1px black solid;
		padding:5px;
		margin-bottom:5px;
	}

	#editor h2 {
		color:black;
		font-size:20px;
		margin:10px;
	}

	#editor form {
	}
	
	#editor form p {
		color:black;
	}

	#editor #selection {

	}

	#editor #selection #selected {
		margin-bottom:10px;
		color:black;
		font-size:20px;
	}
	
	#editor ul {
		list-style:none;
	}

#border {
	margin:28px;
	border:4px black solid;
	height:600px;
	width:400px;
	text-align:center;
}

.links {
	height:20px;
	width:100px;
	background-color:#898E1A;
	text-align:center;
	line-height:18px;
	border:2px black solid;
	margin-left:3px;
	margin-right:3px;
	float:left;
}
	.links a {
		font-size:15px;
		color:black;
		display:block;
		height:20px;
		width:100px;
	}

/*********ELEMENT STYLES*********/

.small_element {
		width:400px; height:60px;
		border-bottom:1px black solid;
}
	.small_element a {
		display:block;
		width:400px; height:60px;
	}
	.small_element a:hover {
		background-color:#b5bc22;
	}
.big_element {
		width:400px; height:100px;
		border-bottom:1px black solid;
}
	.big_element_link {
		display:block;
		width:400px; height:100px;
	}
	.big_element_link:hover {
		background-color:#b5bc22;			
	}
.half_element_left {
		width:199px; height:100px;
		border-right:1px black solid;
		float:left;
}
	.half_element_left a {
		display:block;
		width:199px; height:100px;
	}
	.half_element_left a:hover {
		background-color:#b5bc22;			
	}
.half_element_right {
		width:199px; height:100px;
		float:left;
}
	.half_element_right a {
		display:block;
		width:199px; height:100px;
	}
	.half_element_right a:hover {
		background-color:#b5bc22;			
	}
.quater_element_top {
		width:200px; height:50px;
		border-bottom:1px black solid;
}
	.quater_element_top a {
		display:block;
		width:200px; height:50px;
	}
	.quater_element_top a:hover {
		background-color:#b5bc22;			
	}
.quater_element_bottom {
		width:200px; height:50px;
}
	.quater_element_bottom a {
		display:block;
		width:200px; height:49px;
	}
	.quater_element_bottom a:hover {
		background-color:#b5bc22;			
	}

/*#border { width:400px; height:100px; }*/

#border.hover { background-color:yellow; }

div.order_label{
	float: left;
	width: 120px;
	margin-left: 10px;
	}

div.order_input{
  float: left;
  width: 270px;
  padding: 3px;
  }
div.order_input input{
  width: 230px;
}


div.orderbox{
margin-left: 40px;
margin-right: 40px;
border: 1px solid #B9C353; 
background-color: #4E500F;
	}

.join{
	margin: 30px;
	height: 300px;
	border: 1px solid #B9C353;
	background-color: #4E500F;
}
.reglabel{
	float: left;
	width: 100px;
	margin-left: 10px;
}
.reginput input,.reginput select{
	width: 250px;
	margin-bottom: 3px;
}
.error{
  font-weight: bold;
  color: red;	
}


/*********PASSWORD FORGOTTEN*********/

#forgot {
  height:100px;
}

  #forgot form {
    margin-left:300px;  
  }

  #forgot p {
    text-align:center;
    color:white;
    font-size:20px;
  }
  
  #forgot #mail {
    color:white;
    font-size:13px;
  }
  
  #forgot p a {
    display:block;
    margin-top:10px;
    color:white;
    font-weight:bold;
  }