/** teaserAreaHorizontal **/

.teaserAreaHorizontal {
	clear: both;
	height: 167px;
	margin: 10px -12px 0 -8px;
	background: url(gfx/teaserSprite.png) 8px 0 no-repeat;
}

	.teaserAreaHorizontal .teaserBox {
		position: relative;
		margin: 28px 1px 0 0;
		padding: 12px 0 0 26px;
		float: left;
		width: 313px;
		height: 108px;
	}
	
	.teaserAreaHorizontal .teaserBox p {
		position: absolute;
		top: 44px;
		font-size: 12px;
		line-height: 17px;
		width: 212px;
	}
	
	.teaserAreaHorizontal .teaserLinkArea {
		position: absolute;
		top: 84px;
	}	

	.teaserAreaHorizontal .teaserTry {
		background: url(gfx/teaserSprite.png);
		background-position: 0 -200px;
	}
	
	.teaserAreaHorizontal .teaserDesign {
		background: url(gfx/teaserSprite.png);
		background-position: 0 -340px;
	}
	
	.teaserAreaHorizontal .teaserSupport {
		background: url(gfx/teaserSprite.png);
		background-position: 0 -480px;
	}

/** END teaserAreaHorizontal **/




/** teaserAreaVertical **/

.teaserAreaVertical {
	clear: both;
	height: auto;
	margin: 0 -10px 0 0;
	padding: 10px 0 0 0;
}

	.teaserAreaVertical .teaserBox {
		position: relative;
		margin: 0 0 20px 0;
		*margin: 0 0 10px 0;
		padding: 6px 0 8px 18px;
		width: 230px;
		height: 90px;
		display: block;
		background-color: #f00;
	}
	
	.teaserAreaVertical .teaserBox p {
		position: absolute;
		top: 37px;
		font-size: 12px;
		line-height: 15px;
		width: 180px;
	}
	
	.teaserAreaVertical .teaserLinkArea {
		position: absolute;
		top: 70px;
	}	

	
	.teaserAreaVertical .teaserTry {
		background: url(gfx/teaserSprite.png);
		background-position: -400px -200px;
	}
	
	.teaserAreaVertical .teaserDesign {
		background: url(gfx/teaserSprite.png);
		background-position: -400px -316px;
	}
	
	.teaserAreaVertical .teaserSupport {
		background: url(gfx/teaserSprite.png);
		background-position: -400px -432px;
	}

/** END teaserAreaVertical **/


/** textTeaser **/

.textTeaserArea {
	clear: both;
	padding: 6px 0 2px 0;
}

	.textTeaser, .textTeaserLast {
		width: 235px;
		padding: 0 9px 0 0;
		border-right: 1px solid #999;
		margin: 0 8px 0 0;
		float: left;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		font-size: 11px;
	}
	
	.textTeaserLast {
		margin: 0;
		border: 0;
	}

/** END teaserArea **/



/** uniqueSellingPointsHorizontal **/

.USPHorizontal {
	margin: 20px 0 6px 0;
	background: url(gfx/bgUniqueSellingPoints.png) -748px 0;
}
	
	.USPHorizontal .USPTop {
		background: url(gfx/bgUniqueSellingPoints.png) 0 0;
		height: 3px;
		overflow: hidden;
	}
	
	.USPHorizontal .USPContent {
		padding: 8px 0 0 0;
		*padding: 8px 0; /* IE6 & IE7 hack */
	}
	
		.USPHorizontal .USPItem {
			float: left;
			display: inline;
			width: 229px;
			margin: 0 10px 10px 10px;
			*margin: 0 10px 0 10px; /* IE6 & IE7 hack */
			min-height: 42px;
			height: auto !important;
			height: 42px;
		}
	
	.USPHorizontal .USPBottom {
		background: url(gfx/bgUniqueSellingPoints.png) -1496px bottom;
		height: 3px;
		overflow: hidden;
	}

	.USPItem h4 {
		position: relative;	
		padding: 0 0 0 18px;
		margin: 0;
	}
	
	.USPItem p {
		padding: 0 0 0 18px;
		margin: 0;
		font-size: 11px;
		line-height: 13px;
		color: #738759;
	}	
	
	.USPItem a {
		text-decoration: none;
		color: #738759;
	}
	
	.USPItem a:hover {
		text-decoration: underline;
		color: #333;
	}			

	.USPItem .icon_checkcircle {
		position: absolute;
		width: 14px;
		height: 14px;
		background: url(gfx/commonItemsSprite_24bit.png) -460px -30px;
		_background: url(gfx/commonItemsSprite_8bit.png) -460px -30px;		
		top: 0;
		left: 0;
		_left: -16px; /* IE6 hack */
	}
	
/** END uniqueSellingPointsHorizontal **/
		


/** uniqueSellingPointsVertical **/

.USPVertical {
	margin: 0 0 6px 0;
	background: url(gfx/bgUniqueSellingPoints.png) -2421px 0;
}
	
	.USPVertical .USPTop {
		background: url(gfx/bgUniqueSellingPoints.png) -2244px 0;
		height: 3px;
		overflow: hidden;
	}
	
	.USPVertical .USPContent {
		padding: 8px 0 0 0;
		*padding: 8px 0; /* IE6 & IE7 hack */
	}
	
		.USPVertical .USPItem {
			margin: 0 6px 10px 5px;
		}
	
	.USPVertical .USPBottom {
		background: url(gfx/bgUniqueSellingPoints.png) -2598px bottom;
		height: 3px;
		overflow: hidden;
	}
	
/** END uniqueSellingPointsVertical **/



/** productOverview **/

.overviewGroup {
	clear: both;
	margin: 30px 0 20px 0;
}

	.overviewGroup h2 {
		position: relative;
		background: url(gfx/commonItemsSprite_24bit.png) 0 -636px;
		_background: url(gfx/commonItemsSprite_8bit.png) 0 -636px;		
		padding: 0 0 0 6px;
		margin: 0 0 1px 0;
		border-bottom: 1px solid #ccc;
	}
	
	.overviewGroup span.overviewLine, .overviewGroup span.overviewLineAlt {
		position: relative;
		background: #f9f9f9;
		border-bottom: 1px solid #ededed;
		padding: 3px 0;
		display: block;
		text-decoration: none;
		color: #000;
	}
	
	.overviewGroup span.overviewLineAlt {
		background: #fff;
	}
	
	.overviewGroup span:hover.overviewLine, .overviewGroup span:hover.overviewLineAlt {
		color: #39f;
		background: #eaf2f8;
	}
	
	.overviewGroup span:hover.overviewLine .overviewLinkText, .overviewGroup span:hover.overviewLineAlt .overviewLinkText {
		cursor: pointer;
	}
	
		.overviewGroup .overviewLinkText {
			position: relative;
			padding: 0 0 0 20px;
			display: block;
		
		}
		
			.overviewGroup .overviewLinkText span {
				position: absolute; 
				top: 0;
				left: 2px;
				_left: -18px;
				width: 16px;
				height: 16px;
				background: url(gfx/commonItemsSprite_24bit.png) -460px -220px;
				_background: url(gfx/commonItemsSprite_8bit.png) -460px -220px;				
			}
			
		.overviewGroup .overviewDescription {
			display: none;
			margin: 1px 362px 2px 18px;
			color: #000;
			font-size: 11px;
		}

		.overviewBaseValue, .overviewStandardValue, .overviewAdvancedValue, .overviewEnterpriseValue {
			position: absolute;
			top: 2px;
			right: 0;
			width: 78px;
			padding: 2px 0 0 0;
			min-height: 15px;
			height: auto !important;
			height: 15px;
			color: #000;
			font-size: 11px;
			font-weight: bold;
			text-align: center;
		}
		
		h2 .overviewBaseValue, h2 .overviewStandardValue, h2 .overviewAdvancedValue, h2 .overviewEnterpriseValue {
			font-size: 12px;
			top: -1px;
		}
		
		.overviewBaseValue {
			right: 280px;
			background-position: -0px -0px;
		}
		
		.overviewStandardValue {
			right: 190px;
			background-position: -0px -0px;
		}
		
		.overviewAdvancedValue {
			right: 100px;
			background-position: -0px -0px;
		}
		
		.overviewEnterpriseValue {
			right: 10px;
			background-position: -0px -0px;
		}
		
		.overviewYes {
			background: url(gfx/overviewValueIcons_24bit.png) 0 1px;
			_background: url(gfx/overviewValueIcons_8bit.png) 0 1px;
		}
		
		.overviewNo {
			background: url(gfx/overviewValueIcons_24bit.png) 0 -22px;
			_background: url(gfx/overviewValueIcons_8bit.png) 0 -22px;
		}
		
		.overviewCleanText {
			font-weight: normal;	
		}
		
		.overviewLineProduct {
			height: 82px;
		}

			.overviewLineProduct .overviewBaseValue {
 				background-position:  0 -690px !important;				
			}

			.overviewLineProduct .overviewStandardValue {
 				background-position:  -80px -690px !important;				
			}
			
			.overviewLineProduct .overviewAdvancedValue {
 				background-position:  -160px -690px !important;				
			}
	
			.overviewLineProduct .overviewEnterpriseValue {
 				background-position:  -240px -690px !important;				
			}

			.overviewProduct {
				font-size: 13px;
				font-weight: bold;
				color: #2580e7;
				text-align: right;
				padding: 40px 0 3px 0;
				background: url(gfx/commonItemsSprite_24bit.png);
				_background: url(gfx/commonItemsSprite_8bit.png);				
				top: -4px !important;
			}

				.overviewProduct h1.productPrice {
					font-size: 21px;
					margin: 0 0 -6px 0;
				}
				
				.overviewProduct .productPrice {
					display: block;
					font-size: 21px;
					font-weight: bold;
					color: #000;
					margin: 0 0 -6px 0;
				}
	
	.overviewComparePrice {
		display: block;
		font-size: 10px;
		font-weight: normal;
		color: #8b8b8b;
	}
	
	.overviewComparePriceText {
		font-size: 10px;
		font-weight: normal;
		color: #8b8b8b;
	}
			
	.overvewLineClean {	
		position: relative;
		margin: 6px 0 0 0;
		min-height: 20px;
		height: auto !important;
		height: 20px;
	}
	

	.overviewLineOpen .overviewDescription {
		display: block !important;
	}
	
	.overviewLineOpen {
		background: #ffe !important;	
	}
	
	.overviewLineOpen .overviewLinkText span {
		background-position: -460px -240px;
	}
	
/** END productOverview **/