/********************************************************************************
*	Title				:	ProShop Webstandard Stylesheet						*
*	Created by			:	Sebastiaan Naafs - van Dijk							*
*	Company				:	Onlinebase (http://onlinebase.nl)					*
*	Based on original															*
*	artwork done by		:	Marcel van Langen, Prolific (http://prolific.nl)	*
*********************************************************************************/

/* alles inklappen (hiermee worden alle tags, classes en id's geneutraliseerd) */
	* { margin:0; padding:0; }
/*	onderzoek heeft uitgewezen dat door de body te resizen naar 76% en de fontgrootte voor alle block- en inline
	elementen op 1.0em te zetten, dat de fontgrootte in alle browsers op alle platformen gelijk blijven ;-)
	(zie: http://www.thenoodleincident.com/tutorials/box_lesson/font/index.html voor meer info en screenshots) */
	body { background-color:#fff; color:#4b4b4b; font:normal normal normal 76% Verdana,Helvetica,sans-serif; line-height:1.8em; }
	p, div, a, th, td, li, dt, dd, select, input { font-size:1.0em; }
	th, td { vertical-align:top; }
	#placeHolder { margin:0 auto; }
/* Bovenkant met navigatie */
	#mastHead {
		background:#fff url(../_files/banner_kraan.jpg) no-repeat top left;
		height:302px;
		margin:0 auto;
		padding:0;
		width:981px;
	}
/* rechterkant met betalingsmogelijkheden en winkelwagen */
	#rightBlock { float:right; text-align:center; width:194px; }
	#mastHeadTease { border:1px solid #aaa; height:140px; margin:4px 0; }
	#paymentOptions a { visibility:visible; }
	/* winkelwagen overzicht bovenin elke pagina */
		#shoppingCart { background-color:#fff; border:1px solid #aaa; color:#000; padding:2px; }
		#shoppingCartIcon { background-color:#fff; height:118px; padding:2px 5px 0 5px; }
		#shoppingCartList { background-color:#f93; list-style-type:none; margin:0; padding:4px; }
		#shoppingCartList h3 { margin:0; padding:3px 0 4px 0; }
		#shoppingCartList h3 a { background-color:transparent; color:#000; }
		/*#shoppingCart a, #shoppingCart a:link, #shoppingCart a:visited, #shoppingCart a:hover, #shoppingCart a:active {
			background-color:transparent; color:#4b4b4b; text-decoration:none;
		}
		#shoppingCart a:hover { text-decoration:underline; } */
		#shoppingCartItem { font:normal normal bold 1.2em Arial,Helvetica,sans-serif; padding:10px 5px 10px 10px; }
		#shoppingCartItem a { background-color:transparent; color:#fff ! important; }
	/* CSS Image Map */
		#iMap {
			background-color:transparent;
			height:296px;
			margin:0;
			padding:0;
			position:relative;
			width:781px;
		}
		#iMap dt, #iMap dd { margin:0; padding:0; position:absolute; font-size:0.9em; display:none; }
		#iMap dd { display:block; }
		#iMapHome { background-color:transparent; top:28px; left:0; }
		#iMapHome a, #iMapHome a:link, #iMapHome a:visited, #iMapHome a:hover, #iMapHome a:active,
		#iMapItem a, #iMapItem a:link, #iMapItem a:visited, #iMapItem a:hover, #iMapItem a:active {
			background-color:transparent;
			height:90px;
			position:absolute;
			text-decoration:none;
			width:265px;
		}
		#iMapItem { background-color:transparent; top:6px; left:202px; }
		#iMapItem a, #iMapItem a:link, #iMapItem a:visited, #iMapItem a:hover, #iMapItem a:active {
			height:293px;
			width:577px;
		}
		#iMapHome a span, #iMapItem a span { display:none; }
/* main navigation */
	#navigationMain, .navigationProducts { margin:2px 20px 2px 10px; padding:130px 2px 2px 2px; text-align:left; width:180px; }
	.navigationProducts { margin:2px; padding:2px; width:230px; }
	#navigationMain li, .navigationProducts li {
		background:transparent url(../_images/pijl_rechts.gif) no-repeat top right;
		border-top:1px dashed #ccc;
		font-size:1.1em;
		list-style-type:none;
		margin:0;
		padding:2px;
	}
	.navigationProducts li { background:transparent url(../_images/pijl_rechts_groen.gif) no-repeat top left; padding-left:22px; }
	.navigationProducts .dropDown { background:transparent url(../_images/pijl_omlaag_groen.gif) no-repeat 7px left; }
	#navigationMain li a, .navigationProducts li a { display:block; }
	.subNavigationProducts { margin:0; padding:0; }
	.subNavigationProducts li { background-image:none; font-size:0.9em; list-style-type:circle; padding-left:10px; }
	#navigationMain .first, .navigationProducts .first, .subNavigationProducts .first { border:none; }
	.navigationProducts .noMarking { background-image:none; }
	/*#navigationMain a, #navigationMain a:link, #navigationMain a:visited, #navigationMain a:hover, #navigationMain a:active {
		background-color:transparent; color:#4b4b4b; text-decoration:none;
	}
	#navigationMain a:hover { text-decoration:underline; } */
/* main content */
	#mainContentPlaceHolder { margin:8px auto; min-height:300px; padding:0; width:981px; }
	/* content navigatie */
		#mainContentNavigation { border:1px solid #aaa; min-height:300px; float:left; margin-bottom:8px; width:240px; }
		/* block search */
			#search { background-color:#d8d8d8; color:#000; padding:4px; margin:2px; }
			.searchField {
				background-color:#fff;
				border:1px solid #aaa;
				height:18px;
				margin-right:3px;
				margin-left:3px;
				padding-top:3px;
				padding-left:3px;
			}
		/* form buttons */
			.searchButton, .loginButton, .verzendButton, .afmeldButton, .wijzigButton, .herBerekenenButton, .terugButton, .verwijderButton {
				background-color:#9c0;
				border:1px solid #000;
				color:#fff;
				font-weight:bold;
				padding:2px 0 3px 0;
				width:65px;
			}
			.terugButton { background-color:#aaa; }
			.loginButton, .verzendButton, .afmeldButton, .wijzigButton, .verwijderButton { width:105px; }
			.herBerekenenButton { margin-top:10px; margin-right:8px; width:165px; }
			.verwijderButton { background-color:#f40; }
			.singleSelect { width:50px; }
		/*	headers in main navigation blocks (shoppingcart, search, product, categories, producers)
			can either be pictures or plain text */
			.navigationHeader, .navigationHeader2 { background-color:transparent; color:#000; margin-top:12px; margin-left:6px; }
			.navigationHeader2 { margin-top:0; margin-bottom:4px; margin-left:0; }
			/* change the value of these two to switch between pictures and plain text*/
				.imageNavigationHeader { display:block; } /* image (block/none) */
				.plainTextNavigationHeader { display:none; } /* plain text (block/none) */
		/* block producers */
			#navigationProducers { background-color:#9c0; color:#000; padding:4px; margin:12px 2px 2px 2px; }
	/* content */
		#mainContent { float:right; min-height:300px; margin:0 auto; padding:0; width:730px; }
		.fuseBoxLayout { width:730px; }
	/* broodkruimels */
		.breadCrumb { font-size:0.9em; padding:2px 4px 2px 6px; }
		.breadCrumbHeader { font-weight:bold; }
		.breadCrumbSort { float:right; }
		.breadCrumb a { color:#9c0 ! important; }
		.sorteerSelect { font-size:1.0em; }
	/* content headers */
		.spotlichtHeader, .aanbiedingHeader, .bestsellersHeader, .winkelWagenHeader {
			background-color:#fff;
			border:1px solid #aaa;
			color:#000;
			margin-top:0;
		}
		.spotlicht, .aanbieding, .bestsellers, .winkelWagen {
			background-color:#666;
			color:#fff;
			font:normal normal bold 1.2em Arial,Helvetica,sans-serif;
			margin:2px;
			padding:8px 0 8px 12px;
		}
		.aanbieding { background-color:#58a; }
		.bestsellers { background-color:#9c0; }
		.winkelWagen { background-color:#f93; }
	/* content text */
		h1, h2, h3, h4, h5, h6 { font-size:1.8em; margin-top:12px; }
		h2 { font-size:1.6em; }
		h3 { font-size:1.4em; }
		h4 { font-size:1.2em; }
		h5, h6 { font-size:1.0em; margin-top:12px; }
		p { margin:5px 0; padding:5px 2px 2px 2px; }
		ul, ol, dl { margin:5px 0 5px 35px; }
		dt { font-weight:bold; }
		dd { margin-left:20px; }
		.noBulletList { list-style-type:none; }
		.extraListPadding { padding:3px 0 ! important; }
		.extraListMargin { margin:3px 0 ! important; }
		.informatie, .toelichting, .waarschuwing {
			background-color:transparent;
			border:1px solid #390;
			color:#390;
			font-weight:bold;
			padding:5px;
		}
		.toelichting { border-color:#f93; color:#f93; }
		.waarschuwing { border-color:#f00; color:#f00; }
		.labelTag span { font-weight:bold; } /* aangezien er geen 'echte' labels gebruikt worden in <cf_pro_label>, iig semantisch voorbereiden */
		.categoryDescr { clear:both; padding:5px; } /* totdat er 'echte' HTML toegepast wordt in de omschrijvingen */
		fieldset { border:1px solid #aaa; margin:4px; padding:2px 8px; }
		legend { font-weight:bold; padding:0 4px; }
		/* tabellen voor overzicht paginas */
			.productTable { width:100%; }
			.dataTable {
				background-color:#ff9;
				border:1px solid #000;
				border-collapse:collapse;
				color:#000;
				margin-top:8px;
				margin-bottom:12px;
				width:730px;
			}
			.frontpageTableNarrow { width:350px; }
			/* specifieke instellingen per datatabel */
			/* productTable*/
				.productColumn { width:33%; }
				.productBlock { border:1px solid #aaa; margin:10px; padding:2px; vertical-align:top; }
				.productBlock h5 a { color:#df4805; }
				.productBlock p { font-size:0.9em; }
				.emptyProductBlockBorder { border:none; }
				.productThumbnail { }
				.productPresentatie { }
				.productPrice { font-weight:bold; }
				.totalPrice { border-top:1px dashed #aaa; }
			/* common table elements */
				.dataTable thead { border-bottom:1px solid #000; }
				.dataTable tfoot { border-top:1px solid #000; }
				.dataTable th { background-color:#ffe80f; padding-right:2px; padding-left:2px; }
				.dataTable td { padding:1px 5px; }
				.dataTable .odd { background-color:#fff; }
				.dataTable a, .dataTable a:link, .dataTable a:visited, .dataTable a:hover, .dataTable a:active { text-decoration:underline; }
				.dataTable a:hover { text-decoration:none; }
				.dataTable img { padding-top:2px; vertical-align:top; }
			/* specific table elements */
				.tableCol00 { width:48px; }
				.tableCol01 { width:88px; }
				.tableCol02 { width:95px; }
				.tableCol03 { width:117px; }
				.tableCol04 { width:137px; }
				.tableCol05 { width:227px; }
				.tableCol06 { width:277px; }
				#searchResultNav { border:1px solid #000; margin-top:5px; text-align:center; }
				.searchLeft { float:left; margin-left:0; margin-right:50px; }
				.searchRight { float:right; margin-left:50px; margin-right:0; }
				.searchCenter { text-align:center; }
			/* pagination */
				.currentPage { border-bottom:1px dotted #000; color:#000; font-size:1.2em; font-weight:bold; }
				#searchResultNav img { padding-top:2px; vertical-align:top; }
		/* lijst met product details in product detail pagina */
			.productDetailList { list-style-type:none; margin:0; padding:0; }
			.productDetailList li { line-height:1.2em; padding:4px 2px 0 2px; }
			.productDetailListSpacious { padding-top:10px ! important; }
			.productDetailListExtraSpacious { padding-top:30px ! important; }
			.tekstOudePrijs, .oudePrijs { background-color:transparent; color:#f00; font-size:0.9em; text-decoration:line-through; }
			.oudePrijs {}
			.tekstLedenPrijs, .ledenPrijs { background-color:transparent; color:#666; font-weight:bold; font-size:0.9em; margin-top:4px ! important; }
			.ledenPrijs {}
			.tekstVoorPrijs, .voorPrijs { font-weight:bold; }
			.voorPrijs {}
		/* Tell a friend formulier */
			.tellAFriendHeader { background-color:transparent; color:#000;}
			.tellAFriendImage { float:right; height:75px; margin-bottom:110px; padding:0 5px 0 15px; width:90px; }
			.tellAFriendPlainText {}
		/* bestellen */
			.shoppingCartBasketItem { border-bottom:1px solid #aaa; margin-top:8px; padding-bottom:8px; }
			.shoppingCartReCalc { margin-top:12px; width:728px; }
			.shoppingCartReCalcSpecs { border-collapse:collapse; width:728px; }
			.shoppingCartReCalcSpecs td { margin:0; padding:0; }
			.reCalcSpecsCol01 { width:388px; }
			.reCalcSpecsCol02 { width:160px; }
			.reCalcSpecsCol03 { width:80px; }
			.reCalcSpecsCol04 { width:100px; }
			.shoppingCartBasketItemThumbnail { height:118px; margin-right:5px; margin-left:5px; padding:2px 5px 0 5px; }
			.shoppingCartBasketItemSpecs { border-collapse:collapse; margin:0 0 0 auto; width:616px; }
			.shoppingCartBasketItemSpecs td { margin:0; padding:0; }
			.basketSpecsCol01 { width:116px; }
			.basketSpecsCol02 { width:320px; }
			.basketSpecsCol03 { width:80px; }
			.basketSpecsCol04 { width:100px; }
			.basketSpecsRemove { padding-bottom:3px; vertical-align:bottom; }
			.shoppingCartNavBar { clear:both; margin-top:32px; }
			/* stappenteller tijdens bestelling */
				.stappen { border-collapse:collapse; margin:15px auto 5px auto; padding:5px 0; text-align:center; }
				.afrondenStap, .afrondenStapSel {
					background:transparent url(../_images/background_stappen.gif) top left no-repeat;
					height:60px;
					text-align:center;
					vertical-align:middle;
					width:100px;
				}
				.afrondenStapSel { background:transparent url(../_images/background_stap_selected.gif) top left no-repeat; }
				.stapTekst, .stapSelectedTekst { color:#f93; font-size:2.0em; font-weight:bold; }
				.stapSelectedTekst { color:#808080; }
				.stapOnderTekst { font-size:0.9em; padding-top:6px; vertical-align:top; }	
			/* verzend- en betaalwijze kiezen */
				#verzendMethode ul, #adressen ul { list-style-type:none; margin-bottom:0; }
				#adressen ul { margin-left:30px; }
				#verzendMethode ul li { padding:2px 6px; }
				#betaalOpties dt { float:left; width:60px; }
				#betaalOpties dd { margin:10px 0 10px 20px; }
				#banken { list-style-type:none; margin-left:60px; }
		/* global textmanipulation, positioning and tag-settings */
			.textLeft { text-align:left; }
			.textCenter { text-align:center; }
			.textRight { text-align:right; }
			.metaText { font-size:0.8em; }
			.floatLeft { float:left; }
			.floatRight { float:right; }
			.illegibleText { font-size:0.8em; }
			a, a:link, a:visited, a:hover, a:active { background-color:transparent; color:#4b4b4b; text-decoration:none; }
			a:hover { text-decoration:underline; }
			.bookmark { display:none; visibility:hidden; }
			.spotlichtLink, .aanbiedingLink, .bestsellersLink, .winkelWagenLink { color:#666 ! important; font-weight:bold; }
			.aanbiedingLink { color:#58a ! important; }
			.bestsellersLink { color:#9c0 ! important; }
			.winkelWagenLink { color:#f93 ! important; }
			img { border:none; }
			.noBorder { border:none; }
			.borderRight { border-right:1px solid #666; padding-right:4px; }
			.extraFormPadding01 { padding-right:16px; }
			.extraFormPadding02 { padding-right:24px; }
			.beheerDivider, .spotlichtDivider, .aanbiedingDivider, .bestsellersDivider {
				background-color:#666;
				border:1px solid #666;
				clear:both;
				color:#666;
			}
			.beheerDivider { background-color:#ffe80f; border-color:#ffe80f; color:#ffe80f; margin-top:10px; margin-bottom:10px; }
			.aanbiedingDivider { background-color:#58a; border-color:#58a; color:#58a; }
			.bestsellersDivider { background-color:#9c0; border-color:#9c0; color:#9c0; }
			.divider { clear:both; }
		/* content two-column splitter */
			.twoColumnPlaceHolder { min-height:120px; padding-top:4px; width:100%; }
			.twoColumnPlaceHolderLessHigh { min-height:60px; }
			.columnLeft { float:left; width:47%; }
			.columnLeftProdReview { float:left; width:27%; }
			.columnLeftProdAll, .columnLeftProdCat, .columnLeftSendPay { float:left; width:37%; }
			.columnLeftProdDetail { border:1px solid #aaa; float:left; height:300px; margin:2px 0 0 2px; padding:2px; width:486px; }
			.columnRight { float:right; width:47%; }
			.columnRightProdDetail { border:1px solid #aaa; float:right; margin:2px 2px 0 0; padding:2px 10px; height:300px; width:210px; }
			.columnRightProdAll, .columnRightProdCat, .columnRightSendPay { float:right; width:57%; }
			.columnRightProdReview { float:right; width:67%; }
			.columnLeftProdDetail p, .columnRightProdDetail p { margin:0; padding:0; }
/* footer */
	#footer { background-color:#fff; border:1px solid #aaa; clear:both; height:40px; margin:8px auto 2px auto; padding:0; width:981px; }
	#footer p { font-size:0.9em; padding:4px 5px; }
	#footer p a { color:#9c0; }