/* ------------------ THEME CSSes ----------------- */
/*Modal Popup*/
.modalBackground {
	background-color:Black;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffff;
	border-width:1px solid gray;
	padding:0px;
	width:100%;
}

.basebutton_ellipsis 
{
	margin-left:2px;
	padding-top:4px;
	background-color:#303030;
	border:1px solid #808080;
	height:14px;
	width:18px;
	text-align:center;
	cursor:pointer;
	color:#a0a0a0;
	display:block;
}

#tblCart 
{
	border:1px solid #e0e0e0;
	font-size:7pt;
}

.tblDockItemContents  A
{
	color:#e1e1e1;
}

.tblDockItemContents_TD_header 
{
	vertical-align:top;
	background-repeat:repeat-y;
	line-height:20px;
	padding-left:4px;
}
UL.ulDockNews
{
	margin:0px;
	padding:0px;
}
UL.ulDockNews LI
{
	margin:0px;
	padding:0px;
	list-style-type:disc;
	list-style-position:inside;
	list-style-image:url('../../images/ico_nxt16.gif');
	vertical-align:middle;
}
.PDPrijs 
{
	font-weight:normal;
}
.PDUwPrijs 
{
	font-size:14pt;
	font-weight:bold;
	color:#606060;
	padding-right:6px;
}
.voorraadText 
{
	position:absolute;
	text-align:left;
	color:#404040;
	font-size:8pt;
}

.divDetailTab 
{
	/*
	border:1px solid #404040;
	color:White;
	background-color:red;
	padding:4px;
	*/
	cursor:pointer;
	margin:0px;
	padding:0px;
}
.divDetailTab IMG 
{
	padding-right:4px;
}
.divDetailTabContents 
{
	margin:0px;
	padding:0px;
	background-color:white;
	border:1px solid red;
}
.divDetailInterior 
{
	background-color:White;
	color:Black;
	height:200px;
	margin:4px;
}
.tblDocuments TH 
{
	text-align:left;
	background-color:#606060;
	color:#e0e0e0;
}

#tblProductGrid 
{
}
#tblProductGrid TH
{
	padding-top:5px;
	padding-bottom:8px;
	padding-left:2px;
	color:Black;
	text-align:left;
	background-image:url('../../images/main/TableHeaderGradient.jpg');
	background-repeat:repeat-x;
}
#tblProductGrid TD
{
	border-bottom:1px solid #c0c0c0;
}

#tblSelectCustomerGrid
{
}
#tblSelectCustomerGrid TD 
{
	padding:2px;
	cursor:pointer;
}
#tblSelectCustomerGrid TH 
{
	padding:2px;
	text-align:left;
	background-color:#ff4040;
	color:White;
}

/* Category Tab */
.cattab A
{
	display:block;
	width:100px;
	height:21px;
	text-decoration:none;
	text-align:center;
	margin-right:1px;
	margin-left:0px;
	font-size:11pt;
	color:white;
}
.cattab A:link
{
	
}
.cattab A:visited
{
	
}
.cattab A:hover
{
	
}


.tblSearchCustomerResult 
{
	margin:0px;
}
.tblSearchCustomerResult TD 
{
	padding-left:4px;
}
.tblSearchCustomerResult_Bedrijfsnaam 
{
	font-size:11pt;
	color:Black;
	font-weight:bold;
}
.tblSearchCustomerResult_Adres 
{
	font-size:8pt;
	color:#808080;
}
.tblSearchCustomerResult_Contactpersoon
{
	color:#800000;
}
.tdSearchCustomerResult_LessRelevant 
{
	padding:10px;
	background-color:#606060;
	color:#c0c0c0;
	font-size:8pt;
}

.divMandatory 
{
	display:inline;
	color:Red;
	font-size:7pt;
	font-weight:bold;
	padding-left:4px;
}

.tblEditAccount 
{
	background-color:White;
	border:1px solid white;
}
.tblEditAccount TD 
{
	vertical-align:top;
}

.admin_header
{
	margin-top:12px;
	font-size:11pt;
	font-weight:bold;
}
.admin_subheader 
{
	font-size:11pt;
	margin-top:8px;
	margin-bottom:8px;
}
.admin_table 
{
	margin-left:16px;
}

#Admin_dlUsers 
{
	padding:0px;
	margin:0px;
}

#Admin_dlUsers TH 
{
	text-align:left;
	border-bottom:1px solid #e0e0e0;
}

#Admin_dlUsers TR
{
	cursor:pointer;
}

#Admin_dlUsers TD
{
	padding-left:2px;
	padding-right:4px;
	border-right:1px solid #d8d8d8;
}

.divAdminButton 
{
	border:1px solid #a0a0a0;
	margin-right:2px;
	background-color:#e8e8e8;
	color:Black;
	font-weight:bold;
	width:100px;
	font-size:12pt;
	text-indent:8px;
	cursor:pointer;
	text-align:center;
	float:left;
}
.ButtonSelected 
{
	background-color:red;
	color:white;
}

.tblCart 
{
	background-color:White;
	border:0px;
}
.tblCart TH
{
	background-color:red;
	color:White;
	text-align:left;
}
.tblCart TD
{
	padding:0px;
	border:0px;
	margin:0px;
/*	border:1px solid purple; */
}
.tblCart SPAN 
{
	padding:0px;
	margin:0px;
}
.tblCart DIV
{
	padding:0px;
	margin:0px;
}
#tblDock 
{
	/* background-color:Yellow; */
	margin:0px;
}

#tdAdvancedSearch 
{
	background-color:Red;
	color:White;
	margin:0px;
	padding:0px;
	font-size:7pt;
}

#divAdvancedSearch 
{
	display:none;
	margin-left:4px;
}
#imgAdvSearch 
{
	cursor:pointer;
}
#imgSearch 
{
	cursor:pointer;
}
.tabbutton 
{
	float:left;
	cursor:pointer;
}
.buttonTD 
{
	cursor:pointer;
}

.loginlink 
{
	color:White;
}


 .tdProfileSubheader 
 {
	font-weight:bold;
	height:32px;
	vertical-align:middle;
 }
 
 .tblZoekResultaat TH
{
	color:white;
	background-color:Red;
	text-align:left;
	padding:2px;
}
.tblZoekResultaat
{
	text-align:left;
	padding-left:4px;
}
.tblZoekResultaat TD
{
}


A.paging 
{
	display:block;
	float:left;
	margin:2px;
	color:#606060;
	text-align:center;
	text-decoration:none;
}
.paging_text 
{
	display:block;
	float:left;
	margin:0px;
	margin-top:5px;
	color:#606060;
	text-align:center;
	padding-left:4px;
	padding-right:4px;
}


.divTCGridPaging {
    /* background-color:white; */
    margin-top:2px;
    margin-bottom:2px;
}

.TCGridPaging {
    background-color:#c0c0c0;
}

.TCGridPaging TD {
    background-color:#f0f0f0;
    padding-top:2px;
    padding-bottom:2px;
    text-align:center;
}

.TCGridPaging TD:hover {
    background-color:#a0a0a0;
}

.TCGridPaging TD A {
    display:block;
    width:30px;
    color:black;
    font-size:8pt;
    text-decoration:none;
}

.TCGridPaging TD.selected {
    background-color:#404040;
}

.TCGridPaging TD.selected A {
    color:white;
}

.TCGridBase_Level1 {
    background-color:#f0f0f0;
    font-size:9pt;
    width:1000px;
}

.TCGridBase_Level1 TH {
    text-align:left;
    background-color:#a0a0a0;
    color:white;
    font-weight:bold;
    cursor:pointer;
    height:24px;
    vertical-align:middle;
    padding-right:8px;
}

.TCGridBase_Level1 TH:hover {
    color:#505050;
}

.TCGridBase_Level1 TR {
    background-color:white;
}

.TCGridBase_Level1 TR.alternate {
    background-color:#f4f4f4;
}

.TCGridBase_Level1 TD {
    padding-top:2px;
    padding-bottom:2px;
}

.TCGridBase_Level1 TD:hover {
    /* background-color:#ffffd0; */
}

.TCGridBase_Level1 TD.plus {
    cursor:pointer;
    width:50px;
    text-align:center;
}

.TCGridBase_Level2 {
    background-color:white;
    font-size:9pt;
}

.TCGridBase_Level2 TH {
    text-align:left;
    background-color:#606060;
    color:#f0f0f0;
    font-weight:normal;
    height:16px;
    padding-right:8px;
}

.TCGridBase_Level2 TD {
    
}

.TCGridBase_Level2 TD A 
{
	color:Black;
}


/* Popups */

.tdTCgridPopupHeader
{
	text-align:right;
	background-color:#606060;
	font-size:7pt;
	color:white;
	padding-right:2px;
}

.tblTCgridPopup 
{
	margin:8px;
	font-size:7pt;
	color:#808080;
}

.tblTCgridPopup TD:hover
{
	color:black;
	background-color:#f4f4f4;
}

.cattab A
{
	display:block;
	width:100px;
	height:21px;
	text-decoration:none;
	text-align:center;
	margin-right:1px;
	margin-left:0px;
	font-size:11pt;
	color:white;
}
.cattab A:link
{
	
}
.cattab A:visited
{
	
}
.cattab A:hover
{
	
}






/* ------------------ THEME BASE ----------------- */

.debuginfotip 
{
	display:none;
	position:absolute;
	background-color:Purple;
	border:1px solid red;
	color:red;
	font-size:7pt;
	padding:2px;
}


/* MASTER PAGE */

#tblContainer
{
	margin:0px;
}

#tdTopBanner 
{
	background-repeat:no-repeat;
	height:158px;
	padding:0px;
}

#divTCLogo 
{
	position:absolute;
	top:0px;
	margin-left:20px;
}

#divBanner_VerticalSeperator 
{
	position:absolute;
	top:0px;
	margin-left:895px;
}

/* Row #9 - Header, Separator bar */
#tdSeparatorBar 
{
	height:16px;
	background:url('../../images/main/SeparatorBar.jpg');
	background-repeat:repeat-x;
}

/* Row #1 - Logo, Banner en Cart totals */
#tdLogo 
{
	background-color:Black;	
}
#tdBanner 
{
	background-color:Black;	
}
#tdCartTotals 
{
	background-color:Black;	
	text-align:center;
	padding-top:10px;
}


/* Row #2 - Search, BreadCrumb en Afronden*/
#tdSearch 
{
	background-color:Black;
	background-repeat:repeat-x;
	height:6px;
}

#tdBreadCrumb 
{
	background-color:Black;
	background-repeat:repeat-x;
	height:6px;
}

#tdAfronden 
{
	background-color:Black;
	background-repeat:repeat-x;
	height:6px;
}


/* Row #3 - Content */
#tdLeft 
{
	width:212px;
}

#tdRight 
{
	width:212px;
}

#divDock 
{
/*
	background:url('../../images/dockgradient.jpg');
	background-repeat:repeat-y;
	background-color:white;
*/
}

/* Row @4 - Footer */
#tdFooter 
{
	color:#909090;
	text-align:center;
	font-size:8pt;
	margin:0px;
	padding:0px;
}

#tdFooter A 
{
	color:#909090;
}

#cover {
	position:absolute;
	width:100%;
	height:1200px;
	background:gray;
	filter:alpha(Opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
	-khtml-opacity:0.5
}

.abs 
{
	position:absolute;
	border:4px solid purple;
}

/* ------ COMBI's ------------ */

.divCombi:hover
{
	background-color:#f4f4f4;
}

/* ------ Filters's ------------ */

/* SpecTable, filters */

.SpecCatTable
{
	width: 100%;
	border-collapse: collapse;
}

.SpecCatTable td
{
	border: 1px solid #d0d0d0;
	padding: 4px;
}

td.SpecCatTitle
{
	font-weight: bold;
	background-color: #f4f4f4;
	padding-top: 6px;
	padding-bottom: 6px;
}

.SpecCatTable div.ticked
{
	width: 16px;
	height: 16px;
	background-image: url('../specs/tick.png');
	background-repeat: no-repeat;
	background-position: center;
}

.SpecCatTable div.notticked
{
	width: 16px;
	height: 16px;
	background-image: url('../specs/no.png');
	background-repeat: no-repeat;
	background-position: center;
}

.SpecCatFilterList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 180px;
	overflow: auto;
}

.SpecCatFilterList li
{
	margin-left: 4px;
}

.SpecCatFilterList li div
{
	text-decoration: underline;
	cursor: pointer;
}

.SpecCatFilterMultiList
{
	list-style-type: none;
	padding: 0px;
	margin: 0px; /*	height:250px; */
	width: 180px; /*	overflow:auto; */
	border: 1px solid #d0d0d0;
}

.SpecCatFilterMultiList li
{
}

.filterbutton
{
	cursor: pointer;
	border: 1px solid #808080;
	float:left;
	width:70px;
	margin-right: 4px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

.filterbuttonseparator
{
	width:10px;
	float:left;
}

.filterseparator
{
	height: 3px;
}

/* Specs */
.divSpecPanes {
	width:200px;
	margin-top:50px;
}


.divPane {
	background-color:white;
	border:1px solid #d0d0d0;
	margin-bottom:8px;
}

.divPane h3 {
	padding-left:8px;
	margin:0px;
	padding-top:6px;
	padding-bottom:6px;
	font-size:10pt;
	color:White;
	background-color:#505050;
}

.divPane ul.filterlist {
	list-style-type:none;
	margin:0px;
	padding:8px;
}

.divPane ul.filterlist li {
}

.divPane ul.filtermultilist {
	list-style-type:none;
	margin:0px;
	padding:8px;
}

.divPane ul.filtermultilist li 
{}

.divPane ul.filtertickbox {
	list-style-type:none;
	margin:0px;
	padding:8px;
	height:20px;
}
.divPane ul.filtertickbox li
{
	float:left;
	width:80px;
}
.divPane select.filterselect {
	margin-left:10px;
	margin-bottom:4px;
}


/* Start Collapsible Tree */
.TranConCollapsibleTree 
{
	width:202px;
	background-color:white;
	margin:0px 6px 8px 0px;
	margin-top:0px;
	padding:0px;
	font-size:10pt;
	border-bottom:1px solid #d0d0d0;
}

.TranConCollapsibleTree UL 
{
	zoom:1;
	background-repeat:repeat-y;
	list-style:none;
	list-style-position:outside;
	margin:0px;
	margin-left:0px;
	padding:0px;
}

.TranConCollapsibleTree UL LI.level1 
{
	height:22px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
/*	color:#606060; */
	border-top:1px solid #d0d0d0;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	background-color:#ffffff;
}

.TranConCollapsibleTree UL LI.level1_selected
{
	height:22px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	border:1px solid #d0d0d0;
	background-color:#c0c0c0;
}

.TranConCollapsibleTree UL LI.level1 A
{
	display:block;
	height:18px;
	padding:0px 0px 0px 8px;
	color:#505050;
	text-decoration:none;
}

.TranConCollapsibleTree UL LI.level1_selected A
{
	display:block;
	height:18px;
	padding:0px 0px 0px 8px;
	text-decoration:none;
}



.TranConCollapsibleTree UL LI.level2 
{
	height:22px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	background-color:#f0f0f0;
}

.TranConCollapsibleTree UL LI.level2 A:hover 
{
	color:black;
}

.TranConCollapsibleTree UL LI.level2_selected
{
	height:22px;
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;
	border-left:1px solid #d0d0d0;
	border-right:1px solid #d0d0d0;
	background-color:#e4e4e4;
}

.TranConCollapsibleTree UL LI.level2 A
{
	display:block;
	height:18px;
	padding:0px 0px 0px 16px;
	color:#505050;
	text-decoration:none;
	font-weight:normal;
}

.TranConCollapsibleTree UL LI.level2_selected A:hover
{
	color:black;
}

.TranConCollapsibleTree UL LI.level2_selected A
{
	display:block;
	height:18px;
	padding:0px 0px 0px 16px;
	text-decoration:none;
	font-weight:normal;
}

/* End tree */

/* ------------------ CSS BASE ----------------- */

/* DEALERS */
.divDealerContainer 
{
	position:relative;
	height:420px;
}

.divDealerInfoHeader 
{
	border:1px solid #a0a0a0;
	background-color:#f0f0f0;
	width:560px;
	position:absolute;
	left:20px;
}

.divDealerInfoHeader .interior 
{
	margin:20px;
}

.divDealerMap 
{
	border:1px solid #a0a0a0;
	width:400px;
	height:400px;
	position:absolute;
	left:600px;
}

.divDealerCard 
{
	width:990px;
	height:120px;
	border:1px solid #b0b0b0;
	margin:5px;
	float:left;
	position:relative;
}
.divDealerCard .interior
{
	margin:10px;
}
.divDealerCard .interior .hdr
{
	font-weight:bold;
	margin:4px 0px 4px 8px;
}
.divDealerCard .interior .adr
{
	margin:4px 0px 4px 8px;
}
.divDealerCard .interior .icon
{
	background-color:#43aafd;
	color:black;
	width:24px;
	height:16px;
	border:1px solid black;
	text-align:center;
}

.divDealerCard .interior .km 
{
	position:absolute;
	width:975px;
	text-align:right;
	color:#a0a0a0;
	font-size:8pt;
}
.divDealerCard .interior .body
{
	width:700px;
	height:100px;
	margin:10px;
	position:absolute;
	left:250px;
}

.divDealerCard .interior .divSelect
{
	position:absolute;
	width:120px;
	height:24px;
	color:white;
	font-size:11pt;
	left:866px;
	top:94px;
	background-color:#c0c0c0;
	text-align:center;
	cursor:pointer;
}
.divDealerCard .interior .divSelect:hover 
{
	background-color:#808080;
}
.divDealerCard .interior .divSelectSelected
{
	position:absolute;
	width:100px;
	height:18px;
	color:#408040;
	font-size:8pt;
	left:880px;
	top:94px;
	background-color:#80f080;
	text-align:center;
	cursor:default;
}


/* COMBI's */

.tblCombis td ul
{
	font-size:8pt;
	list-style-type:square;
	list-style-position:inside;
	padding:0px;
	padding-left:10px;
	margin:0px;
}


/* SPECS */
.divSpecContainer 
{
	margin:0px 20px 0px 20px;
	font-size:8pt;
	line-height:18px;
	position:relative;
}

.divSpecContainer a
{
	color:#404040;
	cursor:pointer;
}

.divSpecContainer a:hover
{
	color:black;
}

#divSpecPopup 
{
	position:absolute;
	border:1px solid #808080;
	background-color:White;
	color:Black;
	width:400px;
	height:200px;
	z-index:4000;
	display:none;
}

.trCombiRow 
{
	background-color:white;
	color:#808080;
}

.trCombiRow td {
	border-top:1px solid #e0e0e0;
}

.trCombiRow .divCartWizardArtikelOmschrijving 
{
	font-size:8pt;
	color:#808080;
	font-weight:normal;
}

.tblMiddle 
{
	width:600px;
	margin-left:0px;
}

.tblHome 
{
	width:600px;
	margin-left:0px;
}

#divLeftContainer
{
	margin-left:4px;
	padding:0px;
}

.tdLeftBlocks
{
	padding-left: 0px;
}

.divIOPageContainer 
{
	margin-top:4px;
	height:26px;
}

.divIOPageButton 
{
	float:left;
	width:32px;
	height:20px;
	border:1px solid #b0b0b0;
	background-color:#e0e0e0;
	text-align:center;
	padding-top:3px;
	margin-right:2px;
	cursor:pointer;
}

.divIOPageButton:hover
{
	background-color:#e08040;
	color:White;
}

.aIOLink
{
	color:#e08040;
}

.divIOPageButton.selected
{
	background-color:white;
	color:black;
}

.divPerf 
{
	position:absolute;
	font-size:20pt;
	color:#40ff40;
	right:8px;
	top:8px;
	display:none;
}

.staffel 
{
}

.staffel td.aantal 
{
	text-align:right;
	font-weight:bold;
}

.staffel td.prijs 
{
	text-align:right;
	width:100px;
}

.cart-nostock 
{
	color:Red;
}

.trViewtab 
{
	height:18px;
}

.divViewTabs.detailtab 
{
	position:absolute;
	margin-left:454px;
	margin-top:-34px;
}

/* filters */
.filterslider 
{
	height:40px;
	padding:4px 10px 0px 10px;
}

.filterslider .valuelabel
{
	color:#202020;
	font-size:10pt;
	text-align:center;
	margin-bottom:6px;
}

.filterclear
{
	position:absolute;
	font-size:8pt;
	width:190px;
	text-align:right;
	color:#d1d1d1;
	margin-top:6px;
	cursor:pointer;
}

/* jQuery UI */
.ui-widget-header 
{
	background:none !important;
	background-color:red !important;
}


.assortimenterror 
{
	border:1px solid red;
	padding:10px;
	color: Red;
	background-color:#ffe0e0;
	line-height:24px;
}

.assortimenterror a 
{
	color:Black;
}

.assortimenterror a:hover
{
	color:Black;
}


/* ----------------------- base v1 adjustments --------------------- */

.layouttable {
	margin-left:auto;
	margin-right:auto;
	height:600px;
}

.searchcloud {
	width:190px;
}