html, body{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background-color:#2d2a2a;
	background-image:url(../images/bg_top.jpg);
	background-repeat:repeat-x;
}

#outerContainer{
	width:976px;
	padding:20px 0px 20px 0px;
	margin:0px auto 0px auto;
}

#mainContainer{
	width:960px;
	padding:0px;
	background-image:url(../images/bg_main.jpg);
	background-repeat:repeat-y;
	border:8px solid #fff;
}

/** HEADER *************************************************************************************************************/

#header{
	width:960px;
	height:105px;
	background-color:#fff;
	background-image:url(../images/bg_header.gif);
	background-repeat:repeat-x;
}

#logoHolder{
	float:left;
	width:180px;
	height:105px;
}
#logoHolder img{ border:none; }

#headLinks{
	float:left;
	width:780px;
	height:105px;
}

	#actionsBlock{
		width:194px;
		overflow:hidden;
		padding:70px 0px 0px 581px;
	}
	
	#search{
		float:left;
		width:121px;
		overflow:hidden;
		padding:0px;
	}
	#search img{ vertical-align:bottom; cursor:pointer; }
	#search div{ float:left; }

	.imageBtn{
		float:left;
		width:23px;
		text-align:left;	
	}
	.imageBtn img{ border:none; }
	
	.searchFieldTop{ 
		width:102px; 
		height:13px;
		padding:0px;
		margin:0px;
		border:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:10px;
		border-left:1px solid #969393;
		border-top:1px solid #969393;
		border-bottom:1px solid #969393;
	}
	
/** ROW ****************************************************************************************************************/

.rowHolder{
	clear:both;
	width:960px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}

/** TOP ****************************************************************************************************************/

#topBackground{
	background-image:url(../incl/random.asp);
	/*background-image:url(../images/sfeer.jpg);*/
	background-repeat:no-repeat;
	background-position:180px 0px;
}

#topBackgroundContact{
	background-image:url(../images/sfeer_contact.jpg);
	background-repeat:no-repeat;
	background-position:180px 0px;
}

#menuHolder{
	float:left;
	width:180px;
	height:176px;
	padding:24px 0px 0px 0px;
}

#spaceHolder{
	float:left;
	width:530px;
	height:58px;
	padding:142px 20px 0px 20px;
}

#accountHolder{
	float:left;
	width:190px;
	height:180px;
	padding:10px;
}

	#cartHolder{
		width:158px;
		height:28px;
		/*padding:12px 0px 10px 32px;*/
		padding:22px 0px 0px 32px;
		background-image:url(../images/shop_cart.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	#userHolder{
		width:170px;
		height:124px;
		padding:6px 10px 0px 10px;
		background-image:url(../images/account.gif);
		background-repeat:no-repeat;
	}
	
/** CONTENT ************************************************************************************************************/

#lCol{
	float:left;
	width:124px;
	padding:26px 28px 20px 28px;
	background-image:url(../images/gradient_left.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

	#lCol .thumb{ margin:0px 0px 10px 0px; }
	#lCol .thumb img { border:4px solid #f8c264; }

#mCol{
	float:left;
	width:530px;
	padding:26px 20px 0px 20px;
	/*padding:10px 20px 0px 20px;*/
}
	
	#mCol #leftHolder{
		float:left;
		width:255px;
		padding:0px 10px 0px 0px;
	}
	
	#mCol #rightHolder{
		float:left;
		width:255px;
		padding:0px 0px 0px 10px;
	}
	
	#mCol div.row, #mCol div.paging, #mCol div.crumb, #mCol div.filter{
		clear:both;
		overflow:hidden;
		width:530px;
	}
	div.paging { padding:0px 0px 10px 0px; }
	div.crumb  { padding:0px 0px 2px 0px; }
	div.filter { padding:0px 0px 10px 0px; }
	div.paging div.location { float:left; width:200px; }
	div.paging div.navigate { float:left; width:330px; }
	
	#mCol div#extraSearchBlock{
		clear:both;
		overflow:hidden;
		width:502px;
		border:4px solid #ef3f35;
		padding:10px;
		margin:0px 0px 10px 0px;
		background-color:#eaeaea;
	}

#rCol{
	float:left;
	width:190px;
	padding:10px 10px 0px 10px;
	background-image:url(../images/gradient_right.jpg);
	background-position:top;
	background-repeat:repeat-x;
}
	
	#rCol .bannerLeft  { float:left; margin:0px 10px 10px 0px; }
	#rCol .bannerRight { float:left; margin:0px 0px 10px 0px; }
	#rCol .bannerBig   { width:190px; clear:left; padding:0px 0px 10px 0px; }
	#rCol .bannerLeft img, #rCol .bannerRight img, #rCol .bannerBig { border:none; }
	
/** FOOTER *************************************************************************************************************/

#footer {
	width:760px;
	height:20px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	padding:60px 0px 0px 200px;
}

#disclaimer{
	width:926px;
	padding:20px 0px 0px 34px;
}

/** MAIN MENU **********************************************************************************************************/

#menuMain {
	padding:0px; margin:0px;
	list-style:none;
}
#menuMain li 		 { padding:0px 0px 2px 28px; margin:0px; }
#menuMain li#account { padding:0px 0px 2px 28px; margin:6px 0px 0px 0px; }
#menuMain li.active  { background-image:url(../images/menu_arrow.gif); background-repeat:no-repeat; background-position:14px 5px; }

#menuMain li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#f8c264;
	line-height:normal;
	text-decoration:none;
}
#menuMain li a:hover{ text-decoration:underline; }

#menuMain li#account a { font-weight:bold; }
#menuMain li.active  a { color:#fff; }

/** FONT ***************************************************************************************************************/

div,span,p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:160%;
	text-decoration:none;
}
p{ padding:0px 0px 10px 0px; margin:0px; }
p.clear{ padding:0px; margin:0px; }
p.smallText, p.smallText a, p.smallTextWhite, p.smallTextWhite a{ font-size:9px; }
p.smallTextWhite, p.smallTextWhite a{ color:#fff; padding:0px 0px 4px 0px; }

a, a:link, a:visited, a:active, a:hover{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	line-height:16px;*/
	color:#333333;
	text-decoration:none;
}
a:hover{ text-decoration:underline; }

h1, h1 a, h1 a:link, h1 a:visited, h1 a:active, h1 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#cc0000;
	line-height:normal;
	text-decoration:none;
	padding:0px 0px 10px 0px; margin:0px;
}
h1 a:hover{ text-decoration:underline; }
h1.clear{ padding:0px 0px 4px 0px; }

h2, h2 a, h2 a:link, h2 a:visited, h2 a:active, h2 a:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	line-height:normal;
	text-decoration:none;
	padding:0px 0px 10px 0px; margin:0px;
}
h2 a:hover{ text-decoration:underline; }
h2.clear  { padding:0px 0px 4px 0px; }
h2.yellow { color:#f8c264; }

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#cc0000;
	line-height:normal;
	text-decoration:none;
	padding:0px 0px 10px 0px; margin:0px;
}
h3.shopPrice{ padding:6px 0px 0px 0px; }
p.shopFaultyPrice{ padding:6px 0px 0px 0px; color:#333333; font-weight:bold; }
h3.clear{ padding:0px 0px 4px 0px; }
 
#footer,     #footer a     { font-size:11px; color:#999999; }
#disclaimer, #disclaimer a { font-size:9px;  color:#ffffff; }
/*div.crumb, div.crumb a     { font-size:9px;  color:#999999; }*/
div.crumb, div.crumb a, div.crumb a:link, div.crumb a:visited, div.crumb a:active, div.crumb a:hover { font-size:9px; /*color:#999999;*/ }

ul{ padding:0px; margin:0px 0px 10px 20px; }
ul.inclSpace li{ padding:0px 0px 10px 0px; margin:0px; text-align:justify; }
ul.noSpace{ padding:0px; margin:0px 0px 0px 20px; }
ul.noSpace li{ padding:0px; margin:0px; text-align:justify; }
ol{ padding:0px; margin:0px 0px 10px 26px; text-align:justify; }
ol.noSpace{ padding:0px; margin:0px 0px 0px 20px; }

.errorText{	color:#FF0000; font-weight:bold; }

/** NEWS ***************************************************************************************************************/

.newsItem{
	width:530px;
	padding:0px 0px 10px 0px;
}

.newsHeader{
	width:530px;
	overflow:hidden;
	border-bottom:1px solid #cccccc;
	padding:0px 0px 6px 0px;
	margin:0px 0px 6px 0px;
}

.dateHolder{
	float:left;
	width:30px;
	height:34px;
	border:1px solid #999999;
}

	.day{
		width:30px;
		height:20px;
		font-size:18px;
		color:#999999;
		line-height:20px;
		text-align:center;
	}
	
	.month{
		width:30px;
		height:14px;
		background-color:#999999;
		color:#FFFFFF;
		line-height:normal;
		text-align:center;
	}
	
.newsInfo{
	float:left;
	width:488px;
	height:36px;
	padding:0px 0px 0px 10px;
}

/** CART ***************************************************************************************************************/

.cartRow { clear:both; width:530px; overflow:hidden; padding:0px 0px 4px 0px; }
.moped   { float:left; width:400px; font-weight:bold; text-align:left; }
.mopedOption { float:left; width:380px; text-align:left; padding:0px 0px 0px 20px; background-image:url(../images/cart_arrow.gif);background-repeat:no-repeat; }
.artikel { float:left; width:290px; font-weight:bold; }
.nummer  { float:left; width:50px; text-align:right; }
.aantal  { float:left; width:60px; text-align:right; }
.prijs   { float:left; width:80px; padding:0px 10px 0px 0px; text-align:right; font-weight:bold; }
.foto    { float:left; width:20px; text-align:right; }
.delete  { float:left; width:20px; text-align:right; }
#cartTotal { width:480px; text-align:right; padding:1px 50px 10px 0px; }

/** USER ***************************************************************************************************************/

form{
	padding:0px;
	margin:0px;
}

.smallField{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #333333;
	margin:2px 0px 0px 0px;
	width:120px;
}

.smallButton{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	border:1px solid #ffffff;
	background-color:#ef3f35;
	margin:2px 0px 0px 4px;
	width:30px;
}

/** VOERTUIG ***********************************************************************************************************/

.detailMopedImage{
	border:1px solid #333;
	padding:2px;
	margin:0px 0px 10px 20px;
	background-color:#FFFFFF;
}

/** SHOP ***************************************************************************************************************/

.shopItemExtra{
	width:400px;
	padding:0px 10px 0px 0px;
}

.shopItemLeft{
	float:left;
	width:255px;
	padding:0px 10px 10px 0px;
}

.shopItemRight{
	float:left;
	width:255px;
	padding:0px 0px 10px 10px;
}

.floater{
	width:150px;
	position:absolute;
	display:none;
	background-color:#ffffff;
	border:1px solid #333333;
	padding:6px;
}

.floaterBig{
	width:420px;
	position:absolute;
	display:none;
	background-color:#ffffff;
	border:1px solid #333333;
	padding:6px;
}

.infoImage{
	padding-right:4px;
}

.itemInfo{
	padding:0px 0px 10px 0px;
	width:255px;
	overflow:hidden;
}

.shopImage{
	border:1px solid #333;
	width:100px;
	padding:2px;
	margin-right:10px;
	background-color:#FFFFFF;
}

.itemActions{
	padding:0px;
	width:255px;
}

.amountSelect{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	margin-right:10px;
	width:22px;
	text-align:right;
}

.cartButton{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#ffffff;
	border:none;
	background-color:#ef3f35;
	width:136px;
	padding:1px 2px 2px 2px;
}

.shopIcon{
	float:left;
	padding:0px;
	margin:0px 16px 16px 0px;
}
.shopIcon img { border:none; }

/** FORM ***************************************************************************************************************/

form fieldset{
	border:none;
	padding:0px;
	margin:-6px 0px 0px 0px;
}

form fieldset.frm label{
	clear:left;
	display:block;
	padding:6px 0px 2px 0px;
}

form fieldset.frm div{
	float:left;  /* for autosize */
}

/*form fieldset .row{
	clear:left;
	border:none;
	padding:0px;
	width:580px;
	margin-bottom:0px;
}*/

form fieldset .col{
	border:none;
	padding:0px 6px 0px 0px;
}

form fieldset div{
	/*border:1px solid #ef3f35;
	padding:3px;*/
	padding:0px;
}

form .btnDiv{
	width:200px;
	padding-top:10px;
}

/** FORM ITEMS *********************************************************************************************************/

.formField{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #333333;
	width:250px;
}

.searchField{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #333333;
	width:186px;
}

.formFieldSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	border:1px solid #333333;
}

.formSelect{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
	width:256px;
}

.formSelectSmall{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333333;
}

.formButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #ef3f35;
	background-color:#ef3f35;
	width:80px;
}

.searchButton{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	border:1px solid #ef3f35;
	background-color:#ef3f35;
	width:60px;
}

hr{
	height:1px;
	border-top:1px dotted #999999;
	border-bottom:none;
	border-left:none;
	border-right:none;
}

/** GALLERY ************************************************************************************************************/

#cfCreatedDiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}

/** THUMBS *************************************************************************************************************/

#thumbHolder{
	padding-top:0px;
	/*padding-bottom:10px;*/
}

#thumbHolder img{
	border:none;
}

#thumbHolder .thumb_row{
	width:530px;
	overflow:hidden;
	padding:0px;
	display:block;
}

#thumbHolder .thumb{
	width:122px;
	float:left;
	padding: 0px 10px 10px 0px;
}

#thumbHolder .thumb_img{
	width: 120px;
	height: 120px;
	text-align: center;
	background-color:#e7e7e7;
	border:1px solid #999999;
}