/**
* @Enterprise: Yagendoo Media GmbH
* @author: Yagendoo Media Team
* @url: http://www.yagendoo.com
* @copyright: Copyright (C) Yagendoo Media GmbH
* @license: Commercial, see LICENSE.php - GNU/GPL compatible
* @product: Yagendoo Virtuemart Product Presenter
*/
	
/* Product Area */
#vm-product-presenter {
	-webkit-border-radius: 12px;
	border-radius: 12px;	
	border:6px solid rgba(0,0,0,.2);

}

#vm-product-presenter #product-area {
	position:relative;
	background: #fff;
	padding: 6px 0px 0px 0px;
	-webkit-border-radius: 8px 8px 0 0 ;
	border-radius: 8px 8px 0 0 ;	
}

#vm-product-presenter #product-area .product {
	position:absolute;
	overflow:hidden;
	width:100%;
}

#vm-product-presenter #product-area .product ul {
	padding:0px;
}

#vm-product-presenter #product-area .product ul li {
	display:inline;
	float:left;
	width:196px;
	list-style:none;
	margin:0px 2px;
	background: none;
	padding: 0;
}

	
/* Product Title */
#vm-product-presenter #product-area .product ul li h3.product-name {
	font-size:11px;
	text-align:center;
	margin:0;
	padding:0;
	text-decoration:none;
}

#vm-product-presenter #product-area .product ul li h3.product-name a {
	font-weight:normal;
	color:#CB4A28;
	text-decoration:none;
	text-shadow:none;
	font-family:'Lobster','Helvetica',arial,serif;
	font-size:18px;
	line-height:20px;
	
	
}

#vm-product-presenter #product-area .product ul li h3.product-name a:hover {
	color:#000;
}

	
/* Product Image */
#vm-product-presenter #product-area .product ul li a.product-thumb {
	display:block;
	text-align:center;
	height:130px;
}

#vm-product-presenter #product-area .product ul li a.product-thumb img.product-thumb {
	bottom:0;
	max-width:140px;
	height:auto;
	max-height:130px;
}


/* Category Listings */
#vm-product-presenter #category-area {
	background:#e0e0e0 url(../images/default/background.jpg) top repeat-x;
	-webkit-border-radius:  0 0 8px 8px;
	border-radius: 0 0  8px 8px;	
}

#vm-product-presenter #category-area ul.categories {
	text-align:center;
	margin:0;
	padding:0px 8px 6px 8px;
}

#vm-product-presenter #category-area ul.categories li {
	display:inline;
	list-style:none;
	margin:0 15px;
	padding:0px;
	line-height: normal;
	float: none;
	background: none;
	padding: 0;
}

#vm-product-presenter #category-area ul.categories li a.category {
	font-size:12px;
	text-align:center;
	margin:0;
	color:#7F7F7F;
	text-decoration:none;
	display: inline-block;
	padding: 10px 0px 0px 0px;
	text-shadow:none;
	
	
}

#vm-product-presenter #category-area ul.categories li a.category:hover {
	color:#000;
	background: url(../images/default/arrow.jpg) top center no-repeat;
}

#vm-product-presenter #category-area ul.categories li a.active {
	background: url(../images/default/arrow.jpg) top center no-repeat;
	color:#000;
}

	
/*////////////////////////////////////
////////////// Basics ////////////////
////////////////////////////////////*/
.clear {
	clear:both;
}

.floatleft,span.floatleft {
	float:left;
}

.floatright,span.floatright {
	float:right;
}

.center,span.center {
	text-align:center;
}

.right {
	text-align:right;
}

/*////////////////////////////////////
///////////// All Width`s ////////////
////////////////////////////////////*/
.width1{width:1%}.width2{width:2%}.width3{width:3%}.width4{width:4%}.width5{width:5%}.width6{width:6%}.width7{width:7%}.width8{width:8%}.width9{width:9%}.width10{width:10%}.width11{width:11%}.width12{width:12%}.width13{width:13%}.width14{width:14%}.width15{width:15%}.width16{width:16%}.width17{width:17%}.width18{width:18%}.width19{width:19%}.width20{width:20%}.width21{width:21%}.width22{width:22%}.width23{width:23%}.width24{width:24%}.width25{width:25%}.width26{width:26%}.width27{width:27%}.width28{width:28%}.width29{width:29%}.width30{width:30%}.width31{width:31%}.width32{width:32%}.width33{width:33%}.width34{width:34%}.width35{width:35%}.width36{width:36%}.width37{width:37%}.width38{width:38%}.width39{width:39%}.width40{width:40%}.width41{width:41%}.width42{width:42%}.width43{width:43%}.width44{width:44%}.width45{width:45%}.width46{width:46%}.width47{width:47%}.width48{width:48%}.width49{width:49%}.width50{width:50%}.width51{width:51%}.width52{width:52%}.width53{width:53%}.width54{width:54%}.width55{width:55%}.width56{width:56%}.width57{width:57%}.width58{width:58%}.width59{width:59%}.width60{width:60%}.width61{width:61%}.width62{width:62%}.width63{width:63%}.width64{width:64%}.width65{width:65%}.width66{width:66%}.width67{width:67%}.width68{width:68%}.width69{width:69%}.width70{width:70%}.width71{width:71%}.width72{width:72%}.width73{width:73%}.width74{width:74%}.width75{width:75%}.width76{width:76%}.width77{width:77%}.width78{width:78%}.width79{width:79%}.width80{width:80%}.width81{width:81%}.width82{width:82%}.width83{width:83%}.width84{width:84%}.width85{width:85%}.width86{width:86%}.width87{width:87%}.width88{width:88%}.width89{width:89%}.width90{width:90%}.width91{width:91%}.width92{width:92%}.width93{width:93%}.width94{width:94%}.width95{width:95%}.width96{width:96%}.width97{width:97%}.width98{width:98%}.width99{width:99%}.width100{width:100%}