/* ### GENERAL ### */
* { padding: 0px; margin: 0px; }
html, body { font-family: Verdana, Arial; font-size: 11px; color: #58595b; }
input, select, textarea { font-family: Verdana, Arial; font-size: 11px; color: #58595b; }
body { background: #fff url('../images/steltman/bg.gif') repeat-x; }
a {color: #CE0005;}
body#splash{background:#d7d7d7;}

img { border: 0px; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 990px; }
#mainCntrH { margin: 0 auto; width: 953px; border:#8c8c8c 1px solid;}
#headerCntrH { width: 953px;height:137px;  background: url('../images/img-s-head.jpg') no-repeat;}
#contentCntrH { width: 953px;height:400px; background: url('../images/img-s-mid1.jpg') no-repeat;}
#footerCntrH { width: 953px; height:366px; background: url('../images/img-s-foot.jpg') no-repeat;}

#watch { width: 476px; height:366px; background: url('../images/img-s-ftw.jpg') no-repeat;display:block;float:left;}
#jewel { width: 477px; height:366px; background: url('../images/img-s-ftj.jpg') no-repeat;display:block;float:left;}

	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 990px; height: 250px; overflow: hidden; background: url('../images/steltman/header.jpg') no-repeat; }
	#headerCntr h1 { position: absolute; top: 129px; left: 412px; }
	#headerCntr h1 a { display: block; width: 162px; height: 39px; text-indent: -9999px; background: url('../images/steltman/logo.png') no-repeat; }
	#headerCntr div#mn { padding: 0px 10px 5px 0px; color: #b5121b; text-transform: uppercase; text-align: right; font-size: 18px; font-weight: normal; font-family: 'Times New Roman', Arial;}
	#headerCntr div#mn a { color: #cccccc; text-decoration:none;}
	#headerCntr div#mn a:hover { color: #aaa; text-decoration:underline;}
		/* ### CONTACT BOX ### */
		.contactBox { padding-top: 90px; width: 130px; height: 76px; font-size: 10px; line-height: 16px; color: #d68a8d; float: right;margin-bottom:20px; }
		.contactBox address { font-style: normal; }
		
		/* ### MENU CONTAINER ### */
		#menuCntr { width: 988px; height: 36px; border: #d0d0d0 solid 1px; }
		#menuCntr ul { list-style: none; overflow: hidden; }
		#menuCntr ul li { padding: 0 12px; line-height: 36px; float: left; font-size: 12px; font-weight: bold; background: url('../images/steltman/menu-sprtr.gif') right no-repeat; }
		#menuCntr ul li a { color: #afafb0; text-decoration: none; }
		#menuCntr ul li.last { background: none; }
		#menuCntr ul li a:hover { color: #b5121b; }
		#menuCntr ul li a.active { color: #b5121b; }
		
		#menuCntr ul#soc {float:right;}
		#menuCntr ul#soc li {padding:0;background:none;padding:6px 6px 0 0;}
		#menuCntr ul#soc li a {height:24px;width:24px;text-indent:-9999px;display:block;}
		#menuCntr ul#soc li a#fcb {background: url('../images/fcb.png') no-repeat;}
		#menuCntr ul#soc li a#ldi {background: url('../images/ldi.png') no-repeat;}
		#menuCntr ul#soc li#fcb {padding:3px 0 0 0 ;}
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 20px; overflow: hidden; width: 990px; }
	#contentCntr table  {border:0;}
	#contentCntr table td {border:0;}
	
		/* ### LEFT CONTAINER ### */
		#leftCntr { float: left; width: 660px; }
		
			/* ### TEXT BOX ### */
			.textBox { padding: 36px 26px 0px 180px; width: 454px;float:left; }
			.textBox img {  margin-right: 12px; }
			.textBox h1 { font-size: 13px;padding:12px 0 12px 0;display:block;width:454px;float:left;}
			.textBox div{width: 454px;float:left; }
			.textBox h2, .textBox h4, .textBox h3 { font-size: 12px;margin:0px 0 4px 0; }
			.textBox p { padding-bottom: 21px; line-height: 20px; }
			.textBox a { color: #58595b; }
			.textBox a:hover { text-decoration: none; }
			.textBox ul {float:left;display:block; list-style:inside;}
			
			.catLogo{width:180px;height:180px;float:left;background-position:center;line-height:180px;background-repeat:no-repeat;}
			.prodImage {float:left;}
			
			.prodImage a{display:block;padding:0px;float:left;border:1px solid #fff;margin:0 4px 4px 0;height:145px;width:145px;line-height:105px; background-position:center; background-repeat:no-repeat;text-decoration:none;}
			.prodImage a:hover{border: #efefef solid 1px;text-decoration:none;}
			.prodImage img {margin:0;}
	
			#prodImageD {float:left;text-align:center;}
			
			.catImage {float:left;text-align:center;}
			
			.catImage a{display:block;padding:0px;float:left;border:1px solid #CCCCCC;margin:0 4px 4px 0;height:auto;width:145px; height:30px; background-position:top; background-repeat:no-repeat; text-decoration:none;line-height:12px;padding-top:65px}
			.catImage a:hover{border: #efefef solid 1px;text-decoration:underline;}
			.catImage img {margin:0;}
			
			.colImage {float:left;text-align:center;}
			
			.colImage a{display:block;padding:0px;float:left;border:1px solid #fff;margin:0 4px 4px 0;height:145px;width:145px; background-position:center; background-repeat:no-repeat; text-decoration:none;line-height:145px}
			.colImage a:hover{border: #efefef solid 1px;text-decoration:underline;}
			.colImage img {margin:0;}

			
			/* ### SLIDE BOX ### */
			.slideBox { width: 660px;float:left;}
			.slideBox .top { width: 660px; position: relative; }
			.slideBox img.juwelier { position: absolute; top: -15px; left: 0px; }
			.slideBox h2 { font-size: 20px; position: absolute; top: 35px; left: 18px; width: 610px; text-transform: uppercase; font-family: 'Times New Roman', Arial; color: #b5121b; font-weight: normal; background: url('../images/steltman/dashed.gif') right 10px no-repeat; }
			.slideBox h2 span { background: none; }
			.slideBox .left { padding-top: 310px; width: 152px; float: left; }
			.slideBox .right { padding: 80px 10px 0px 0px; width: 498px; float: right; }
			.slideBox ul.slide { list-style: none; overflow: hidden; }
			.slideBox ul.slide li { float: left; }
			.slideBox ul.slide li a { padding-top: 35px; margin-right: 5px; width: 140px; height: 105px; float: left; border: #cccccc solid 1px; }
			.slideBox ul.slide li a.prev { padding: 0px; margin: 52px 5px 0 0; text-indent: -9999px; width: 24px; height: 34px; float: left; border: 0px; background: url('../images/steltman/prev.gif') no-repeat; }
			.slideBox ul.slide li a.next { padding: 0px; margin: 52px 0 0 0; width: 24px; height: 34px; text-indent: -9999px; float: left; border: 0px; background: url('../images/steltman/next.gif') no-repeat; }
			.slideBox ul.slide li a.prev:hover { border: 0px; }
			.slideBox ul.slide li a.next:hover { border: 0px; }
			.slideBox ul.slide li a:hover { border: #efefef solid 1px; }
			.slideBox ul.slide li a.active { border: #efefef solid 1px; }
			.slideBox img.view { margin: 20px auto 0 0px; }
			.slideBox ul.juweliers { list-style: none; }
			.slideBox ul.juweliers li { padding-bottom: 1px; width: 150px; font-size: 10px; }
			.slideBox ul.juweliers li a { padding: 5px 0px 10px 40px; display: block; text-decoration: none; color: #cccccc; background: url('../images/steltman/juwelier-1.gif') no-repeat; }
			.slideBox ul.juweliers li a.juw2 { padding: 15px 0 15px 40px; margin-top: 10px; background: url('../images/steltman/juwelier-2.gif') no-repeat; }
			.slideBox ul.juweliers li a.juw3 { padding: 5px 0 5px 40px; background: url('../images/steltman/juwelier-3.gif') no-repeat; }
			.slideBox ul.juweliers li a.juw4 { padding: 6px 0 6px 40px; background: url('../images/steltman/juwelier-4.gif') no-repeat; }
			.slideBox ul.juweliers li a.juw5 { padding: 7px 0 5px 40px; background: url('../images/steltman/juwelier-5.gif') no-repeat; }
			.slideBox ul.juweliers li a.juw6 { padding: 7px 0 6px 40px; background: url('../images/steltman/juwelier-6.gif') no-repeat; }
			.slideBox ul.juweliers li a.juw7 { padding: 7px 0 3px 40px; background: url('../images/steltman/juwelier-7.gif') no-repeat; }
			/*.slideBox ul.juweliers li a:hover { color: #afafb0; text-decoration: underline; }*/
			.slideBox ul.juweliers li a.active { color: #afafb0; }
			
			#newsHome{width:468px;padding:10px 10px 10px 30px;float:left;}
			#newsContent {width:454px;padding:0;}
			#newsHome h3, #newsContent {padding-bottom:10px;}
			.newsItem,.newsSumm {float:left;}
			.newsItem img {margin:5px 10px 10px 0;}
			.newsItem p {line-height:20px;display:inline;}
			.newsSumm {width:328px!important;padding:0 0 20px 10px;}
			.newsSumm span {}
			.newsSumm span a{color:#58595B}
			.newsImg {text-align:center;float:left;width:100px!important;}
			.newsHead {display:block;width:305px;font-weight:bold;font-size:12px;padding:0 0 5px 0;}
			
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 330px; background: #f4f4f4; }
			
			/* ### ZOEKEN BOX ### */
			.zoekenBox { padding: 9px 12px; width: 306px; height: 27px; }
			.zoekenBox fieldset { border: 0px; overflow: hidden; }
			.zoekenBox input.field, .nieuwsbriefBox input.field{ padding: 5px 3px 0px 5px; float: left; width: 210px; height: 20px; border: 0px; background: #fff; }
			.zoekenBox input.submit, .nieuwsbriefBox input.submit{ height: 25px; width: 84px; float: right; border: 0px; cursor: pointer; color: #afafb0; font-weight: bold; background: #fff; }
			
			/* ### VIDEO BOX ### */
			.videoBox { width: 330px; overflow: hidden; }
			.videoBox h4 { font-size: 11px; background: url('../images/steltman/dashed-arrow.gif') right 5px no-repeat; }
			.videoBox h4 a { padding: 0 10px; color: #afafb0; text-decoration: none; background: #f4f4f4; }
			.videoBox h4 a:hover { text-decoration: underline; }
			.videoBox .video { padding-top: 12px; margin-top: 5px; width: 330px; height: 262px; text-align: center; background: #cccccc; }
						
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding: 13px 0; width: 330px; }
			.nieuwsBox h2 { padding: 0px 0px 2px 5px; font-weight: normal; font-size: 22px; text-transform: uppercase; color: #ac161b; font-family: "Times New Roman", Arial; background: url('../images/steltman/dashed-arrow.gif') bottom no-repeat; }
			.nieuwsBox p { padding: 12px 0px 5px 10px; line-height: 20px; }
			.nieuwsBox img { margin: 25px 12px 0 15px; float: right; }
			.nieuwsBox span { display: block; font-weight: bold; font-size: 11px; background: url('../images/steltman/dashed-arrow.gif') right 5px no-repeat; }
			.nieuwsBox span a { padding: 0 10px; color: #afafb0; text-decoration: none; background: #f4f4f4; }
			.nieuwsBox span a:hover { text-decoration: underline; }
			.nieuwsBox a:hover { text-decoration: underline; }
			.nieuwsBox a { color: #58595b; text-decoration: none;}
			
			/* ### EVENT BOX ### */
			.eventBox { padding: 5px 0; width: 330px; overflow: hidden; }
			.eventBox h2 { padding: 0px 0px 3px 5px; font-weight: normal; font-size: 22px; color: #ac161b; text-transform: uppercase; font-family: "Times New Roman", Arial; background: url('../images/steltman/dashed-arrow.gif') bottom no-repeat; }
			.eventBox ul { padding: 5px 28px 0px 10px; width: 292px; list-style: none; }
			.eventBox ul li { padding-left: 10px; line-height: 20px; width: 282px; background: url('../images/steltman/list-dot.gif') 0 9px no-repeat; }
			.eventBox ul li a { color: #58595b; text-decoration: none; display: block; background: url('../images/steltman/listf-arrow.gif') right no-repeat; }
			.eventBox ul li a:hover { text-decoration: underline; }

			.eventBox p { padding: 12px 0px 5px 10px; line-height: 20px; }
			.eventBox img { margin: 25px 12px 0 15px; float: right; }
			.eventBox span { display: block; font-weight: bold; font-size: 11px; background: url('../images/steltman/dashed-arrow.gif') right 5px no-repeat; }
			.eventBox span a { padding: 0 10px; color: #afafb0; text-decoration: none; background: #f4f4f4; }
			.eventBox span a:hover { text-decoration: underline; }
			.eventBox a:hover { text-decoration: underline; }
			.eventBox a { color: #58595b;text-decoration: none; }				
			/* ### NIEUWSBRIEF BOX ### */
			.nieuwsbriefBox {  padding-top: 17px; width: 330px; }
			.nieuwsbriefBox h2 { padding: 0px 0px 3px 5px; font-weight: normal; font-size: 22px; text-transform: uppercase; color: #ac161b; font-family: "Times New Roman", Arial; background: url('../images/steltman/dashed-arrow.gif') bottom no-repeat; }
			.nieuwsbriefBox p { padding: 8px 0px 5px 10px; line-height: 20px; }
			.nieuwsbriefBox span a:hover { text-decoration: underline; }
			.nieuwsbriefBox a:hover { text-decoration: none; }
			.nieuwsbriefBox a { color: #58595b; }
			.nieuwsbriefBox div {padding: 9px 12px;float:left;width:306px; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding-top: 20px; overflow: hidden; width: 990px; height: 120px; background: url('../images/steltman/footer-strip.gif') repeat-x; }
	#footerCntr ul { list-style: none; text-align: center; }
	#footerCntr ul li { padding: 0 4px 0 10px; font-size: 14px; display: inline; font-weight: bold; background: url('../images/steltman/footer-dot.gif') 0 6px no-repeat; }
	#footerCntr ul li a { color: #d6d7d8; text-decoration: none; }
	#footerCntr ul li a:hover { text-decoration: underline; }
	
	
	/* ### GALLERY ### */
	#galleryContainer{
		
		height:135px;	/* Height of the images + 2 */
		border:0px solid #CCCCCC;
		position:relative;
		overflow:hidden;
		width:494px;
		
		/* CSS HACK */
		height: 137px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/135px;	/* Other browsers */
		height: /**/135px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		background-color: #FFF;
		height:135px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		background-color: #FFF;	
		height:135px;	
	}
	#theImages{
		position:absolute;
		height:100px;
		left:29px;
		width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}
	#theImages a{display:block;padding:0;background-position:center;background-repeat:no-repeat;float:left;border:1px solid #CCCCCC;margin:0 4px 0 0;width:141px;height:130px;}
	#theImages a:hover{border: #efefef solid 1px;}
	
	
	.img {text-align:center;}
	
	ul.back{display:block;float:left;width:454px;padding:0 0 12px 0;}