/* User-agent: CCBot/1.0 (+http://www.commoncrawl.org/bot.html) */
/* 0 */

/* BASIC STUFF ---------------------------------------------------- */

	body, input, select, td		{ font-family:verdana; font-size:11px; outline:none; }
	td							{ text-align:left; vertical-align:top; font-style:normal; }
	hr							{ margin:1px 0px; border:1px solid #00CC18; }

	ul							{ margin:0px 5px; padding:10px; }
	li							{ margin:0px 5px; list-style:square; }

	INPUT[type="submit"], INPUT[type="button"]	{
		cursor:pointer; cursor:hand;
	}

	SPAN.fracture				{ padding-left:2px; font-size:75%; }
	SUP.fracture				{ }
	SUB.fracture				{ }

	.shopGreen					{ color: #00CC18; }
	.shopBold					{ font-weight:bold; }

	@font-face {
	  font-family: "Nobel-Light";
	  src: url(../fonts/Nobel-Light.eot); /* IE */
	  src: local("Nobel Light"), url(../fonts/Nobel-Light.otf) format("opentype"); /* non-IE */
	}

	DIV.mainFont				{ font-family:verdana; font-size:11px; }
	DIV.altFont					{ font-family:"Nobel-Light"; font-size:16px; }

	A.shopBlack:link			{ color: #000; text-decoration: none; }
	A.shopBlack:active			{ color: #ccc; text-decoration: none; }
	A.shopBlack:visited			{ color: #000; text-decoration: none; }
	A.shopBlack:hover			{ color: #ccc; text-decoration: none; }

	A.shopGreen:link			{ color: #00CC18; text-decoration: none; }
	A.shopGreen:active			{ color: #ccc; text-decoration: none; }
	A.shopGreen:visited			{ color: #00CC18; text-decoration: none; }
	A.shopGreen:hover			{ color: #ccc; text-decoration: none; }

	A.shopWhite:link			{ color: #fff; text-decoration: none; }
	A.shopWhite:active			{ color: #ccc; text-decoration: none; }
	A.shopWhite:visited			{ color: #fff; text-decoration: none; }
	A.shopWhite:hover			{ color: #ccc; text-decoration: none; }

	a:focus { outline: 0; }

	.debugCode					{ background:#eee; padding:5px; text-align:left; font-family:andale mono, courier new, courier; }

/* VLAKVERDELING WHOLE SITE ---------------------------------------------------- */

	body						{ text-align:center; }

	/* dit is een DIVje boven het hoofd-vlak die het hoofd-vlak naar beneden duwt */
	#distance {
		width:1px;
		height:50%;
		margin-bottom:-315px; /* half of container's height */
		float:left;
	}

	/* dit is het hoofd-vlak, waarbinnen alles plaatsvindt, en welke gecentreerd wordt op de pagina */
	#shopMaster {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		width:950px;
		height:630px;
		clear:left;
		border:none;
	}

/* GLOBAL SHOP LAYOUT ---------------------------------------------------- */

	#shopHeader					{ width:100%; height:36px; background:url(../gfx/bg_header.gif) repeat-x top left; color:#fff; font-family:"Nobel-Light"; font-size:16px; position:relative; }
	#shopContent				{ }
	#shopFooter					{ width:100%; height:100px; }

	/* SHORT (SHOP) content-area, bruto 468 hoog */
	DIV.shopContentShort		{ width:100%; overflow:auto; position:relative; height:464px; margin:2px 0px; }

	/* HIGH (HOME) content-area, bruto 494 hoog */
	DIV.shopContentHigh			{ width:100%; overflow:auto; position:relative; height:494px; margin:0px 0px; }

/* HEADER/TITLEBAR ---------------------------------------------------- */

	DIV.shopButTop				{ float:left; height:28px; padding:8px 20px 0px 20px; }
	DIV.shopButSep				{ float:left; width:1px; height:24px; border-left:1px solid #fff; margin-top:5px; }
	DIV.shopCartHd				{ float:left; padding:12px 0px 0px 20px; font-weight:bold; }

	INPUT.shopFieldTop			{ width:90px; height:15px; padding:0px 2px; margin:1px 0px 0px 0px; border:none; color:#fff; background:#00CC18; vertical-align:top; }

	DIV.shopBut					{ }
	A.shopBut:link				{ color: #fff; text-decoration: none; border-bottom:0px solid #00CC18; }
	A.shopBut:active			{ color: #ccc; text-decoration: none; border-bottom:0px solid #00CC18; }
	A.shopBut:visited			{ color: #fff; text-decoration: none; border-bottom:0px solid #00CC18; }
	A.shopBut:hover				{ color: #ccc; text-decoration: none; border-bottom:0px solid #00CC18; }

	DIV.shopButActive			{ background:#2A2A2A; }
	A.shopButActive:link		{ color: #fff; text-decoration: none; border-bottom:2px solid #00CC18; }
	A.shopButActive:active		{ color: #ccc; text-decoration: none; border-bottom:2px solid #00CC18; }
	A.shopButActive:visited		{ color: #fff; text-decoration: none; border-bottom:2px solid #00CC18; }
	A.shopButActive:hover		{ color: #ccc; text-decoration: none; border-bottom:2px solid #00CC18; }

/* FILTERS/MENUBAR ---------------------------------------------------- */

	DIV.shopMenuContainer		{ visibility:hidden; position:absolute; left:0px; top:0px; z-index:10; background:#2A2A2A; padding:5px; }
	DIV.shopMenuItem			{ padding:2px; }
	DIV.shopFiltersContainer	{ background:#2A2A2A; width:100%; height:26px; }

	DIV.shopButFilter			{ float:left; width:113px; margin:4px 10px 0px 0px; padding:0px; border:1px solid #fff; }
	DIV.shopButFilterGreen		{ float:left; width:113px; margin:4px 10px 0px 0px; padding:0px; border:1px solid #00CC18; }

	DIV.shopButFilter0			{ }
	A.shopButFilter0			{ float:left; width:100%; overflow:hidden; height:14px; padding:1px 3px; }
	A.shopButFilter0:link		{ color: #fff; text-decoration: none; }
	A.shopButFilter0:active		{ color: #ccc; text-decoration: none; }
	A.shopButFilter0:visited	{ color: #fff; text-decoration: none; }
	A.shopButFilter0:hover		{ color: #ccc; text-decoration: none; }

	A.shopButFilterG			{ float:left; width:100%; overflow:hidden; height:14px; padding:1px 3px; }
	A.shopButFilterG:link		{ color: #00CC18; text-decoration: none; }
	A.shopButFilterG:active		{ color: #ccc; text-decoration: none; }
	A.shopButFilterG:visited	{ color: #00CC18; text-decoration: none; }
	A.shopButFilterG:hover		{ color: #ccc; text-decoration: none; }

	DIV.shopFilterMenuItem		{ padding:2px; }
	DIV.shopFilterLabel			{ float:left; color:#fff; margin:6px 10px 0px 15px; }
	DIV.shopButReset			{ width:55px; }

	IMG.viewMode				{ margin:0px 0px 0px 5px; vertical-align:top; }
	#imgReset					{ float:right; vertical-align:top; margin:1px 6px 0px 0px; }

/* FOOTER ---------------------------------------------------- */

	DIV.shopBlockBtnOuter		{ background:url(../gfx/bg_button.gif) repeat-x top left; color:#fff; font-family:"Nobel-Light"; font-size:16px; overflow:hidden; }
	DIV.shopBlockBtnInner		{ padding:10px 0px 0px 10px; }

/*
	DIV.shopBlockBtnSymbol		{ float:right; margin:2px 15px 0px 0px; }
	IMG.shopBlockBtnSymbol		{ margin:0; vertical-align:top; }
*/

	DIV.shopBlockBtnSymbol		{ float:left; margin:10px 0px 0px 10px; }
	IMG.shopBlockBtnSymbol		{ float:right; vertical-align:top; margin:12px 15px 0px 0px; }

	IMG.brandImage:hover		{
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	DIV.shopFooterBoxes			{ width:100%; height:39px; position:relative; }
	DIV.shopFooterSpace			{ width:100%; height:19px; padding-top:20px; }
	DIV.shopFooterBorder		{ width:100%; border-top:2px solid #00CC18; }

/* HOMEPAGE ---------------------------------------------------- */

	#modimage0, #modimage1		{ cursor:pointer; cursor:hand; }

/* PRODUCT RESULTS - LIST VIEW ---------------------------------------------------- */

	#divMoreitems				{ visibility:hidden; width:75px; padding-right:5px; height:17px; overflow:hidden; text-align:center; background:#00CC18 url(../gfx/bg_more.gif) top right no-repeat; color:#fff; position:absolute; left:0; top:0; z-index:1; cursor:default; }

	.shopListContainer			{ margin-top:10px; }

	TD.shopListBox				{ width:180px; padding-right:10px; }
	DIV.shopListBox				{ float:left; width:180px; margin-right:10px; }

	H1.shopListTitle			{ text-transform:uppercase; font-family:verdana; font-weight:bold; font-size:15px; height:18px; overflow-y:hidden; padding:0px 0px 2px 0px; margin:5px 0px; color:#00CC18; border-bottom:2px solid #00CC18; }
	H2.shopListSubTitle			{ text-transform:uppercase; font-family:verdana; font-weight:bold; font-size:11px; padding:0px; margin:5px 0px; color:#000; }

	IMG.shopListThumb			{ width:180px; height:150px; margin:0; }

	DIV.shopListText			{ width:100%; height:105px; overflow:hidden; line-height:15px; }
	DIV.shopListCats			{ width:100%; height:80px; overflow:hidden; line-height:15px; }

	DIV.noResults				{ font-style:italic; color:#666; margin-top:10px; }

	IMG.productNewPopSales		{ position:absolute; left:0px; top:0px; z-index:5; }

	IMG.productNewPopSales:hover	{
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	.catLabel					{ text-transform:uppercase; font-weight:bold; color:#00CC18; }

	.priceOld					{ font-size:11px; text-decoration: line-through; }
	.priceDiscount, .notInStock, .shopError	{ color:#f00; }
	.limitedStock				{ color:#fa0; }

	IMG.stockListIcon			{ margin:3px 5px 0px 0px; vertical-align:top; }

/* PRODUCT RESULTS - MATRIX VIEW ---------------------------------------------------- */

	TD.shopMatrixBox			{ width:123px; height:155px; padding-right:10px; }
	H1.shopMatrixTitle			{ text-transform:uppercase; font-family:verdana; font-weight:bold; font-size:11px; height:14px; overflow-y:hidden; padding:0px 0px 2px 0px; margin:5px 0px; color:#00CC18; border-bottom:2px solid #00CC18; position:relative; }
	H1.shopMatrixPrice			{ text-transform:uppercase; font-family:verdana; font-weight:bold; font-size:11px; height:14px; overflow-y:hidden; padding:0px 0px 2px 0px; margin:5px 0px; color:#00CC18; position:relative; }
	IMG.shopMatrixThumb			{ width:100px; height:90px; margin:0; }

	#divProdInfo				{ position:absolute; visibility:hidden; z-index:9; left:0; top:0; border:2px solid #00CC18; cursor:pointer; cursor:hand; }
	#divProdInfTtl				{ background:#fff; padding:5px; font-weight:bold; }
	#divProdInfTxt				{ background:#fff; font-size:9px; padding:0px 5px 5px 5px; }
	#divProdInfCat				{ background:#fff; font-size:9px; padding:0px 5px 5px 5px; }

/* PRODUCT RESULT - DETAIL VIEW ---------------------------------------------------- */

	DIV.shopDetailTitle			{ margin-top:40px; }
	DIV.shopDetailContent		{ width:100%; height:400px; margin-top:10px; overflow:hidden; }
	DIV.shopDetailImage			{ float:left; width:560px; height:400px; position:relative; }
	DIV.shopDetails				{ float:right; width:370px; height:400px; overflow:hidden; }

	IMG.shopDetailImage			{ margin:30px 0px 0px 30px; }
	SPAN.shopXofY				{ margin:0px 5px; font-weight:bold; color:#00CC18; font-size:11px; }

	DIV.shopNavPrevNext			{ width:100%; height:60px; position:relative; }
	DIV.shopDetailPrice			{ font-size:25px; font-weight:bold; color:#00CC18; }
	DIV.shopDetailText			{ width:100%; height:170px; line-height:15px; }
	DIV.shopDetailDescr			{ height:90px; overflow-y:auto; padding-right:5px; margin-bottom:5px; }

	DIV.shopButtonOuter			{ margin:15px 0px; width:100%; height:39px; overflow:hidden; background:url(../gfx/bg_button.gif) repeat-x top left; font-family:"Nobel-Light"; font-size:16px; }
	DIV.shopButtonInner			{ padding:10px 40px 0px 0px; text-transform:uppercase; }
	DIV.shopButtonInnerLeft		{ padding:10px 0px 0px 40px; text-transform:uppercase; }

	A.shopButtonAdd				{ float:left; width:100%; text-align:right; height:35px; background:url(../gfx/symbol_plus_b.gif) no-repeat top right; }
	A.shopButtonDel				{ float:left; width:100%; text-align:left; height:35px; background:url(../gfx/symbol_del_b.gif) no-repeat left top; }
	A.shopButtonBack			{ float:left; width:100%; text-align:left; height:35px; background:url(../gfx/symbol_prev_b.gif) no-repeat left top; }
	A.shopButtonNext			{ float:left; width:100%; text-align:right; height:35px; background:url(../gfx/symbol_next_b2.gif) no-repeat right top; }

	DIV.facebookOuter			{ margin:0px 0px; }

	A.shopBackToList			{ margin:0px; text-decoration:none; position:absolute; top:0px; }
	A.shopPrevNext				{ margin:0px; text-decoration:none; position:absolute; top:0px; }

	A.shopPrev					{ right:150px; }
	A.shopCurrent				{ right: 97px; }
	A.shopNext					{ right: 30px; }

	IMG.shopPrevNext			{ margin:0px; vertical-align:top; margin-top:14px; }
	IMG.thumbPrevNext			{ width:44px; height:34px; vertical-align:top; margin:6px 4px; }
	IMG.thumbCurrent			{ width:44px; height:34px; vertical-align:top; margin:3px; }
	DIV.thumbCurrent			{ border:2px solid #00CC18; }

	IMG.shopPrevNext:hover	{
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		-khtml-opacity: 0.5;
		opacity: 0.5;
	}

	DIV.shopThumbsRowSlimbox	{ height:100px; }
	DIV.shopThumbSlimbox		{ width:100px; height:100px; overflow:hidden; float:left; }
	IMG.shopThumbSlimbox		{ max-width:100px; max-height:100px; }

	SELECT.shopSelDefault		{ width:105px; }

/* OVERIGE PAGINA'S ---------------------------------------------------- */

	H1.genericTitle				{ text-transform:uppercase; font-family:verdana; font-weight:bold; font-size:15px; height:18px; overflow-y:hidden; padding:0px 0px 2px 0px; margin:15px 0px; color:#00CC18; border-bottom:15px solid #00CC18; width:100%; }
	INPUT.genericInput			{ width:244px; padding:2px; vertical-align:top; }
	INPUT.genericButton			{ background:#404040 url(../gfx/symbol_next_b3.gif) right center no-repeat; font-family:"Nobel-Light"; font-size:14px; border:none; color:#fff; text-transform:uppercase; padding:0px 20px 0px 5px; margin:0; width:auto; height:20px; vertical-align:top; }
	DIV.genericButton			{ width:250px; }

	DIV.floatButtonLeft			{ width:250px; margin:0; float:left; border-right:2px solid #fff; }
	DIV.floatButtonRight		{ width:250px; margin:0; float:right; border-left:2px solid #fff; }

	DIV.shopButtonBackFull		{ width:100%; clear:both; height:39px; background:url(../gfx/bg_button.gif) repeat-x top left; margin-top:15px; }

	.substrScrollbar			{ width:99% !important; }
	.marginBottom				{ margin-bottom:15px; }



	DIV.genericText				{ width:75%; margin:15px 0px; }

	DIV.defRow					{ height:25px; }
	DIV.defFloatLeft20			{ width:20%; float:left; }

	INPUT.passwordInput			{ width:140px; padding:2px; vertical-align:top; }


/* SHOPPING CART ---------------------------------------------------- */

	TH.shopCartHdr				{ border-bottom:2px solid #00CC18; padding:2px 0px; }
	TD.shopCartCol				{ padding:5px 0px 0px 0px; }

	H4.genericTitle				{ margin:5px 0px; }

/* LOGIN / REGISTER FORMS ---------------------------------------------------- */

	INPUT.loginInput						{ width:150px; padding:2px; vertical-align:top; }
	INPUT.loginButton, BUTTON.loginButton	{ background:#404040 url(../gfx/symbol_next_b3.gif) right center no-repeat; font-family:"Nobel-Light"; font-size:14px; border:none; color:#fff; text-transform:uppercase; padding:0px 20px 0px 20px; margin:0; width:auto; height:28px; vertical-align:top; }

	fieldset					{ border:none; border-top:2px solid #00CC18; margin:15px 0px; padding:5px 0px 0px 0px; }
	legend.sectiontableheader, span.sectiontableheader 	{ padding:0px 5px 0px 0px; text-transform:uppercase; font-size:15px; color:#00CC18; font-weight:bold; }

/* CHECKOUT ---------------------------------------------------- */

	DIV.shopAddressParentBox		{ width:100%; margin-top:15px; }
	DIV.shopAddressBox				{ width:400px; margin-right:20px; overflow:hidden; padding-bottom:15px; }
	DIV.noteRequiredFields			{ font-size:80%; padding:0px 0px; }

	DIV.shopLegalInfo				{ background:#00CC18; color:#fff; padding:15px; }


/* RAPID CONTACT MODULE ------------------------------------------ */

	TEXTAREA.rapid_contact {
		width:250px;
		margin:2px 5px;
		height:150px;
	}

	INPUT[type="text"].rapid_contact {
		width:250px;
		margin:2px 5px;
		height:18px;
	}

	INPUT[type="submit"].rapid_contact {
		background:#404040 url(../gfx/symbol_next_b3.gif) right center no-repeat;
		font-family:"Nobel-Light";
		font-size:14px;
		border:none;
		color:#fff;
		text-transform:uppercase;
		padding:0px 20px 0px 5px;
		margin:0;
		width:250px;
		height:22px;
		vertical-align:top;
	}