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

/* attributres voor hr */
hr { display: none; }

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

/* 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 */
tr.over td {
	background-color: #e5e6e7;
}

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

.bottomButtons { height: 40px; }

.bottomButtons form { float: left; margin-right: 20px; }

/* *** 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: #14915B;
	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: #E7F2E8;
}

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

.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: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	padding: 10px;
}

.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; }

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

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

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

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

.TableGroupLine, .TableGroupLine.over td { font-size: 1.4em; background: #DFEDE0; }

.TableOrderLine , .TableOrderLine.over td{ background-color: #C6E0C8; font-weight: bold; }

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

#container #mainBlock #mainContent #main .defaultTable.stripeMe .TableRowStart.odd.over { background-color: #EEF7EE; }

.txtCenter { text-align: center; }

.txtLeft { text-align: left; }

.txtRight { text-align: right; }

.updateHeader { font-weight: bold; font-size: large; }

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

#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: #FFF;
}

#buttonAddProducts, #buttonCheckOut, #buttonSendProposal { width: 33%; float: left; }

#buttonCheckOut { width: 34%; }

#loginInfo h6 { font-size: 0.9em; margin-bottom: 0px; }

/* gewone tekst krijgt hier eigen regelafstand */
#main { line-height: 170%; font-size: 1em; }

#main  p, #main ul, #main td{ font-size: 0.85em; line-height: 130%; }

#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 #newCustomers { margin-left: 2%; }
#registeredUsers td         {
	background: #E7F2E8;
}


/* *** LOGIN PAGINA *** */
#main #newCustomers, #main #registeredUsers {
	width: 47%;
	float: right;
	padding: 0 1% 0 1%;
	padding-bottom: 10px;
	background-color: #E7F2E8;
}

#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; }

/* attributes voor classes overeenkomend met macrovariabelen */
#main .notePricing {
	font-size: 0.9em;
	margin: 10px 0 0 0;
	line-height: 120%;
}

#main .noteShipping br { line-height: 30px; }

/* *** ALGEMENE ELEMENTEN *** */
/* algemeen panel block */
#main .panel {
	padding: 10px;
	display: block;
	/* Do rounding (native in Firefox and Safari) */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* extra classes om buttons van kleur te veranderen. Toevoegen aan de "submit" */
#main .TableOrderLine input[type="submit"]:hover { background-color: #E5E6E7; color: #474443; }

#main .topTable { width: 100%; margin: 0px; }

#main .topTable td{
	padding: 5px;
	/*overflow: hidden;*/
	background: #E7F2E8;
}

#main form #buttonAddProducts input {
	background: #FFFFFF url(../../../img/inx/sprite_inx.png) no-repeat -10px -498px;
	color: #fff;
	padding-left: 20px;
}

#main form #buttonCheckOut input {
	padding-right: 20px;
	background: #FFFFFF url(../../../img/inx/sprite_inx.png) no-repeat -10px -622px;
	color: #fff;
}

#main form #buttonSendProposal input {
	background: #FFFFFF url(../../../img/inx/sprite_inx.png) no-repeat -10px -560px;
	padding-right: 20px;
	color: #656565;
}

#main form #registeredUsers .lightColor:hover, #main #loginInfo form .lightColor:hover { background-color: #474443; color: #fff; }

/* *** 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: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

#main h2 .shopCartHeader {
	padding-left: 50px;
	line-height: 38px;
	background: transparent url(../../../img/inx/prite_inx.png) no-repeat -10px -894px;
}

#main input[type="submit"]:hover,  #main input[type="button"]:hover { background-color: #C6E0C8; color: #474443; }

/* boxshot bij productinfo -> meer krijgt aftand tot tekst */
#main p a img { margin: 0 0 10px 10px; }

#main p.noteShipping {
	font-size: 0.8em;
	margin: 10px 0 0 0;
	line-height: 120%;
}

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

#reg1 td {
	height: 30px;
	vertical-align: middle;
	padding: 5px 0 5px 0;
	border-bottom: solid 1px #E7F2E8;
}

/* zet attributes van voor de hover-functie in het login-scherm */
#registeredUsers tr.over td { background-color: #E7F2E8; }
#registeredUsers input[type="text"], #registeredUsers input[type="password"] {
	width: 160px;
	text-align: left;
	font-size: 13px;
}
#welcomePanel td {
	padding: 4px 0 4px 0;
	border-bottom: solid 1px #E7F2E8;
	vertical-align: middle;
}

#welcomePanel td input { margin: 0 4px 4px 0; }#container #mainBlock #mainContent #main form #demotable1 tbody .TableGroupLine th {
	font-size: 12px;
}
#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: #118D57;
	color: #fff;
	padding: 5px;
}
#alphabet {
	border-top: solid 1px #007F00;
	border-bottom: solid 1px #007F00;
}
#alphabet a {
	padding: 5px;
}
#alphabet a:hover {
	background-color: #1BDA89;
	text-decoration: none;
	color: #fff;
}

/* ORDER BUTTONS */

.defaultTable.stripeMe  .TableRowStart td  input[type=text] {
	width: 20px;
	float: left;
	height: 17px;
	border: solid 1px #ccc;
	font-size: 11px;
	text-align: center;
}
#registeredUsers input[type="text"], #registeredUsers input[type="password"]  {
	border: solid 1px #ccc;
	height: 18px;
}
.defaultTable.stripeMe .TableRowStart td .button{
	text-indent: -9999px;
	cursor: pointer;
	width: 19px;
	height: 21px;
	float: left;
}
#main .TableRowStart td .submit_btn  {
	background: url(../../../img/inx/sprite_inx.png) no-repeat -11px -1314px;
	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 .dec{
	background: url(../../../img/inx/sprite_inx.png) no-repeat -12px -1437px;
}

.defaultTable.stripeMe .TableRowStart td .inc{
	background: url(../../../img/inx/sprite_inx.png) no-repeat -11px -1396px;
}
#main .TableRowStart .checkMark .submit_btn {
	background: url(../../../img/inx/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;
}