/* CSS w3studio.CatalookAdvanced   */

/* Layout Tabelle Produkte-Übersicht */
.Products {
	margin-bottom: 1em;
	width: 608px; 
	font-family: Arial, Helvetica, sans-serif;
}﻿
#main .Products .HeaderPreisOverview th,
#main .Products #Produkt,
#main .Products #ProduktDesc,
#main .Products #Preisanfrage {
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#main .Products .CellPreisAnfrage,
#main .Products .HeaderPreisOverview #Preisanfrage {
	text-align: center;
}
#main .Products td {
	padding: 12px 0 12px 0;
	border-bottom: 1px dotted #747474;
}
/* Links */
#main .Products a,
#main .Products a:link {
		color:#444;
		border-bottom: none;
		text-decoration:none;
	}
#main .Products a:visited,
#main .Products a:active {
		color: #444;
		border-bottom: none;
		text-decoration:none;
	}
#main .Products a:hover,
#main .Products a:focus {
		color:#39c;
		text-decoration: underline;
	}
/* Produkte Sortierung */
.ProductSort	{margin-bottom: 1em; padding: 3px 0; background-color:#ebebeb; }
/* Produkte Sortierung */
.ProductBreadCrumbs {margin-bottom:1em;}

#main .ProductBreadCrumbs a,
#main .ProductBreadCrumbs a:link,
#main .ProductBreadCrumbs a:active,
#main .ProductBreadCrumbs a:visited 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size:84.5%;
	color: #414141;
	}
#main .ProductBreadCrumbs a:hover,
#main .ProductBreadCrumbs a:focus 	{
	color: #414141;
	text-decoration:none;
	}
	
/* ProduktName */
.ProductName { font-weight:bold;}
.ProductSummary { font-size: 84.9%; color: #999;}
.ProductDescription {}
.ProductAvailability { font-size: 84.9%; color: #999; margin-top:0.3em; }
.ProductUnitPrice {font-weight: normal; text-align: left;}
.LinkOneClick {
	text-align: left;
	padding: 6px 0 0 40px;
	margin-left: 24px;
	margin-top: 2px;
	background:url(Images/LinkOneClick.gif) no-repeat left top;
	height: 40px;
	line-height: 119%;
	font-size:90%;
	font-weight: bold;
	width: 8.6em;
}
.LinkMoreInfo { 
	font-size: 84.5%; font-weight: bold; 
	}
#main .Products .LinkMoreInfo a,
#main .Products .LinkMoreInfo a:link,
#main .Products .LinkMoreInfo a:visited,
#main .Products .LinkMoreInfo a:active {
	text-decoration:underline;
	color: #39c;
}	
#main .Products .LinkMoreInfo a:hover,
#main .Products .LinkMoreInfo a:focus {
	text-decoration:none;
	color: #39c;
}
/* Bild Promotion */
#main .Products .ProductImage {
	position:relative;
}
#main .Products .ProductImage .PromotionIcon {
		width: 72px; height: 49px;
		display:block;
		background-image: url(Images/promotion.png);
		position: absolute;
		top:0; left: 0;
		z-index:99;
}
/* ThumbNail Bild */
.ProductImage {
	width: 96px;
	float: left;
}
	
/* Produkte-Übersicht Produkt-Beschreibung */
.ProductsDescShort	{
	float: left;
}
/* Produkte-Übersicht Preis-Beschreibung */
.ProductsPrice {

}

/**************************************************************************/
/*				PRODUKTE - DETAILSEITE                                          */
/**************************************************************************/

.ProductDetails {
	margin:0; padding:0;
	float: left;
	position:relative;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
}
* html .ProductDetails {
	width: 604px;
}
.ProductNameDetail { font-weight:bold;}
/* Detailangaben */
.ProductDetails .ProductName {
	padding-bottom: 3px;
}
/* Container Bild */
.ProductDetailContainer { width: 260px; float:left; text-align:left; position:relative;}
.ProductDetailContainer .ProductImage {padding: 3px 0; float:none;}
.ProductDetailContainer .ProductManufacturerLink {padding: 3px 0; float:none;}
#main .ProductDetailContainer .PromotionIconBild {position:absolute; top:0; left:0;}
.ProductImageDetail { }
/* Container Kurzbeschreibung, Preis und Optionen  */
.ProductDescDetailShortConainer { 
		background: url(Images/hgPrDescShortDetails.jpg) #E2F1C4 repeat-x bottom left;
		border: 1px solid #E2F1C4;
		padding: 10px 2px 10px 10px;
		float:left;
		position:relative;
		width: 312px;
	}
* html .ProductDescDetailShortConainer {
	width: 292px;
	}

/*.ProductManufacturerDetail {padding: 3px 0; border-bottom: 1px dotted #fff;}*/
.ProductManufacturer {padding: 3px 0; border-bottom: 1px dotted #fff;}
.ProductNumberDetail {padding: 3px 0;border-bottom: 1px dotted #fff;}
.ProductProductModelDetail {padding: 3px 0;border-bottom: 1px dotted #fff;}
.ProductAvailabilityDetail {padding: 3px 0;border-bottom: 1px dotted #fff;}
.ProductPriceDetail {padding: 3px 0;border-bottom: 1px dotted #fff;}
.ProductOfferPriceDetail {padding: 3px 0;border-bottom: 1px dotted #fff;}
.ProductMwStDetail {padding: 3px 0;border-bottom: 1px dotted #fff;}
.ProductOptionsItemDetail {padding: 6px 0; display:block; font-size: 90%; font-weight:bold;}
.ProductDetailLbl {font-weight:bold;}


.AddToCart {
	margin-top: 1em;
	padding: 2px 0; 
	border: 1px solid #ccc;
	border-right: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background-image: url(Images/hgShoppingCart.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	text-align: center;
	width: 180px;
	}

/* Container Produkt-Beschreibung Textfeld  */
.ProductDescDetailContainer {
	float:left;
	width: 600px;
	border-top: 1px dotted #ccc;
	padding-top: 0em; margin-top: 1.8em;
}
.ProductDescriptionDetail {}

.BackToOverviewLink { width:100%; text-transform: lowercase; font-weight: bold; float:none; clear:left; padding-bottom: 1.2em;}

/**************************************************************************/
/*				OFFERTE - WARENKORB                                             */
/**************************************************************************/

.CartOfferBreadCrumbs {
	padding: 3px 0 12px 0;
	display:block;
}
.TabWarenkorb {
	width: 608px; 
	font-family: Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #747474;
	border-top: 1px dotted #747474;
}
.TabWarenkorb span {
	margin:0; padding:0;
}
.TabWarenkorb td {
	margin:0;padding:0;
}
.TabWarenkorb tr {
	margin:0;padding:0;
}
#col3 .TabWarenkorb th {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 90%;
}
#col3 .TabWarenkorb .colWarenkorbUpdate {
	text-transform:lowercase;
}
#col3 .TabWarenkorb .CellHgProduct {
	background-color: #ebebeb;
	padding: 2px;
}
#col3 .TabWarenkorb .WarenkorbPreis {
	text-align: right;
	padding-right: 3px;
}
/**************************************************************************/
/*				OFFERTE - Adresse                                             */
/**************************************************************************/
.TabAddressOffer {
	width: 608px; 
	font-family: Arial, Helvetica, sans-serif;
}
.TabAddressOffer td {
	margin:0;padding:4px 6px 4px 0;
}
#col3 .TabAddressOffer .TextInputBox {
	font-size: 100%; 
}
#col3 .TabAddressOffer .OffertAdresseLabel {
	font-weight:bold;
}
#col3 .TabAddressOffer textarea {
	background-color: #ebebeb;
	border: 1px solid #ccc;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	width: 360px;
	height: 6em;
}



/**************************************************************************/
/*				OFFERTE / Betellung - Fusszeile                                 */
/**************************************************************************/

#CartFooter {
	position: relative;margin: 1.6em 0;
}
.FillAddress, .OffertAdresseButton {
	font-weight:bold;
	padding: 0;
	z-index: 2;
}
.FillAddress a, .OffertAdresseButton a {
	background: url(Images/buttonBlau.gif) no-repeat left center;
	padding: 2px 3px 2px 20px;
}
.BackOffertAdresseButton, .BackToShopping  {
	width: 180px; text-align:right;
	position:absolute;
	top:0;
	right: 0px;
	padding: 2px 20px 2px 0;
	z-index:99;
}
.OrderAddressBack {
	margin: 1em 0;
}

/**************************************************************************/
/*				Bestätigunstext                                                 */
/**************************************************************************/

.ConfirmOfferteText {
 width: 90%;
}


