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

html, body{
	padding: 0;
	margin: 0;
	height: 100%;
	width:100%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
}

*:focus {
	outline: none;
}

#pagewrap {
	position: absolute;
	width: 946px;
	left:50%;
	margin-left: -473px;
	top: 10px;
	border: 1px solid #BEBEBE;
	padding-bottom: 40px;
}

.bold {
	font-weight: bold;
}

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

	#headercontainer {
		position: relative;
		float: left;
		display: block;
		width: 946px;
		z-index: 9998;
	}
	
	#header {
		position: top left;
		width: 727px;
		height: 128px;
		background-color:#333333;
		background-repeat:no-repeat;
		background-position: bottom left;
	}
	
	#home #header {
		position: top left;
		width: 727px;
		height: 128px;
		background-color:#333333;
		background-image: url(/assets/images/header.jpg);
		background-repeat:no-repeat;
		background-position: bottom left;
	}
	
	#logo {
		position: absolute;
		right: 0px;
		top: 0px;
		width: 218px;
		height: 193px;
		border-left: 1px solid #BEBEBE;
		border-bottom: 1px solid #BEBEBE;
	}
	
	#topbox {
		border-top: 1px solid #BEBEBE;
		border-bottom: 1px solid #BEBEBE;
		position: absolute;
		top: 193px;
		left: 0px;
		width: 946px;
		height: 10px;
		background-image: url(/assets/images/bluebar.jpg);
		background-position: top right;
		background-repeat: no-repeat;
	}
	
	#colorbar {
		position: absolute;
		top: 168px;
		left:0px;
		width: 727px;
		height: 25px;
		border-bottom: 1px solid #BEBEBE;
		z-index: -10;
	}
	
		#colorbar #color1 {
			position: relative;
			float: left;
			height: 25px;
			width: 20px;
			border-right: 1px solid #BEBEBE;
			border-top: 1px solid #BEBEBE;
			background-color: #8AAAD3;
		}
		
		#colorbar #color2 {
			position: relative;
			float: left;
			height: 25px;
			width: 136px;
			border-right: 1px solid #BEBEBE;
			border-top: 1px solid #BEBEBE;
			background-color: #8AAAD3;
		}
		
		#colorbar #color3 {
			position: relative;
			float: left;
			height: 25px;
			width: 136px;
			border-right: 1px solid #BEBEBE;
			border-top: 1px solid #BEBEBE;
			background-color: #3C71B6;
		}
		
		#colorbar #color4 {
			position: relative;
			float: left;
			height: 25px;
			width: 136px;
			border-right: 1px solid #BEBEBE;
			border-top: 1px solid #BEBEBE;
			background-color: #8AAAD3;
		}
		
		#colorbar #color5 {
			position: relative;
			float: left;
			height: 25px;
			width: 136px;
			border-right: 1px solid #BEBEBE;
			border-top: 1px solid #BEBEBE;
			background-color: #C4D4E9;
		}
		
		#colorbar #color6 {
			position: relative;
			float: left;
			height: 25px;
			width: 136px;
			border-right: 1px solid #BEBEBE;
			border-top: 1px solid #BEBEBE;
			background-color: #C4D4E9;
		}
		
		#colorbar #color7 {
			position: relative;
			float: left;
			height: 25px;
			width: 21px;
			border-top: 1px solid #BEBEBE;
			background-color: #8AAAD3;
		}


/*******************CONTENT*******************/

	#contentcontainer{
		position: relative;
		float: left;
		display: block;
		width: 946px;
		background-image:url(/assets/images/background.jpg);
		background-repeat:repeat-y;
		background-position:left top;
		min-height: 380px;
	}
	
	#contentleft {
		position: relative;
		display: block;
		float: left;
		width: 339px;
		padding: 10px;
		padding-top: 30px;
		margin-left: 20px;
		border-left: 1px solid #BEBEBE;
		border-right: 1px solid #BEBEBE;
	}
	
	#contentright {
		position: relative;
		display: block;
		float: left;
		width: 323px;
		padding-top: 37px;
		border-right: 1px solid #BEBEBE;
	}
	
	.withprefooter{
		padding-bottom: 60px;	
	}
	
		#contentright #topleft {
			position: absolute;
			top: 21px;
			left: 0px;
			border-bottom: 1px solid #BEBEBE;
			border-right: 1px solid #BEBEBE;
			width:161px;
		}
		
		#contentright #topright {
			position: absolute;
			top: 21px;
			right: 0px;
			border-bottom: 1px solid #BEBEBE;
			width:161px;
		}
		#contentright #middleleft {
			position: absolute;
			top: 195px;
			left: 0px;
			border-bottom: 1px solid #BEBEBE;
			border-right: 1px solid #BEBEBE;
			width:161px;
		}
		
		#contentright #middleright {
			position: absolute;
			top: 195px;
			right: 0px;
			border-bottom: 1px solid #BEBEBE;
			width:161px;
		}
		
		#contentright #bottomleft {
			position: absolute;
			top: 369px;
			left: 0px;
			border-bottom: 1px solid #BEBEBE;
			border-right: 1px solid #BEBEBE;
			width:161px;
		}
		
		#contentright #bottomright {
			position: absolute;
			top: 369px;
			right: 0px;
			border-bottom: 1px solid #BEBEBE;
			width:161px;
		}
	
	h1 {
		color: #7C7C7C;
		font-size: 35px;
		padding-top: 5px;
		font-weight: normal;
	}
	
	h1.subheader {
		padding-top: 0px;
		font-size: 22px;
	}
	
	h2 {
		color: #7C7C7C;
		font-size: 25px;
		padding-bottom: 5px;
		padding-top: 1px;
		font-weight: normal;
	}
	
	span.blue {
		color: #3C71B6;
	}
	
	th {
		text-align: left;
	}
	
	a {
		color: #000000;
	}
	
	a:hover {
		color: #7C7C7C;
	}
	
	td, th {
		vertical-align: top;
		padding: 5px;
	}
	
	tr.odd {
		background-color: #C4D4E9;
	}
	
	tr.even {
		background-color: #DCE0E5;
	}
	
	tr:hover {
		background-color: #8AAAD3;
	}
	
	tr.blank:hover{
		background-color: #FFFFFF;
	}
	
	ul.nobullets {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
/*******************PREFOOTER****************/

#prefooter {
	position: absolute;
	width: 685px;
	bottom: 0px;
	margin-left: 20px;
	left:0px;
	border-top: 1px solid #BEBEBE;
}

#prefooter_left {
	position: absolute;
	right: 161px;
	top: 0px;
	width: 162px;
	height: 100%;
}

#prefooter_right {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 161px;
	border-left: 1px solid #BEBEBE;
	height: 100%;
}

#prefooter_left a, #prefooter_right a{
	color: #3C71B6;
	font-weight: bold;
	text-decoration: none;
	padding-left: 5px;
	line-height:20px;
}

#prefooter_left a:hover, #prefooter_right a:hover{
	text-decoration: underline;
}

.content1, .content2 {
	height: 30px;
}

.content3, .content4 {
	height: 45px;
}

.content5, .content6 {
	height: 60px;
}

#cart {
	position: absolute;
	right: 10px;
}

/*******************FOOTER*******************/

	#rightmenu {
		position: relative;
		float:right;
		width: 218px;
		height: 400px;
		padding-top: 37px;
		border-left: 1px solid #BEBEBE;
	}
	
		#rightmenu ul {
			list-style: none;
			padding: 0;
			margin: 0;
		}
		
			#rightmenu ul li {
				border-bottom: 1px solid #BEBEBE;
				display: block; 
			}
			
				#rightmenu ul li a{
					text-decoration: none;
					color: #3C71B6;
					padding-left: 25px;
					display: block;
					padding-top: 5px;
					padding-bottom: 5px;
				}
				
				#rightmenu ul li a:hover{
					background-color:#EBF1F8;
					padding-left: 35px;
				}
				
				#rightmenu ul li a.current {
					background-image: url(/assets/images/pijl_menu.gif);
					background-position: center left;
					background-repeat:no-repeat;
					background-color:#EBF1F8;
					padding-left: 35px;
					font-weight: bold;
				}
				
			#rightmenu ul li.subitem {
				border-bottom: 1px solid #BEBEBE;
				display: block; 
			}
			
				#rightmenu ul li.subitem a{
					text-decoration: none;
					color: #3C71B6;
					padding-left: 40px;
					display: block;
					padding-top: 5px;
					padding-bottom: 5px;
				}
				
				#rightmenu ul li.subitem a:hover{
					background-color:#EBF1F8;
					padding-left: 40px;
				}
				
				#rightmenu ul li.subitem a.current {
					background: none;
					background-color:#EBF1F8;
					padding-left: 40px;
					font-weight: bold;
				}
	
	#innovations {
		position: absolute;
		right: 0px;
		bottom: 0px;
		margin-bottom: -20px;
		width: 218px;
		border-left: 1px solid #BEBEBE;
		vertical-align: bottom;
	}
		
		#innovations a {
			position: absolute;
			bottom: 20px;
		}
	
	
	#footercontainer {
		position: relative;
		float: left;
		display: block;
		width: 946px;
	}
	
	#bottombox1 {
		border-top: 1px solid #BEBEBE;
		border-bottom: 1px solid #BEBEBE;
		position: absolute;
		top: 0px;
		left: 0px;
		width: 946px;
		height: 20px;
		background-image:url(/assets/images/background.jpg);
		background-repeat:repeat-y;
		background-position:left top;
	}
	
	#bottombox2 {
		border-top: 1px solid #BEBEBE;
		position: absolute;
		top: 20px;
		left: 0px;
		width: 946px;
		height: 20px;
		background-color: #3C71B6;
	}
	
/* GOOGLE 404 PAGE */
/* Widget content container */
#goog-wm {
  width: 630px;
  padding: 1em;
  border: 3px solid #3C71B6;
  background-color: white;
}

/* Heading for "Closest match"*/
#goog-wm h3.closest-match {
  color: #0097D4;
  border-bottom: 3px dashed #aebd63;
  padding-bottom: 0.5em;;
  font-size: 170%;
  margin: 0;
}

/* "Closest match" link*/
#goog-wm h3.closest-match a { }

/* Heading for "Other things" */
#goog-wm h3.other-things {
   color: #0097D4;	   
}

/* "Other things" list item */
#goog-wm ul li { }

/* Site search box */
#goog-wm li.search-goog { display: block; }