@charset "utf-8";
/* CSS Document */

* {margin:0;padding: 0; outline: none;}
ul {padding-left: 20px;}
ul.menu	{padding: 0;}
ul.menu li, ul.menu li a {display: block; float: left; margin: 0; padding: 0; text-indent: 0px;}


html, body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666;
}

a {
text-decoration: none;
color: #666;
}

a img {
border: 0px
}

a:hover
{
text-decoration: underline;
}

h1 {font-size: 20px;}
h2 {font-size: 18px; font-weight: normal;}

h1,h2,h3
{
	color: #1dbbea;
	font-weight: normal
}

ol  {
list-style:none outside none;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
display:inline;
margin-left:0px;
}

div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt {
border:0px;
}


dl	{margin-bottom: 30px;}
dt	{font-weight: bold; font-size: 12px; color:#182981; background: #f9f9f9; line-height: 24px; text-indent: 5px; border: 1px solid #eee;}
dd	{font-size: 11px; line-height: 20px; background: #fff; text-indent: 5px; border: 1px solid #eee; border-top: none; margin-bottom: 10px}
dd a {text-decoration: underline; letter-spacing: 1px; color: #182981}


#jtcw-logo {position: absolute; background-color: transparent; width: 310px; height: 80px; margin-left: 30px;}
#jtcw-logo span	{display: none;}
#vestigingen	{position: absolute; margin-top: 26px; margin-left: 380px;}
	
	#vestigingen a		{position: relative; display: block; float: left; border: 0px solid #000; height: 20px;}
	#vestigingen a span	{display: none;}
	
	#vest-leeuwarden	{width: 95px;}
	#vest-sneek			{width: 55px;}
	#vest-drachten		{width: 77px; display:none !important}
	#vest-steenwijk		{width: 80px; display:none !important}
	#vest-joure			{width: 50px; display:none !important}


/* Blocks */

#container {
	margin: 0 auto;
	width: 1050px;
	padding: 0px 10px;
	background-image: url(../img/body-bg.jpg);
	background-repeat: repeat-y;
	background-position: center;	
}

	#headertop {
		display: block;
		height: 120px;
		color: #333;
		text-align: right;
		line-height: auto;
		padding: 0px 40px;
		background-image:url(../img/header-top.jpg)
		
	}

		#headertop form
		{
			float: right;
			margin-top: 20px;
		}

			#headertop form label {
				display: block;
				float: left; 
				line-height: 22px;
				color: #777;
				padding: 0px 10px;
				font-size: 12px;
			}
	
			#headertop input[type="text"] {
				line-height: 18px;
				border: 1px solid #999;
				padding: 2px;
				color: #777;
				display: block;
				float: left;
				font-family: Tahoma,Arial,Helvetica,sans-serif;
			}
	
			#headertop input[type="image"] {
				padding: 1px;
				display: block;
				float: left;
				padding-left: 10px;
			}

		#headertop a.cartlink
		{
			background-image: url(../img/cart.jpg);
			background-repeat: no-repeat;
			text-indent: 40px;
			font-size: 11px;
			color: #333;
			line-height: 40px;
			padding-left: 24px;
		}


/* main menu */


	#mainmenu {
		display: block;
		height: 32px;
		background-color: #a9d40f;
		background-image: url(../img/mainmenuBg.jpg);
	}
	
		#mainmenu ul {
			margin-left: 0px;
			padding: 0px 40px;
			list-style: none;
			float: right;
		}
			
		#mainmenu ul {
			margin-left: 0px;
			padding: 0px 40px;
			list-style: none;
			float: right
		}

			#mainmenu ul li, #mainmenu ul li a {
				margin: 0;
				padding: 0;
				float: left;
				
			}
			
			#mainmenu ul li
			{
			margin-left: 20px;
			}
			
			#mainmenu ul li a {
				font-size: 14px;
				color: #6c8709;
				color: #fff;
				line-height: 32px;
				padding: 0px;
				/*text-shadow: 0 1px 0 #333;*/
				outline: none;
				display:block;
				float:left;
				text-decoration: none;
			}
			
			/*#mainmenu ul li a:hover {text-decoration: none}*/


			#mainmenu ul ul {
				padding: 0;
				margin: 0;
				list-style: none;
				line-height: 1;
			}
			
			#mainmenu li ul { /* second-level lists */
				z-index:888;
				clear:both;
				float:left;
				margin-left:-10px;
				display:none;
				position:absolute;
				width:auto;
				background: #fff;
				width: auto;
				border: 1px solid #ccc;
				border-top: 0px;
				margin-top:32px;
				*margin-top:0px;
			}

			#mainmenu li ul li {
				display: table;	
				float: left;
				clear: both;
				margin: 0px;
				padding: 3px 10px;
				height: 24px;
			}
			
			#mainmenu li ul li a {
				line-height: 24px;
				white-space: nowrap;
				color: #1DBBEA;
			}
			


			#mainmenu li ul li a:hover {color: #A9D40F; text-decoration: none; border-bottom: 0px solid #fff;}




/* */
 
	#content{
		padding: 30px;
	}

		#content.home
		{
			background-image: url(../img/home-temp.jpg);
			background-repeat: no-repeat;
			min-height: 185px;
			padding-top: 300px;
			padding-top: 355px;
		}

		#content.default
		{
			padding-top: 0px;
		}

		#content.default h1
		{
			padding-top: 10px;
			font-size: 24px;
			padding-bottom: 10px;
		}

		#content h2
		{
			padding-top: 0px;
			font-size: 18px;
			padding-bottom: 5px;
			color: #A9D40F;
			color: #666;
		}

			#content .left-1-3
			{
				display: block;
				float: left; 
				width: 310px;
			}

			#content .left-cat-img
			{
				display: block;
				float: left; 
				width: 120px;
				margin-bottom: 30px;
				background-image: url(../img/jeugd-temp.jpg);
				background-repeat: no-repeat;
				background-position: top left;
				height: 300px;
			}


			#content .left-half, #content .right-half
			{
				display: block;
				float: left; 
				width: 400px;
				padding-bottom: 30px;
				margin-left: 30px;
			}

				#content .right-half
				{
					margin-left: 30px;
				}

			#content .right-2-3
			{
				display: block;
				float: left; 
				width: 650px;
				padding: 0px 0px 30px 30px;
			}	

			#content .fullWidth
			{
				display: block;
				float: left;
				padding: 0px;
				padding-bottom: 30px;
				width: 100%;
			}	

		.front-block
		{
			display: block;
			width: 310px;
			float: left;
			margin-left: 30px;
			height: 210px;
			background-image: url(../img/frontBlock.jpg);
			color: #fff;
			margin-bottom: 20px;
		}

		div#content div.front-block:first-child, div#content div#zoekfiets
		{
			margin-left: 0px !important;
		}
		
			div#content .front-block .top
			{
				background-image: url(../img/blok-home.png);
				background-repeat: no-repeat;
				display: none;
				height: 10px;
			}

			div#content .front-block .content
			{
				background: transparent;
				display: block;
				height: 185px;
				padding: 0px 20px;
			}

			div#content .front-block .content h2
			{
				padding-top: 15px;
				font-size: 18px;
				color: #1DBBEA;
				color: #fff;
			}

			.front-block .content select
			{
				width: 240px;
				border: 1px solid #ccc;
			}

			.front-block .content label
			{
				display: block; float: left;
				width: 90px;
			}
			
			.front-block .content input[type="text"]
			{
				display: block; 
				float: left;
				width: 160px;
				border: 1px solid #ccc;
			}
			







		#footer
		{
			background-image: url(../img/footer.jpg);
			background-repeat: no-repeat;
			background-position: top;				
		}

		#footer-address {
			display: block;
			height: 70px;
			line-height: 70px;
			font-size: 12px;
			color: #ccc;
			text-indent: 40px;
			width: 990px;
			margin: 0 auto;
			padding: 0px 30px;
		}
		
			#footer-address #copy
			{
				float: right;
			}

			#footer-address ul.menu li, #footer-address ul.menu li a
			{
				padding: 0px 5px;
			}


/* COLLECTIE PAGINA */

#bolmenu {width: 650px; overflow: hidden; float: left; margin-left: 30px}
#bolmenu a	{display: block; width: 64px; height: 74px; float: left; background-repeat: no-repeat; background-position: center}
#bolmenu a.active	{display: block; width: 74px; height: 74px; float: left; background-repeat: no-repeat; background-position: center}
#bolmenu a span {display: none;}
	
	#bolmenu a#Jeugd		{background-image: url(../img/collectie-jeugd.jpg)}
	#bolmenu a#Kleding		{background-image: url(../img/collectie-kleding.jpg)}
	#bolmenu a#Gebruikt	{background-image: url(../img/collectie-gebruikt.jpg)}
	#bolmenu a#Accessoires	{background-image: url(../img/collectie-accessoires.jpg)}
	#bolmenu a#Stad		{background-image: url(../img/collectie-stad.jpg)}
	#bolmenu a#E-bike		{background-image: url(../img/collectie-ebike.jpg)}
	#bolmenu a#E-scooter	{background-image: url(../img/collectie-escooter.jpg)}
	#bolmenu a#Sport		{background-image: url(../img/collectie-sport.jpg)}
	#bolmenu a#Recreatie	{background-image: url(../img/collectie-recreatie.jpg)}
	#bolmenu a#Specials	{background-image: url(../img/collectie-specials.jpg)}

	#bolmenu a#Jeugd.active				{background-image: url(../img/collectie-jeugd-active.jpg)}
	#bolmenu a#Kleding.active			{background-image: url(../img/collectie-kleding-active.jpg)}
	#bolmenu a#Gebruikt.active			{background-image: url(../img/collectie-gebruikt-active.jpg)}
	#bolmenu a#Accessoires.active		{background-image: url(../img/collectie-accessoires-active.jpg)}
	#bolmenu a#Stad.active				{background-image: url(../img/collectie-stad-active.jpg)}
	#bolmenu a#E-bike.active			{background-image: url(../img/collectie-ebike-active.jpg)}
	#bolmenu a#E-scooter.active			{background-image: url(../img/collectie-escooter-active.jpg)}
	#bolmenu a#Sport.active				{background-image: url(../img/collectie-sport-active.jpg)}
	#bolmenu a#Recreatie.active			{background-image: url(../img/collectie-recreatie-active.jpg)}
	#bolmenu a#Specials.active			{background-image: url(../img/collectie-specials-active.jpg)}
	#bolmenu a#Onderdelen		{display: none;}


/* SHOP STYLES */		

		#product-info	{padding: 30px 0px}

			#product-info h2 {font-size: 14px; margin-top: 10px; color: #182981}
		
			#pageNavi
			{
				margin-top: 30px; float: right
			}
			
				#pageNavi a				{display: block; width: 20px; height: 20px; float: left;text-align: center; color: #182981; text-decoration: none; line-height: 18px; margin: 0px 4px}
				#pageNavi a.currentPage {color: #fff; background-image: url(../img/currentPage.gif); background-repeat: no-repeat; margin: 0px}
			
			#shop-products {margin-top: 30px; display: table}
			
			.prod-wrapper {position: relative; display: block; float: left; width: 160px; height: 160px; background-image:url(../img/prod-wrapper.png); margin-bottom: 10px;}
	
				.brand	{position: absolute; top: 6px; left: 6px; z-index: 4; font-size: 11px; font-style: italic}
				.img	{position: absolute; height: 160px; width: 160px; overflow: hidden}
	
				a.title	{position: absolute; font-weight: bold; font-size: 12px; height: 39px; width: 160px; padding: 0px; padding-top: 121px; line-height: auto; background-image: url(../img/prod-wrapper.png); cursor: pointer; text-indent: 16px; z-index: 5}
				a.title:hover {background-position: 0px -160px; text-decoration: none; color: #666; #A9D40F}
				a.price	{position: absolute; right: 0px; bottom: 0px; width: 56px; height: 63px; padding: 0px 3px; line-height: 63px; font-size: 11px; color: #fff; font-weight: bold; text-align: center; background-image: url(../img/price-stad.png); cursor: pointer; text-decoration: none; z-index: 6}
	

/* PRODUCT PAGE */

			button	{margin: 0; padding: 0; background-color: #162A83; color: #fff; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
	
			.product-img-box {margin: 15px 0px;}
			
			#product-specs			{font-size: 12px; color: #666; width: 100%; border: 1px solid #eee}
				#product-specs td		{padding: 5px 2px; vertical-align: top}
					#product-specs .odd		{background-color: #fefefe}
					#product-specs .even	{background-color: #eee}

					.cart-price-container
					{
						position: relative;
						display: block;
						height: 90px;
						background-image: url(../img/cart-price-container.jpg);
					}
	
					.add-to-box, price-box
					{
						display: block; float: left;
					}
					
					.add-to-box
					{
						position: absolute;
						top: 33px;
						height: 24px;
					}

						.add-to-box label				{display: block; float: left; height: 28px; line-height: 28px; margin-right: 10px; margin-left: 10px;}
						.add-to-box input[type="text"]	{display: block; float: left; height: 18px; margin-top: 2px; padding: 2px; width: 30px; border: 1px solid #ccc; line-height: 18px; margin-right: 10px;}

						button.addToCart {
							display: block; 
							float: left;
							height: 28px;
							border: 0px solid #fff; 
							background-color: transparent; 
							background-image: url(../img/cartBtn.png); 
							background-repeat: no-repeat;
							background-position: left;
							margin: 0;
							line-height: 18px;
							text-indent: 0px;
							padding: 0px 0px 0px 27px;
							*padding: 0px 0px 0px 5px;
							outline: none;
							cursor: pointer; 
						}
						button span
						{
							display: block;
							min-width: 1px;
							height: 28px;
							margin: 0; padding: 0;
							background-image: url(../img/blueBtnLarge.png); 
							background-position: right;
							white-space:nowrap;
							border: 0px;
							outline: none;		
							margin: -3px 0px 0px 0px;
							*margin: 0px 0px 0px 0px;
							padding: 0px 10px 0px 0px;					
							text-indent: 0px;
							line-height: 28px;
						}

					
					.price-box
					{
						position: absolute;
						height: 90px;
						width: 90px;
						right: 20px;
						top: 0px;
					}
	
						.add-to-cart label, .add-to-cart input[type="text"]
						{
							font-family: Tahoma, Arial, Helvetica, sans-serif;
							font-size: 11px;
							font-weight: bold;
							color: #666;
							text-align: right;
						}


						span.price	{
							display: block; 
							float: right;
							width: 90px; 
							height: 90px; 
							line-height: 90px; 
							font-size: 20px; 
							color: #fff; 
							font-weight: normal; 
							text-align: center; 
							background-image: url(../img/price-stad-large.png); 
							text-decoration: none; 
						}


/* SHOPPING CART */

#shopping-cart table
{
	width: 100%;
}

#shopping-cart td, #shopping-cart th, #shopping-cart h2
{
	text-align: left;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	vertical-align: top;
}



/* CONTACT FORMULIER */



/* ********** ********** ********** ********** CONTACT FORMS ********** ********** ********** ********** */
  
.tx-powermail-pi1 legend				{display: none;}
.tx-powermail-pi1 fieldset				{border: 0;}
.tx-powermail-pi1 label					{display: block; width: 130px; float: left}
.tx-powermail-pi1 input,
.tx-powermail-pi1 textarea				{display: block; border: 1px solid #aaa; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.tx-powermail-pi1 input[type="text"],
.tx-powermail-pi1 textarea				{width: 180px; padding: 1px; background-color: #fbfbfb; color: #555}
.tx-powermail-pi1 textarea				{height: 60px;}
.tx-powermail-pi1 input[type="submit"]	{background-color:#162A83;border:2px solid #162A83;color:#fff;padding:1px;}
.tx-powermail-pi1 input[type="submit"].powermail_submit						
										{margin-left:130px;}
.tx-powermail-pi1 input[type="submit"].tx-powermail-pi1_confirmation_submit
										{margin-left:20px;}
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html
										{float: left; clear: both; margin-bottom: 10px;}
/* captcha */
.tx-srfreecap-pi2-image					{margin-left: 130px !important; clear: both; float:left; width: 180px; margin-top: 10px;}
.tx-srfreecap-pi2-cant-read 			{color:#35006D;font-size:0.9em; display: block; clear: both; float: left; width: 180px; margin-left: 130px;}

/* validation */
div.validation-advice						{display: none !important;}
.tx-powermail-pi1 input[type="text"].validation-failed, .tx-powermail-pi1 textarea.validation-failed
										{background-color: #fdefef; border: 1px solid #d1a8a8}
.tx-powermail-pi1 input[type="text"].validation-passed, .tx-powermail-pi1 textarea.validation-passed
										{background-color: #f8fcf4; border: 1px solid #afbba3}




/* clear-styles  */


.clear {
	clear: both;
}
	
/* Text-styles */

a.blueBtn
{
	display: block;
	background-image: url(../img/blueBtnLeft.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;
	color: #fff;
	font-size: 12px;
	width: 160px;
	overflow: auto;
	height: 20px;
	line-height: 20px;
	text-decoration: none;
	margin-top: 10px;
}

	a.blueBtn span
	{
		display: block;
		background-image: url(../img/blueBtnRight.jpg);
		background-position: top right;
		background-repeat: no-repeat;
		background-color: #172983;
		padding-right: 10px;
		text-align: center;
	}

p
{
	font-size: 13px;
	line-height: 18px;
	margin-top: 10px;
}

.breadcrumb
{
padding-top: 10px;
font-size: 11px;
color: #666;
}

.breadcrumb a
{
font-size: 11px;
color: #666;
}

.no-padding
{
	padding: 0px !important;
}

input.submit-small, a.submit-small
{
	background-image: url(../img/submit.png);
	background-repeat: no-repeat;
	width: 80px;
	border: 0px;
	height: 20px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	display: block;
	outline: none;
	text-align: center;
	margin-right: 20px;
	float: left;
	background-color: transparent;
}

.hidden
{
	display: none;
}

/* highslide */

a.highslide {
margin:0px !important;
}

a.highslide img
{
	padding: 0px !important;
	border: 1px solid #fff;
}

a.highslide img:hover
{
	border: 1px solid #ccc;
}

a.highslide-credits, a.highslide-credits i
{
	display: none !important;
}


.csc-searchResultHeader, .csc-searchResultHeader a{
	margin-top:3px;
	margin-bottom:3px;
	color:#1DBBEA !important;
}

.csc-searchResult{
	margin-top:0px !important;
	margin-bottom:10px;
}