@charset "utf-8";
/* CSS Het Zwarte Fietsenplan */

/* Useful */

.clear {
	clear:both;
}

label {
	cursor:pointer;
}

input {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px;
	border:0;
	margin:0;
}

select {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px;
}

textarea {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	padding:2px;
	border:#CCCCCC 1px solid;
}

.radio {
	border:0;
}

.button {
	padding:0;
	margin-bottom:2px;
}

hr {
	size:1;
	color:#333333;
}

h1 {
	font:normal 18px/18px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	text-transform:lowercase;
}

h2 {
	font:normal 18px/18px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

h3 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
}

/* CSS */

body {
	background:#000000;
	font:12px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	margin:3px 0px 10px 0px;
}

a:link,
a:visited,
a:hover,
a:active {
	color:#FFFFFF;
	text-decoration:none;
	outline:none;
}

#main_container {
	margin:0 auto;
	width:980px;
}

#header {
	height:142px;
}

#logo_index {
	background:url(../images/index_logo.gif) no-repeat;
	margin:0 auto;
	margin-top:10px;
	width:700px;
	height:34px;
}

#logo_index a {
	display:block;
	height:140px;
}

#logo_index a span {
	text-indent:-9999px;
	visibility:hidden;
}

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

#slideshow {
	margin:0 auto;
	clear:both;
	width:832px;
	height:300px;
	/*background:#FFFFFF;*/
}

.shuffle img {
	padding: 15px; 
	border: 1px solid #ccc; 
	background-color: #eee; 
}

#index_options {
	width:400px;
	height:100px;
	margin:10px auto;
	overflow:hidden;
	text-transform:lowercase;
}

#index_options ul {
	display:inline;
	list-style:none;
	height:100px;
	overflow:hidden;
}

#index_options ul li {
	float:left;
	width:100px;
	height:120px;
	margin:0px 10px 0px 10px;
	text-align:center;
	font-size:11px;
}

#index_options ul li a {
	padding-top:80px;
	display:block;
}

#index_options ul li.particulier {
	background:url(../images/indexmenu_particulier.gif) top center no-repeat;
}

#index_options ul li.bedrijven {
	background:url(../images/indexmenu_bedrijven.gif) top center no-repeat;
}

#index_options ul li.visite {
	background:url(../images/indexmenu_visite.gif) top center no-repeat;
}

#logo {
	width:150px;
	height:142px;
	float:left;
	background:url(../images/logo_hzfp.gif) no-repeat;
}

#logo a {
	display:block;
	height:140px;
}

#logo a span {
	text-indent:-9999px;
	visibility:hidden;
}

#menu {
	float:right;
	width:825px;
}

#menu ul {
	float:right;
	list-style:none;
	display:inline;
	text-transform:lowercase;
}

#menu ul li {
	float:left;
	padding-left:15px;
}

#quick_search {
	clear:both;
	width:100%;
	margin:10px 0px;
	text-align:right;
	text-transform:lowercase;
}

input.search_button {
	margin-bottom:-6px;
}

#breadcrumb {
	clear:both;
	width:100%;
	height:30px;
	margin-right:100px;
	font-size:11px;
	text-align:right;
	text-transform:lowercase;
}

#content {
	overflow:hidden;
	width:100%;
	margin-top:20px;
}

#category_about {
/*	width:600px;
	margin:0 auto;*/
	margin-bottom:30px;
}

.cats {
	font-size:11px;
	line-height:1.2em;
}

td.bg_item {
	background:url(../images/image_thumb.gif) top center no-repeat;
	text-align:center;
	height:65px;
	vertical-align:top;
}
td.bg_item {
	padding-top:8px;
}
td.product_item {
	font-size:10px;
	line-height:12px;
	vertical-align:top;
	text-align:center;
}

/* PARTICULIER */

#particulier_about {
/*	width:600px;
	margin:0 auto;*/
}
#particulier_about h1 {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#particulier_options {
	width:530px;
	margin:10px auto;
	overflow:hidden;
	text-transform:lowercase;
}

#particulier_options ul {
	display:inline;
	list-style:none;
	height:100px;
}

#particulier_options ul li {
	float:left;
	width:100px;
	height:120px;
	margin:0px 10px 0px 10px;
	text-align:center;
	font-size:11px;
}

#particulier_options ul li a {
	padding-top:80px;
	display:block;
}

#particulier_options ul li.fietsen {
	background:url(../images/particuliermenu_fietsen.gif) top center no-repeat;
}

#particulier_options ul li.accesoires {
	background:url(../images/particuliermenu_accesoires.gif) top center no-repeat;
}

#particulier_options ul li.reparaties {
	background:url(../images/particuliermenu_reparaties.gif) top center no-repeat;
}

#particulier_options ul li.verzekering {
	background:url(../images/particuliermenu_verzekering.gif) top center no-repeat;
}

/* VISITE */

#visite_about {
/*	width:600px;
	margin:0 auto;*/
}
#visite_about h1 {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#visite_options {
	width:400px;
	margin:10px auto;
	overflow:hidden;
	text-transform:lowercase;
}

#visite_options ul {
	display:inline;
	list-style:none;
	height:100px;
	overflow:hidden;
}

#visite_options ul li {
	float:left;
	width:100px;
	height:120px;
	margin:0px 10px 0px 10px;
	text-align:center;
	font-size:11px;
}

#visite_options ul li a {
	padding-top:80px;
	display:block;
}

#visite_options ul li.rental {
	background:url(../images/visitemenu_rental.gif) top center no-repeat;
}

#visite_options ul li.export {
	background:url(../images/visitemenu_export.gif) top center no-repeat;
}

#visite_options ul li.expats {
	background:url(../images/visitemenu_expats.gif) top center no-repeat;
}

/* BEDRIJVEN */

#bedrijven_about {
/*	width:600px;
	margin:0 auto;*/
}
#bedrijven_about h1 {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#bedrijven_options {
	margin:10px auto;
	overflow:hidden;
	text-align:center;
	text-transform:lowercase;
}

#bedrijven_options ul {
	display:inline;
	list-style:none;
	height:100px;
	overflow:hidden;
	margin:0 auto;
}

#bedrijven_options ul li {
	float:left;
	width:100px;
	height:120px;
	margin:0px 10px 0px 10px;
	text-align:center;
	font-size:11px;
}

#bedrijven_options ul li a {
	padding-top:80px;
	display:block;
}

#bedrijven_options ul li.fullservice {
	background:url(../images/bedrijvenmenu_fullservicefietsen.gif) top center no-repeat;
}

#bedrijven_options ul li.belastingkorting {
	background:url(../images/bedrijvenmenu_belastingkorting.gif) top center no-repeat;
}

#bedrijven_options ul li.bedrijfsfietsenopmaat {
	background:url(../images/bedrijvenmenu_bedrijfsfietsenopmaat.gif) top center no-repeat;
}

#bedrijven_options ul li.kredietkaart {
	background:url(../images/bedrijvenmenu_kredietkaart.gif) top center no-repeat;
}

#bedrijven_options ul li.meerbedrijfsfietsen {
	background:url(../images/bedrijvenmenu_meerbedrijfsfietsen.gif) top center no-repeat;
}

/* BEDRIJF */

#bedrijf_about {
/*	width:600px;
	margin:0 auto;*/
}
#bedrijf_about h1 {
	font:bold 18px Verdana, Arial, Helvetica, sans-serif;
}

#bedrijf_options {
	width:500px;
	margin:10px auto;
	overflow:hidden;
	text-align:center;
	text-transform:lowercase;
}

#bedrijf_options a {
	padding:5px 8px 5px 8px;
	width:auto;
}

/* PRODUCT */

#product_image {
	clear:both;
	float:left;
	position:relative;
	width:450px;
}
#product_info {
	float:left;
	position:relative;
	text-align:justify;
	width:500px;
}
#product_info h1 {
	float:left;
	width:340px;
	text-transform:capitalize;
}
#product_info h2 {
	float:right;
	width:150px;
	margin:0;
	padding:0;
	text-align:right;
}

#product_info h2 span {
	font-size:10px;
	font-weight:normal;
	text-transform:lowercase;
}

#product_info #print_pdf_send {
	float:right;
	width:60px;
	text-align:right;
	margin:5px 0px 0px 0px;
}

#product_info ul#info_inline {
	float:left;
	width:420px;
	list-style:none;
	margin:5px 0px 0px 0px;
	padding:0;
}

#product_info ul#info_inline li {
	display:inline;
	padding-right:5px;
}

.corner_lb {
	background-image:url(../images/image_corner_lb.gif);
	background-repeat:no-repeat;
}
.corner_rb {
	background-image:url(../images/image_corner_rb.gif);
	background-repeat:no-repeat;
}
.corner_lo {
	background-image:url(../images/image_corner_lo.gif);
	background-repeat:no-repeat;
}
.corner_ro {
	background-image:url(../images/image_corner_ro.gif);
	background-repeat:no-repeat;
}
.border_bt {
	background-image:url(../images/image_border_bt.gif);
	background-repeat:repeat-x;
}
.border_tb {
	background-image:url(../images/image_border_tb.gif);
	background-repeat:repeat-x;
}
.border_lr {
	background-image:url(../images/image_border_lr.gif);
	background-repeat:repeat-y;
}
.border_rl {
	background-image:url(../images/image_border_rl.gif);
	background-repeat:repeat-y;
}
.image_thumb {
	background-image:url(../images/image_thumb.gif);
	background-repeat:no-repeat;
	width:90px;
	height:72px;
	text-align:center;
	vertical-align:middle;
}
.image_thumb img {
	padding-top:8px;
	padding-bottom:7px;
}

.legenda {
	text-align:center;
	font-size:10px;
	width:100%;
	margin-bottom:30px;
	margin-top:20px;
	float:right;
	position:relative;
	font-weight:normal;
}
.legenda img {
	padding-left:20px;
}

#import {
	width:700px;
	float:right;
	font-size:10px;
	text-align:center;
}

#specs {
	clear:both;
}

#wrapper {
	width:100%;
	margin-top:40px;
}

#products {
	width:100%;
	margin-top:20px;
}
#products h3 {
	width:100px;
	float:left;
	margin-top:37px;
}

#products #product_listing {
	float:left;
	width:850px;
}

.bg_item {
	background: url(../images/bg_product_item.gif);
	display:block;
	width:100px;
	height:67px;
	line-height:67px;
	text-align:center;
}

#languages {
	float:left;
	margin-left:80px;
	width:150px;
	margin-top:10px;
}

#pay_off {
	float:right;
	margin-right:80px;
	width:300px;
	font:italic 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-align:right;
}

#footer {
	font-size:10px;
	color:#333333;
	margin-top:40px;
	width:100%;
	clear:both;
	text-align:center;
}
#footer a {
	color:#333333;
}

SPAN.productSpecialPrice {
	color: #ff0000;
	font-weight:bold;
}

SPAN.errorText {
	color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #252525; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #333; }

.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; font-size:10px; }
.checkoutBarCurrent { color: #FFFFFF; }

/* message box */

.messageBox { font-family: Arial;/*Tahoma, Verdana, Arial, sans-serif;*/  font-size: 11px; }
.messageStackError, .messageStackWarning { font-family: Arial;/*Tahoma, Verdana, Arial, sans-serif;*/  font-size: 11px; background-color: #ffb3b5; color:#FFFFFF; }
.messageStackSuccess { font-family: Arial;/*Tahoma, Verdana, Arial, sans-serif;*/  font-size: 11px; background-color: #99ff00; color:#FFFFFF; }

/* input requirement */

.inputRequirement { font-family: Arial;/*Tahoma, Verdana, Arial, sans-serif;*/  font-size: 11px; color: #ff0000; text-transform:lowercase; }

span.orderEdit { font-size:10px; color:#CCCCCC; }

td.shop_img {
	width:90px;
	height:69px;
	background: url(../images/image_thumb.gif) no-repeat;
	text-align:center;
}

.smallText {
	font-size:10px;
}

.productListing-heading {	
text-transform:lowercase;
}

.lowercase {
	text-transform:lowercase;
}

#wrapper p b {
	text-transform:lowercase;
}

.field {
	width:180px;
}

#tabs h3 {
	text-transform:lowercase;
}