/* links */
a.goto {
	background:url(../img/goto.png) no-repeat;
	font-weight:bold;
	line-height:16px;
	height:16px;
	display:block;
	padding:0 0 0 21px;
}

a.more {
	background:url(../img/more.png) no-repeat;
	font-weight:bold;
	line-height:16px;
	height:16px;
	display:block;
	padding:0 0 0 21px;
}
/* home */
div.home div#content img {
	border:0 none;
}
div.home div#content div.frame {
	background:url(../img/home_spotlight-trans.png) no-repeat #e8e7e5;
	background-color:#e8e7e5;
	border:1px solid #e8e7e5;
	margin:10px 0 0 0;
/*	height:262px;*/
}
div.home div#content div.image, div.home div#content div.video {
	float:left;
	width:280px;
	overflow:hidden;
	margin:10px 0 10px 0;
}
div.home div#content div.description, div.home div#content div.ranges {
	float:left;
	width:260px;
	margin:10px 0 10px 20px;
	overflow:hidden;
}
div.home div.box a.goto {
	margin:10px 0 0 0;
}
div.home div.box table {
	width:305px;
}
div.home div.box thead h2 {
	font-size:131%;
	left:-3px;
	margin:0;
	position:relative;
	top:10px;
}
div.home div.box tbody td {

}

div.home div#wide {
	margin-top:20px;
}
div.home div#wide div.frame {
	/*background:url(../img/home_news.png) no-repeat left bottom;*/
	height:140px;
	position:relative;
	/*width:906px;*/
	width:590px;
}
div#mascot {
  position:absolute;
  left:0;
  bottom:0;
  height:100%;
}
div.home div#wide ul {
	margin:10px 0 0 120px;
}
div.home div#wide li {
	float:left;
	/*width:255px;*/
	width:230px;
	height:115px;
}
div.home div#wide li h3 {
	background:url(../img/list.png) 0 3px no-repeat;
	padding-left:15px;
	margin:0 0 5px 0;
}
div.home div#wide li div.image {
	background:url(../img/home_article_bg.png) no-repeat;
	float:left;
	width:70px;
	height:90px;
	overflow:hidden;
}
div.home div#wide li div.showcase div.image {
	background:url(../img/home_showcase_bg.png) no-repeat;
}
div.home div#wide li div.showcase div.description p {
	white-space:nowrap;
}
div.home div#wide li div.image img {
	margin:5px 0 0 5px;
	width:50px;
}
div.home div#wide li div.description {
	float:left;
	height:65px;
	line-height:16px;
	width:145px;
	overflow:hidden;
	font-size:85%;
}
div.home div#wide .showcase div.description {
	width:160px;
}
div.home div#wide li div.description * {
	font-size:93%;
}
div.home div#wide li a.more {
	float:left;
	font-size:93%;
	margin:5px 0 0 0;
}
div#wide table.news {
	float:left;
}

/* home : catalogue */
div#wide table.catalogue {
	float:right;
}
div#wide table.catalogue div.frame {
	width:269px;
	background:0 none;
	background-color:#edeae4;
	padding:0;
	height:160px;
}
table.catalogue div#minibook {
	width:215px;
	margin:0 auto;
	height:100%;
}

/* archives */
div.archives div.article {
	width:540px;
	margin:20px 0;
}
div.archives div.article div.thumbnail {
	width:102px;
	height:102px;
	overflow:hidden;
	float:left;
}
div.archives div.article div.info {
	float:right;
	width:410px;
}
div.archives div.article div.info.nothumb {
	float:none;
}

/* article */
div.archive div.article {
	width:680px;
	margin:20px 0;
}
div.archive div.article div#photos {
	width:280px;
	overflow:hidden;
	float:left;
	border:1px solid #ccc;
}
div.archive div.article div.thumbnail ul {

}
div.archive div.article div.thumbnail table td {
	text-align:center;
	vertical-align:middle;
	width:280px;
	height:280px;
}
div.archive div.article div.thumbnail img {
/*	margin:20px 0;*/
}
div.archive div.article div.text {
	float:right;
	width:380px;
}

/* announcements */
div.announcements div.article {
	width:540px;
	margin:20px 0;
}
div.announcements div.article div.thumbnail {
	width:102px;
	height:100px;
	overflow:hidden;
	float:left;
}
div.announcements div.article div.info {
	float:right;
	width:410px;
}

/* showcases */
div.showcases p.sort img {
	vertical-align:middle;
}
div.showcases p.sort a {
	text-transform:uppercase;
}
div.showcases p.sort a.selected {
	font-weight:bold;
}
div.showcases table {
	width:685px;
	margin:10px 0;
	border-bottom:1px solid #cacaca;
}
div.showcases table tr {
	height:20px;
	line-height:20px;
}
div.showcases table tbody tr {
	line-height:14px;
}
div.showcases table tr.border {
	border-top:1px solid #cacaca;
}
div.showcases table tr.gradient {
	/*background-color:#f2f2f2;*/
	height:38px;
	line-height:18px;
	background:url(../img/gradient_row.png) repeat-x;
}
div.showcases table th {
	background-color:#dbdbdb;
	font-weight:normal;
	text-align:left;
}
div.showcases table td, div.showcases table th {
	padding:4px;
}
div.showcases table td.name {
	font-weight:bold;
	width:150px;
}
div.showcases table td.date {
	width:120px;
}
div.showcases table td.description {
	font-size:93%;
}

/* ranges */
div.ranges div.range {
	border:1px solid #9dabb9;
	float:left;
	width:150px;
	height:185px;
	margin:0 15px 15px 0;
}
div.range table {
	width:150px;
}
div.range tr td {
	text-align:center;
}
div.range tr.title td {
	text-align:left;
}
div.range tr.title, div.range tr.title td {
	vertical-align:middle;
	height:45px;
}
div.range tr.title h2 {
	margin:5px 5px 0 10px;
}
div#content img {
	border:1px solid #d1d1d1;
}
/*
div.ranges div.range h2 {
	margin:10px 0 5px 10px;
}
div.ranges div.thumbnail {
	text-align:center;
}

div#content img {
	border:1px solid #d1d1d1;
}
div#content ul.tabs img, div#content div.view img {
	border:0 none;
}
*/
/* range */
div.range-info ul.tabs a {
	font-weight:bold;
}
div.range-info h1, div.range-info h1 a {
	font-size:116%;
}
div.range-info h1 span {
	background-color:#fff;
	margin:0 5px 0 -15px;
	height:17px;
	width:17px;
	float:left;
}
div.range-info h2 {
	font-size:146.5%;
	text-transform:uppercase;
}
div.range-info div.thumbnail {
	float:left;
	width:250px;
}

div.range-info div.text {
	float:left;
	width:450px;
}
div.range-info div.text li {
	list-style-type:disc;
}

div.range-info ul.products {
	float:left;
	width:170px;
}
div.range-info ul.products li {
	margin:0 0 5px 0;
}

div.range-info a.download {
	background:url(../img/download.png) no-repeat;
	font-weight:bold;
	line-height:17px;
	height:17px;
	display:block;
	padding:0 0 0 20px;
}
div.range-info div.table {
	float:right;
}

hr.gradient {
	height:2px;
	line-height:2px;
	width:570px;
	background:url(../img/hr_gradient-trans.png) no-repeat;
	margin:2px 0 10px -15px;
	text-align:left;
}

hr.gradient.thin {
	height:1px;
	line-height:1px;
	margin:10px 0;
	background-color:#cacaca;
}

hr.separator {
	background-color:#e6d8c5;
	height:1px;
	line-height:1px;
	margin:0 0 10px -15px;
	width:730px;
}

/* tabs */
ul.tabs {
	margin:10px 0 0 0;
	border-bottom:1px solid #ccc;
	height:35px;
}
ul.tabs li {
	float:left;
	display:inline-block;
	/*width:133px;*/
	height:28px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin:6px 3px 0 0;
}
ul.tabs li a {
	display:block;
	height:28px;
	line-height:28px;
	margin:0 6px 0 10px;
}
ul.tabs li.selected {
	border:0 none;
	border-bottom:1px solid #fff;
	margin:0;
	width:139px;
	height:35px;
	border-left:1px solid #ccc;
	background:url(../img/tabs/selected.png) no-repeat;
	_background:none;
	_border-top:1px solid #ccc;
	_border-right:1px solid #ccc;
	_margin:0 3px -2px 0;
}
ul.tabs li.selected a {
	height:35px;
	line-height:35px;
	margin:0 0 0 14px;
}
ul.tabs li.selected img {
	margin:5px 0 0 0;
}
div.view {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
}

/* texts */
div.text div.thumbnail {
	width:280px;
	overflow:hidden;
	float:left;
	text-align:center;
}
div.text div.text {
	float:left;
	margin:0 0 0 15px;
	width:380px;

}
div.text div.view div.thumbnail {
	float:right;
	width:220px;
}
div.text div.view div.text {
	float:left;
	width:420px;
}

/* applications */
div.applications h1 {
	position:relative;
}
div.applications h1 form {
	position:absolute;
	right:12px;
	top:0;
}
div.applications h1 form select {
	width:165px;
	border:1px solid #ccc;
	text-transform:capitalize;
	color:#897b65;
	padding:3px 5px;
}
/*div.applications div.appli {
	width:162px;
	border:1px solid #ccc;
	float:left;
	margin:5px 10px 5px 0;
	text-align:center;
}

div.applications div.appli h2 {
	font-size:100%;
	background:url(../img/header_white.png) no-repeat;
	width:145px;
	height:31px;
	line-height:31px;
	overflow:hidden;
	position:relative;
	padding:10px 10px 5px 10px;
	z-index:1;
	top:-1px;
	left:-1px;
	text-align:left;
}*/

div.applications table.appli {
	width:164px;
	float:left;
	margin:5px 10px 5px 0;
}
div.applications table.appli thead td {
	background:url(../img/header_white.png) no-repeat;
	width:164px;
	height:31px;
	line-height:31px;
	padding:10px 10px 5px 10px;
}

div.applications table.appli thead h2 {
	font-size:100%;
	font-weight:bold;
	overflow:hidden;
	white-space:nowrap;
	width:145px;
	height:31px;
	line-height:31px;
}

div.applications table.appli tbody td {
	text-align:center;
	vertical-align:middle;
}
div.applications table.appli tbody td a {
	margin:0 auto;
	display:block;
	width:145px;
	height:135px;
	overflow:hidden;
}
div.applications table.appli tfoot td {
	background:url(../img/foot_white.png) no-repeat bottom left;
}

div.applications table.appli {
	background:url(../img/body_white.png) repeat-y;
}

/* products select */
.dropdown {
	background:#fff url(../img/dropdown.gif) no-repeat scroll 128px 1px;
	border:1px solid #A5ACB2;
	color:#000;
	height:17px;
	margin:2px 8px 8px 8px;
	padding:0 0 0 2px;
	line-height:17px;
	height:17px;
	width:145px;
	text-align:left;
	position:relative;
}
.dropdown-list {
	position:absolute;
	top:17px;
	left:-1px;
	background-color:#fff;
	padding:0 2px 0 2px;
	border:1px solid #a5acb2;
	z-index:100;
}
.dropdown-list a { display:block; white-space:nowrap;}

div.applications table.appli select {
	width:145px;
	border:1px solid #ccc;
	margin:5px 0 10px 0;
}
div.applications p.pager {
	margin:20px 0 0 0;
}

/* application gallery */
div.application h2 {
	margin:-10px 0 20px 0;
}
div.application div#photos {
	width:420px;
	float:left;
	border:1px solid #ccc;
}
div.application div#photos table td {
	text-align:center;
	vertical-align:middle;
	height:280px;
	width:420px;
}
div#photos a.zoom {
	margin:0 0 0 10px;
}
div#photos a.zoom img {
	border:0 none;
}
div#photos p.controls {
	background-color:#f3f3f3;
	height:20px;
	line-height:20px;
	text-align:center;
}
div#photos p.controls span.slideshow {
	margin:0 0 0 50px;
}
div#photos p.controls span.slideshow, div#photos p.controls span.slideshow a{
	font-weight:bold;
}
div#photos div.description {
	padding:10px 30px;
}
div#photos p.copyright {
	font-size:85%;
	color:#666;
	margin:10px 0 0 0;
	text-align:left;
}
div.application div.text {
	margin:0 0 0 15px;
	width:260px;
	float:left;
	line-height:18px;
}
div.application div.text h3 {
	color:#4480b6;
	margin:15px 0 5px 0;
}
div.application div.text li {
	list-style-type:disc;
	line-height:16px;
	list-style-position:inside;
}
div.application div.text li a {
	font-weight:bold;
}


/* contact */
div.contact p.flash {
	font-weight:bold;
}
div.contact div.left {
	height:570px;
	float:left;
	width:435px;
	margin:0 0 0 20px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:15px;
}
div.contact ul.tabs a {
	font-weight:bold;
}
div.contact div.address, div.contact div.info {
	float:left;
	width:200px;
	margin:0 0 20px 0;
}
div.contact div.address p, div.contact div.info p {
	margin:0 0 5px 0;
}
div.contact div.address {
	padding-left:20px;
	background:url(../img/arrow.png) no-repeat;
}
div.contact div.address a {
	font-weight:bold;
}
div.contact div.info p {
	margin-left:20px;
}
div.contact div.view ul {
	margin:10px 0 0 0;
}
div.contact div.view li h3 {
	margin:0 0 5px 0;
}
div.contact div.view li p {
	margin:0 0 5px 0;
}
div.contact div.view li {
	float:left;
	width:200px;
	margin:0 0 20px 0;
}
div.contact div#view-1 {
	background:url(../img/world_map.png) no-repeat;
}

div.contact div.right {
	height:570px;
	float:left;
	width:435px;
	margin:0 0 0 10px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:15px;
}
div.contact form {
	margin:20px 0 0 0;
}
div.contact form p {
	margin:0 0 5px 0;
}
div.contact p label {
	height:17px;
	line-height:17px;
	float:left;
	clear:left;
	width:100px;
}
div.contact input, div.contact textarea, div.contact select {
	width:330px;
	background-color:#efefea;
	border:1px solid #ccc;
	float:left;
}
div.contact input#zip {
	width:75px;
}
div.contact label.inline {
	clear:none;
	width:60px;
	text-align:right;
}
div.contact select#country {
	width:190px;
	float:right;
	margin:0 3px 0 0;
}
div.contact select#subject {
	width:332px;
}
div.contact p.heard label {
	width:270px;
}
div.contact p.heard select {
	width:162px;
}
div.contact input.error, div.contact select.error {
	background-color:#FF3F3F;
	color:#fff;
}
div.contact p.submit {
	text-align:center;
	margin:30px 0 0 0;
}
div.contact p.submit input {
	width:100px;
	float:none;
	font-weight:bold;
}

/* technologies */
div#content.technologies img {
	border:0 none;
}
div#content.technologies hr.gradient {
	margin-bottom:0;
}
div.technology {
	background:url(../img/gradient_row.png) repeat-x;
}
div#content.technologies img#schema {
	margin:0 0 30px 0;
}
div.technology h3 {
	height:35px;
	line-height:35px;
}
div.technology a.arrow-top {
	padding-left:18px;
	background:url(../img/arrow_top.png) no-repeat;
	float:right;
	margin:5px 5px 0 0;
	font-size:93%;
}
div.technology div.description img, div.technology div.description embed {
	float:left;
	margin:0 10px 10px 0;
}
div.technology div.description {
	width:620px;
}

/* documentation */
div.doc {
	background:url(../img/gradient_row.png) repeat-x top left;
}
div.doc h2 {
	font-size:100%;
	margin:0 0 5px 0;
}
div.docs hr.gradient {
	margin-bottom:0;
}
div.doc div.thumbnail {
	float:left;
	/*width:180px;*/
	width:205px;
	margin:20px 20px 0 0;
}

div.doc div.description {
	float:left;
	/*width:480px;*/
	width:455px;
	margin:10px 0 0 0;
}
div.doc a.arrow {
	background:url(../img/arrow.png) no-repeat;
	height:13px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	font-weight:bold;
	display:block;
}
div.doc h3 {
	background:url(../img/arrow_down.png) no-repeat;
	height:13px;
	margin:10px 0 0 0;
	padding:0 0 0 20px;
	font-weight:bold;
	display:block;
}
div.doc ul {
	margin:5px 0 0 5px;
}

div.doc li.sub {
	margin:0 0 0 10px;
	list-style-type:disc;
	list-style-position:inside;
}

/* documentation : conformity & certificates */
div.docs table {
	width:685px;
	margin:10px 0;
	border-bottom:1px solid #cacaca;
}
div.docs table tr {
	height:20px;
	line-height:20px;
}
div.docs table tbody tr {
	line-height:14px;
}
div.docs table tr.border {
	border-top:1px solid #cacaca;
}
div.docs table tr.gradient {
	/*background-color:#f2f2f2;*/
	height:38px;
	line-height:18px;
	background:url(../img/gradient_row.png) repeat-x;
}
div.docs table th {
	background-color:#dbdbdb;
	font-weight:normal;
	text-align:left;
}
div.docs table td, div.docs table th {
	padding:4px;
}
div.docs table .name {

}
div.docs table .conformity {
	width:40%;
}
div.docs table .certificate {
	width:40%;
}