/* HTML */
@font-face {
    font-family: Trebuchet MS;
    font-style:  normal;
    font-weight: normal;
    src: url(\css\TREBUCH0.eot);
 }
body { font: 12px  Arial, Helvetica,'Trebuchet MS' sans-serif; color:#003399;	background: #fff url(/images/pub/back.jpg) repeat-x;}
a {
   
    text-decoration:none;
    padding:.5em;
}
p { margin:1px ; padding:1px;}

h3 {font: bold 12px Verdana, Arial, Helvetica, sans-serif; color:#0066CC; margin:2px 2px 6px 2px; padding:0; text-transform:uppercase}

#x_main{width:854px; margin:auto;}
#x1 { margin: auto; width:851px;}
html>body #x1 {background: url(/images/pub/content.png) repeat-y; }
html>body #top { margin:auto;   width:845px; height:22px;  background: url(/images/pub/top.png) no-repeat;}
#bottom { margin:auto; width:851px; height:22px; background: url(/images/pub/bottom.png) no-repeat;}

#header { margin-left:19px;  width:807px; height:155px; background: url(/images/pub/head.jpg) no-repeat;}

.clear { clear:both}

#m { position:relative; top:28px;  margin-left:18px; width: 807px ; border:0px solid #0000CC; height:auto; min-height:500px; overflow:hidden }


#home_content {  width:460px; text-align:justify;   margin-left:0px; background: #FFFFFF; font: 12px  Arial, Helvetica,'Trebuchet MS' sans-serif; z-index:1; margin-top:20px;  margin-bottom:2px; overflow:hidden; padding-left:3px; }

#content { width:590px; text-align:justify; margin-left:5px;  background: #FFFFFF; font: 12px  Arial, Helvetica,'Trebuchet MS' sans-serif; margin-bottom:5px; min-height:520px; padding-top:25px; overflow:hidden}


#quick_links_home { position:absolute; left:207px;background:url(/images/pub/box_title.jpg) repeat-x; height:18px;   padding:0; margin-bottom:50px; width:467px; top:1px; font-size:9px}
#quick_links_home ul{ text-align:center; margin:0px; padding:0px;  padding-top:2px ; }

#quick_links_home li {
display:inline;
color:#ccc;
font: bold 9px  Arial, Helvetica,'Trebuchet MS' sans-serif; 
text-decoration:none; 
text-transform:uppercase; 
cursor:pointer; 
height:18px;
width:24%;
  }
#quick_links_home li a{ color:#ccc; text-decoration:none; text-transform:uppercase}  
#quick_links_home a:hover{ color:#FFFFFF}

#quick_links { position:absolute; left:207px;background:url(/images/pub/box_title.jpg) repeat-x; height:18px;   padding:0; margin-bottom:50px; width:600px; top:1px;font-size:9px}
#quick_links ul{ text-align:center; margin:0px; padding:0px;  padding-top:2px ; }

#quick_links li {
display:inline;
color:#ccc;
font: bold 9px  Arial, Helvetica,'Trebuchet MS' sans-serif; 
text-decoration:none; 
text-transform:uppercase; 
cursor:pointer; 
height:18px;
width:24%;
  }
#quick_links li a{ color:#ccc; text-decoration:none; text-transform:uppercase}  
#quick_links a:hover{ color:#FFFFFF}


#left_panel { position:relative;   background:#F4F9FF; width: 202px; float:left;  margin-left:1px; border:1px solid #CCCCCC; clear:left;}
#right_panel { position:relative;  background:#F4F9FF; width: 130px; float:right; border:1px solid #CCCCCC;  clear:right}

.box_title{ background:url(/images/pub/box_title.jpg) repeat-x; height:18px; margin-bottom:1px; text-align:center;
font: bold 9px Verdana, Arial, Helvetica, sans-serif; padding-top:2px; text-transform:uppercase;color:#FFFFFF; width:100%; display:block; margin-left:0px; }
.slideshow { margin-bottom:3px;}

#info { position:relative; 
top:30px;  
width:805px; margin-left:20px; margin-top:2px; height:150px; border:0px solid #003366
}
html>body #info {top:50px;}


#news_panel { position:absolute; left:0px; float:left;  background:#F4F9FF; width: 400px;  height:140px;  border:1px solid #CCCCCC;}
#advice_panel{ position:absolute; right:0px; float:right;  background:#F4F9FF; width: 400px; height:140px; border:1px solid #CCCCCC; }

.news_title{ background:url(/images/pub/box_title.jpg) repeat-x; height:18px; margin-bottom:1px; text-align:center;
font: bold 10px Verdana, Arial, Helvetica, sans-serif; padding-top:2px; text-transform:uppercase;color:#FFFFFF; width:100%; display:block; margin-left:0px; }
.news_title a{ color:#FFFFFF}
.news_item { float:left; width:185px; padding:5px; }
.news_item img{ float:left; padding:2px; width:50px; height:50px; border:1px solid #ccc; margin-right:2px; }
.news_item h3{padding:0; margin:0; }
.news_item h3 a{ margin:1px; border:0px solid #666666; text-align:center; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#0066CC; padding:0px; text-decoration:none;}
.news_item h3 a:hover{ color:#003399}
.news_item .txt {  font: 10px  Arial, Helvetica,'Trebuchet MS' sans-serif; border:0px solid #999999;
	height: 105px;
	overflow: hidden; 
	margin: 0; }

.advice_item { float:right; width:185px; padding:5px;}
.advice_item img{ float:left; width:50px; height:50px; border:1px solid #ccc; padding:0; margin-right:2px;}
.advice_item h3{padding:0; margin:0}
.advice_item h3 a{ margin:0px; border:0px solid #666666; text-align:center; font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#003399; padding:0px; text-decoration:none}
.advice_item h3 a:hover{ color:#0066CC}
.advice_item .txt { font: 10px  Arial, Helvetica,'Trebuchet MS' sans-serif; border:0px solid #999999;
	height: 105px;
	overflow: hidden;
	margin: 0 0 4px;}

#partners { width: 190px; margin:auto; padding-left:1px;}
#partners img{ margin-bottom:12px;  } 
html>body #partners img{ padding-bottom:4px; height:auto; width:auto } 
#partners a { padding:0 ; margin:0;}

#certs { width: 120px; margin:auto; text-align:left; }
#certs img { margin-top: 6px; margin-bottom:5px;  padding:3px ; border:1px solid #CCCCCC;}

#footer { position:relative; top:30px;background:url(/images/pub/box_title.jpg) repeat-x; margin:auto; width:807px;
margin-top:10px; margin-left:19px; height:18px; line-height:normal; color:#ccc; text-align:center; font:bold 8px Verdana, Arial, Helvetica, sans-serif; padding-top:4px;
}
#footer a { color:#FFFFFF; font: bold 8px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; text-transform:uppercase ; text-align:center}
#footer a:hover{ color:#CCCCCC}

#author { position:relative;top: 30px; background:background: url(/images/pub/content.png) repeat-y; height:20px; width:845px; }
#author .right{float:right; margin-right:20px; text-align:right; color:#999999; width:200px; font:  10px Verdana, Arial, Helvetica, sans-serif}
#author .left{float:left; margin-left:24px; text-align:left; color:#999999; width:400px; font:  10px Verdana, Arial, Helvetica, sans-serif}
#author a{color:#999; font-weight:bold}


#lang_box {
	float:left;
	width:204px;
	height: 28px;
	list-style: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
	background: #fff url(/images/public/nav_bg.jpg) repeat-x;
	padding:0;
	z-index:1;
}



#navigation_box {
position:absolute;
margin-left:19px;
width: 807px;
height: 28px;
padding: 0;
margin-top:-2px;
border:0px solid #00FF66;
z-index:3;
}
#navigation_box #icons { font: 10px Verdana, Arial, Helvetica, sans-serif; float:right; width: 100px; ; border:0px solid #CCCCCC;  margin-top:3px; margin-right:5px;}
#navigation_box #icons img{ padding:1px; }

#navigation_box #lang { font: 10px Verdana, Arial, Helvetica, sans-serif; float:left; width: 70px ; border:0px solid #CCCCCC;   padding-top:5px; margin-left:5px; }
#navigation_box #lang a { 
color: #fff;
text-decoration: none;
padding-top: 5px;

}

#navigation_box #lang a:hover { color: #ccc }
#navigation_box #lang img {
	vertical-align: middle;
	border: 0px;
	margin: 0 4px 0 10px;
}
#nav {

	float:right;
	width: 601px;
	height: 28px;
	list-style: none;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 0;
	padding:0;
	background:url(/images/pub/nav_bg.jpg) repeat-x;

}

#nav li {
	display: inline;
	position: relative;
	float: left;
	width:94px;
	height: 28px;
	border: 0px solid #89979b;
	border-bottom: 0;
	z-index: 1;
	margin: 2px 1px;
	padding: 0;
	
}
#nav a {
	display: block;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	
	
}
#nav a:hover,
#nav a.on {

	margin: 1px;
	padding: 2px 0px 1px 0px; ;
	color:#fff;
	width:90px;
	height:18px;
	background:  url(/images/pub/nav_bg_on.jpg) repeat-x;
	border:1px solid #ccc;
	
}

#nav li ul {
	position: absolute;
	left: -1px;
	top: 19px;
	visibility: hidden;
	list-style: none;
	border-top: 1px solid #CCCCCC;
	margin: 0;
	padding: 0;
	z-index: 2;
}
#nav li:hover ul,
#nav li a:hover ul { visibility: visible !important }
#nav li ul li {
	display: block;
	height: auto;
	padding:0;
	margin: 0;
	color:#ffff55;
	
}
#nav li ul li a {
	width: 130px;
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align:left;
	background: #155bac;
	padding: 5px 5px 5px 5px;
	height:auto;
	filter: alpha(opacity=90);
	opacity: .9;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	
}
#nav li ul li a:hover {
height:auto;
	
	text-align:left;
	width: 130px;
	background: #155bac;
	filter: none;
	padding: 5px 5px 5px 5px; ;
	opacity: 1;
	margin:0;
	color:#ccc;

	border-top:1px solid #155bac;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}
#bc {
	font-size: 8px;
	margin-bottom: 10px;
	text-transform:uppercase;
}
#bc a{
	font-size: 8px;
	text-transform:uppercase;
	text-decoration:none;
	margin:0; padding:0;
	font-weight:bold; color:#0066CC;
}
#bc a:hover{
	font-size: 8px;
	text-transform:uppercase;
}

.categoryListing{  float:left; height:150px; width:270px; overflow:hidden; margin:5px;  border:0px solid #999999}
.categoryListing .item { }
.categoryListing .item img { float:left; width:auto}
.categoryListing .item .txt{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:left}
.categoryListing .item  h3{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left}
.categoryListing  a{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;color:#0066CC;}
.categoryListing  a:hover{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; color:#0056CC;}

.productListing{ margin-top:12px; }
.productListing .item { float:left; height:150px; width:270px; overflow:hidden; margin:5px;  border:0px solid #999999}
.productListing .item  img { float:left; width:auto; padding-right: 4px; border:0px solid #CCCCCC}
.productListing .item .txt{ font:10px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:left}
.productListing .item  h3{ font: bold 10px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:left; padding:0;}
.productListing  a{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;color:#0066CC;}
.productListing  a:hover{ font: bold 11px Verdana, Arial, Helvetica, sans-serif; color:#0056CC;}

.productView{ margin-top:12px;font:12px Verdana, Arial, Helvetica, sans-serif; border:0px solid #0066CC;  }
.productView  img { float:left;  ; padding:3px 8px 3px 3px; margin-bottom:1px; border:0px solid #CCCCCC; cursor:pointer ; }
.productView .txt{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:justify; overflow:auto; height:auto}
.productView  h3{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase}
.productView .more { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#0066CC; text-transform:uppercase}

.prodGallery {
border:0px solid #003399;
clear:both;
	float: left;
	width: 112px;
	font-size: 10px;
	margin: 0;

}
.big_img{
	width:112px;
	padding:1px;
	text-align:right;
	margin: 0 0 2px 0;
	border: 1px solid #ccc;
	cursor:pointer;
}
.prodGallery .gall_images img {
	width:50px;
	padding:1px;
	text-align:right;
	margin: 0 2px 2px 0;
	border: 1px solid #CCCCCC;
	cursor:pointer;
}

.clientListing{ margin-top:4px; }
.clientListing .item { float:left; height:auto; width:570px; overflow:hidden; margin:5px; margin-bottom:10px; border:0px solid #999999}
.clientListing .item .pic { float:left; padding:1px; width:100px; margin-right:4px; border:1px solid #999999}
.clientListing .item .txt{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:left}
.clientListing .item  h3{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase}
.clientListing  a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;color:#0066CC;}
.clientListing  a:hover{color:#0056CC;}

.clientView{ margin-top:12px; border:0px solid #0066CC;  }
.clientView  img { float:left; width:200px; height:auto ; margin-right:10px; margin-bottom:2px; cursor:pointer ; padding:3px ; border:1px solid #999999 }
.clientView .txt{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:justify; overflow:auto; height:auto}
.clientView  h3{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase}

.clientGallery {
border:0px solid #003399;
clear:both;
	float: left;
	width: 210px;
	font-size: 10px;
	margin: 0;

}
.clientGallery .gall_images img {
	width:64px;
	padding:1px;
	text-align:right;
	margin: 0 2px 2px 0;
	border: 1px solid #999;
	cursor:pointer;
}
.clientListing .more { font: 8px Verdana, Arial, Helvetica, sans-serif; color:#0066CC}

.newsListing{ margin-top:4px; }
.newsListing .item { float:left; height:auto; width:570px; overflow:hidden; margin:5px; margin-bottom:10px; border:0px solid #999999}
.newsListing .item img { float:left; width:110px;  margin-right:4px; border:1px solid #999999; padding:1px;}
.newsListing .item .txt{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:left}
.newsListing .item .news_date{ font:10px Verdana, Arial, Helvetica, sans-serif; font-style:italic; color:#0066CC; text-align:left}
.newsListing .item  h3{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase ; margin:2px; padding:0;}
.newsListing  a{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;color:#0066CC;}
.newsListing  a:hover{  color:#003399;}
.newsListing .more { font: 8px Verdana, Arial, Helvetica, sans-serif; color:#0066CC}
.newsView{ margin-top:12px; border:0px solid #0066CC;  }
.newsView  img { float:left; width:auto; height:auto ; margin-right:10px; margin-bottom:2px; cursor:pointer ; padding:3px ; border:1px solid #999999 }
.newsView .txt{ font:11px Verdana, Arial, Helvetica, sans-serif; color:#003399; text-align:justify; overflow:auto; height:auto}
.newsView  h3{ font: bold 12px Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; margin:0; padding:0;}
.newsView .more { font: 10px Verdana, Arial, Helvetica, sans-serif; color:#0066CC ; text-transform:uppercase}

.paging{ margin:auto; width:100%; text-align:center}
.paging a{ color:#0066CC}

.sitemap a{ font: 10px Verdana, Arial, Helvetica, sans-serif; color:#0066CC; text-transform:uppercase}
.sitemap a:hover{ color:#003399; }