/* Global Reset */
* {
	margin: 0;
	padding: 0;
	line-height: 15px;
}

.container {
	width: 1100px !important;
}

a {
	color: #fff;
	text-decoration: none;
	outline: none !important;
}

a:hover {
	color: #96bf0f;
	text-decoration: none;
}

a.imgTip:hover {
	color: #fff;
	background-color: #666;
	padding: 3px;
}

body {
	background-color: #dcdcdc;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
}

/* Basic row rules just to clear them properly */
#toprow:before, #middlerow:before, #bottomrow:before,
#toprow:after, #middlerow:after, #bottomrow:after, 
#tworows:before, #tworows-b:before, #tworows-r:before, #threerows-p:before,
#tworows:after, #tworows-b:after, #tworows-r:after, .cols:before, .cols:after,
.col-wrapper:before, .col-wrapper:after,
.col-wrapper:before, .col-wrapper:after, #threerows-p:after {
  display: table;
  content: "";
  line-height: 0;
}

#toprow:after, #middlerow:after, #bottomrow:after,
#tworows:after, #tworows-b:after, #tworows-r:after, #threerows-p:after,
.cols:before, .cols:after
 {
  clear: both;
}

/* Top Row */
#toprow {
	width: 1099px;
}

.logo {
	float: left;
}

.banner {
	float: left;
}

/* Middle Row */
#middlerow {
	overflow: hidden;
}

.intro {
	float: left;
	margin: 3px 3px 0px 0px;
	width: 357px;
	height: 357px;
	background-color: #959595;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.intro h2 {
	padding: 0 14px 0px 0;
	margin: -11px 0 0 -2px;
	color: #dcdcdc;
	font-size: 21pt; 
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

.intro p, .intro ul {
	padding-right: 5px;
	padding-left: 14px;
	padding-top: 5px;
	color: #fff;
	font-size: 11px;
	letter-spacing: 1px;
}

.intro ul li {
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 14px;
}

.certs {
	margin-top: -10px;
	padding-left: 10px;
}

img.cert1 {
	padding-left: 2px;
}

.intro p.ref {
	font-size: 18px; 
	font-family: 'Arial Black', Arial, sans-serif; 
	color: #e8e8e8; 
	margin-left: 168px;
	margin-top: -30px; 
	padding-top: 5px; 
	padding-right: 15px;
}

.intro img.plus.bold {
	margin-left: 324px;
	margin-top: -50px;
}

.intro.navi {
	width: 357px;
    height: 359px;
    background-color: #959595;
    overflow: hidden;
    line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.intro.navid {
	width: 357px;
    height: 359px;
    overflow-y: hidden;
    background-color: #959595;
    overflow: hidden;
    line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}

.box {
	height: auto;
}

.intro.navi ul.unstyled { 
	font-size: 16px; 
	line-height: 13px;
	margin: -1px 0 -1px 0;
	padding: 0;
}

.intro.navi ul.unstyled li.p {
	padding: 8px 0;
	margin: 0 0 -1px 0;
	line-height: 14px;
}

.intro.navi ul.unstyled li.p a {
	color: #fff;
	padding: 6px;
	line-height: 14px;
}

/* Distributors menu only */
.intro.navid ul.unstyled {
	font-size: 16px; 
	line-height: 13px;
	margin: -1px 0 -1px 0;
	padding: 0;
}

.intro.navid ul.unstyled li.pd {
	padding: 8px 0;
	margin: 0 0 -1px 0;
	line-height: 14px;
}

.intro.navid ul.unstyled li.pd a {
	color: #fff;
	padding: 6px;
	line-height: 14px;
}

.intro.navi ul.unstyled li.p.active, .intro.navi ul.unstyled li.p.hover {
	background-color: rgba(209,209,209,0.6)
}

.intro.navid ul.unstyled li.pd {
	padding: 8px 0;
	margin: 0 0 -1px 0;
	line-height: 14px;
}
.intro.navid ul.unstyled li.pd:hover { background-color: #b5b5b5; }

.intro.navid ul.unstyled li.pd a {
	color: #fff;
	padding: 6px;
	line-height: 14px;
}

.intro.navid ul.unstyled li.pd.active, .intro.navi ul.unstyled li.pd.hover {
	background-color: rgba(209,209,209,0.6)
}

/* Distributors container */
#distributors {
    float: right;
    width: 740px;
    height: 836px;
	overflow-y: scroll;
}

#distributors div.col-wrapper {
	width: 720px;
}

#distributors div.col-second {
	width: 300px;
}

/* Distributor panel */
.dist_panel {
    float: left;
    width: 720px;
    height: 155px;
    background-color: #959595;
    margin: 3px 1px 0 0;
    padding: 0;
}

.ecat {
	float: left;
	margin: 3px 0 0 0;
	width: 379px;
	height: 357px;
	background-color: #959595;
	font-size: 11px;
	letter-spacing: 1px;
	color: #fff;
}

.ecat p, .ecat ul.plus li {
	line-height: 160%;
}

.ecat p.first {
	padding-left: 14px;
	padding-right: 14px;
	padding-top: 16px;
}

.ecat p {
	padding-top: 6px;
	padding-bottom: 6px;
	padding-right: 14px;
	padding-left: 14px;
	color: #fff;
}

.ecat ul.plus {
	padding: 0 14px 3px 0;
	list-style: url(../images/plus.png) outside;
	
}

.ecat ul.plus li {
	padding: 0;
	margin: 0;
	line-height: 15px;
}

.ecat h3.top.ec a, .ecat h3.bottom.config a {
	color: #dcdcdc;
}

.ecat h3.top.ec a:hover, .ecat h3.bottom.config a:hover {
	color: #97bf0f;
}

.ecat h3.top.ec {
	margin: -15px 0px 0px 30px; 
	color: #dcdcdc; 
	font-weight: normal; 
	letter-spacing: 1px;	
}

.ecat h3.bottom.config {
	margin: 30px 0px 0px 30px; 
	color: #dcdcdc; 
	font-weight: normal; 
	letter-spacing: 1px;
}

#tworows {
	width: 177px;
	height: 354px;
	float: left;
	margin: 3px 3px 0px 0px;
}

#tworows-r {
	float: left;
	width: 177px;
	height: 354px;
	margin: 0 3px 0 0;
	clear: right;
}

.contact, .language, .access_plan {
	width: 177px;
	height: 177px;
}

.access_plan {
	float: left;
	margin-right: 3px;
        background: #959595;
	cursor: pointer;
}

.language {
	/* ORIGINAL
        background-color: #96bf0f;
        */
	margin-top: 3px;
}

.language ul.lang, .homenavi-four ul.lang {
	display: inline;
	list-style: none;
	margin-bottom: 5px;
	margin-top: 130px;
	margin-right: 5px;
	float: right;
	font-size: 18pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.language ul.lang li.en, .language ul.lang li.fr, .homenavi-four ul.lang li.en, .homenavi-four ul.lang li.fr {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 0;
}

.language ul.lang li.active, .homenavi-four ul.lang li.active {
	background: #96bf0f url(../images/caret.png) top no-repeat;
	color: #fff;
	opacity: 1;
	outline: none;
}

.language ul.lang li a, .homenavi-four ul.lang li a {
	padding: 0;
	outline: none;
}

.language ul.lang a:hover, .homenavi-four ul.lang a:hover {
	text-decoration: none;
	color: #fff;
}

/* This is the corresponding page for the language box in the products page */
ul.lng {
	display: inline-block;
	list-style: none;
	margin-bottom: 0;
	margin-top: 50px;
	margin-right: -10px;
	width: 90%;
	float: right;
	font-size: 14pt;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 13px;
}

ul.lng li.en, ul.lng li.fr {
	float: left;
	padding: 5px 7px 7px 7px;
	margin-right: 0;
}

ul.lng li.active {
	background: #96bf0f url(../images/caret2.png) top no-repeat;
	color: #fff;
	opacity: 1;
	outline: none;
}

ul.lng li a {
	padding: 0;
	outline: none;
}

ul.lng a:hover {
	text-decoration: none;
	color: #fff;
}

.info {
	width: 177px;
	height: 177px;
	margin-top: 180px;
	margin-bottom: -1px;
	background-color: #959595;
	cursor: pointer;
}

.info h3 {
	position: relative;
	margin: 0;
	top: -13px;
	left: -6px;
	padding: 0;
	color: gainsboro;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 14pt;
}

div.reseau {
	position: relative;
	display: inline;
	margin: 0;
	top: 44px;
	left: -3px;
	right: -2px;
	padding: 0;
	color: gainsboro;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 25px;
	letter-spacing: .9px;
}

/* Bottom Row */
#tworows-b {
	float: left;
	width: 357px;
	height: 336px;
	margin: 3px 0px 0px 0px;
}

#threerows-p {
	float: left;
	width: 357px;
	height: 405px;
	margin: 3px 0px 0px 0px;
}
	
#slides {
	width: 177px;
	height: 177px;
	margin-top: 0;
	background-color: #eee;
	float: left;
}

/* Product images slideshow */
.slides_container {
	height: 177px;
	width: 177px;
	text-align: center
}

.slides_container div img {
}

#slides a.prev, #slides a.next {
	display: none;
	}
	
#slides a.next {
	padding-left: 13px;
}

#slides a.prev:hover, #slides a.next:hover {
	color: green;
	text-decoration: none;
}

a.pre {
	background: transparent url(../images/previous.png) top center no-repeat;
	display: block;
	position: absolute;
	width: 24px;
	height: 24px;
	top: 409px;
	margin-left: 360px;
}

a.nex {
	background: transparent url(../images/next.png) top center no-repeat;
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	top: 409px;
	margin-left: 1075px;
}

a.pre span, a.nex span {
	display: none;
}

div.p {
	position: absolute;
	top: 565px;
	margin-right: 580px;
	z-index: 100;
}

ul.pagination {
    float: left;
    list-style: none outside none;
    margin-top: -251px;   
    width: 150px;
    padding-left: 5px;
}
ul.pagination li {
    float: left;
    list-style: none outside none;
    margin: 0 1px;
}
ul.pagination li a {
    background-image: url("../images/pagination.png");
    background-position: 0 0;
    display: block;
    float: left;
    height: 0;
    overflow: hidden;
    padding-top: 13px;
    width: 13px;
}
ul.pagination li.current a, .pagination li.current a:hover {
    background-position: 0 -12px;
}
ul.pagination li a:hover {
    background-position: 0 -25px;
    text-decoration: none;
    }

 /* news sliders */
.slideshowh {
	width: 357px;
	height: 111px;
	background: #959595;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 0 !important;
}

.slideshowh ul.pagination {
	visibility: hidden;
}

.slideshowh .slideshow_wrapper .slides_control p {
    width: 320px;
    text-align: justify;
}
.slideshow {
	width: 357px;
	height: 111px;
	background: #959595;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-top: 3px;
}

.slideshow_wrapper {
	width: 320px;
	height: 111px;
	margin: auto;
	padding-top: 15px;
	font-size: 11px;
	letter-spacing: 1px;
}

.slideshow .next {
	background: transparent url(../images/next.png) top center no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 631px;
	margin-left: 320px;
}

.slideshow .prev {
	background: transparent url(../images/previous.png) top center no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 628px;
	margin-left: 10px;
}

.slideshow a:hover {
	text-decoration: none;
}

.slideshow ul.pagination {
	visibility: hidden;
}

.slideshow .slideshow_wrapper .slides_control p {
    width: 320px;
    text-align: justify;
}

.slideshow .news {
	position: absolute;
	top: 791px;
	margin-left: -4px;
	color: #dcdcdc;
	font-size: 34pt; 
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

.slideshow.d .newsd {
	position: absolute;
	top: 575px;
	margin-left: -4px;
	color: #dcdcdc;
	font-size: 34pt; 
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

.slideshow.d .next {
	background: transparent url(../images/next.png) top center no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 600px;
	margin-left: 320px;
}

.slideshow.d .prev {
	background: transparent url(../images/previous.png) top center no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	top: 596px;
	margin-left: 10px;
}

.confi-cat {
	width: 357px;
	height: 177px;
	background-color: #dcdcdc;
}

.homenavi {
	width: 357px;
	height: 168px;
	margin-top: 3px;
	background-color: #dcdcdc;
}

.confi-cat .confi p.con {
	font-size: 26px; 
	color: #dcdcdc; 
	padding-left: 0;
	font-size: 35px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
}

.confi-cat .confi p.threedconf {
	display:none;
	margin-top: 18px; 
	font-size: 66px; 
	color: #a8ad97; 
	font-weight: bold; 
	font-family: 'Arial Black', Helvetica, sans-serif; 
	padding-left: 5px;
}

.confi-cat .cat p.threedcat {
	display: none;
	text-align: right; 
	padding: 0; 
	font-size: 66px; 
	color: #a8ad97; 
	font-weight: bold; 
	font-family: 'Arial Black', Helvetica, sans-serif; 
	padding-right: 5px;
}

.confi-cat .cat p.ec {
	font-size: 33px; 
	color: #dcdcdc; 
	font-family: 'Arial Black', Helvetica, sans-serif; 
	margin-left: -4px;
}

.homenavi-menu {
	float: left; 
	width: 357px; 
	height: 82px; 
	margin-right: 3px; 
	margin-bottom: 3px;
	background-color: #959595;
}

.homenavi-row {
	width: 357px; 
	height: 177px; 
	background-color: #dcdcdc;
}

div.selecteur, div.ecatalogue { background-color: #959595 }
.homenavi-one, .homenavi-two, .homenavi-three, .confi, .cat, .pcol, .fcol {cursor: pointer}
.homenavi-one:hover, .homenavi-two:hover, .homenavi-three:hover, .confi:hover, .cat:hover, .pcol:hover, .fcol:hover, div.selecteur:hover, div.ecatalogue:hover { background-color: #b5b5b5; color: white }
.vertical { background: none }

div.contentcatalog { position: absolute; background-color: #959595; height: 803px; width: 708px; margin: 153px 0 0 361px; padding: 15px; font-size: 12px; overflow-y: scroll; }
div.contentcatalog label { display: inline; font-size: 12px }
div.navcat { width: 327px; height: 329px; padding: 15px; overflow-y: hidden; background-color: #959595; overflow: hidden; line-height: 15px; }
#count { display: inline }

#x3dframe { position: absolute; width: 100%; height: 100%; overflow: hidden; background:url(../images/bk_x3d.png) repeat; z-index: 999; display: none }

/******* X3DOM ********/
X3D,x3d{position:fixed;float:left;cursor:pointer;border:none;width:100%;height:100%;overflow:hidden;margin:0;padding:0;margin-top: 30px}
#x3delement object{border:none;z-index:0;width:100%;height:100%;margin:0;padding:0;}
X3D:hover,x3d:hover,.x3dom-canvas:hover{-webkit-user-select:none;-webkit-touch-callout:none;}
.x3dom-canvas{border:none;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0;margin:0;padding:0;}
.x3dom-canvas:focus{outline:none;}
.x3dom-progress{left:5px;top:3px;position:absolute;color:#000;font-family:Helvetica, sans-serif;line-height:10px;font-size:12px;min-width:45px;min-height:20px;border:0;background-position:4px 4px;background-repeat:no-repeat;z-index:100;background-image:url(data:image/gif;base64,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);margin:0;padding:6px 8px 0 26px;}
.x3dom-progress.bar span{position:absolute;left:0;top:0;line-height:20px;background-color:red;}
.x3dom-statdiv{right:10px;top:10px;position:absolute;color:#0f0;font-family:Helvetica, sans-serif;line-height:10px;font-size:10px;width:75px;height:70px;border:0;margin:0;padding:0;}
.x3dom-touch-marker{display:inline;border-radius:10px;position:absolute;font-family:Helvetica, sans-serif;line-height:10px;font-size:10px;border:1px solid green;z-index:100;width:60px;padding:5px;}
.x3dom-nox3d{font-family:Helvetica, sans-serif;font-size:14px;background-color:#eb7a7a;opacity:0.75;padding:1em;}
.x3dom-nox3d p{color:#fff;font-size:14px;}
.x3dom-nox3d a{color:#fff;font-size:14px;}
.group:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#x3delement { font-size: 12px; }
#x3delement h2 { text-transform: uppercase; width: 100%; font-size: 16px; color: #868585; margin-bottom: 15px; margin-top: 0; background: url(../images/bk_titre.png) repeat-x bottom; text-shadow: 1px 1px 1px #FFF; }
#x3delement .view, #x3delement .anim { width: 100%; margin-bottom: 12px; height: 25px }
#x3delement .mouse { width: 100%; margin: 0 0 18px 0; height: 25px }
#x3delement .view > div, #x3delement .mouse > div, #x3delement .anim > div { width: 25px; height: 25px; float: left; padding-right: 0; margin: 0px 2px; cursor:pointer; background-image:url('../images/sprite_x3d.png'); background-repeat: no-repeat }
#x3delement .view .front { background-position: -150px 0  }
#x3delement .view .back { background-position: -120px 0 }
#x3delement .view .top { background-position: 0 0 }
#x3delement .view .right { background-position: -30px 0 }
#x3delement .view .bottom { background-position: -60px 0 }
#x3delement .view .left { background-position: -90px 0; }
#x3delement .view .zoomIn { background-position: 0 0 }
#x3delement .view .zoomOut { background-position: 0 0 }
#x3delement .view .zoomReset { background-position: -180px 0 }
#x3delement .mouse .mouse1 {background-position: -270px 0; width: 35px; margin-right: 13px }
#x3delement .mouse .mouse2 {background-position: -310px 0; width: 35px; margin-right: 12px }
#x3delement .mouse .mouse3 {background-position: -350px 0; width: 35px; }
#x3delement .anim .anim1 {background-position: 0 -30px; }
#x3delement .anim .anim2 {background-position: -30px -30px; }
#x3delement .anim .anim3 {background-position: -60px -30px; }
#x3delement .col_right { position: absolute; top: 30px; right: 20px; z-index: 998 }
#x3delement .col_left { position: absolute; top: 30px; left: 20px; z-index: 997 }
#x3delement .navigation, #x3delement .panel_detail, #x3delement .panel_compo { cursor:default;  z-index: 97; width: 206px; margin-bottom: 20px; color: #222; text-align: left; background: #e1e1e1; background: -webkit-gradient(linear,left top,left bottom,from(#e7e7e7),to(#dbdbdb)); background: -moz-linear-gradient(top,#e7e7e7,#dbdbdb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7',endColorstr='#dbdbdb'); padding: 12px; border: 1px solid #959494; -moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px; -webkit-box-shadow: 2px 2px 6px #CCC; -moz-box-shadow: 2px 2px 6px #CCC; -ms-box-shadow: 2px 2px 6px #CCC; -o-box-shadow: 2px 2px 6px #CCC; box-shadow: 2px 2px 5px #CCC; }
#x3delement .panel_compo { width: 250px }
#x3delement .navigation .drag { position: absolute; right: 5px; top: 4px; cursor:pointer }
#x3delement .navigation .animation { margin: 0; display: none }
#x3delement #detail { width: 100% }
#x3delement #detail ul { clear: both; list-style-type: none; margin: 20px 0 10px 0; padding: 0; }
#x3delement #detail li { padding: 2px 0 }
#x3delement .panel_detail { display: none; position: relative }
#x3delement .panel_detail #close_detail { position: absolute; right: 2px; top: 2px; width: 16px; height: 16px; background: url(../images/close_2.png) no-repeat; cursor: pointer; opacity:.6;-moz-opacity:.6;-ms-filter:"alpha(opacity=60)";filter:alpha(opacity=60); }
#x3delement .panel_detail #close_detail:hover { opacity:1;-moz-opacity:1;-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100); }
#x3delement #compo { width: 100% }
#x3delement #compo ul { clear: both; list-style-type: none; margin: 20px 0 10px 0; padding:0; }
#x3delement #compo li { padding: 2px 0 2px 2px }
#x3delement #compo li:hover { background-color: #d1d1d1 }
#x3delement #compo li a.ext_topprt { color: #484848; text-decoration: none; display: block; background: url(../images/topprt.png) left center no-repeat; padding-left: 20px; }
#x3delement img.loading { border: none; position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px }
#close_x3d { width: 100%; margin: 0; position: absolute; z-index: 99; text-align: center; padding: 8px 0; text-shadow: 1px 1px 1px #FFF; font-weight: bold; color: #222; background: #e1e1e1; background: -webkit-gradient(linear,left top,left bottom,from(#e7e7e7),to(#dbdbdb)); background: -moz-linear-gradient(top,#e7e7e7,#dbdbdb); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7',endColorstr='#dbdbdb'); border-bottom: 1px solid #959494; -webkit-box-shadow: 2px 2px 6px #CCC; -moz-box-shadow: 2px 2px 6px #CCC; -ms-box-shadow: 2px 2px 6px #CCC; -o-box-shadow: 2px 2px 6px #CCC; box-shadow: 2px 2px 5px #CCC; cursor: pointer }

UL.jqueryXmlTree {font-family:Verdana, sans-serif;font-size:14px;line-height:18px;margin:0;padding:0;}
UL.jqueryXmlTree LI {list-style:none;white-space:nowrap;margin:0;padding:0; padding-left: 10px;}
UL.jqueryXmlTree IMG {float:right}
UL.jqueryXmlTree A {color:white ;text-decoration:none;display:block;width:100%;padding:6px 1px}
UL.jqueryXmlTree a:hover {background-color: #b5b5b5;}
UL.jqueryXmlTree a.root {font-weight: bold;}
.jqueryXmlTree LI.file{background:url(../images/file.png) left top no-repeat}
.jqueryXmlTree LI.family {background:url(../images/ecat-dash.png) left center no-repeat;padding-left:20px; font-style: italic}

ul.family{margin:0;padding:0 10px;}
ul.family img{border:none;}
ul.family li{border-bottom:1px solid #c6cccf;color:#484848;font-size:12px;list-style:none;padding:10px 3px;position: relative; background: #959595; background: -moz-linear-gradient(top,  #959595 60%, #bdbcbc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#959595), color-stop(100%,#bdbcbc)); background: -webkit-linear-gradient(top,  #959595 60%,#bdbcbc 100%); background: -o-linear-gradient(top,  #959595 60%,#bdbcbc 100%); background: -ms-linear-gradient(top,  #959595 60%,#bdbcbc 100%); background: linear-gradient(to bottom,  #959595 60%,#bdbcbc 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#bdbcbc',GradientType=0 ); }
ul.family li .bt_detail{ position: absolute; left: 70px; top: 12px }
ul.family li .bt_detail span { font-size: 8px }
ul.family li div.detail { position: absolute; bottom: 3px; right: 3px; }
ul.family li div.detail small{font-size:8px; text-decoration: none; margin-left: 15px}
ul.family li div.detail span{font-size:8px; margin: 0; padding: 0}
ul.family li td.left { border-left: 1px solid #c6cccf; padding-left: 8px }
ul.family li td.download { padding-top: 6px }
ul.family li td.download a.link { display: block; font-size: 10px; color: #484848; font-style: italic; line-height: 12px }
ul.family li td.description span { font-size: 11px; }
ul.family li small{color:#fff;font-family:Verdana,sans-serif;font-size:11px; text-decoration: underline }
ul.family li a.icone{background:url(../images/icone_catalog_sprite.png) no-repeat;float:left;height:25px;width:25px;margin-right: 3px}
ul.family li a.icone:hover{background-position-y:-25px;}
ul.family li a.dwg{background-position:-25px 0;}
ul.family li a.dxf{background-position:-75px 0;}
ul.family li a.igs{background-position:-100px 0;}
ul.family li a.pdf{background-position:-175px 0;}
ul.family li a.sat{background-position:-150px 0;}
ul.family li a.stp{background-position:-125px 0;}
ul.family li a.x_b{background-position:0 0;}
ul.family li a.x_t{background-position:-50px 0;}
ul.family li img{border:none; margin-top:8px;}
ul.family li table{empty-cells:show;text-align:left;margin:0 auto 0 auto;padding:0;}

.homenavi-one, .m {
	float: left; 
	width: 177px; 
	height: 177px; 
	margin-right: 3px; 
	margin-bottom: 1px; 
	background-color: #959595;
	cursor: pointer;
}

.homenavi-two {
	display: none;
	float: left; 
	width: 87px; 
	height: 82px; 
	margin-right: 3px;
	margin-bottom: 1.5px; 
	background-color: #959595;
}

.homenavi-three {
	display: none;
	float: left; 
	width: 87px; 
	height: 82px; 
	margin-right: 3px; 
	margin-bottom: 1px; 
	background-color: #959595;
}

.s {
	width: 177px; 
	height: 177px; 
	margin-top: 3px; 
	background-color: #959595;
	cursor: pointer;
}

.homenavi-four {
	float: left; 
	width: 177px; 
	height: 177px; 
	margin-right: 0; 
	margin-bottom: 1px; 
	/* ORIGINAL
        background-color: #96bf0f;
        */
}

.navmen {
	margin-left: -6px;
	font-size: 34pt; 
	letter-spacing: 1px; 
	padding-left: 3px;
	padding-bottom: 3px;
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	color: gainsboro;
}

.confi {
	float: left; 
	width: 177px; 
	height: 177px; 
	margin-right: 3px;
	background-color: #959595;
}

.cat {
	float: left; 
	width: 177px; 
	height: 177px;
	background-color: #959595;
}

.specs {
	float: left;
	margin: 3px 0px 3px 3px;
	background-color: #959595;
	width: 739px;
	height: 470.5px;
}

.products {
	float: left;
	background-color: #959595;
	width: 738px;
	height: 471px;
}

.products_container {
	float: left;
	margin: 3px 0 0 3px;
	background-color: #959595;
	width: 739px;
	height: 471px;
}

.products h2 {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 38pt;
	color: #dcdcdc;
	margin-top: -4px;
	margin-left: -4px;
	padding-top: 0;
	padding-left: 0;
	float: left;
}

.ins {
	position: absolute;
	top: 960px;
}

.insinner {
	position: relative;
	top: 0;
	left: 200px;        
}

.products p.sec {
	float: right; 
	color: #FFFFFF; 
        padding-right: 6px;
	font-style: italic;
	font-size: 20px;
        margin-top: 0;
}

.cols {
	margin: 40px auto;
	padding-top: 30px;
	padding-left: 8px;
	width: 700px;
	line-height: 10px;
}

.col1 {
	float: left;
	width: 310px;
	padding: 0;
	margin-top: 30px;
}

.col2, .col3 {
	float: left;
	width: 250px;
}

.col2 {
	padding-left: 0;
	margin-left: 0;
	margin-top: 30px;
}

.col2, .col3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
}

.col2  {
	padding-right: 15px;
}

.col3  {
	padding-left: 12px;
	margin-top: 30px;
}

.col1 ol li a, .col2 ol li a, .col3 ol li a {
	padding: 3px;
}

.col1 ol {
	font-family: "Arial Black", Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #fff;
	font-weight: bold;
	text-align: right;
	padding-right: 50px;
}

.col1 ol li {
	padding-bottom: 6px;
}

.col1 ol li a {
	color: #fff;
}

.col1 ol li a.active {
	color: #96bf0f;
}

.col1 ol li a:hover {
	color: #96bf0f;
	text-decoration: none;
}

.col2 ol li a, .col3 ol li a {
	color: #fff;
}

.col2 ol li a:hover, .col3 ol li a:hover {
	color: #fff;
	text-decoration: none;
}

.row1, .row2 {
	float: left;
	width: 739px;
	height: 173px;
	background-color: #959595;
	margin: 3px 1px 0 0;
	padding: 0;
}

.row3, .row4, .row5 {
	float: left;
	width: 739px;
	height: 178px;
	background-color: #959595;
	margin: 3px 1px 0 3px;
	padding: 0;
}

.empty {
	float: left;
	width: 739px;
	height: 323px;
	background-color: #959595;
	margin: 3px 1px 0 3px;
	padding: 0;
}

.photo {
    float: left; 
    width: 183px; 
    height: 183px; 
    margin-left: 0; 
    margin-right: 3px;
    background-color: #959595;
}

img.sub_product {
	margin: auto;
}

.photo:hover {
	background-color: #b5b5b5;
}

.photo.activee {
	background-color: #b5b5b5;
}

.activ {
	background-color: #b5b5b5;
}

#sub_product {
	overflow-y: auto;
	overflow-x: hidden;
}

#sub_product h2 {
	color: #fff;
	margin: 5px;
	padding-top: 10px;
	margin-left: 20px;
	line-height: 22px;
	font-size: 18px;
	font-weight: normal;	
}

#sub_product p {
	width: 700px;
	font-size: 11px;
	color: #fff;
	margin-top: 0;
	margin-left: 20px;
	line-height: 18px;
	letter-spacing: 1px;
}

#sub_product p:first-child {
	margin-top: 25px;
}

#sub_product h4 {
	margin-top: 18px;
	text-transform: uppercase;
	margin-left: 20px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

input[name="btn_download"] {
	padding: 4px 4px 0 4px !important;
	margin-bottom: -4px;
	font-size: 11px !important; 
	color: #fff !important; 
	background: transparent !important; 
	border: 0 !important; 
	font-weight: 200;
	letter-spacing: 1px;
}

.t:hover {
	color: #96BF0F;
}

select {
	margin-left: 10px;
	font-size: 12px;
	width: 220px;
	background-color: #e8e8e8;
}

#sub_product ul {
	margin-left: 20px;
	margin-top: 0;
	font-size: 11px;
	letter-spacing: 1px;
}

#sub_product ul li {
	line-height: 18px !important;
	color: #fff;
}

.mw {
	position: absolute;
	top: 880px;
	
}

.col-wrapper {
	margin: auto;
	padding-top: 0;
	width: 730px;
	line-height: 10px;
	background: transparent;
}

.col-wrapper.fixed {
	display: table;
	position: relative;
	top: 0;
	left: 0;
}

.col-first {
	float: left;
	width: 330px;
	height: 155px;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 5px;
	letter-spacing: 1px;
}

.col-second {
	float: right;
	width: 370px;
	height: 155px;
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	vertical-align: middle;
	letter-spacing: 1px;
}

.col-firstp {
	float: left;
	width: 350px;
	height: auto;
	font-size: 12px;
	padding-left: 0;
	padding-top: 5px;
}

.col-firstp.fixed {
	float: left;
	width: 330px;
	height: auto;
	font-size: 12px;
	padding-left: 10px;
	padding-top: 0;
	margin-top: 15px;
}

h4.fixedheading {
	font-size: 12px !important;
	color: #d0d0d0 !important; 
	margin-left: 10px !important;
}

.col-secondp {
	float: right;
	width: 350px;
	height: auto;
	font-size: 12px;
	padding-right: 5px;
	padding-left: 15px;
	padding-top: 5px;
}

.col-secondp.fixed {
	float: right;
	width: 340px;
	height: auto;
	font-size: 12px;
	padding-right: 0;
	padding-left: 15px;
	padding-top: 0;
	margin-left: 15px;
	margin-top: 15px;
}

.col-firstp p, .col-secondp p, 
.col-firstp p:first-child, .col-secondp p:first-child {
	margin-top: 0 !important;
	padding-top: 0 !important;
	max-width: 330px;
}

.col-second img {
	vertical-align: baseline;
}

.col-second ul {
	padding: 5px 0;
}

.col-second ul li {
	padding: 0;
	margin: 0;
	line-height: 16px;
}

ul.unstyled.tp {
	padding-top: 0;
}

ul.unstyled.pi {
	display: inline;
	margin: auto;
}

ul.unstyled.pi li {
	float: left;
	padding-right: 3px;
}

.cp {
	position: absolute;
	top: 990px;
}

.cpinner {
	position: relative;
	top: 0;
	left: 0;
}

p.copyright {
	color: #888;
	font-size: 12px;
	padding: 5px 0px 2px 0px;
}

p.copyrightd {
	color: #888;
	font-size: 12px;
	padding: 3px 0px 2px 0px;
	margin-top: 0;
	float: left
}

p.copyright a, p.copyrightd a {
	color: #888;
}

p.copyright a:hover, p.copyrightd a:hover {
	color: #999;
}

/* The green class is appended by jQuery and defined here */
.bkgrd_green {
    background-color: #96bf0f;
} 

.bkgrd_green.activ {
    background-color: #82a50d;
    
}

.green {
	color: #96bf0f;
}

.grey {
	background-color: #b5b5b5;
}

.bottom {
	padding-bottom: 0;
	margin-bottom: 0;
}

.top {
	padding-top: 0;
	margin-top: 0;
}

.top-more {
	padding-top: 30px;
}

.height {
	line-height: 12px;
}

.right {
	text-align: right;
	padding-right: 14px;
}

.clear {
	clear: both;
}

.rt p, .rt1 p {
	line-height: 150%;
}

.pcol, .fcol {
	float: left;
	width: 177px; 
	height: 177px; 
	background-color: #959595;
	cursor: pointer;
}

.pcol {
	margin-right: 3px;
	margin-top: 3px;
	margin-bottom: -1px;
}

.pcol.clicked1, .fcol.clicked1, .contact.clicked1, .access_plan.clicked1 {
	background-color: #b5b5b5;
}

.pcol.activ, .fcol.activ, .contact.activ, .access_plan.activ {
	background-color: #b5b5b5;
}

.specs {
	color: #d0d0d0;
	
}

div.infowindow, div.infowindow > a {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 12px;
    line-height: 16px;
    color: #7D7D7D;
    font-weight: 700;
    text-align: right;    
}

div.infowindow > h2 {
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    line-height: 16px;
    color: #7D7D7D;
    font-weight: 700;
    text-align: right; 
    float: right;
    margin: 0px;
}

li.sub-category {
    font-style: italic;
    font-weight: bold;
    cursor: pointer;
}

li.sub-category:after {
    content: "++";
    font-weight: bolder;
    font-style: normal;
    color: #96bf0f;
}

.intro.navi ul.unstyled li.p.sub-item:before {
    content: "-";
}
.intro.navi ul.unstyled li.p.sub-item {
    margin-left: 20px;
}

.products ol.unstyled li.sub-item:before {
    content: "-";
}
.products ol.unstyled li.sub-item {
    margin-left: 12px;
}

.bkgrd_white {
    background-color: #ffffff;
}

.justify {
    text-align: justify;
}

.no_padding {
	padding: 0 0 0 0 !important;
}