/* ================================
    CSS STYLES FOR Module CataloogDetail
   ================================
*/

h1.title
{
	font-size:14px; color:#004890; font-weight: bold;
}
	

div.floatLeft {
	text-align: center;
	width: 130px;
	margin: 0px;
	padding: 4px;
	float: left;
			
}
 #wrapper {color: #000000; vertical-align:top; padding:0; margin:0; border:0; font-family:Verdana; font-size:10pt; margin-top: 30px;}
.hyperlinkarrows { padding-right:5px;color:#FFCE00; font-family:Arial; font-weight:bold;}
/*--------------Breadcrumb--------------*/



/*--------------Name Article--------------*/
#ArticleNameContainer {color:#004890; text-transform:uppercase; font-weight:bold; text-align:left; height:10px; padding-left:25px; font-size:12px; margin-top: 20px;}
#LiteralContainer {clear: both;	float: left; width: 100%; padding-top: 5px; padding-left: 45px; padding-bottom: 10px; text-align: justify; font-size: 12px;}
#txtLiteral {color:#004890; text-transform:uppercase; font-weight:bold; text-align:left; height:10px; padding-left:25px; font-size:12px; margin-top: 20px;}
#ArticleIcon { color:#FFCE00; float:left;font-family:Arial;}
#LabelName{ color:#004890;float:left;}

/*------------------Foto------------------*/
.fotoContent
{
	margin: 0;
	padding: 25px;
	padding-bottom:0; 
}
#FotoButtonContainer 
{
	width:335px;
}

#FotoContainer
{
	float:left;
	width:335px;
}
.FotoButtonPrevious{width:120px; float:left; font-size:7pt; text-transform:uppercase; font-weight:bold;}
.FotoButtonNext{width:120px; float:right; font-size:7pt; text-transform:uppercase; font-weight:bold}


/*------------RelatedArticles-------------*/
#RelatedArticlesContainer { float:left; font-size:7pt; text-transform:uppercase;text-align:left;}

/*--------Technical Specifications--------*/
#TechnicalSpecsContainer, .PriceListContainer {margin: 0; padding:0; padding-top: 10px; padding-left: 25px; color:#004890; font-size:12px; font-weight:bold;}
#TechnicalSpecsContainer a, .PriceListContainer a{ color:#004890; font-size:12px; text-decoration:underline;}
#TechnicalSpecsContainer a:hover, .PriceListContainer a:hover{color: #ffce00}

/*--------------Accessories---------------*/
#Accessoiresdiv
{
	text-transform:uppercase;
	color: #004890;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.IcoonContainer 
{
	float: left;
	width: 160px;
	height: 180px;
	margin: 0;
	padding: 0;
	margin-left:10px;
	text-align: center;
}

.ThumbnailContainer 
{
	float: none;
	width: 140px;
	height: 120px;
	padding:0;
	margin: 0 auto 0 auto;
	text-align: center;
}

.NaamContainer 
{
	width: 160px;
	padding: 0;
	margin: 0;
	color:#FFCE00;
	font-weight:bold;
	font-size:12px;
	text-align:center;
}

.NaamContainer a 
{
	color:#004890;
	font-weight:bold;
	font-size:10px;
}


#bottominfo { background-color:#eae7e2; /* border: 0; */border-top:4px solid #ffce00;border-bottom:4px solid #ffce00; width:700px;}
/*--------------Properties----------------*/
#PropertiesContainer { width:100%; margin: 0; padding:0 25px 0 25px;}
#propertyheader { padding:8px 0px 5px 25px;font-weight:bold; text-transform:uppercase;}
.propertylabels { color:#004890; float:left;}
#propertyseparator {color:#FFCE00; float:left;} 

#PropertyContainer {height:116px; width:80px; font-size:10pt;float:left;padding:5px 0 5px 0;text-align:center;}
#PropertyThumbnailContainer{ height:48px; color:#004890; }
#PropertyValueContainer { margin: 0; padding: 0; height:68px;}

/*----------------Description--------------*/
#LabelDescr{ padding: 0 25px 0 25px; color:#004890;}

/*----------------Legend------------------*/
#LegendContainer { padding:15px 0 15px 25px;font-weight:bold; }
#IconContainerLegend {float:left;padding: 0 0 5px 5px;} 
div.Legend { color: #004890;}
#NaamContainer { color:#FFCE00;text-align:center; padding-left:0; font-family:Arial; width:120px;}
#NaamContainer a { color:#004890; font-size:11px;}
#legLinks{padding:5px 0 5px 0;}
/*------------------DivBreaks-----------------*/
.break { clear:both; height: 1px; overflow: hidden;}

/*----------------E-Shop------------------*/
#selectArtikel
{
	margin: 10px 0 10px 30px;
	padding: 0;
}
.EShopTitel
{
	margin: 10px 10px 10px 30px;
	padding: 0 0 10px 0;	
	text-transform:uppercase;
}

.addToBasket, .winkelkar
{
	margin-left: 25px;
}


.lblTotal
{
	color:#000;
}
.lblTotalRed
{
	color: red;
	font-size:larger;
	font-weight: bold;
}
.winkelkar
{
	color: #ffffff;
}

.dgWinkelkarArtikel
{
	font-size: 10px;
	border: 1px solid #000000;
	width: 650px;
}

.dgWinkelkarArtikel td
{
	border: 1px solid #000000;
	padding: 2px;
	padding-left: 3px;
	padding-right: 3px;
}

.dgWinkelkarArtikelHdr
{
	background-color: #004890;
	color: #fff;
	font-weight: bold;
}

.tblItem
{
	margin-top: 15px;
	font-size: 12px;
	font-family: verdana;
}

.tblItem td
{
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

td.remark
{
	padding-left: 25px;
	text-align: right;
}

td.remarkDescription
{
	padding: 15px 0 15px 25px;
	color:#004890;
}
td.remarkOpmerking
{
	padding-left:25px;
}
label.remarkOpmerking
{
	vertical-align:top;
}
td.addToCart
{
	text-align: right;
	vertical-align: top;
}

td.AantalArtikelsInWinkelkar
{
	padding-left:20px;
	color:#004890;
}

input, select
{
	font-family: Verdana;
	font-size: 12px;
}

input.amount
{
	width: 25px;
}

.subTitle
{
	margin: 0;
	padding: 0;
	color: #004890;
	font-weight: bold;
}

p.indent
{
	margin-top: -10px;
	padding-left: 35px;
}

#CartConfirmed
{
	padding:25px 25px 25px 25px;
}


/*--------------Breadcrumb----------------*/
#BreadCrumbContainer
{
	display:block;
	float:left;
}

#back
{
	display:block;
	float:right;
	width:120px;
	margin:0px;
	padding: 0;
	padding-right:25px;
	text-align: right;
}

A.back
{
	font-weight: bold;
	float: right;
	text-transform: uppercase;
	color: #004890;
}

#back .hyperlinkarrows
{
	float:right;
}


