/* 
Title: 		
Updated: 	
Version: 1.0
Author: yse
*/

* {margin: 0; padding: 0;}

body { 
	font-family: "Lucida Sans Unicode","Lucida Sans", "Lucida Console",  Verdana; 
	text-align:center;
	background: #D7D6B3 url("../images/layout/body.bg.jpg") repeat-x top left;
}
* html body { 
	font-size: x-small; /* for IE5/win */
	f\ont-size: small; /* for other IE versions */
}

img { border: 0;}
hr { display:none; }

#wrapper {width: 908px;margin: 0 auto;text-align:left; background: url("../images/layout/wrapper.bg.jpg") no-repeat 0px 107px; clear:both; }

/* header
------------------------------------------------------------- */
#header { clear:both; height: 105px;}

#mainlogo { margin-top: 2px; float:left; padding:51px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 51px; /* for IE5/Win only */margin-left: 0px; width: 223px;  background: url("../images/layout/logo.nl.gif") no-repeat top left; top: 51px; }

#mainnav { font-size: 11px; margin-top: 2px; float:left; margin-left: 50px; }
#mainnav li { display:inline; height: 20px; background: url("../images/layout/mainnav.li.gif") repeat-y bottom right; padding: 0 13px;}
#mainnav li a { color: #DBDDE5; text-decoration:none; text-transform: lowercase; }

/* blockmain
------------------------------------------------------------- */
#blockmain {  padding: 20px 30px; color: #424D75; font-size: 11px; width: 848px; overflow:hidden; }

#breadcrumb { color: #AFB4C6; font-size: 9px; padding: 0 0 3px 0;  background: url("../images/layout/line.h.gif") repeat-x bottom left; margin-bottom: 2em; text-transform: lowercase;}
	#breadcrumb a { color: #AFB4C6; text-decoration: none; }

h1 { font-size: 20px; display:block; margin-bottom: 0;}
h2 { font-size: 13px; color: #B5B48F; text-transform: uppercase; padding: 5px 0;}
.content h2 { font-size: 15px; text-transform: none;}
h2.title { margin: 1em 0 .5em 0;}
	.col.block h2.title { color: #B5B48F;}
p { margin-bottom: 1em;}
a { color: #686b77;}
a:hover { color: #000066;}

.readmore { color: #686b77; font-weight:bold; padding-right: 20px; text-decoration: none; background: url("../images/layout/readmore.gif") no-repeat top right; text-align:right; display:block;line-height: 16px;  }

.readmore:hover { text-decoration: underline; color: #003366;}

.col { width: 48.5%; margin-right: 20px; float:left;}
.col.last { margin-right: 0;}

ol { padding: 1em 2em; }
#blockmain ul { padding: 1em 2em;}

.hide { display:none}

/* detail
------------------------------------------------------------- */

.table { border-collapse: collapse; width: 100%; margin-bottom: 1em; }
.table th, td { padding: 5px; border-bottom: 3px solid #FFF;}
.table th { background: #D1D0BA; color: #424D75; width: 120px; text-transform: uppercase; border-right: 2px solid #FFF; vertical-align:top; }
.table td { background: #F9F9F6;  vertical-align:top;}

ul.references { padding: 1em 2em;}

/* category 
------------------------------------------------------------- */
.block-category { width: 224px; float:left; margin-right: 80px; margin-bottom: 2em; }
	.block-category.last { margin-right:0;}
	.block-category .img { padding:0;height: 150px;display:block;width: 224px; border-bottom: 2px solid #FFF;}
	.block-category .desc { padding: 5px 10px; background: url("../images/layout/block.bg.jpg") repeat-x top left; min-height: 86px; _height: 86px;}
			.block-category .desc p a { color:  #424D75; text-decoration:none;}
			.block-category .desc p a:hover { color: #000; }
	.block-category h2 { text-transform: none;}
	.block-category h2 a { color: #B5B48F; text-decoration:none; }

.block-category.home { width: 375px;}
.block-category.home .img { height: 242px;}
	
.block-product { width:224px; float:left; margin-right: 80px; margin-bottom: 2em; min-height: 230px; _height: 230px; }
	.block-product.last { margin-right:0;}
	.block-product .img { height: 150px;display:block;width: 224px; border-bottom: 2px solid #FFF; text-align:center;}
	.block-product .desc { padding: 5px 10px; background: url("../images/layout/blocksmall.bg.jpg") repeat-x top left;  }

	.block-product h2 { text-transform: none;}
	.block-product h2 a { color: #B5B48F; text-decoration:none; }
	.block-product .readmore { margin-top: 10px;}
	
	.pdf { background: url("../images/pdf.gif") no-repeat top left; padding-left: 20px; display:block; line-height:16px;}
	
#blockmain ul.fade { margin:0;padding:0; list-style:none;}
#blockmain ul.fade li { margin:0;padding:0;}



.col .block, .col.block { background: url("../images/layout/block.bg.jpg") repeat-x top left; padding: 10px; width: 380px;}
.col.last {float:left;}

.col .block.small { width: 199px; float:left; _height: 150px; min-height: 150px;}

.col.block h2 { color: #000066;}
.col .block h2 a { text-decoration: none; color: #B5B48F;}
.block p a { color:  #424D75; text-decoration:none;}

ul.list li { padding: 2px 0;}

.pic { border: 3px solid #D1D0BA; }
	.pic.left { float:left; margin-right: 10px;}
	.pic.right { float:right; margin-left: 5px;}

dl.item { clear:both; padding: 10px 0;}
dl.item dt a {	float:left; display:block; margin: 2px 10px 0 0; padding: 2px; background: #CCCCCC;	}
dl.item dt .thumb {	float:left; display:block; margin: 2px 13px 0 0; padding: 2px; background: #FFF;	}
dl.item dt .thumb.file { background: transparent;}
dl.item dt a:hover { background: #999999; }
dl.item dt a img { float:left; }
dl.item dd a { color: #002F72; font-weight: bold; text-decoration: none; font-size: 110%;}
dl.item dd.price { font-size: 130%; color: #FF6600;}
dl.item dd { padding: 1px 0; }
	
legend { display:none;}

ul.faqs li { padding: 2px 0;}

.confirm { font-weight: bold; padding: 10px 5px; background: #DFFFDF; border: 1px solid #00CC00; color: #666666;}

/***** Product page ******/
 #slider img{ border:3px solid #F9F9F6; }

/* Big Image */
#slider #gallery{ height:260px; width:410px; text-align:center;}
#slider #gallery img{ margin-top:10px; }
#slider #gallery .image-wrapper{ position:absolute; margin-left:12px;  }

/* Thumbs */
#slider #thumbs{ margin-top:20px; }
#slider #thumbs li{ float:left; margin-left:10px; }
#slider .thumbs{ list-style-type:none; margin:0px; padding:0px; }


/* footer
------------------------------------------------------------- */
#footer { width: 908px; margin: 0 auto;clear:both; font-size: 70%; background: url("../images/layout/footer.bg.jpg") no-repeat top left; padding-top: 25px;padding-bottom: 5px;  color: #6B7386; position: relative;}
#footer a { color: #6B7386; text-decoration:none; }
#footer a:hover { }

#yappa {  float: left;padding:14px 0 0 0;overflow: hidden;height: 0px !important;height /**/: 14px; /* for IE5/Win only */margin-left: 0px; width: 61px; position:absolute;right:8px; background: url("../images/yappa.gif") no-repeat top left; top: 25px;}
#yappa:hover { background-position: 0 -14px;}


#TB_window {
  color: #333333;
  font-size: 11px;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  background-color:#424D75;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 3px solid #D1D0BA;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;

}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}

#TB_title a:link { color: #FFF;}

#TB_title{
  background: #424D75;
  height:27px;
  color: #FFF;
}

#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}