html, body { 
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 12px;
}
html 
{ 
	overflow-y: scroll;
}

body,td,th {
	font: 12px "Trebuchet MS", "Lucida Sans unicode", Arial, Helvetica, sans-serif, courier;
	color: #000000;
}

body {
	background: url('/images/bg.png') repeat-x left top #CDD7DD;
	background-image: url(/images/bg.png);
	background-repeat-x: repeat;
	background-repeat-y: no-repeat;
	background-attachment: initial;
	background-position-x: 0%;
	background-position-y: 0%;
	background-origin: initial;
	background-clip: initial;
	background-color: #CDD7DD;
	line-height: 1.5;
}

#bodywrap 
{
	
}

h3 {
	font-size: 11px;
	color: #000000;
	font-family: Helvetica, Arial, sans-serif;
}

a img  {
	border: none;
}

#contwrap
{
	width: 1224px;
	margin: auto;
	background-color: #FFFFFF;
}

#content
{
	overflow: hidden;
	display: block;
	width: 100%;
	margin: 0px auto;
}

#divleftcolumn
{
	float: left; 
	width: 150px;
}

#divrightcolumn
{
	float: right;
	width: 10px;
}

#divcontent
{
	float: left;
	display: inline;
	text-align: left;
	width: 1224px;
	margin: 0; 
	overflow:scroll;
}

#divcontentbo
{
	float: left;
	width: 1070px;
	margin: 0px;
}

#divcontentwide
{
	float: left;
	width: 100%;
	margin: 0px;
}

#topinfo
{
	overflow: hidden;
	width: 100%;
	margin-top: 0px 0 5px 0;
}

#findproduct
{
	float: left;
	width: 760px;
}

#basketcontents
{
	float: right;
	width: 160px;
	vertical-align: middle;
}

#submenu
{
	overflow: hidden;
	width: 100%;
}

.tml
{
	margin: 0 auto;
	padding: 0;
	width: 1224px;
	height: 26px;
	background-color: #F48B30;
}

.tmi:hover
{
	background-color: #FFFFFF;
	border: 1px solid #000000;
}
.tmu:hover
{
	color: #000000;
}

.tmi
{
	width: 100px;
	height: 2em;
	line-height: 2em;
	list-style-type:none; 
	float: left;
	margin-right: 0px;
	text-align: center;	
	border: 1px solid #F48B30;
	display: block;	
	background-color: #F48B30;
}
.tmid
{
	width: 100px;
	height: 2em;
	line-height: 2em;
	list-style-type:none; 
	float: left;
	margin-right: 0px;
	text-align: center;	
	border: 1px solid #F48B30;
	display: block;	
	background-color: #F48B30;
}
 
.tmu
{
	border: none;
	width: 100px;
	height: 2em;
	line-height: 2em;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	display: block;	
}

fieldset 
{
	border: 1px solid #dcdce9;
}

.sml
{
	margin: 0 auto;
	padding: 0;
}

.smi:hover
{
	background-color: #FCB116;
}

.smi
{
	width: 100%;
	list-style-type:none; 
	float: left;
	margin-right: 1px;
	text-align: left;	
	display: block;	
}
 
.smu
{
	border: none;
	color: #000;
	text-decoration: none;
	margin-left: 5px;
	display: block;	
}

.error
{
  background-color:	#FF8F8D;
  color: 			#000;
}

.errormessage font
{
  font-family: 	Arial, Helvetica, sans-serif;
  font-size:	11px;
  font-weight: 	normal;
  color: 		#FF2F2D;
}


.InfoBox
{
	margin-right: 2px;
}

.InfoBoxHeader
{
	background-color:#F5F5F5;
	border:1px solid #D7D7D6;
	height:22px;
	padding-top:7px;
	padding-left:10px;
}
 
.InfoBoxHeaderText
{
	float:left;
	font-weight:bold;
}

.InfoBoxContent
{
	border-bottom:1px solid #D7D7D6;
	border-left:1px solid #D7D7D6;
	border-right:1px solid #D7D7D6;
	padding: 5px;
}

.l0
{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	list-style-type:none; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
}

.l1
{
	margin: 0 auto;
	padding: 5px;
	list-style-type:none; 	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
}

.opencat 
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
	padding-left: 5px;
	background-color:#F5F5F5;
} 

.cat
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	white-space: nowrap;
	padding-left: 0px;
	display: block;
}

a.cat
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 2em;
	white-space: nowrap;
	padding-left: 5px;
	text-decoration: none;
}

.cat:hover
{
	background-color: #FCB116;
}

.selectedcat
{
	background-color:#d0d0d0;
}

a.selectedcat
{ 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	white-space: nowrap;
	padding-left: 5px;
	text-decoration: none;
} 

td.subcats
{
	border-bottom:1px solid #D7D7D6;
	border-right:1px solid #D7D7D6;
	width: 175px;
	margin-right: 5px;
	padding-right: 5px;
}

.neg
{
	font-weight: bold;
	color: #f00;
	text-align: right;
}
.numeric
{
	text-align: right;
}

.resize {
max-width: 75px;
max-height: 75px;
}

#wsproductlist, .wsproductlist
{
	text-align: left;
	margin: 0;
	padding-left: 2px;
	padding-right: 2px;
	border:1px solid #D7D7D6;
	border-collapse:collapse;
	float:left;
}

#wsproductlist td, .wsproductlist td 
{
	border-bottom:1px solid #D7D7D6;
	border-left:1px solid #D7D7D6;
	white-space: nowrap;	
	padding-left: 2px;
	padding-right: 2px;
}

#wsproductlist th, .wsproductlist th
{
	border-bottom:1px solid #D7D7D6;
	border-left:1px solid #D7D7D6;
	white-space: nowrap;
	background-color:#C0C0C0;	
	padding-left: 2px;
	padding-right: 2px;
}

.number 
{
text-align: right;
}

#tblgrid, .tblgrid
{
	text-align: left;
	margin: 0;
	padding: 0;
	border:1px solid #D7D7D6;
	border-collapse:collapse;
}

#tblgrid td, .tblgrid td 
{
	border-bottom:1px solid #D7D7D6;
	border-left:1px solid #D7D7D6;
	white-space: nowrap;	
}

#tblgrid th, .tblgrid th
{
	border-bottom:1px solid #D7D7D6;
	border-left:1px solid #D7D7D6;
	white-space: nowrap;
	background-color:#C0C0C0;	
}

.pagl
{
	margin: 0 auto;
	padding: 0;
	text-align: right;
	float:	left;
}

.pagi:hover
{
	background-color: #FCB116;
}

.pagi
{
	width: 30px;
	height: 2em;
	line-height: 2em;
	list-style-type:none; 
	float: left;
	margin-right: 1px;
	text-align: center;	
	border: 1px solid #dcdce9;
	display: block;	
}

.pagisel
{
	width: 30px;
	height: 2em;
	line-height: 2em;
	list-style-type:none; 
	float: left;
	margin-right: 1px;
	text-align: center;	
	border: 1px solid #ff0000;
	background-color: #FCB116;	
	display: block;	
}

.pagu
{
	border: none;
	width: 30px;
	height: 2em;
	line-height: 2em;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	display: block;	
}
#paginatortitle
{
	width: 350px;
	float: left;
}
#paginator
{
	width: 350px;
	float: left;
	text-align: left;
	vertical-align: text-bottom;
}

.page
{
	border: none;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.selpage
{
	width: 30px;
	text-decoration: none;
	font-weight: bold;
	color: #FCB116;	
}

td.header
{
	text-decoration: none;
	font-weight: bold;
	color: #000000;	
}


#divcustomer
{
background-color: #FCB116;	
}
#divquotation
{
background-color: #FCB116;	
}
#divorder
{
background-color: #FCB116;	
}
#divinvoice
{
background-color: #FCB116;	
}

#findproduct
{
background-color: #FFFFFF;	
}
#findbox
{
background-color: #FFFFFF;	
}
table.search{ border: none;}
table.specs{border: none;}
table.specs td.SpecsAttributeNameColumn{padding-right:8px; font-size: 11px; width:190px; vertical-align:top; border: none;}
table.specs td.ProductAttributeValue{overflow:hidden; font-size:11px; border: none;}
table.specs th.SpecsAttributeNameColumn{padding-right:8px; font-weight: bold; text-align:left; padding-top:6px; border: none;}

#logo {
	vertical-align: bottom;
}
#topnav {
	float: center;
	width: 1224px;
	background-color: #FFB9E1;
}
#spanform  
{
    margin: 0; padding:10px;
    
}
.transpan { background-image: url('http://www.ict-retail.nl/transp.png');
    background-repeat: repeat;}
	
.righttext  
{
    padding: 0; margin:10px 10px 10px 0; background-image: url('http://www.ict-retail.nl/transp.png');
    background-repeat: repeat; color:#000;
    
}

.transp {background-image: url('http://www.ict-retail.nl/images/transp.png');
    background-repeat: repeat; }
.transp2 {background-image: url('http://www.ict-retail.nl//images/transp.png');
    background-repeat: repeat; padding:1px 0;}
 .transp3 {background-image: url('http://www.ict-retail.nl/images/transp.png');
    background-repeat: repeat; padding:1px 0 0 0;}   
    
.wrapper {width:1224px; padding:0; margin-left:auto; margin-right:auto; text-align:left;
background-image: url('http://www.ict-retail.nl/images/header4.jpg');
    background-repeat: no-repeat; margin: 0 0 5px 0; height:125px; }
.container {padding:0; margin: 0; width: 100%; height:auto;}

.left  {width:620px; padding:0; float:left; margin:0;}
.right { width:524px; padding:0; float:right; margin:0; color:fff;}
.clear {font-size: 0;line-height: 0;display: block;margin: 0;padding: 0;clear: both;height: 0;width: auto;}
.lpad  {padding:0 2px;}


#mru 
{
    margin: 0;
	display: block;
	float: right;
}

#form {
	margin: 0; padding:0;
}

#divresult {

}

#kaart {
	float: left;
}
#divparticipants {
	float: right;
}
a.ellipsis,span.ellipsis,.ellipsis a,.shorten a{display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;padding-left:1px;text-decoration:none;}
.ellipsis .noellipsis a{display:inline;overflow:visible;text-overflow:clip;-o-text-overflow:clip}
table.flat{margin-bottom:10px;border-top:1px solid #e1e1e1;border-collapse:separate;empty-cells:show;border-spacing:0;width:100%}
.flat .noborder{border-top:0}

input, textarea, select, option
{
	border			: 1px solid black;
}

input.Error {
	border			: 1px solid #ff6400 !important;
}

td.description
{
    max-width: 450px;
    word-wrap: break-word;
}
td.category
{
    max-width: 200px;
    word-wrap: break-word;
}

.tablist-left {
    width: 25%;
    display: inline-block;
}
.tablist-content {
    width: 60%;
    display: inline-block;
    vertical-align: top;
    margin-left: 5%;
}