@import url("web.css");

/* GENERAL PROPERTIES */

html {

    
}

body
{
	width: 96%;	
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial;
	font-size: 11px;	
         
}

img
{
	border: none;
}
table
{
	font-family: Verdana, Arial;
	font-size: 11px;	
}

div.screenFault
{
	text-align: center;
	color: red;
	font-weight: bold;
}
a, a:hover, a:visited 
{
	color: blue;
}
div.fault
{
	text-align: center;
}
alignRight
{
	text-align: right;
}
td.changeBranch
{
	text-align: right;
}

.alignCenter
{
	text-align: center;
}
.alignCenterBold
{
	text-align: center;
	color: black;
	font-weight: bold;
}  
.alignTopRight
{
	text-align: right;
	vertical-align: top;
}
.alignTop
{
	vertical-align: top;
}
.alignRightMiddle
{
	vertical-align: middle;	
	text-align: right;
}
.alignLeftMiddle
{
	vertical-align: middle;	
	text-align: left;
}

/*blank.jsp*/
/*---------*/
body.blank
{
	background-color: white;	
}

/*taalkeuze.jsp*/
/*-------------*/
table.taalkeuze
{
	width: 605px;
	margin-left: auto;
	margin-right: auto;
}
col.taalkeuzeCol1
{
	width: 300px;
}
col.taalkeuzeCol2
{
	width: 5px;
}
td.taalkeuze
{
	font-size: 14px;	
	font-weight: bold;
	text-align: center;
}
a.taalkeuze, a.taalkeuze:visited, a.taalkeuze:hover
{
	font-size: 14px;	
	font-weight: bold;
	color: black;
	text-decoration: underline;	
}


/*prodmarkHome.jsp*/
/*-----------------*/
table.noFrameBase
{
	width: 100%;
	/*border:green 2px solid;*/
	
}
col.noFrameCol1
{
	width: 225px;
}
col.noFrameCol2
{
	/*width: 675px;*/
	width:*;
}


/*menuInc.jsp*/
/*-----------------*/
table.noFrameMenu
{
	width:100%;
	/* border:red 1px solid; */
}
col.noFrameMenuCol1
{
	width: 310px;
}
col.noFrameMenuCol2
{
	/* width: 430px; */
	width: *; 
}
td.tdGeneralControls
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
	text-align: right;
	width:540px;	
	/*border:red 1px solid;*/
	
}


a.lnkHCT, a.lnkHCT:hover, a.lnkHCT:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
a.lnkHCTUnderline, a.lnkHCT:hover, a.lnkHCTUnderline:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
}
a.lnkHCTUnderline:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 15px;
	color: #FF7700; 
	text-decoration: underline
}


a:active {
	color: #990000;
	text-decoration: underline;
}

div.breadcrumb {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;
}

.quickSearch {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	vertical-align: baseline;
}


.norm10leadingnorm {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
}


/* FILTER TAB */
table.filterTab
{
	background: #EAEAEB;
	border-collapse: collapse;
 	padding: 0px;
 	font-size: 11px;
 	font-family: verdana;
 	margin-left:0px;
}
td.upperLeftCorner
{
    background-repeat: no-repeat;
    background-position: top left; 
    background-image: url(../pic/branchLeftCorner.gif) 
	
}
td.upperRightCorner
{
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(../pic/branchRightCorner.gif)
	
}
col.filterImage
{
	width:	30px;
}
col.leftCorner
{
	width:	13px;
}
col.rightCorner
{
	width:	13px;
}
td.lineTop
{
	border-top: 1px solid #1174B6;
}
td.lineLeft
{
	border-left: 1px solid #1174B6;
}
td.lineRight
{
	border-right: 1px solid #1174B6;
}
.alignRight
{
	text-align: right;
}


table.geenFilter
{
}

td.tdFilter
{
	text-align: right;
	vertical-align: top;
}

td.tabFilterLabel {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;	
}

td.tabFilter {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 13px;	
}

a.tabChangeFilter, a.tabChangeFilter:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;	
}

a.tabChangeFilter:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	line-height: 15px;	
	text-decoration: underline;	
}



/* END OF BRANCH TAG */

/* BRANCHTAB */

table.geenAfhaalpunt
{
}

td.tdAfhaalpunt
{
	float:right;
	text-align: right;
	vertical-align: top;
}

td.tabBranchLabel {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;	
}

td.tabBranchName {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 13px;	
}

a.tabChangeBranch, a.tabChangeBranch:visited{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	text-decoration: none;
	line-height: 15px;	
}

a.tabChangeBranch:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	color: #333333;
	line-height: 15px;	
	text-decoration: underline;	
}

/* breadcrumb */

a.breadcrumb, a.breadcrumb:visited {
	color: black;
	text-decoration: none
}
a.breadcrumb:hover
{
	color: black;
	text-decoration: underline
}


/* APPLICATION PROPERTIES */

/* Search screen */

.advSearchInc {
	margin-left: 10px !important;
	/*border:2px red solid;*/
}

img.treeTitlePic {
	vertical-align: baseline;
}
/* Obvious properties */
/* ------------------ */
col.date
{
	width: 6em
}
col.icon
{
	width: 2.5em
}
col.inputs
{
	width: 16em
}
col.labels
{
	width: 14em;
	text-align: right;
	page-break-before: always
}
input.inputs
{
	width: 14.5em
}
select.inputs
{
	width: 15em
}

/* Forms */
/* ----- */


/* Columns of lists */
/* ---------------- */


/* Article Product Fiche Specific*/
/*-------*/

/*detailMarketingEnrichedProductFicheInc.jsp*/
/*-----------------*/
table.articleFiche{
margin-left: 6mm;
	margin-right: 6mm;
	width: 100%;

}
div.detailProductFiche
{
	margin-left: 6mm;
	margin-right: 6mm;
}


tr.articleHeader{
vertical-align: top;
}


.articleBrandName{
font-weight: bold;
font-size: 14px
}

.articleGroupstructure{
font-weight: bold;
font-size: 11px
}

table.pictoTable{
text-align: right;
table-layout: auto;
width: auto; 
float: right
}

tr.pictoRow{
vertical-align: top;
text-align: right;
width: auto;
float: right
}

td.pictoColumn{
margin: 2px;
text-align: right;
width: auto
}

img.pictoImg{
vertical-align: middle;
text-align: right;
width: auto
}

.branchAvailability{
	background-color: #FF7700;
	text-align: center;
	margin-top: 2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	max-width: 50mm;
	padding:2mm;
	color: white;
	float: right;
	font-weight: bold;
}

a.selectHomeBranch, a.selectHomeBranch:visited{
	background-color: #FF7700;
	color:white;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	margin-top: 2px;
	margin-bottom:2px;
	margin-left:2px;
	margin-right:2px;
	max-width: 50mm;
	padding:2mm;
	float: right;
}

a.selectHomeBranch:hover{
background-color: #FF7700;
	color:white;
	text-align: center;
	font-weight: bold;
	text-decoration: underline;

}


img.greyLine{
	width:100%;
	height:1px;
	color: gray;

}


td.subtitleBold{
text-align:left;
font-weight: bold;
margin: 0px;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
}

td.subTitleSubTextNormal{
font-weight: normal;
background-color: #F4F4F4;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
}

td.subTitleSubTextNormalTraces{
font-weight: normal;
background-color: #F4F4F4;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
	padding-top: 7px;
	padding-bottom: 7px
}

td.buttonBackColumn{
width: auto;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
border-color: #F4F4F4;
}

a.buttonBack, a.buttonBack:visited, a.buttonBack:hover{
text-align: right;
font-size: 10px;
font-weight: normal;
text-decoration: none;
float: right;
color: black;

}

img.clickBack{
width:10px;
height:10px;
border:0
}

.articlePhoto{
text-align: right;
width: 50%;

}

.articleBigPhoto{
text-align: center;
}


td.InfoColumnNextToArticlePhoto{
vertical-align: top;

}

ul.hyperlinkList{
list-style: disc
}

table.InformativeHyperlinks{
border: thin;
border-style: solid;
border-color: #F4F4F4;
border-spacing: 0px;
border-collapse: collapse;
}

a.internalHyperLink, a.internalHyperLink:visited, a.a.internalHyperLink:hover{
text-decoration: none;
font-size: 10px;
color: black;
text-shadow: none;
}

td.InformationTitle{
text-align:left;
background-color: #F4F4F4;
font-weight: bold;
font-size: small;
border-spacing: 0px;
}

td.changedCompositionMessage{
height: 50px;
background-color: #FF7700;
font-size: 11px;
color: white;
font-style: normal;
}

.changedCompositionLabel{
font-weight: bold;
}

tr.hyperlinkedSectionSubTitle{
background-color: #F4F4F4;
font-size: 11px;
font-weight: normal;
text-align: left;
margin: 0px;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
}

div.disclaimer{
	color: black;
	background-color: #EAEAEB
}

table.ingredientsTable{
border: thin;
border-style: solid;
border-color: #F4F4F4;
border-spacing: 0px;
border-collapse: collapse;
clear: both;
}
table.allergenPresent{
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
}

table.allergenTraces{
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
}
table.allergenTable{
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
text-align: left;
table-layout: auto;
float: left;
width: 100%;
margin-top: 2mm;
margin-bottom: 0mm;
clear: both;
}

table.tracesTable{
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
text-align: left;
table-layout: auto;
float: left;
width: 100%;
margin-top: 0mm;
margin-bottom: 2mm;
clear: both;
}


tr.allergenResult{
margin-bottom: 2mm;
margin-top: 2mm;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
clear: both;
}

td.allergenLabel{
max-width: 20mm;
text-align: center;
font-weight: bold;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
clear: both;
width:auto;
}

td.allergenCheckbox{
text-align: center;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
clear: both;
max-width: 20mm;
width: auto;
}

td.blancAllergenFillerColumn{
min-width:10%;
visibility: visible;
}

img.checkbox{
width:18px;
height:19px;
clear: both;
width: auto;
}
table.foodValueTable{
border: thin;
border-style: solid;
border-color: #F4F4F4;
border-collapse: collapse;
border-spacing: 0px;
clear: both;
float: left;
}
tr.foodValueResult{
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
}

td.foodValueLabelColumn{
width: 200px;
border-color: #F4F4F4;
border-width: thin;
border-style:solid;
}

td.foodValuePer100Column{
width:auto;
background-color: #FFF5E1;
border-color: #F4F4F4;
border-width: thin;
border-style:solid;
text-align: center;
}

td.foodValuePerPortion{
width: auto;
border-color: #F4F4F4;
border-style:solid;
border-width: thin;
text-align: center;
}

td.foodValuePerPerc{
width:auto;
background-color: #FFF5E1;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
text-align: center;
}

td.tableLegend{
font-style: italic;
width: auto;
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
white-space: nowrap;
}

.NoWrap{
white-space: nowrap;
}

.columnTitle{
font-weight: bold;
text-align: center;
}

table.infoTextTable{
border-color: #F4F4F4;
border-width: thin;
border-style: solid;
border-collapse: collapse;
border-spacing: 0px;
float: left;
clear: both;
}

/* Navigator */
/*-----------*/
td.navigator
{
    background-color: #EDEFEE;
	vertical-align: top;
	width: 220px;
}


table.navigatorTitle
{
	vertical-align: top;
	width: 220px;
}

td.searchTitleTDCel
{	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #FFFFFF; 
	text-decoration: none;
}

td.treeTitleCell {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; 
	color: #333333; 
	text-decoration: none ; 
	font-weight: bold;
	vertical-align: bottom;
	background-color: #EDEFEE;
	
}


a.extendedSearchLink,a.extendedSearchLink:visited,a.extendedSearchLink:hover
{ 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	color: #CC0000; 
	text-decoration: underline 
}

input.basicSearchInputButton { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; 
	color: #333333; 
	text-decoration: none;
	width: 80px;
}

/* tree.jsp */


a.filterActiveWarning, a.filterActiveWarning:visited {
	font-family: verdana, arial;
	font-size: 10px;
	color: #d70000;
	font-weight: bold;
	text-decoration: none;
}

a.filterActiveWarning:hover {
	font-family: verdana, arial;
	font-size: 10px;
	color: #d70000;
	font-weight: bold;
	text-decoration: underline;
}


col.menuCol1 {
	width: 20px;
}

col.menuCol2 {
}

a.branch, a.branch:visited {
	font-family: verdana, arial;
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

a.branch:hover {
	font-family: verdana, arial;
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}

a.activeBranch, a.activeBranch:visited {
	font-family: verdana, arial;
	font-size: 10px;
	color: #d70000;
	font-weight: bold;
	text-decoration: underline;
}

a.activeBranch:hover {
	font-family: verdana, arial;
	font-size: 10px;
	color: #d70000;
	font-weight: bold;
	text-decoration: underline;
}

span.branchAantal {
	font-family: verdana, arial;
	font-size: 10px;
	color: #FF7700;
	font-weight: bold;
}

div.parentBranch {
	font-family: verdana, arial;
	font-size: 12px;
	color: black;
	font-weight: bold;
	text-decoration: none;

}

a.parentBranch, a.parentBranch:visited, a.parentBranch:hover {
	font-family: verdana, arial;
	font-size: 12px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

/* brandfilter */

col.navigatorBrandFilterCol1 {
	width: 15px;
}

col.navigatorBrandFilterCol2 {
	width: auto;
}

span.brandFilter, a.brandFilter, a.brandFilter:visited {
	font-family: verdana, arial;
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-decoration: none;
}

a.brandFilter:hover {
	font-family: verdana, arial;
	font-size: 10px;
	color: black;
	font-weight: bold;
	text-decoration: underline;
}


/* articleOverview */
/* --------------- */
table.outline {
	width: 100%;
	/*border: 1px solid red;*/
}

col.outlineSplit {
	width: 50%;
}

table.overviewArticle {
	width: 300px;
	padding: 0px 0px 0px 0px;
	/*border: 1px solid red;*/
	
}

col.photo {
	width: 100px;
}

col.name {
	width: 150px;
}

col.clickhere {
	width: 50px;
}

span.articleNumber {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	
}

a.lnkArticleName, a.lnkArticleName:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #333333;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
}

a.lnkArticleName:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	color: #333333;
	font-weight: bold;
	font-size: 10px;
	font-style: normal;
}

a.lnkClickHere, a.lnkClickHere:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: none;
	color: #333333;
	font-size: 10px;
	font-style: normal;
}

a.lnkClickHere:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-decoration: underline;
	color: #333333;
	font-size: 10px;
	font-style: normal;
}

tr.branchTitle {
	background-color: #ffd5ae
}

td.brandTitle {
	background-color: #E0E0E0;
	font-size: 12px;
	font-weight: bold;
}

body.outsideFrameBody {
    background: url(../pic/background.jpg) #ffffff repeat-x center top;
	background-position: 0px 2px;
    margin: 0px;
}
body.yui-skin-sam {
    background: url(../pic/back_white.jpg) #ffffff repeat-x center top;
	background-position: 0px 6px;
    margin: 0px;
}