html, body{
	background-image: url(../images/background_color.jpg);
	background-repeat: repeat;
	height: 100%;
	font-family: Arial;
}

td {
	font-size:12px;
}

.clear{
	height: 1px;
	margin-top: -1px;
	clear: both;
	width: 100%;
}

a, a:link{
	color: #002672;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.hidden{
	display: none;
}

.no_margin {
	margin:0px !important;
}

.cursor {
	cursor:pointer;
}

div{
	position: relative;
}

input[type=text],input[type=password],select,textarea {
	border: solid 1px #d9d9d9;
	width:130px;
}
/* WRAPPER */

#wrapper{
	background-image: url(../images/background_image.jpg);
	display: table;
	background-repeat: repeat-y;
	width: 905px;
	padding: 10px 35px 30px 35px;
	margin: auto;
	position: relative;

}

/* HEADER */

#header{
	width: 100%;
	height: 66px;
	position: relative;
}

#logo{
	position: absolute;
	top: 0px;
	left: 20px;
}

#login_form{
	display: block;
	position: absolute;
	right: 0px;
	top: 20px;
}

#login_form p{
	display: block;
	float: left;
	padding-bottom: 5px;
}

#login_form label{
	font-size: 11px;
	color: #002672;
	text-transform: uppercase;
	padding-left: 20px;
}

#login_form input{
	border: 1px solid #d1d1d1;
	padding: 2px;
	margin: 0px;
	width: 130px;
}

/* TOP MENU */

#top_menu{
	width: 875px;
	height: 70px;
	background-image: url(../images/top_menu.jpg);
	background-repeat: repeat;
	padding: 0px 15px;
}

/* SITE MENU */

#site_menu{
	width: 100%;
	height: 35px;
	color: #002672;
	line-height: 35px;
}

#telephone{
	display: block;
	float: left;
	line-height: 35px;
	font-size: 14px;
}

#site_menu ul{
	float: right;
	position: relative;
	left: 10px;
}

#site_menu li{
	float: left;
	height: 35px;
	_width:25px;
	_white-space: nowrap;
	display: block;
	margin-right: 10px;
}

#site_menu a, #site_menu a:link{
	padding: 0px 5px;
	display: block;
	height: 35px;
	font-size: 11px;
	color: #002672;
	text-transform: uppercase;
	text-decoration: none;
}

#site_menu a:hover, #site_menu a.active{
	color: #fd0902;
}

/* SHOP MENU */

#shop_menu{
	width: 100%;
	height: 35px;
	color: #fff;
	line-height: 35px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

#shop_menu p{
	float: left;
	display: block;
	height: 35px;
	line-height: 35px;
	padding-right: 20px;
	color: #f0f0f0;
}

#shop_menu ul{
	float: left;
	display: block;
	clear: none;
}

#shop_menu li{
	float: left;
	display: block;
	height: 35px;
	_width:35px;
	line-height: 35px;
	margin-left: 0px;
	padding: 0px 10px;
}

#shop_menu li.hover, #shop_menu li.active{
	background-image: url(../images/shop_li.gif);
	background-repeat: no-repeat;
	background-position: left;
}

#shop_menu a, #shop_menu a:link{
	color: #f0f0f0;
	text-decoration: none;
	display: block;
	height: 35px;
	line-height: 35px;
	padding: 0px 11px 0px 0px;
}

#shop_menu a.active, #shop_menu a.hover{
	background-image: url(../images/shop_a.gif);
	background-repeat: no-repeat;
	background-position: right;
}

/* BREADCRUMBS */

#bread_crumbs{
	width: 100%;
	height: 50px;
	margin: auto;
}

#bread_crumbs p{
	display: block;
	width: 710px;
	padding-left: 195px;
	height: 50px;
	line-height: 50px;
	color: #2b4e79;
	font-size: 12px;
}

#bread_crumbs a,
#bread_crumbs a:link{
	height: 50px;
	line-height: 50px;
	padding: 0px 3px;
	color: #2b4e79;
	text-decoration: none;
	
}

#bread_crumbs a:hover{
	color: #2b4e79;
	text-decoration: underline;
}

/* CONTENT */

#content_wrapper{
	width: 100%;
	position: relative;
}

/* MAIN CONTENT */

#column_main{
	width: 473px;
	float: left;
	position: relative;
	left: 185px;
	border: 1px solid #d9d9d9;
	overflow: visible;
}

#column_main.full_page{
	width: 100%;
	left: 0px;
}

/*
#column_main ul { 
	list-style-image: url("/resources/images/li_arrow.gif"); 
	list-style: none;
} 

#column_main ul li{ 
	position:relative;
	top:-3px;
	font-size:16px;
	height:16px;
	margin-bottom:10px;
	display: list-item;
	color:#002672;
}

#column_main ul li a  {
	color:#002672;
	text-decoration: none;
	background-image: url("/resources/images/li_arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 2px 0px 2px 14px;
}
*/
#column_main ul, #column_right ul  { 
	list-style-type: disc; 
	list-style-position: inside;
} 

#column_main ul,#column_right ul  { 
	margin-left:14px;
} 

#column_main ul li, #column_right ul li { 
	font-size:12px;
	margin-bottom:10px;
	color:#393939;
}

#column_left ul li{ 
	position:relative;
	display: list-item;
	color:#002672;
}
#column_main ul li a  {
	color:#002672;
	font-size:11px;
}

.top_visual{
	position: relative;
	width: 475px;
	left: -1px;
	margin-bottom: 5px;
}

.top_visual img{
	display: block;
}

h1{
	color: #002672;
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	padding: 10px 10px 7px 10px;
}

.top_visual h1{
	position: relative;
	left: 0px;
	height: 25px;
	padding: 7px 10px 3px 10px;
	margin: 0px;
	color: #002672;
	line-height: 25px;
	z-index: 100;
	font-weight: normal;
	font-size: 18px;
	margin-top: -35px;
}

.visual_background{
	position: relative;
	z-index: 50;
	background: #fff;
	height: 35px;
	width: 100%;
	left: 0px;
	margin: 0px;
	margin-top: -35px;
}

#content_wrapper h2{
	color: #002672;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	padding: 20px 10px 4px 10px;
}

#content_wrapper p{
	color: #393939;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	padding: 0px 10px 10px 10px;
}

#content_wrapper p img{
	display: block;
	clear: none;
	margin-top: 5px;
	margin-bottom: 10px;
	margin-right: 10px;
	float: left;
}

#column_main .block{
	width: 230px;
	float: left;
}

#column_main .block_overview{
	height:150px;
	overflow:hidden;
}

#column_right .block a:hover{
	text-decoration: underline;
}

#column_main .block h3{
	background-image: url(../images/category_h2.png);
	background-color: transparent;
	background-repeat: repeat;
	width: 210px;
	color: #002672;
	margin-bottom: -30px;
	position: relative;
	z-index: 100;
}

#column_main.no_border{
	border: 1px solid white;
}

#column_main .block.odd{
	width: 230px;
	left: 10px;
	float: left;
}

/* SIDEBAR */

#column_right{
	width: 230px;
	float: left;
	position: relative;
	left: 200px;
}

#column_right .block{
	background-color: #f5f5f5;
}

.block{
	border: 1px solid #d9d9d9;
	margin-bottom: 15px;
	overflow: visible;
}

h3{
	display: block;
	background-image: url(../images/block_header.jpg);
	background-repeat: repeat-x;
	color: #002672;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	padding: 0px 10px;
	margin-bottom: 7px;
}

.correct_img{
	position: relative;
	display: block;
	margin: -7px 0px -2px 0px;
}

.block img.image_text{
	margin-bottom: 7px;
}

/* MENU */

#column_left{
	width: 170px;
	float: left;
	position: relative;
	left: -705px;
}

.menu_list{
	background-color: #f2f3f6;
	margin-top: -7px;
}

.top_list{
	background-image: url(../images/list_closed.jpg);
	background-repeat: no-repeat;
	background-position: 5px 10px;
}

.top_list.hover, .top_list.active{
	background-color: #ecf1fe;
	background-image: url(../images/list_active.jpg) ;
}

.menu_list ul{
	background-color: #fff;
}

.menu_list li{
	display: block;
	width: 168px;
	font-size: 12px;
	line-height: 20px;
}

.menu_list a, .menu_list a:link{
	margin: 0px;
	display: block;
	width: 141px;
	padding: 8px 10px 8px 17px;
	font-size: 12px;
	line-height:14px;
	color: #373737;
	text-decoration: none;
}

.submenu {
	padding-left:7px;
}
.menu_list a:hover, .menu_list a.active{
	color: #002672;
	text-decoration: underline;
}

#content_wrapper .phone_number{
	color: #002672;
	font-size: 12px;
	font-weight: bold;
	display: block;
	height: 25px;
	line-height: 25px;
	background-image: url(../images/telephone.jpg);
	background-repeat: no-repeat;
	background-position: 8px 0px;
	padding-left: 40px;
}

#content_wrapper .email_us{
	display: block;
	height: 25px;
	line-height: 25px;
	padding: 5px 0px 10px 23px;
	margin-top: -8px;
	color: #002672;
	font-weight: bold;
	font-size: 16px;
	background-image: url(../images/big_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 7px 8px;
	text-decoration: none;
}

/* FRONTPAGE */

#forms .block, #discount .block, #about .block{
	background-color: #f5f5f5;
}

#discount p{
	font-size: 12px;
	padding-right: 10px;
}

#discount h6{
	font-size: 15px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: normal;
}

#forms form, .block form{
	display: block;
	padding: 10px;
}

#forms p{
	color: #393939;
	font-size: 12px;
	padding: 10px 8px 10px 8px;
}

#forms form p, .block form p{
	padding: 0px !important;
}

#search{
	width: 140px;
	height: 17px;
	line-height: 17px;
	border: 1px solid #c1c1c1; 
	float: left;
}

#search_submit{
	height: 23px;
	width: 55px;
	background-image: url(../images/zoek.jpg);
	background-position: 0px -1px;
	float: left;
	position: relative;
	left: 5px;
	border: 0px;
}

p#newsletter{
	position: relative;
	left: 40px;
	
}

#visual{
	width: 905px;
	clear: both;
	z-index: 10;
	position: relative;
}

.visual_text{
	position: absolute;
	bottom: 0px;
	width: 600px;
	color: #fff;
	padding: 15px 15px 15px 30px;
	z-index: 11;
}

.visual_text h1{
	color: #fff;
	font-size: 30px;
	line-height: 35px;
	font-weight: normal;
	padding: 0px;
	padding-bottom: 10px;
}

.visual_text p{
	font-size: 16px;
	line-height: 22px;
}

.visual_holder{
	width: 250px;
	padding-right: 15px;
	padding-top: 30px;
	position: absolute;
	clear: none;
	right: 0px;
	top: 0px;
}

.visual_block{
	padding: 15px;
	margin-bottom: 15px;
	background: url(../images/visual_block.png);
	background-repeat: repeat;
	#background: #D9D9D9;
	color: #001d56;
	z-index: 2000;
}

.visual_block p{
	font-size: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 15px;
}

.visual_block h2{
	padding-bottom: 5px;
}

.visual_block ul { 
	list-style: none;
	padding-top: 5px;
} 

.visual_block ul li{ 
	position:relative;
	font-size:16px;
	height:16px;
	margin-bottom:5px;
	display: list-item;
	color:#002672;
}

.visual_block ul li a  {
	color:#002672;
	text-decoration: none;
	background-image: url("/resources/images/arrow.png");
	_background-image: url("/resources/images/arrow.gif");
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding: 2px 0px 2px 14px;
}

#homepage_content{
	padding-top: 15px;
	width: 905px;
}

#about{
	width: 420px;
	float: left;
}

#about .block{
	padding-bottom: 10px;
}

#about .label{
	padding-left: 100px;
	padding-top: 10px;
	padding-bottom: 5px;
	font-size: 12px;
	background-repeat: no-repeat;
	background-position: 9px 9px;
}

.semi{
	background-image: url(../images/semi.jpg);
}

.pro{
	background-image: url(../images/pro.jpg);
}

.training{
	background-image: url(../images/training.jpg);
}

#about p{
	padding: 0px 10px;
	font-size: 14px;
	color: #002672;
}

#discount{
	width: 230px;
	float: left;
	padding-left: 5px;
	clear: none;
	margin-left: 8px;
}

#discount .block{
	padding-bottom: 10px;
}

#discount ul{
	padding-bottom: 0px;
	padding-left: 5px;
}

#discount h3, .block.actie h3{
	background-image: url(../images/actie_header.jpg) !important;
	color: #fff !important;
}

#discount li, #discount a{
	float: left;
	clear: none;
	padding: 5px 0px 3px 3px;
}

#forms{
	width: 230px;
	float: left;
	position: relative;
	left: 12px;
}

/* VIEW OPTIONS */

#view_options{
	border: 1px solid #d9d9d9;
	padding: 10px;
	margin-bottom: 12px;
}

.display_option{
	width: 48%;
	float: left;
}

.order_option{
	width: 48%;
	float: right;
}

#view_options label{
	font-size: 12px;
	padding-left: 20px;
	color: #002672;
}

#view_options select{
	width: 130px;
}

.pagination{
	display: block;
	width: 100%;
	height: 15px;
	padding: 15px 0px 0px 0px !important;
	font-size: 12px;
	clear: both;
	text-align: center;
}

/* PRODUCTEN OVERZICHT */

.product_small{
	position:relative;
	background-color: #fbfbfb;
	padding: 0px;
	width: 230px !important;
	height: 235px;
}

.product_small.full_page,
.product_small.full_page.odd{
	width: 100% !important;
	left: 0px !important;
	height: 80px;
}

#column_main .product_small.full_page p{
	position: absolute;
	top: 25px;
	left: 110px;
}


.product_small .info_container{
	height:100px;
	width:110px;
	float:left;
	position:relative;
}

.product_small.full_page .info_container{
	position: absolute;
	left: 100px;
	top: 0px;
}

.product_small.full_page .product_buttons{
	width: 200px;
	position: absolute;
	bottom: 0px;
	right: -10px;
}

.product_small.full_page h2{
	position: absolute;
	left: 110px;
	top: 0px;
}

.product_search_image{
	position: absolute;
	left: 5px;
	top: 5px;
}

.product_small .summary{
	position:absolute;
	left:0px;
	bottom:0px;
}

#column_main .product_small p{
	padding: 5px;
	height: 20px;
}

strong{
	white-space: nowrap;
	clear: both;
}

.product_small h2{
	width: 100%;
	height: 25px;
	line-height: 20px;
	padding: 5px 5px 10px 5px !important;
}

.product_small .product_small_image{
	position: relative;
	left: 5px;
	float: left;
	width:100px;
	height:100px;
	overflow:hidden;
}

.product_small img{
	margin: 0px 0px 0px 0px !important;
}

.product_small .labels{
	width: 115px;
	float: left;
	margin-left: 10px;
	top: 0px;
	height: 60px;
}

.product_small .labels img{
	margin: 0px;
}

.product_small .product_buttons{
	position: absolute;
	bottom: 0px;
	height: 30px;
	width: 100%;
	padding-top: 5px;
}

.product_small .block .product_buttons img{
	margin: 0px;
}

.product_small .more_info{
	display: block;
	float: left;
	position: relative;
	left: 20px;
}

.product_small .order_product{
	display: block;
	float: right;
	position: relative;
	left: -20px;
}


/* PRODUCT DETAIL */

.product_big{
	position:relative;
	float:left;
	background-color: #fbfbfb;
	border: 1px solid #d9d9d9;
	padding:10px;
	width: 452px !important;
}

.product_big .info_container{
	width:205px;
	float:left;
	margin-left:10px;
	position:relative;
}

#column_main .product_big p{
	
}

.product_big h2{
	width: 320px;
	float:left;
	line-height: 20px;
	padding: 0px 0px 10px 0px !important;
}

.product_big .product_big_image{
	position: relative;
	float: left;
	width:230px;
	overflow:hidden;
}



.product_big .labels{
	position:absolute;
	right:6px;
	top:10px;
	width: 115px;
	height: 60px;
}

.product_big .labels img{
	margin: 0px;
}

.product_big .product_buttons{
	position: absolute;
	bottom: 1px;
	right:10px;
	height: 30px;
}

.product_big .block .product_buttons img{
	margin: 0px;
}

.product_big .more_info{
	display: block;
	float: left;
	position: relative;
	left: 20px;
}

.product_big .order_product{
	display: block;
	float: right;
}



#column_main .product_big ul.summary{
	width: 115px;
	padding: 0;
	margin-left: 0px;
	padding-bottom: 10px;
}

#column_main ul.summary li{
	display: list-item;
	padding: 0px !important;
	margin: 0px !important;
	line-height: 14px;
	font-size: 12px;
	color: #4c4c4c;
	padding-left: 5px !important;
}

#img_big {
	cursor:pointer;
}

.thumb {
	float:left;
	margin-right:9px;
	margin-top:6px;
	cursor:pointer;
}

#bg_lightbox {
	background-image:url(../images/bg_lightbox.png);
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:60;
	overflow:hidden;
	display:none;
}

#lightbox {
	z-index:61;
	position:fixed;
	top:50%;
	left:50%;
	margin-top:-230px;
	margin-left:-212px;
	border:solid 1px #939191;
	width:435px;
	height:435px;
	display:none;
}

/* RELATED PRODUCTS */

#related_products {
	position:relative;
	left:0px;
	float:left;
	background-color: #fbfbfb;
	border: 1px solid #d9d9d9;
	padding: 10px;
	padding-bottom:0px;
	width: 452px !important;
}

.related_product {
	position:relative;
	float:left;
	border-bottom:solid 1px #d9d9d9;
	margin-bottom:10px;	
}

.related_product:last-child {
	border-bottom:none;
}

.related_product .product_image {
	float:left;
	width:110px;
	min-height:110px;
}

.related_product .product_info{
	float:left;
	width:340px;
}
.related_product .related_product_labels {
	position: absolute;
	right:0px;
	top: 0px;
	padding-top: 5px;	
}

.related_product .product_buttons {
	position: absolute;
	right:0px;
	bottom: 10px;
	padding-top: 5px;	
}



/* SHOPPING CHART */

#column_right .shopping_chart{
	background-color: #f3fff4;
}

.shopping_chart h3{
	background-image: url(../images/chart_h2.jpg);
	color: #fff;
}

.table{
	margin: auto;
	padding-bottom: 10px;
	width: 97%;
}

#column_main table{
	font-size: 14px;
}

#column_main.cart_overview{
	background-color: #f3fff4;
	border: 1px solid #70d06d;
}

#column_main.cart_overview h1{
	background: url(../images/chart_h2.jpg) repeat;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}

#column_right .cart_overview{
	background-color: #f3fff4;
	border: 1px solid #70d06d;
}

#column_right .cart_overview h3{
	background: url(../images/chart_h2.jpg) repeat;
	line-height: 30px;
	height: 30px;
	padding: 0 10px;
	margin: 0px 0px 10px 0px;
	color: #fff;
}
.shop_amount{
	width: 40px;
}

.highlight{
	background-color: #d3ecd5;
}

.thead{
	color: #065f01;
	font-weight: bold;
}

.shopping_chart td{
	padding: 5px;
	font-size: 12px;
	vertical-align: top;
}

.pay{
	padding: 5px;
	float: right;
	position: relative;
	right: 5px;
}

.table td{
	border-bottom: 1px solid #70d06d;
}


/* LOGIN / AANMELDEN */

.login_small{
	background-color: #fbfbfb;
	padding: 0px;
	width: 230px !important;
	height: 185px;
}

/* FOOTER */

#footer{
	height: 50px;
	padding-top: 25px;
	width: 100%;
}

#payment_providers{
	display: block;
	float: left;
	height: 30px;
	padding: 5px 20px 0px;
	position: relative;
	left: -30px;
	border-right: 1px solid #d9d9d9;
}


#payment_providers li{
	float: right;
	padding: 5px 10px;
}

#quicklinks li{
	float: left;
	padding: 5px 10px;
}

#quicklinks a, #quicklinks a:link{
	color: #30517b;
	font-size: 12px;
	position: relative;
	text-decoration: none;
	top: -8px;
}

#quicklinks a:hover{
	text-decoration: underline;
}

#quicklinks{
	float: right;
	border-left: 1px solid #d9d9d9;
	height: 30px;
	line-height: 30px;
	padding: 5px 0px 0px 15px;
	position: relative;
}

.icon {
	float:left;
	margin-right:20px;
	margin-top:10px;
}

.cart_updated{
	background: #70d06d;
	color: #fff !important;
	padding: 10px !important;
	margin-bottom: 10px !important;
}

.search_pagination{
	font-size:13px;
	border-bottom: 1px solid #d9d9d9;
	padding:5px;
	margin-bottom:3px;
}