html{
	margin: 0;
	padding: 0;
}	
a img{
	border: none
}
body{
	background: white url(../i/faux-col.gif) repeat-y left;
	color: #444;
	margin: 0;
	padding: 0;
	font: .8em Arial, Helvetica, sans-serif;
	position:relative
}
#metabody{
	background: url(../i/top.gif) no-repeat top left;
	margin: 0;
	line-height:1.1;
	width: 760px;
}
* html #metabody{
	width: 770px
}
.newsitem:after, .proditem:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#homepage #content h1{
	background: #444 url(/i/hlink_o.gif) 98% 50% no-repeat;
	padding: 0;
}
#content h1 a:link, #content h1 a:visited{
	display: block;
	color: white;
	background: url(/i/hlink.gif) 98% 50% no-repeat!important;
	padding: 4px 8px;
}
#content h1 a:hover, #content h1 a:active{
	background: none!important;
	color: white;
	text-decoration: none;
}

/* 2cols */
#cont1{
	display: inline;
	float: left;
	width: 310px
}
#cont2{
	display: inline;
	float: left;
	width: 280px;
}

/* wide */
#newspage, #prodpage, #catpage, #contacts{
	background-image:url(../i/faux-bg.gif)
}
#prodpage #cont1, #catpage #cont1, #newspage #cont1, #contacts #cont1{
	width: 580px;
	margin-left: 10px;
}


body#contacts #content{margin-left:0}


#logo{
	margin:40px 0 0 0;
	border: 15px solid #e0e1dd;
	display: inline;
	float: left;
	margin-right: 280px;
	background: #444 url(../i/h/1.jpg) no-repeat bottom right;
}
#logo a{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 451px;
	height: 255px;
	background: url(../i/logo.gif) no-repeat 15px 15px;
}
#logo a:hover, #logo a:active{
	background-image: url(../i/logo_o.gif)
}
.inox #logo a{
	background-image: url(../i/logoinox.gif)
}
.inox #logo a:hover, .inox #logo a:active{
	background-image: url(../i/logoinox_o.gif)
}
body.en #logo a{
	background-image: url(../i/en_logo.gif);
}
body.en #logo a:hover, body.en #logo a:active{
	background-image: url(../i/en_logo_o.gif)
}
body.en.inox #logo a{
	background-image: url(../i/en_logoinox.gif)
}
body.en.inox #logo a:hover, body.en .inox #logo a:active{
	background-image: url(../i/en_logoinox_o.gif)
}
body.es #logo a{
	background-image: url(../i/es_logo.gif);
}
body.es #logo a:hover, body.es #logo a:active{
	background-image: url(../i/es_logo_o.gif)
}
body.es.inox #logo a{
	background-image: url(../i/es_logoinox.gif)
}
body.es.inox #logo a:hover, body.es .inox #logo a:active{
	background-image: url(../i/es_logoinox_o.gif)
}
body.fr #logo a{
	background-image: url(../i/fr_logo.gif);
}
body.fr #logo a:hover, body.fr #logo a:active{
	background-image: url(../i/fr_logo_o.gif)
}
body.fr.inox #logo a{
	background-image: url(../i/fr_logoinox.gif)
}
body.fr.inox #logo a:hover, body.fr .inox #logo a:active{
	background-image: url(../i/fr_logoinox_o.gif)
}
.ran2 #logo{
	background-image: url(../i/h/2.jpg);
}
.ran3 #logo{
	background-image: url(../i/h/3.jpg);
}
.ran4 #logo{
	background-image: url(../i/h/4.jpg);
}
.ran5 #logo{
	background-image: url(../i/h/5.jpg);
}
.ran6 #logo{
	background-image: url(../i/h/6.jpg);
}
.ran7 #logo{
	background-image: url(../i/h/7.jpg);
}
.ran8 #logo{
	background-image: url(../i/h/8.jpg);
}
.ran9 #logo{
	background-image: url(../i/h/9.jpg);
}
.ran10 #logo{
	background-image: url(../i/h/10.jpg);
}
.ran11 #logo{
	background-image: url(../i/h/11.jpg);
}
.ran12 #logo{
	background-image: url(../i/h/12.jpg);
}
.ran13 #logo{
	background-image: url(../i/h/13.jpg);
}
.ran14 #logo{
	background-image: url(../i/h/14.jpg);
}
.ran15 #logo{
	background-image: url(../i/h/15.jpg);
}
.ran16 #logo{
	background-image: url(../i/h/16.jpg);
}
.inox #logo{
	background-image: url(../i/h/inox.jpg);
}
.panel #logo{
	background-image: url(../i/h/cp.jpg);
}
.spa #logo{
	background-image: url(../i/h/spa.jpg);
}


#blurb .img{
	float: right;
	margin: 7px;
}


.extra{
	position: absolute;
	left: 495px;
	top: 40px;
	width: 250px;
	height: 228px;
	/*background: red url(../i/logobg.gif) center center no-repeat;*/
}
.newspage #cont1 img, .extra .content img{
	display: none;
}
.newspage .postinfo{
	position: static;
	margin-left: 15px;
	font-style: italic;
}
.extra h1{
	font-size: 120%;
	margin: 1em 0 3px;
	padding: 3px 6px;
	background: #444;
	color: #fff;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 100%
}
.extra div p, .extra div h1, .extra div div{
	margin: .8em 6px;
	/*width: 220px;*/
	width: auto!important;
}
.extra div{
	overflow: auto;
	height: 130px;
	font-size: 90%;
}
.extra div h1{
	margin: 0 6px .5em 6px;
	padding: 0;
	color: #444;
	background: transparent;
	text-transform: none;
	font-weight: bold;
	font-size: 130%
}
.extra .postinfo{
	position: static;
	margin: 1em 15px;
	height: auto;
	overflow: visible;
	font-style:italic
}
.extra .postinfo em{
	position: static;
}

h3, h2, p, #newspage .content .newsitem h1{
	margin: 1em 15px;
}
h2, #newspage .content .newsitem h1{
	font-size: 130%!important;
}
#newspage .content .newsitem h1{
	color: #444;
	background: transparent!important;
}
#content, #blurb{
	display: inline;
	float: left;
	width: 590px;
}
#blurb{
	background: white;
}


#content h1{
	font-size: 90%;
	margin: 15px;
	margin-top: 20px;
	background: #444;
	color: white;
	padding: 4px 8px;
	font-weight:normal;
	text-transform: uppercase
}





#nav{
	padding: 20px 0 290px 0;
	background: white url(../i/hand.jpg) no-repeat bottom right;
	width: 170px;	
	clear: both;
	display: inline;
	float: left;
	font-size: 85%;
}
.spa #nav{
	background-image:url(../i/tech.jpg)
}


#nav li{
	border-bottom: 1px solid #fff;
}
#nav ul{
	list-style: none;
	border-top: 1px solid #fff;
	margin: 0 0 0 10px;
	padding: 0;
	text-transform: uppercase;
}
#nav ul a {
	display: block;
	padding: 4px 5px 4px 25px;
}
#nav a:link,#nav a:visited, #contlink a:link, #contlink a:visited{
	text-decoration: none;
	color: #444;
	background: #ebece8;
}
#nav .bignav a, #contlink a{
	padding: 8px 5px 8px 15px;
	background: #ccc;
	border-left: 10px #aaa solid;
}
#nav .bignav a:hover,#nav .bignav a:active, #contlink a:hover, #contlink a:active{
	border-color: #fd2;
}

#nav ul ul a:link, #nav ul ul a:visited{
	padding: 4px 5px 4px 15px;
	background: #ddd;
	border: none;
}

#nav ul ul ul a:link, #nav ul ul ul a:visited{
	background: #555;
	color: white;
}

#nav ul ul .cur a:link, #nav ul ul .cur a:visited{
	border-left: 8px solid #900;
	padding-left: 7px;
}
#nav ul ul .cur ul a:link, #nav ul ul .cur ul a:visited{
	border: none;
	padding-left: 15px;
}
#nav .bignav ul{
	border-top: solid 10px white;
}

#nav .bignav ul ul{
	border-top-width: 1px;
	border-bottom: solid 10px white;
}

#nav a:hover,#nav a:active, #contlink a:hover, #contlink a:active{
	text-decoration: underline;
	color: white;
	background: #222!important;
}

#nav .cur strong{
	display: block;
	border-left: 8px solid #f90;
	padding: 4px 5px 4px 7px;
	color: white;
	background: #008!important;
}





.pdflist{
	margin:0 30px;
	padding:0;
}
.pdflist li{
	padding:0;
	margin:0;
	list-style:none;
	background:url(../i/pdf_o.gif) no-repeat 6px 50%;
}
.pdflist li a{
	display:block;
	padding:15px 7px 15px 37px;
}
.pdflist li a:link,.pdflist li a:visited{
	background:url(../i/pdf.gif) no-repeat 6px 50%;
}
.pdflist li a:hover,.pdflist li a:active{
	background:url(../i/pdf_o.gif) no-repeat 6px 50%;
}

.newsitem h2{
	margin-top: 0;
}

.newsitem{
	clear: both;
	position:relative;
	padding-left: 100px;
	margin: 2em 1em 2.5em 1em;
	overflow: visible;
	height: 1%;
}
.newsitem img{
	margin: 0 1em .5em;
	display: inline;
	float:left;
	border: 2px solid #ccc
}
.postinfo{
	position:absolute;
	left: 5px;
	width: 100px;
	top: 0
}
* html .newsitem{
	margin: 1em 1em 1.5em 1em;
}
.postinfo em{
	position:absolute;
	top:-1.4em;
	right: -460px;
}
.proditem{
	position:relative;
	min-height: 66px;
	padding-left:66px;
	margin: 15px 0;
}
* html .proditem{
	height: 66px;
}
.layout1 #cont1 .prod img{
	border-width: 11px;
	margin-right: 2px;
}
.layout1 #cont1 #details img{
	margin: 0 2px 4px 2px;
	border-width: 5px;
}
.layout2 #details{
	position: absolute;
	top:690px;
	left: 180px;
	width: 297px;
}
#details img{
	border:5px solid #ccc;
}
a:hover img, a:active img{
	border-color: #666!important;
}
.proditem a img{
	position:absolute;
	top: 0;
	border:6px solid #eee;
	left: 1em;
}
#cont2 .proditem a img{
	border-color:#fff;
}
.proditem h2{
	font-size: 100%!important;
	text-transform:uppercase
}
.proditem h2, .proditem p{
	margin:	.3em 15px;
}
.proditem a:link, .proditem a:visited, .proditem a:hover, .proditem a:active{
	color: #630;
}
.proditem a:hover, .proditem a:active{
	text-decoration:none
}

.layout1 .prod img, .layout2 .prod img{
	border: 13px solid #ccc;
	margin: 0 0 15px 15px;
	display: inline;
	float: left;
}
.layout2 #content{
	height: 500px;
}
.layout1 .proddesc{
	clear: left;
}
.layout2 .proddesc{
	display: inline;
	width: 280px;
	float: right;
}

#contlink{
	position: absolute;
	top: 280px;
	left: 493px;
	text-transform:uppercase;
	border: 2px solid white;
	font-weight: bold;
}
#contlink a{
	display: block;
	width: 220px!important;
}
#languageswitcher{
	position: absolute; 
	left: 495px;
	top: 13px;
}
#languageswitcher ul{
	margin: 2px 62px;
	padding: 0;
}
#languageswitcher li{
	background-position:2px 2px;
	float:left;
	list-style:none;
	margin-right:10px;
}
#languageswitcher .it,
#languageswitcher .it *{
	background-image: url(/i/f/it3.gif)
}
#languageswitcher .en,
#languageswitcher .en *{
	background-image: url(/i/f/en3.gif)
}
#languageswitcher .es,
#languageswitcher .es *{
	background-image: url(/i/f/es3.gif)
}
#languageswitcher .fr,
#languageswitcher .fr *{
	background-image: url(/i/f/fr3.gif);
}
#languageswitcher a:link,
#languageswitcher a:visited{
	border-color: #eee;
	background-position: center;
}
#languageswitcher a:hover,
#languageswitcher a:active{
	border-color: #666;
	background: transparent;
}
#languageswitcher a,
#languageswitcher strong{
	border: 2px solid #444;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 18px;
	height: 12px;
	background-position: bottom;
}
#pagefooter{
	padding: 10px;
	background: #ccc;
	clear: both;
	margin-top: 10px;
}
.vcard{
	background: #f8f8f8 url(/i/cont.gif) 16px 50% no-repeat;
	border: 1px solid #dfdfdf;
	margin: 1em;
	padding: 1em;
	padding-left: 115px;
}
.vcard p{
	margin: .3em 0;
}