/* ================================
    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
{
    float:left; 
    font-size:10px; 
    font-weight: bold;
    text-transform: uppercase; 
    width:135px; 
}
.FotoButtonNext
{
    float: right; 
    font-size: 10px;
    font-weight: bold ;
    text-align: right;
    text-transform: uppercase; 
    width: 135px; 
}

.FotoButtonPrevious a:link,
.FotoButtonPrevious a:visited,
.FotoButtonPrevious a:hover,
.FotoButtonNext a:link,
.FotoButtonNext a:visited,
.FotoButtonNext a:hover
{
    font-size: 11px;
}

/*------------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-bottom:4px solid #ffce00; 
    border-top:4px solid #ffce00;
    overflow: hidden;
    margin-top: 20px;
}
/*--------------Properties----------------*/
#PropertiesContainer  
{
    margin: 5px;
    overflow: hidden;
    padding: 0px;
}

div.PropertyContainer 
{
    float: left;
    height: 40px;
    margin: 10px;
    overflow: hidden;
    padding: 0px;
    width: 310px;
}

div.PropertyContainer div.PropertyThumbnailContainer
{
    float: left;
    margin: 0px 15px 0px 0px;
    overflow: hidden;
    padding: 0px;
    width: 40px;
}

div.PropertyContainer div.PropertyValueContainer
{
    float: left;
}

div.PropertyValueContainer a:link,
div.PropertyValueContainer a:visited
{
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

div.PropertyValueContainer a:hover
{
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

div.PropertyValueContainer div.PropertyValueNaamContainer
{
    font-weight: bold;
    margin: 0px 0px 5px 0px;
}

div.PropertyValueContainer select
{
    font-family: Arial;
    font-size: 11px;
    height: 18px;
    width: 75px;
    border: 1px solid #666666;
}

div.PropertyValueContainer select[disabled="disabled"], select.disabled
{
    background-color: #EAE7E2; 
    color: #000000;
}

/*----------------Description--------------*/
#LabelDescr{ padding: 0 25px 0 25px; color:#004890;}

/*----------------Legend------------------*/
#LegendContainer
{
    float: right;
    margin: 10px 0px 0px 0px;
    padding: 5px;
    width: 430px;
    overflow: visible;
}

div.LegendIcon
{
    margin-right: 10px;
    float: left;
}

div.LegendName
{
    font-weight: bold;
    line-height: 40px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
}

div.IconContainerLegend 
{
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 0px;
    height: 140px;
    width: 130px;
    overflow: hidden;
    text-align: left;
} 

div.LegendNaamContainer 
{ 
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    width: 130px;
}

div.LegendNaamContainer a:link,
div.LegendNaamContainer a:visited
{
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

div.LegendNaamContainer a:hover
{
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

div.LegendThumbnailContainer 
{
    
}

/*------------------DivBreaks-----------------*/
.break { clear:both; height: 1px; overflow: hidden;}

/*----------------E-Shop------------------*/
div.ArtikelFoundContainer
{
    background-color: #ffffff; /* FBF5F5 */
    border: 1px solid #ffce00;
    height: 60px;
    margin: 20px 50px 20px 50px;
    overflow: hidden;
    padding: 0px;
}

div.NoArtikelFoundContainer
{
    background-color: #ffffff;
    border: 1px solid #ffce00;
    margin: 20px 75px 20px 75px;
    overflow: hidden;
    padding: 10px;
    text-align: center;
}


div.ArtikelDetails
{
    float: left;
    margin: 5px;
    overflow: hidden;
    padding: 0px;
}

div.ArtikelDetails div.ArtikelNummerContainer
{
    overflow:hidden;
    padding: 5px;
}

div.ArtikelDetails div.NettoPrijsContainer
{
    padding: 5px;
}


div.ArtikelDetails div.LoginMessageContainer
{
    padding: 5px;
}

div.AddArtikelContainer
{
    float: right;
    margin: 5px;
}

div.AddArtikelContainer .imgAddArtikel
{
    float: left;
    
}

.AddArtikelContainer .btnAddArtikel
{
    float: left;
    margin: 13px 20px 0px 20px;
    padding: 0px;
}

.subTitle
{
	margin: 0;
	padding: 0;
	color: #004890;
	font-weight: bold;
}


/*--------------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;
}




#containerBox
{
    clear: both;
    background-color: #ffffff; 
    margin: 0px; 
    overflow: hidden;
    padding: 0px; 
    text-align: left;
    width: 700px;
}

#containerBox #LegendeContainer
{
    clear: both;
    background-color: #ffffff;
    margin: 0px;
    overflow: hidden;
    padding: 10px;
    text-align: left;
}

#LegendeContainer div.LegendeIcoon
{
    float: left;
    margin-right: 10px;
}

#LegendeContainer div.LegendeNaam
{
    font-family: Verdana;
    font-size:12px;
    font-weight: bold;
    line-height: 40px;
    margin: 0px 0px 30px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

#LegendeContainer div.IconContainerLegend 
{
    float: left;
    margin: 0px 0px 10px 10px;
    padding: 0px;
    width: 200px;
    overflow: hidden;
    text-align: left;
} 

#LegendeContainer div.LegendNaamContainer 
{ 
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    margin: 0px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    width: 130px;
}

#LegendeContainer div.LegendNaamContainer a:link,
#LegendeContainer div.LegendNaamContainer a:visited
{
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

#LegendeContainer div.LegendNaamContainer a:hover
{
    color: #004890;
    font-family: Arial; 
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}