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

/*
Orange: #f7931e;
Darkgray: #4d4d4d;
Lightgray: #e6e6e6;
*/

div{
margin:0;
padding:0;
}

body,html{
margin:0;
padding:0;
height:100%;
background-color:#4d4d4d;
background-image:url(../images/bg.body.jpg);
background-repeat:repeat-x;

font-family:Tahoma, Geneva, sans-serif;
font-size:11px;
color:#4d4d4d;
}

html{
overflow-y:scroll;
}

/*START - GENERAL CLASSES*/

.clearer{
clear:both;
float:none;
}

h1{
font-size:28px;
padding-top:10px;
padding-bottom:10px;
font-weight:normal;
color:#f7931e;
text-transform:uppercase;
font-family:"Century",Tahoma;
}

h2{
font-size:14px;
padding-bottom:10px;
font-weight:normal;
color:#f7931e;
text-transform:uppercase;
font-family:"Century",Tahoma;
}

h3{
text-transform:uppercase;
background-color:#f7931e;
padding:5px;
margin:5px 0 5px 0;		
color:#FFFFFF;
margin-top:10px;
font-size:14px;
font-weight:normal;
font-family:"Century",Tahoma;
}

p{
padding-bottom:10px;
color:#FFFFFF;
}

a:link, a:visited{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

a:hover{
color:#FFFFFF;
text-decoration:underline;
font-size:12px;
font-weight:bold;
}

ul{
margin:0px 0px 5px 0px;
padding:0px;
}

ul li{
margin-left:25px;
}

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

ol li{
margin-left:40px;
list-style-position:inside;
}

.left{
float:left;
width:345px;
}

.middle{
float:left;
width:510px;
padding-right:20px;
position:relative;
}

.right{
float:left;
width:145px;	
}

.orange{
color:#f7931e;
}

.grayDIV{
padding:10px;
background-color:#333333;
margin-bottom:10px;
}

/*Navmain en Navfooter layout*/
ul.navlayout li{
float:left;
margin-left:0px;
margin-right:10px;
padding-right:10px;
border-right:1px solid #f7931e;
list-style-type:none;
}

ul.navlayout li.navlayout-last{
border-right:none;
}

	ul.navlayout li a{
	float:left;
	font-size:11px;
	text-transform:uppercase;
	/*letter-spacing:2px;*/
	font-family:"Century",Tahoma;
	}
	
	ul.navlayout li a:hover{
	font-size:11px;
	}	
/*END*/	

/*END*/

#header{
position:relative;	
background-color:#4d4d4d;
border-bottom:5px solid #e6e6e6;
}

	#header-container{
	margin:0 auto;
	width:1024px;
	position:relative;
	}
	
		#toplinks{
		padding:18px 0 35px 300px;
		}	
			
			#toplinks a{
			font-size:11px;
			color:#f7931e;
			}
			
		#table-small-cart{
		padding-top:37px;
		font-size:11px;
		}

#content{
position:relative;	
background-color:#000000;
}

	#content-container{
	margin:0 auto;
	width:1024px;
	position:relative;
	}
		
		#people-picture{
		padding:0 0 0 20px;
		}

		#navmain{
		padding:20px 0 50px 30px;
		}

		#navmain ul li{
		list-style-type:none;
		margin:0 0 10px 0;
		}
		
			#navmain ul li a{
			text-transform:uppercase;
			letter-spacing:2px;
			color:#f7931e;
			font-weight:normal;
			font-family:"Century",Tahoma;
			}
			
			#navmain ul li a:hover{
			color:#FFFFFF;
			text-decoration:none;
			}
	
		#item-pictures img{
		margin:10px 0 0 5px;
		}
		
		#content-container .middle{
		color:#FFFFFF;
		}
					
			#content-container .middle #middle-left{
			float:left;
			width:200px;
			margin-right:75px;
			}
			
			#content-container .middle #middle-right{
			float:left;
			width:200px;			
			}		
		
			#content-container .middle a{
			font-size:11px;
			color:#f7931e;
			}
			
			/*
			#content-container .middle a.jquery-main-link{
			display:block;
			text-transform:uppercase;
			font-size:14px;
			background-color:#4d4d4d;
			padding:5px;
			margin:5px 0 5px 0;
			color:#FFFFFF;
			
			background-image:url(../images/icon-dropdown.jpg);
			background-repeat:no-repeat;
			background-position-x:right;
			background-position-y:middle;		
			}
			
			#content-container .middle a.jquery-sub-link{
			text-transform:uppercase;
			background-color:#f7931e;
			padding:5px 5px 5px 15px;
			margin:5px 0 5px 0;		
			color:#FFFFFF;
			margin-top:10px;
			display:block;
			width:250px;
			
			background-image:url(../images/bg-jquery-sub-link.png);
			background-repeat:no-repeat;
			}
			*/			
			
			#content-container .middle .accordion h2{
			display:block;
			text-transform:uppercase;
			font-size:14px;
			background-color:#4d4d4d;
			padding:5px;
			/*margin:5px 0 5px 0;*/
			color:#FFFFFF;
			
			background-image:url(../images/icon-dropdown.jpg);
			background-repeat:no-repeat;
			background-position-x:right;
			background-position-y:middle;
			border-top:4px solid black;
			border-bottom:4px solid black;
			}			
			
			#content-container .middle .accordion h3{
			text-transform:none;
			background-color:#f7931e;
			padding:5px 5px 5px 15px;
			margin:5px 0 5px 0;		
			color:#FFFFFF;
			margin-top:10px;
			display:block;
			width:250px;
			font-size:12px;
			
			background-image:url(../images/bg-jquery-sub-link.png);
			background-repeat:no-repeat;				
			}
			
			#content-container .middle a.graylink{
			color:#000000;
			display:block;
			width:140px;
			height:17px;
			padding:3px 5px 0px 5px;
			margin-bottom:5px;
			
			background-image:url(../images/bg-graylink.jpg);
			background-repeat:repeat-x;
			}
			
			#content-container .middle a.grayorangelink{
			color:#FFFFFF;
			display:block;
			width:127px;
			height:17px;
			padding:3px 5px 0px 18px;
			margin-bottom:5px;
			
			text-transform:uppercase;
			text-align:left;			
			background-color:#4d4d4d;
			}
			
			#content-container .middle a.toplink{
			color:#FFFFFF;
			margin-bottom:5px;
			
			right:25px;
			top:15px;
			font-size:12px;
			position:absolute;
			text-transform:uppercase;
			}
			
			#content-container .middle a.subtoplink{
			color:#FFFFFF;
			margin-bottom:5px;
			font-size:12px;
			text-transform:uppercase;
			float:right;
			}
			
			
			.linknext{
			background-image:url(../images/bg-grayorangelink-next.jpg);
			background-repeat:no-repeat;				
			}
			
			.linkprevious{
			background-image:url(../images/bg-grayorangelink-previous.jpg);
			background-repeat:no-repeat;					
			}

			#content-container .middle ul{
			margin-bottom:15px;
			}
	
			#content-container .middle ul li{
			margin:0 0 5px 10px;
			padding-left:10px;		
			list-style-type:none;			
			background-image:url(../images/bg-ul-li-a.png);
			background-repeat:no-repeat;
			}
			
			#content-container .middle #toppertjes .topper_item{
				float:left;
				margin:0 0 35px 4px;
				width:120px;
				height:120px;
				overflow:hidden;
				text-align:center;
				background-color:#FFF;
			}
			
			#content-container .middle #toppertjes img{
				height:120px;
			}			
			
			#content-container .middle .homeitem{
			float:left;
			margin-right:6px;		
			}
			
				#content-container .middle .homeitem h2{
				margin-left:10px;
				text-align:center;
				width:100px;
				}			
			
			#content-container .middle .account-links-div{
			float:left;
			width:127px;
			height:110px;
			
			margin:10px 23px 15px 0;
			padding:10px;
			
			background-image:url(../images/bg-account-links-div.jpg);
			background-repeat:no-repeat;
			}
			
				#content-container .middle .account-links-div h2{
				color:#000000;
				padding-bottom:3px;
				margin-left:8px;
				}	
				
				#content-container .middle .account-links-div ul li{
				margin:0px;
				padding:0px;
				background:none;
				}
				
				#content-container .middle .account-links-div ul li a{
				font-weight:normal;
				color:#FFFFFF;			
				}
				
			#content-container .middle #breadcrumb{
			height:25px;
			margin-bottom:10px;
			border:1px solid #000000;
			}
			
				#content-container .middle #breadcrumb ul li{
				float:left;
				font-size:16px;
				
				/*Reset CSS*/
				margin:0px;
				padding:0px;		
				list-style-type:none;						
				background:none;
				/**/
				}
				
				#content-container .middle #breadcrumb ul li a{
				color:#FFFFFF;
				text-transform:uppercase;
				font-size:14px;
				font-weight:normal;
				text-decoration:none;
				}	
				
				#content-container .middle #breadcrumb ul li a:hover{
				color:#f7931e;
				}
				
				#content-container .middle #breadcrumb ul li a#br-active{
				color:#f7931e;
				}				
				
			#content-container .middle #uspDIV{
			margin-bottom:10px;
			}
			
				#content-container .middle #uspDIV h1{
				padding-bottom:0px;
				}		
			
				#content-container .middle #uspDIV #usps{
				margin-top:-6px;
				background-color:#333333;
				padding:10px;
				}	
	
				#content-container .middle #uspDIV #usps ul{
				margin:0;
				padding:0;
				}	
	
				#content-container .middle #uspDIV #usps ul li{
				font-size:14px;
				background-image:url(../images/bg-usps-ul-li.jpg);
				background-repeat:no-repeat;
				padding-left:25px;
				}
			
#footer{
position:relative;
border-top:5px solid #e6e6e6;
background-color:#4d4d4d;
}

	#footer-container{
	margin:0 auto;
	width:1024px;
	position:relative;
	padding-top:10px;
	}
		
		#navfooter{
		height:25px;
		}
			
		#address{
		text-align:center;
		}
		
			#address p{
			font-size:11px;
			color:#f7931e;
			text-transform:uppercase;
			letter-spacing:2px;
			}
		
		#copyright{
		position:absolute;
		top:70px;
		left:930px;		
		}
		
			#copyright p{
			font-size:9px;			
			color:#FFFFFF;
			text-transform:uppercase;
			}