/* ** DEFAULT FONT-OPTIES ** */
/* zet het font voor alle tekst */

/* zet het font voor de bijzondere teksten 
h2, .ProductTitle, .TableOrderLine, .TableRowStart, .mTableHeader, .TableRowTopStart, .tableOpenOrders, .TableGroupLine, .tablerowTotalPrice, .resellerPricing, input, #main #registeredUsers p b, #main #newCustomers p b, #main #welcomePanel .head, .updateHeader, .table_list h3 {
	font-family: Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier, monospace;
}*/
#main  p, #main ul, #main td{
	font-size: 0.85em;
	line-height: 130%;
	/*color: #007F00;*/
}

/* attributres voor hr */
hr { display: none; }
#loginInfo h6      {
	font-size: 0.9em;
	margin-bottom: 0px;
}

/* *** op spaties binnen deze class wordt niet afgebroken *** */
.nobr {white-space:nowrap;}

/* zet attributes van voor de hover-functie i.c.m. stripeMe */
tr.over td {
	background-color: #F7FBF7;
}
.twoColFixLtHdr #container #mainBlock #mainContent #main .defaultTable.stripeMe .TableRowStart.odd.over {
	background-color: #EEF7EE;
}


/* zet attributes van voor de hover-functie i.c.m. stripeMe van opvallende cel, bijv. endsuser pricing */
tr.over td.signal { background-color: #474443; }



/* *** CHECKOUT *** */
/* atributes van stappen in kop bij checkout */
.checkoutHeader {
	text-align: center;
	font-weight: bold;
}

.checkoutSteps {
	letter-spacing: 10px;
	font-size: 1.4em;
	color: #474443;
	background: #E7F2E8;
	padding: 10px;
	text-align: center;
	margin: 10px 0 10px 0;
}

.checkoutSteps b {
	color: #fff;
	background-color: #007F00;
	display: inline;
	padding: 10px 1px 10px 10px;
	margin-right: 9px;
	font-weight: bold;
}

.darkColor { background-color: #474443; }

/* standaard tabeltopties */ 
.defaultTable { border-collapse: collapse; width: 100%; }

.defaultTable .odd { background-color: #E9EBED; }

/* zet attributes van opvallende cel, bijv. endsuser pricing, in oneven tabelrijen */
.defaultTable .odd .signal , .TableOrderLine .signal{ background-color: #474443; }

/* zet attributes van links in tabel*/
/*.defaultTable a{
	color: #000;
}
*/  
.defaultTable a:visited { color: #474443; }

.defaultTable a:hover { color: #DE0808; }

.defaultTable br { line-height: 1px; }

/* tekst in producttabellen krijgt eigen regelafstand */
.defaultTable td { line-height: 100%; }

.defaultTable td { line-height: 100%; padding: 7px; font-size: 0.9em; }
#reg1 td {
	height: 30px;
	vertical-align: middle;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #E7F2E8;
}


.displayNone { display: none; }

/* zet attributes van voor de hover-functie in de FAQ */
.faq tr.over td { background-color: #fff; }

/* ** EINDE DEFAULT FONT-OPTIES ** */  
/* algemene toekenning van kleuren */
.lightColor{ background-color: #f5f6f7; }

.mediumColor { background-color: #E7F2E8; }

.msg {
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
	padding: 10px;
}

/* mededelingen panel */
.msg.MinQty, #main .msg.error {
	background: #DE0808;
	color: #fff;
}

.msg.note {
	background: #35871B;
	color: #fff;
}

.msg.MinQty a, #main .msg.error a{
	color: #fff;
	border-bottom: dashed 1px #fff;
}

.msg.MinQty a:hover, #main .msg.error a:hover {
	border-bottom: solid 1px #fff;
	text-decoration: none;
}
.msg.MinQty strong { font-weight: bold; font-size: large; }

.mTableHeader th, .mTableHeader2 th {
	background-color: #007F00;
	text-align: left;
	color: #fff;
	padding: 7px;
}

/* attributes voor classes overeenkomend met macrovariabelen */
#main .notePricing {
	font-size: 0.9em;
	margin: 10px 0 0 0;
	line-height: 120%;
}
#main p.noteShipping {
	font-size: 0.8em;
	margin: 10px 0 0 0;
	line-height: 120%;
}
#main .noteShipping br {
	line-height: 30px;
}
/* zet attributes van oneven tabelrijen*/   
.odd { }

.paymentMethod .header { font-weight: bold; }

.red { background-color: #DE0808; }

.resellerLine td { background-color: #DE0808; font-weight: bold; }

.resellerLine.over td { background-color: #DE0808; }

.signal {
	font-weight: bold;
	color: #fff;
	background-color: #5F5A58;
}

.strong { font-weight: bold; }
/* *** TABELLEN *** */
ol.table_list {
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}
ol.table_list h3{
	margin: 0;
	padding: 3px 3px 3px 24px;
	text-decoration: none;
	cursor: pointer;
	color: #000;
	background-color: #F5F6F7;
	background-image: url(../../../img/mnx/table_list_arr.png);
	background-position: 5px 9px;
	background-repeat: no-repeat;
}
ol.table_list h3:hover {
	background-color: #E5E6E7;
	background-position: 5px -16px;
}
ol.table_list li{
	padding: 0;
	margin: 0;
	border-bottom: solid 1px #C5C6C7;
}

.TableGroupLine, .TableGroupLine.over td {
	font-size: 1.2em;
	background: #DFEDE0;
}
.TableOrderLine , .TableOrderLine.over td{
	background-color: #C6E0C8;
	font-weight: bold;
}

/* tekst in gewone tabelrijen krijgt eigen grootte */

td.TableRowStart  {
	font-size: 0.9em;
	border-bottom: solid 1px #e5e6e7;
	margin:0;
	background: #fff;
}
/* zet attributes van voor de hover-functie i.c.m. stripeMe van opvallende cel, bijv. endsuser pricing, in oneven rijen */
.TableRowStart.odd.over .signal { background-color: #000; }

.TableRowTopStart td {
	background-color: #E7F2E8;
	font-weight: bold;
}
.TableRowTopStart.over td , .tablerowTotalPrice.over td{
	background-color: #E7F2E8;
}
.tablerowTotalPrice {
	font-weight: bold;
	font-size: 1.1em;
	background-color: #E7F2E8;
}
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.updateHeader { font-weight: bold; font-size: large; }

/* gewone tekst krijgt hier eigen regelafstand */
#main { line-height: 170%; font-size: 1em; }
#main #loginInfo {
	margin-top: 1em;
	width: 98%;
	float: left;
	padding: 0 1% 0 1%;
	padding-bottom: 10px;
	display: block;
}
#main #loginInfo input[type="submit"]{ margin-top: 15px; clear: both; }
#main .topTable {
	width: 100%;
	margin: 0px;
    /*table-layout: fixed;*/
}
#main .topTable td{
	padding: 5px;
	/*overflow: hidden;*/
	background: #E7F2E8;
}
#main #newCustomers { margin-left: 2%; }

/* *** LOGIN PAGINA *** */
#main #newCustomers, #main #registeredUsers {
	width: 47%;
	float: right;
	padding: 0 1% 0 1%;
	padding-bottom: 10px;
}
#main #registeredUsers p b, #main #newCustomers p b {
	display: block;
	font-size: 1.4em;
	margin: 0 0 12px 0;
}
#main #registration td, #main .registration td { padding: 5px; vertical-align: middle; }
#main #searchPanel { margin-bottom: 20px; width: 60%; }
#main #searchPanel input[type="submit"] { display: block; margin-top: 15px; margin-bottom: 10px; }
#main #searchPanel table {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 20px;
}
#main #searchPanel td, #main #registration td, #main .registration td { border-bottom: solid 1px #e5e6e7; }
#main #searchPanel td.last { border-bottom: none; }
#main #welcomePanel .head { font-weight: bold; font-size: 1.2em; }

/* *** ALGEMENE ELEMENTEN *** */
/* algemeen panel block */
#main .panel {
	padding: 10px;
	display: block;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius:10px;
}
#main form #registeredUsers .lightColor:hover, #main #loginInfo form .lightColor:hover { background-color: #474443; color: #fff; }
#main h2 .shopCartHeader {
	padding-left: 50px;
	line-height: 38px;
	background: transparent url(../../../img/sprite_mnx.png) no-repeat -10px -894px;
}
/* boxshot bij productinfo -> meer krijgt aftand tot tekst */
#main p a img { margin: 0 0 10px 10px; }

/* *** TABEL ATTRIBUTES *** */   
/* alle cellen gaan bovenaan lijnen */
#main td { vertical-align: top; }

/* zet attributes van voor de hover-functie in het login-scherm */
#registeredUsers tr.over td { background-color: #E7F2E8; }

#welcomePanel td {
	padding: 4px 0 4px 0;
	border-bottom: solid 1px #E7F2E8;
	vertical-align: middle;
}
#welcomePanel td input { margin: 0 4px 4px 0; }
/* *** BUTTONS *** */
#main form input[type="submit"], #main input[type="button"] {
	font-size: 1em;
	font-weight: bold;
	background: #474443;
	color: #fff;
	border: 0;
	padding: 0.3em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#main input[type="submit"]:hover,  #main input[type="button"]:hover {
	background-color: #C6E0C8;
	color: #474443;
}
/* extra classes om buttons van kleur te veranderen. Toevoegen aan de "submit" */

#main .TableOrderLine input[type="submit"]:hover {
	background-color: #E5E6E7;
	color: #474443;
}
/*
#main form .lightColor input:hover     {
	background-color: #E5E6E7;
}
#main form input.mediumColor:hover { background-color: #e5e6e7;}
#main form input.darkColor{ background-color: #474443; color: #fff; }

#main form input.darkColor:hover { background-color: #f5f6f7; color: #474443; }

#main form input.lightColor { background-color: #f5f6f7; }

#main form input.lightColor:hover { background-color: #e5e6e7; color: #000; }
.twoColFixLtHdr #container #mainBlock #mainContent #main form {
	float: right;
}
*/
/* voor shoppingt cart pagina */
#buttonAddProducts input , #buttonCheckOut input, #buttonSendProposal input {
	width: 200px;
	height: 62px;
	border: 0;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer; /* cursor: hand; for IE5 */
}

#main form #buttonAddProducts input {
	background: #FFFFFF url(../../../img/sprite_mnx.png) no-repeat -10px -498px;
	color: #fff;
	padding-left: 20px;
	font-size: 13px;
}
#main form #buttonSendProposal input {
	background: #FFFFFF url(../../../img/sprite_mnx.png) no-repeat -10px -560px;
	padding-right: 20px;
	color: #656565;
	font-size: 13px;
}
#main form #buttonCheckOut input {
	padding-right: 20px;
	background: #FFFFFF url(../../../img/sprite_mnx.png) no-repeat -10px -622px;
	color: #fff;
	font-size: 13px;
}
#buttonAddProducts input[type="submit"]:hover, #buttonCheckOut input[type="submit"]:hover, #buttonSendProposal input[type="submit"]:hover, #welcomePanel form input:hover, #main p a img:hover, #main td a img:hover  {
	-moz-opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	opacity: 0.7;
	-khtml-opacity: 0.7;
	background-color: #FFFFFF;
}
#buttonAddProducts, #buttonCheckOut, #buttonSendProposal { width: 33%; float: left; }
#buttonCheckOut { width: 34%; }
.bottomButtons {
	height: 40px;
}
.bottomButtons form {
	float: left;
	margin-right: 20px;
}


#listing h3 {
	font-size: 36px;
	color: #118D57;
	padding: 5px;
	margin: 0 10px 10px 0;
	
}
#listing ul {
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}
#listing li a {
	display: block;
}
#listing li a:hover {
	background-color: #E7F2E8;
	text-decoration: none;
}

#listing b {
	background-color: #007F00;
	color: #fff;
	padding: 5px;
}
#alphabet {
	border-top: solid 1px #007F00;
	border-bottom: solid 1px #007F00;
}
#alphabet a {
	padding: 5px;
	font-size: 14px;
}
#alphabet a:hover {
	background-color: #1BDA89;
	text-decoration: none;
	color: #fff;
}
/* ORDER BUTTONS */

#main .TableRowStart td .submit_btn {
	background: url(../../img/mnx/sprite_mnx.png) no-repeat -8px -1099px;
	float: left;
	color: #fff;
	width: 81px;
	height: 21px;
	border: 0;
	font-size: 12px;
	line-height: 21px;
	font-weight: normal;
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0 0 4px 16px;
}

.defaultTable.stripeMe  .TableRowStart td  input[type=text] {
	width: 20px;
	float: left;
	height: 17px;
	border: solid 1px #ccc;
	font-size: 11px;
	text-align: center;
}
#registeredUsers .TableRowStart td input {	width: 100% !important;
	height: auto;
	border: 2px #ffffff inset;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

.defaultTable.stripeMe .TableRowStart td .button {
	text-indent: -9999px;
	cursor: pointer;
	width: 19px;
	height: 21px;
	float: left;
}

.defaultTable.stripeMe .TableRowStart td .dec {
	background: url(../../../img/mnx/sprite_mnx.png) no-repeat -9px -1222px;
}

.defaultTable.stripeMe .TableRowStart td .inc {
	background: url(../../../img/mnx/sprite_mnx.png) no-repeat -8px -1181px;
}

#main .TableRowStart .checkMark .submit_btn {
	background: url(../../../img/mnx/sprite_mnx.png) no-repeat -8px -1140px;
}

.defaultTable.stripeMe .TableRowStart td .button:hover, 
.defaultTable.stripeMe .TableRowStart td .dec:hover,
#main .TableRowStart .checkMark .submit_btn:hover,
#main .TableRowStart td .submit_btn:hover { 
	-moz-opacity: 0.8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	opacity: 0.8;
	-khtml-opacity: 0.8;
	background-color: #FFF;
}

#welcomePanel h3 {
  color: #35871B;
}
#mainContent #welcomePanel form input[type="submit"] {
  background: url("../../../img/mnx/dl_but.png") no-repeat scroll 100% center #F7F2FC;
  margin-bottom: 20px;
  padding: 0.5em;
  text-align: left;
  width: 480px;
  cursor: pointer;
  box-shadow: 2px 2px 2px #ccc;
  text-shadow: 1px 1px 1px #fff;
  color: #474443;
}
#mainContent #welcomePanel input[type="submit"]:hover {
  background-color: #474443;
  color: #fff;
  text-shadow: 1px 1px 1px #000;
}