@charset "UTF-8";
/**
* YAML-based Template for xt:Commerce
*
* (en) product listing
* (de) Produktauflistung
*
* @copyright       Copyright 2006-2007, Björn Teßmann (tessmann@zerosoft.de)
*                  Based on YAML, Copyright 2005-2007, Dirk Jesse
* @link            http://www.zs-ecommerce.com
* @package         yaml for xt:Commerce
* @version         1.6.0   
*/

@media all
{

/* #################################################################################################### */
/* ### product listing 1 col                                                                        ### */
/* ### also for modules: crossselling, reverse_crossselling, also purached, specials, new_products, ### */
/* ### new_products_default, new_products_overview , account , reviews                              ### */
/* #################################################################################################### */

#col3_content h1.productListing1ColHead  {
  color:#FFFFFF;
  padding:1px 3px 1px 6px;
  background:#3C3C3C;
  border-top: 0px  solid #ccc;
  border-left: 0px  solid #ccc;
  border-right: 0px  solid #ccc;
  
}
#col3_content h1.productListing1ColHead a{
  color:#FFFFFF;
}

.productListing1ColBody {
  background:#F1F1F1 none repeat scroll 0%;
  border:1px solid #3C3C3C;
  font-size:0.9em;
  margin-bottom:10px;
  padding:5px;
}

.productListing1ColBodyImg {
float:left;
padding-right:3px;
}

/* define distance for thumbnails , default: 130 for 120px width thumbnails*/
.productListing1ColBodyTxt {
  margin-left:130px; /* */
}


.productListing1ColDesc {
  /* show or hide short description */
  /* display:none; */
}

/* price */
.productListing1ColPriceInfo {
  font-size:1.1em;
  font-weight:bold;
  text-align:right;
  padding-top:3px;
}

/* TaxInfo */
.productListing1ColTaxInfo {
  font-size:0.8em;
  text-align:right;
}

/* ShippingInfo */
.productListing1ColShiptime {
  font-size:0.9em;
  text-align:right;
  /* show or hide shipping time */
  /* display:none; */
}

/* Buttons */
.productListing1ColButtons {
  padding-top:3px;
  /* display:none; */
}

/* show or hide display view-Button*/
.productListing1ColViewButton {
  /* display:none; */
}

/* show or hide display buy-Button*/
.productListing1ColBuyButton {
  /* display:none; */
}


/* ################################################################################################################## */
/* ### productListing3col ########################################################################################### */
/* ################################################################################################################## */


.containerProdListing3col .subcolumns {
	text-align:center;
	margin:0 0 0px 0;
	padding:0 0 0px 0;
	/*display: inline-block;*/
	font-size:0.8em;
}
.productListing3colBuyNow {
	margin-top:5px;
}

.ProdListing3colSpacer h1 {
	background:transparent;
	/*color:#000;
	font-size:1.1em;*/
	text-align:center;
	font-weight: bold;
	display: block; 
	font-size: 16px; 
	color: #000; 
	font-family: Georgia, "Times New Roman", Times, serif; 
}
/*.productOver h1 {
	background:#E9E292 none repeat scroll 0 0;
	color:#000;
	font-size:1.2em;
}*/

.ProdListing3colSpacer h1 a{
	color:#000;

}


.containerProdListing3col .subcl, .containerProdListing3col .subc, .containerProdListing3col .subcr {
padding:2px;
}

/* Abstand zwischen Beschreibung+Bild und Button für Detailseite */
.ProdListing3colSpacer {
	text-align: center;
	background-color: #CFCFCF;
	height: 6em;
}
	
div.ProdListing3colSpacer:hover {
	/*background-color: #E9E292 ;*/
	background-color: #CFCFCF;
}

div.ProdListing3colBorder:hover {
	background-color: #CFCFCF;
}
	
.ProdListing3colBorder {
  border: 1px solid #5C5858;
  padding:0px;
  /*height: 225px;*/
	background-color: #7F7F7F;
	height:23em;
}
	
.listingImageWrapper {
	height: 12em;
	padding-top: 5px;
}
.listingImageWrapper img {
	border:2px solid #7F7F7F;
}
	
	
.productOver .ProdListing3colSpacer   {
	/*background:#E9E292 none repeat scroll 0 0;*/
	background-color: #E9E292 ;
}
.productOver .ProdListing3colSpacer .productTitle  {
	background:#E9E292 none repeat scroll 0 0;
}

.ProdListing3colBorderOver {
  border:1px solid #000;
  padding:4px;
}
.containerProdListing3col {
	width: 80%;
	display: block;
	float: left;
	padding-top: 20px;
}

.ProdListing3colSpacer img.imgCenter {
  padding:4px;
  border:1px solid #CCCCCC;
  background:#fff;
}

.imgCenter {
  width: 185px;
  max-height: 160px;
}
.prodPriceInfo3col {
  font-size:1.1em;
  font-weight:bold;
}

.prodShiptime3col {
  font-size:1.0em;
  font-weight:bold;
}

.prodTaxShipInfo3col {
  font-size:0.9em;
}

#filter {
	background:  url(../../img/sliding_door/main_nav_bg_dark.png) repeat-x center right;
  	background-color: #999933;
  	height: 35px;
}
#filter input[type=image] {
    color: #333;
    float: left;
    margin-bottom: 2px;
    padding:0px 1px;
    margin-top: 5px;
}


#filter #sorting {
	float: left;
	position: relative;
	margin-left: 70px;
}
	
#filter #material {
	float: left;
	margin-left: 20px;
	
}

 .clearfix:after {
    content: ".";
    display: block;
    font-size:0;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* (en) essential for Safari browser !! */
  /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display: block; }

  /* (en) overflow method for clearing floats */
  /* (de) Overflow-Methode zum Clearen der Float-Umgebungen */
  .floatbox { overflow:hidden; }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display: none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns { width: 100%; overflow:hidden; }

  /* (en) alternative class for optional support of old Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { width: 100%; float:left; }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25%; }
  .c33l, .c33r { width: 25%; }
  .c50l, .c50r { width: 50%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 75%; }
  .c38l, .c38r { width: 38.2%; }
  .c62l, .c62r { width: 61.8%; }

  .subc  { padding: 0 0.5em; }
  .subcl { padding: 0 1em 0 0; }
  .subcr { padding: 0 0 0 1em; }

  .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; }
  .equalize .c50l,.equalize .c25l,.equalize .c33l,.equalize .c38l,.equalize .c66l,
  .equalize .c75l,.equalize .c62l,.equalize .c50r,.equalize .c25r,.equalize .c33r,
  .equalize .c38r,.equalize .c66r,.equalize .c75r,.equalize .c62r {
    display:table-cell; vertical-align:top;
    float:none; margin:0; overflow:hidden;
  }
  
  .catListBody {
/*   	width: 200px; */
	width: 80%;
  	float: left;
  	display: block;
  	position: relative;
  }
  
  .catListBody ul li a {
	width: 100%;
	padding: 0px 0px 0px 0%;
/* 	background:#C30405 url(../../img/menu_item_small.png) repeat scroll 0 0; */
	color:#999;
	height:24px;
	line-height:24px;
	text-decoration:none;
	text-indent:20px;
	font-size: 14px;
	padding: 65px 0 10px;
}
	
.catListBody ul li {	
	/*height:34px;*/
	position:relative;
	float: left;
	z-index:2;
 	background:#3C3838  repeat scroll 0 0; 
}
	
	  .catListBody li ul {
  	list-style-type: none; margin:0; padding: 0;
  }
  
  .catListBody ul {
  	list-style-type:none;
  	padding:0;
  	border:0;
  	margin:0;
  }
  
  .catListBody a {
  	display:block;
  	text-decoration: none;
  }
  
  .catListBody li {
  	width: 219px;
  	margin:0;
  }
  
  .catListBody li a:hover {
	background-color:#CFCFCF; color: #fff;
	text-decoration: none;
}
.catListBody li.activeCat a,
.catListBody li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a ,
.catListBody li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat li.activeCat a {
	background-color:#A5C451;
	color: #fff;
	border-bottom: 5px solid #D2F476;
}
#templatemo_main {
	padding:  20px 0 20px
	
}

}