/* ------------( body ) ----------- */
html{
	background-repeat 	: repeat-y;
}

html#htmlsite {
	 background-image 	: url('/images/bg_container.gif');
}

body { 
  font-family					: Arial, Verdana, sans-serif;
  font-size						: 12px;
  color								: #192C85;
  margin							: 0;
  padding 						: 0;
}

body#website { 
  font-family					: Arial, Verdana, sans-serif;
  font-size						: 12px;
  color								: #192C85;  
	background-image 		: url('/images/bg_menu1.jpg');
	background-repeat 	: repeat-x;
	background-position : 0 99px;
}

/* ------------( linx ) ----------- */
a:link, a:visited {
  text-decoration			: underline;
}
a:hover, a:active {
  text-decoration			: underline;
  color								: #FB0B0C;
}

a.highlight {
	color								: #FB0B0C;
	font-weight 				: bold;
}

a.clean {
	text-decoration : none;
}

/* ------------( images ) ----------- */
img {
  display							: block;
}

img.inline {
  display							: inline;
}

img.popupnormal {
  display							: inline;
  border							: none;
}

img#header_image {
  display							: inline;
  border							: none;
  position 						: absolute;
  left 								: 0;
  top 								: 0;
}

img.external {
  display							: inline;
  border							: none;
  padding							: 0;
  margin							: 0 0 0 0.2em;
}

img.external_doc {
  display							: inline;
  border							: none;
  padding							: 0;
  margin							: 0 0 0 0.2em;
  vertical-align			: bottom;
}

img.icon {
	vertical-align			: middle;
  margin-top 					: 1px;
  margin-right 				: 15px;
  margin-bottom 			: 1px;
  display							: block;
  border							: none;  
}

img.noborder {
	border : none;
	display : inline;
}

img#banner {
	position : absolute;
	top : 10px;
	left : 520px;
	border : none;
}

img#logoprint {
	display : none;
	position : absolute;
}

/* ------------( headings ) ----------- */
h1, h2, h3, h4, h5, h6 {
  color								: #192C85;
}
h1 {
  margin-top					: 0;
  margin-bottom 			: 5px;
  font-size						: 1.5em;
  font-weight					: bold;
}

h2 {
  font-size						: 1.2em;
  font-weight					: bold;
  padding							: 0;
  margin							: 1.5em 0 0 0;
}

h3 {
  font-size 					: 12px;
  font-weight					: bold;
  padding							: 0;
  margin							: 1.5em 0 0 0 ;
}

h4 { 
  font-size						: 1em;
  font-weight					: normal;
}

a {
	color								: #192C85;
}

a:hover {
	color								: #FB0B0C;
	text-decoration 		: none;
}

/* ------------( paragraphs ) ----------- */
p { 
  padding							: 0; 
  margin-top					: 3px; 
  margin-bottom				: 10px;
}

p.error {
  color								: #C90101;
	background-color		: #fff;
	border			      	: #EDEDF5 1px solid;
	padding							: 10px;
}

p#forget {
	margin 							: 0;
	padding 						: 0;
	text-align	 				: center;
}

div#hide {
	display 						: none;
}

/* ------------( images ) ----------- */
table {
	border-collapse 		: collapse;
}

tr.stripe {
	background-color 		: #EDEDF5;
}

td {
	vertical-align 			: top;
}

td.rtd {
	text-align 					: right;
}

th.rtd {
	text-align 					: right !important;
}

ul {
	list-style-type 		: square;
}

/* ------------( site ) ----------- */

/* ------------( header ) ----------- */
div#header {
	height 							: 123px;
	background-image 		: url('/images/bg_menu.jpg');
	background-repeat 	: no-repeat;
	background-position : right bottom;
	margin 							: 0;
	padding 						: 0;
}

/* ---------- ( menu ) ------------- */
div#menu {
	position 						: relative;
	top 								: 100px;
	left 								: 159px;
	width 							: 800px;
	margin 							: 0;
	padding 						: 0;
	font-size						: 12px;
	list-style					: none;
}

div#menu a {
	font-weight 				: bold;
	color 							: #192C85;
	padding-left 				: 10px;
	vertical-align 			: middle;
}

div#menu a.selected, div#menu a:hover {
	background-image 		: url('/images/bg_menu_hover.gif');
	background-repeat 	: no-repeat;
	background-position : 3px center;
}

div#menu ul li {
	border-left 				: 1px solid #8B93BE;
	padding		 					: 0;
}

div#menu ul li a {
	float								: left;
	display 						: inline;
	display 						: block;
	text-decoration			: none;
	text-align					: left;
	vertical-align 			: middle;
	padding-bottom			: 0px;
	padding-top					: 3px;
	padding-right 			: 18px;
	height 							: 19px;
	border-left 				: 1px solid #fff;
}


div#menu ul ul li {
	border 							: none;
	height 							: auto;
	padding 						: 0;
}

div#menu ul ul li a {
	background-color 		: #fff;
	padding-left 				: 15px;
	margin-left 				: 0;
	border 							: none;
	border-left 				: 1px solid #8B93BE;
	border-right 				: 1px solid #8B93BE;
	border-bottom 			: 1px solid #8B93BE;
}

div#menu ul ul li a:hover {
	background-color 		: #EDEDF5;
	color								: #FB0B0C;
	border-bottom 			: 1px solid #192C85;
}

/* ------------( content ) ----------- */
div#main {
	margin 							: 0;
	padding 						: 0;
}

/* ------------( leftpane ) ----------- */
div#leftpane {
	font-family					: Arial, Verdana, sans-serif;
	position 						: absolute;
	top 								: 123px;
	left 								: 0;
	margin 							: 0;
	padding							: 0;
	width 							: 159px;
	height 							: 411px;
	background-color 		: #192C85;
	background-image 		: url('/images/bg_leftpane.jpg');
	background-repeat 	: no-repeat;
	color 							: #EFF0F7;	
	text-align 					: right;
}

div#leftpane h2 {
	color 							: #EFF0F7;	
	border-bottom 			: 1px dashed #fff;
	padding-right 			: 5px;
	font-family					: Arial, Verdana, sans-serif;
	font-size 					: 12px;
	margin-top 					: 3px;
	padding-bottom 			: 3px;
}

div#leftpane ul {
	list-style-type			: none;
	margin 							: 0;
	padding 						: 0;
}

div#leftpane ul li{
	width 							: 100%;
	border-bottom 			: 1px dashed #fff;
}

div#leftpane a {
	color 							: #EFF0F7;	
	text-decoration 		: none;
	
}

div#leftpane ul li a {
	display 						: block;
	width 							: 149px;
	padding						: 4px 5px 4px 5px;
}

div#leftpane a:hover {
	color		 						: #f00;
}

div#leftpane a.selected  {
	color 							: #f00;
}

div#leftpane p {
	text-align 					: right;
	font-weight 				: bold;
	margin 							: 10px;
}

/* ------------( content ) ----------- */
div#content {
	margin-left					: 159px;
	padding-left 				: 20px;
	width 							: 810px;
}

/* ---------- ( footer ) ------------- */
div#footer {
  clear 							: both;
  border-top 					: 1px solid #192C85;
	color								: #A9AECB;
	width 							: 815px;
	text-align 					: center;
	position 						: relative;
	left 								: 173px;
	margin 							: 20px 0 20px 0;
	padding 						: 0;
	font-size 					: 11px;
}

div#footer a {
	color								: #A9AECB;
	font-size 					: 11px;
	text-decoration 		: none;
}

div#footer a:hover {
  color								: #000;
  text-decoration 		: underline;
}

/* ------------( breadcrumb ) ----------- */
#breadcrumb {
  margin-top					: 3px;
  margin-bottom				: 10px;
  color								: #FB0B0C;
  height							: 15px;
  font-size 					: 11px;
}

#breadcrumb a {
	color								: #FB0B0C;
}

#subpages {
}

#subpages ul {
  list-style					: square;
  color								: #FB0B0C;
}

#subpages li {
  margin							: 0;
  padding							: 0.3em 0;
}

/*------( shop basket )-------*/
div#shopsetting {
	margin-top 					: 10px;
	margin-bottom 			: 20px;
	text-align 					: right;
	padding-right 			: 5px;
	color 							: #F6CC18;
	font-size						: 11px;
}

div#shopsetting a {
	display 						: block;
	color 							: #F6CC18;
	font-weight 				: bold;
	margin-bottom 			: 8px;
	font-size						: 11px;
}

div#shopsetting a img {
	display 						: inline;
	border 							: none;
	margin-left 				: 5px;
}

/*------(webshop)-------*/


p#vatdetail {
	color						: #666;
	margin-top : 3px;
	margin-bottom  : 8px;
	padding-left : 3px;
	font-size : 11px;
	
	text-align : left;
}

p#vat {
	color								: #666;
	margin-bottom  : 8px;
	font-size : 11px;
	margin-top : 0;
	text-align : center;
}

table.prdgrp {
	float 							: left;
	margin 							: 5px 10px 5px 0;
	padding		 					: 0;
	height 							: 185px;
	width 							: 145px;
	border 							: 1px solid #192C85;
	vertical-align 			: top;
}

table.prdgrp th {
	height 							: 35px !important;
	margin 							: 0;
	padding	 						: 0;
	font-size 					: 12px;
	vertical-align 			: middle;
	text-align 					: center;
	background-color 		: #EBECF3;
}

table.prdgrp td {
	text-align					: center;
	padding 						: 0;
}

table.prdgrp th a {
	text-decoration 		: none !important;
	vertical-align 			: middle;
}

table.prdgrp img.button {
	border 							: none;
	margin-bottom 			: 5px;
}

table.prdgrp img {
	border 							: none;
	display 						: inline;
}

/*------( subpages productgroup )-------*/
div#sub {
	padding-top 				: 10px;
	padding-bottom 			: 10px;
}

div#sub ul {
  list-style					: square;
  color								: #FB0B0C;
  margin 							: 0 0 0 20px;;
  padding 						: 0 0 0 20px;;
}

div#sub a {
	text-decoration 		: none;
}

div#sub a:hover {
	text-decoration 		: underline;
}

/*----( product list )------*/
table.productlist {
	margin-top 					: 0px;
	margin-bottom 			: 5px;
	width 							: 100%;
}

table.productlist img {
	display 						: inline;
	border 							: none;
}

table.productlist td a {
	display 						: block;
	width 							: 100%;
	height 							: 100%;
	text-decoration 		: none !important;
}

table.productlist th {
	border-bottom 			: 1px solid #192C85;
	padding 						: 2px 10px 2px 10px;
	text-align : left;
}

table.productlist td {
	padding 						: 2px 10px 2px 10px;
	border-top 					: 1px solid #192C85;
	border-bottom 			: 1px solid #192C85;
}

table.productlist tr.brand td{
	padding : 10px 0 0 0;
	border : none;
}
	
td.icon {
	text-align 					: right;
}

td.order {
	width 							: 16px;
}

td.price {
	width 							: 50px;
	text-align 					: right;
}
td.price em {
	font-weight : normal;
}

td.code {
	width 							: 40px;
}

tr.total td {
	border-bottom 			: none !important;
	border-top 					: 2px solid #192C85 !important;
}

tr.nostyle td {
	border 							: none !important;
}

/* ------------( product details ) ----------- */
div#link h2 {
	font-size 					: 12px;
	margin 							: 5px 0 5px 0;
	border-bottom 			: 1px solid #192C85;
}

table.product {
	border 							: 1px solid #192C85;
	padding 						: 0px;
}

img#brand {
	text-align 					: center;
	margin-bottom 			: 10px;
	margin-left 				: auto;
	margin-right 				: auto;
}

table.product td.rightside {
	vertical-align 			: top;
	background-color 		: #EBECF3;
	padding 						: 10px 10px 0 10px;
}

table.product h2 {
	margin 							: 0;
	font-size 					: 12px;
}

div.product img#prdimg {
	border 							: none;
}

table.product table {
	margin 							: 3px;
}

table.product table td {
	padding 						: 2px 5px 2px;
}

table.product td.icon {
	text-align : right;
	padding : 0;
	vertical-align : top;
}

table.product td.icon img {
	display : inline;
	padding : 0;
	margin : 0 5px 0 0;
}

table.product a.button img {
	margin : 0;
	display : inline;
	padding : 0;
}

table.product td.foot {
	vertical-align 			: top;
	background-color 		: #EBECF3;
	padding 						: 0 0 10px 10px;
}

table.product span.price {
	margin-left : 15px;
	margin-right : 10px;
	vertical-align : top;
	font-weight : bold;
	font-size : 13px;
	padding : 0;
}

table.product span.price strong {
	font-size : 14px;
	color : #FB0B0C;
}

table#related {
	font-size : 12px;
	width : 100%;
}

table#related td {
	padding : 1px 5px 1px 0px;
}

div#description {
	clear 							: both;
}

table#property {
	margin-top 					: 10px;
}
table#property th {
	text-align 					: left;
	width 							: auto;
	padding							: 0;
	font-size						: 11px;
}

table#property td {
	text-align 					: left;
	padding-left 				: 10px;
	font-size						: 11px;
}

table#property td.price {
	vertical-align : middle;
	font-weight : bold;
	font-size : 13px;
	width : auto;
}

table#property td.price strong {
	font-size : 14px;
	color : #FB0B0C;
}

p.price {
	font-weight					: bold;
	font-size 					: 13px;
	margin 							: 0;
	text-align 					: right;
}
p.price strong {
	font-weight : bold;
	font-size : 14px;
	margin-left : 5px;
	/*text-decoration : underline;*/
}

/*-----( products on mainpage )-------*/
div.mainpane {
	float 							: left;
}

div#mainpagetext {
	width : 620px;
	margin : 0;
	padding : 0;
}

table.bargain {
	border 							: 1px solid #192C85;
	padding 						: 0px;
	width 							: 309px;
	height 							: 160px;
	float 							: left;
	margin-right 				: 4px;
	margin-bottom 			: 5px;
	font-size 					: 11px;
}

table.bargain td.leftside {
	width 							: 115px;
	vertical-align 			: middle;
	text-align 					: center;
}

table.bargain td.leftside img {
	display 						: inline;
	border							: none;
}

table.bargain td.rightside {
	background-color 		: #EBECF3;
	padding 						: 0 5px 0 5px;
	height 							: 140px;
}

table.bargain p.price {
	color 							: #FB0B0C;
	font-size 					: 11px;
	margin-bottom 			: 5px;
	margin-top 					: 5px;
	font-weight 				: normal;
	text-align 					: left;
	font-style 					: italic;
}

table.bargain h2 {
	margin 							: 5px 0 5px 0;
	font-size 					: 11px;
}

table.bargain ul {
	margin 							: 0 0 0 8px;
	padding 						: 0 0 0 8px;
	list-style-type 		: square;
	font-size 					: 10px;
}

table.bargain td.foot {
	height							: 20px;
	background-color 		: #EBECF3;
	vertical-align 			: top;
}
table.bargain div.nav {
	text-align 					: center;
}

table.bargain div.nav img {
	margin-right				: 5px;
	margin-left					: 5px;
}

div.mainbox {
	border 							: 1px solid #192C85;
	/*width 							: 165px;*/
	width 							: 160px;
	margin-bottom 			: 8px;
}

div.mainbox h2 {
	background-color		: #fff;
	background-image 		: url('/images/bg_heading.gif');
	background-position : bottom;
	background-repeat 	: repeat-x;
	font-size 					: 11px;
	margin 							: 0 0 10px 0;
	padding 						: 4px 10px 4px 10px;
}
div.mainbox input {
	margin 							: 2px auto 3px 5px;
	font-size 					: 11px;
}

div.mainbox input.noborder {
	display 						: block;
	text-align 					: center;
	margin 							: 4px auto 10px auto;
}

div.mainbox select {
	margin-left 				: 5px;
	margin-bottom 			: 4px;
	font-size 					: 11px;
}

div.mainbox ul{
	margin 							: 0 2px 5px 10px;
	padding 						: 0 2px 0px 10px;
}

div.mainbox li {
	padding-bottom  		: 6px;
	padding-left  			: 1px;
}

div.mainbox img {
	display : block;
	
	border : 1px solid #192C85;
	margin : 5px auto 5px auto;
	
}

/*-----------(shopping basket)----------*/
div.userform {
	float 							: left;
	margin-right 				: 15px;
	font-size 					: 11px;
	width 							: 380px;
}

div.userform select {
	font-size 					: 11px;
}

div.userform h4 {
	text-align 					: left;
	padding-left 				: 5px;
	font-weight 				: bold;
	font-size 					: 11px;
	margin 							: 0 0 3px 0;
}

div.userform table {
	border 							: 1px solid #192C85;
	background-color		: #EDEDF5;
	width 							: 100%;
	margin-bottom 			: 10px;
}

div.userform table td {
	padding 						:  5px;
}

div.userform table th {
	width 							: 125px;
	text-align 					: left;
	padding 						:  5px;
	font-size 					: 11px;
}

div#rightpane {
	width 							: 275px;
	float 							: right;
	margin-left 				: 20px;
	margin-right 				: 20px;
}

div#loginform {
	width 							: 300px;
	margin-left 				: auto;
	margin-right 				: auto;
	border 							: 1px solid #192C85;
	padding 						: 0 0 5px 0;
	margin-bottom 			: 3px;
}

div#loginform h2 {
	margin : 0;
	background-color		: #fff;
	background-image 		: url('/images/bg_heading.gif');
	background-position : bottom;
	background-repeat 	: repeat-x;
	text-align 					: center;
	padding :  3px 0 5px 0;
	font-size : 12px;
}

div#loginform h3 {
	padding-bottom 			: 2px;
	margin-top 					: 0;
	margin-bottom 			: 3px;
	text-align 					: center;
	border-bottom 			: 1px solid #192C85;
}

div#loginform table {
	text-align 					: left;
	margin : 10px auto  5px auto;
}

div#loginform table td {
	padding : 3px;
}

div#loginform input.noborder {
	margin-right : 8px;
	vertical-align : middle;
}

div#loginform td#forget {
	padding : 3px 0 3px 3px;
	font-size : 11px;
	vertical-align : middle;
}

/*-------( profiel )-------*/

table.order {
	border 							: 1px solid #192C85;
	margin-bottom 			: 10px;
	width 							: 100%;
}

table.order td {
	vertical-align 			: top;
	padding 						: 10px;
}

table.order td.summary {
	background-color		: #EDEDF5;
	width 							: 250px;
}

table.order h3 {
	margin-top 					: 0;
}

table.order h4 {
	font-weight 				: bold;
	margin-bottom 			: 3px;
}

table.order table.properties {
	width 							: auto;
	margin-top 					: 5px;
	margin-bottom 			: 15px;
}

table.order table.properties th {
	text-align 					: left;
}

table.order table.properties td {
	padding 						: 2px; 
}

table.order table.products {
	width 							: 100%;
	margin-top 					: 5px;
	margin-bottom 			: 15px;
}

table.order table.products th {
	text-align 					: left;
}

table.order table.products td {
	padding 						: 2px; 
	border-top 					: 1px solid #192C85;
	border-bottom 			: 1px solid #192C85;
}

div#personals {
	border 							: 1px solid #192C85;
	background-color		: #EDEDF5;
	margin 							: 20px;
	padding 						: 10px;
}

div#personals table th {
	text-align : left;
}
div#personals table td {
	padding-right : 50px;
}

div#personals div#descr {
	margin : 0;
	padding : 0;
	text-align : left;
	float : right;
}

div#personals div#descr h3 {
	margin : 0;
	padding-left : 20px;
}


div#personals a {
	color								: #FB0B0C;
	font-weight 				: bold;
	text-decoration 		: none;	
}	

div#personals a:hover {
	text-decoration 		: underline;	
}	

div#setting {
	float : right;
	border 							: 1px solid #192C85;
	background-color		: #fff;
	padding :  0 ;
}

div#setting h2 {
	margin : 0;
	background-color		: #fff;
	background-image 		: url('/images/bg_heading.gif');
	background-position : bottom;
	background-repeat 	: repeat-x;
	padding :  2px 5px 3px 10px;
	font-size : 12px;
}

div#setting ul {
	margin : 5px 20px 5px 20px;
	padding : 5px 20px 5px 20px;
}

div#setting li {
	padding : 5px;
}

div#setting a {
	color : #FB0B0C;
	font-weight : bold;
}

/* ------------( forms ) ----------- */
form {
	margin 							: 0;
	padding 						: 0;
}

input, textarea, select {
	font-family   			: Verdana, Arial, sans-serif;
	font-size						: 12px;
	border							: 1px solid #192C85;
	color								: #192C85;
}

input.noborder {
	border 							: none;
}

.mandatory {
	background-color	 	: #FFFFA0;
}

.formbutton {
	margin							: 5px;
	padding 						: 1px;
	font-weight 				: normal;
	color								: #192C85;
	background-color		: #EDEDF5;
	border-left					: #192C85 1px solid;
	border-top					: #192C85 1px solid;
	border-bottom				: #192C85 1px solid;
	border-right				: #192C85 1px solid;
	text-decoration 		: none;
}

/*--------( contactform )-------- */
table#contact {
	border-collapse			: collapse;
}

table#contact td {
	vertical-align: top;
	padding	: 10px 20px 10px 5px;
}

table#contact table {
  border-collapse			: collapse;
  border					: 1px solid #192C85;
	background-color		: #EDEDF5;
}

table#contact table  th {
  padding: 5px 10px;
  margin: 0px;
  text-align: left;
  vertical-align: top;
  font-size: 12px;
}

table#contact table  td {
  padding: 5px 10px;
  margin: 0px;
  vertical-align: top;
  font-size: 12px;
}

div#address {
	border					: 1px solid #192C85;
	background-color		: #EDEDF5;
	padding : 10px;
	margin : 0;
	width : 300px;
}

div#address h2 {
	margin : 0 0 5px 0;
	font-size : 12px;
}

/*------( mailing )---------*/
div#mailing {
	border				: 1px solid #192C85;
	padding : 20px 25px 15px 25px;
	margin-bottom : 15px;
	width : 400px;
}

div#mailing table {
}

div#mailing table th {
	text-align : left; 
	padding-right : 10px;
}

/*----( mail a friend )-------*/
div#mailafriend {
	color		: #FB0B0C;
	font-weight : normal;
	text-align : right;
	font-size : 12px;
	margin-bottom : 3px;
	
}

div#mailafriend a {
	color		: #FB0B0C;
}

div#prdmail {
	float : left;
	border				: 1px solid #192C85;
	margin : 15px;
	padding : 5px 10px 10px 10px;
	text-align : center;
	width : 120px;
}

div#prdmail h2 {
	font-size : 11px;
	margin : 0px;
	background-color		: #EDEDF5;
}

div#prdmail em {
	font-size : 11px;
	
}

div#prdmail img {
	border : none;
	margin-top : 5px;
}

/*----( news items )-----*/
div.newsitem {
	clear : right;
	border				: 1px solid #192C85;
	margin-bottom : 10px;
}

div.newsitem table {
	width : 100%;	
}

div.newsitem table td {
	padding : 5px;
}

div.newsitem em {
	font-size : 11px;
	margin-bottom : 3px;
}

div.newsitem h2 {
	background-color		: #fff;
	background-image 		: url('/images/bg_heading.gif');
	background-position : bottom;
	background-repeat 	: repeat-x;
	padding :  2px 5px 3px 10px;
	font-size : 12px;
	margin : 0 ;
}

div.newsitem td.thumb {
	width : 110px;
}

div.newsitem td.thumb img {
	border : none;
}

p#intro {
	margin-top : 10px;
	margin-bottom : 10px;
	font-weight : bold;
}

/*-----( tidi )------*/
div#madeby {
	color : #ccc;
	font-size : 10px;
	text-align : left;
	margin-top : 10px;
	padding-left : 5px;
}
div#madeby a {
	display : inline;
	color : #ccc;
}

div#madeby a:hover {
	color : #fff;
}

/*-----( navigatie knoppen ) ------*/
div.navbutton {
	text-align : center;
}

a.button img {
	display 						: inline;
	border 							: none;
	margin-top 					: 5px;
}