@charset "UTF-8";

/***** IE6 PNG-fix *****/
img, .presentation, .box-bottom, .box-top,   { behavior: url(includes/png-fix/iepngfix.htc); }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5% !important;
	padding: 0px;
	margin: 0px;
	background: #f0f0f0 url(../gfx/bg.gif) repeat-x;
}

img {
	border:0px;
}

a {
color:#ff8500;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

a.anchor {
float:left;
height:1px;
width:0;
width:100%;
}

a.share {
color:#ff8500;
background:url(../gfx/share.jpg) no-repeat left center;
padding:5px 0 5px 34px;
font-weight:bold;
float:right;
text-decoration:underline;
margin-top:25px;
text-transform:uppercase;
}

.features-list a.share {
float:left;
padding:5px 0 5px 34px;
margin-top:2px;
}

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

a.button{
color:#555555;
background:transparent url(../gfx/arrow.gif) no-repeat scroll right center;
padding:0px 21px 0px 0px;
font-weight:normal;
float:left;
margin-right:10px;
display:none;
}

a.plus{
color:#FF8500;
background:transparent url(../gfx/close-open.gif) no-repeat scroll 0px -16px;
padding:0px 0px 0px 26px;
font-weight:bold;
float:left;
font-size:1.0em;
margin-right:10px;
text-decoration:underline;
height:16px;
}

a.minus{
color:#FF8500;
background:transparent url(../gfx/close-open.gif) no-repeat scroll 0px 0px;
padding:0px 0px 0px 26px;
font-weight:bold;
float:left;
font-size:1.0em;
margin-right:10px;
text-decoration:underline;
height:16px;
}

a.minus:hover{text-decoration:none;}
a.plus:hover{text-decoration:none;}


a.PDF{
background:url(../gfx/pdf-ikon.gif) no-repeat scroll left top;
padding:0 0 0 40px;
position:relative;
width:143px;
color:#FF8500;
float:left;
height:35px;
margin:0;
font-weight:bold;
text-decoration:underline;
}

a.PDF.giant{
background:url(../gfx/pdf.gif) no-repeat scroll left bottom;
padding:41px 0 5px 80px;
width:114px;
font-size:10px;
margin-top:5px;
height:100%;
}

a.PDF:hover{text-decoration:none;}
a.backtothetop:hover{text-decoration:none;}

a.backtothetop{
position:relative;
width:100%;
color:#999999;
font-size:0.9em;
float:left;
text-decoration:underline;
margin-top:5px;
}

p {
	padding:0;
	margin:0 0 10px 0;
	color:#999999;
}

h1 {
	padding:0;
	margin:0 0 10px 0;
	color:#333333;
	font-size:3.2em;
	font-weight:normal;
}

h2 {
	padding:0;
	margin:0 0 10px 0;
	font-size:1.8em;
	color:#333333;
}

h3 {
	padding:0;
	margin:0 0 10px 0;
	font-size:1.2em;
	color:#333333;
}


.hr-wide{
border-bottom: 1px solid #efefef;
height:1px;
width:100%;
float:left;
margin-bottom:18px;
margin-top:18px;
}

.legal { float:left; width:100%;}
.legal p { width:100%!important; font-size:9px!important; font-style:italic!important;}

*HTML .legal { float:left; width:90%; display:inline;}

.wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0;
}

.top {
	position:relative;
	width:942px;
	margin:7px 0 25px 0;
	padding:0;
	float:left;
}

.top a.logo {
	display:block;
	float:left;
	margin-left:5px;
	margin-top:2px;
}

ul.menu {
	float:right;
	margin:1px 0px 0 4px;
	position:relative;
	background:url(../gfx/menu-shadow.gif) repeat-x 0 3px;
	padding:2px 0px 4px 0px;
	
}

ul.menu li {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:8px 0px 0 0;
	margin-right:1px;
	background: url(../gfx/menu-bg-left-big.gif) repeat-x left 0;
	font-size:12px;
	text-align:center;
	color:#bb6b1a;
	text-transform:uppercase;
	font-weight:bold;
	height:27px;
	white-space:nowrap !important;
}

body:first-of-type ul.menu li {padding:10px 0px 0 0;}



ul.menu li#first-in-list {
	padding:08px 0px 0 0;
	background: url(../gfx/menu-bg-left-round.gif) repeat-x left 0;
	border-left:none;
	border-right:none;
}

body:first-of-type ul.menu li#first-in-list  {padding:10px 0px 0 0;}

/*

ul.menu li#first-in-list:hover {
	background-position: left -35px;
}

*/

ul.menu li#first-in-list a {
	border-left:none!important;
	border-right:#fab05d 1px solid;
}

/*
ul.menu li#first-in-list a:hover {
	border-left:none!important;
	border-right: transparent 1px solid;
}

*/

ul.menu li#first-in-list.selected a {
	border-left:none!important;
	border-right: transparent 1px solid;
}

*HTML ul.menu li#first-in-list.selected a {
	border-left:none!important;
	border-right: transparent 0px solid;
}



ul.menu li#last-in-list {
	padding:8px 0px 0 0;
	background: url(../gfx/menu-bg-right-round.gif) repeat-x right 0;
	border-left:none;
	border-right:none;
	margin-right:0px;
}

body:first-of-type ul.menu li#last-in-list  {padding:10px 0px 0 0;}

ul.menu li#last-in-list.selected {
	background: url(../gfx/menu-bg-right-round.gif) repeat-x right -35px !important;
}

*HTML ul.menu li#last-in-list.selected a  {
	border-left:none!important;
	border-right: transparent 0px solid;
}

/*

ul.menu li#last-in-list:hover {
	background-position: right -35px;
}

*/

ul.menu li#last-in-list a {
	border-right:1px solid transparent;
	margin-left:0;	
}

ul.menu li#last-in-list a:hover {
	margin-left:0;	
}



ul.menu li.selected {
	background-position:LEFT -35px!important;
}

ul.menu li.selected:hover {
	background-position: left -35px;
}

ul.menu li.selected a {
	border-right:1px solid transparent;
	border-left:1px solid transparent;
}

*HTML ul.menu li.selected a {
	border-right:0px solid transparent;
	border-left:0px solid transparent;
}


ul.menu li.selected a:hover {
	text-decoration:none;
}


/*

ul.menu li:hover {
	background-position: left -35px;
}

ul.menu li a:hover {
	border-right:1px solid transparent;
	border-left:1px solid transparent;
	text-decoration:underline;

}

*/


ul.menu li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	

}

ul.menu li a {
	height:23px;
	display:block;
	overflow:hidden;
	padding:6px 25px 0 25px;
	color:#f0f0f0;
	text-decoration:none;
	font-size:12px;
	margin:-21px 0px 0 1px;
	text-transform:uppercase;
	font-weight:bold;
	border-right:#fab05d 1px solid;
	border-left:1px solid #fab05d;
	white-space:nowrap !important;
}

*HTML ul.menu li a {
	float:left;
}

.button-small{float:left; margin-top:-5px; margin-right:10px;}
.button-small-right{float:left;}
.button-small-middle{float:left; background:transparent url(../gfx/button-middle.gif) repeat-x scroll left center; height:16px; padding-top:5px; padding-bottom:3px; max-width:210px; overflow:hidden;}
.button-small-middle a {color:#555555; max-width:210px; overflow:hidden;}
.button-small-left{float:left;}


.footer {
	float:left;
	margin:20px 0 5px 4px;
	position:relative;
	width:940px;
}

*HTML .footer {
	float:none;
}

.main ul {
	list-style-image:inherit;
	list-style-position:outside;
	list-style-type:disc;
	margin:5px 0 20px 0;
	padding:0 0 0 16px;
	text-align:left;
	color:#ff8500;
	float:left;
}

.main ul li {
	position:relative;
	margin-bottom:10px;	
	font-size:1.2em;
	color:#ff8500;
}

.main .details ul li span {
	color:#999999;
	font-size:10px;
	line-height:1.2em!important;
}

.main {
	float:left;
	position:relative;
	width:942px;
}

.main .details ul {
	list-style-image:none!important;
	list-style-position:outside!important;
	list-style-type:disc!important;
	margin:0;
	margin:5px 0 30px 0;
	padding:0 0 0 18px;
}

.main .details ul li ul {
	margin:3px 0 5px 0;
	padding:0 0 0 16px;
	text-align:left;
	float:none!important;
}

.main .details ul li {
	position:relative;
	color:#999999;
	font-size:1em;
	margin-bottom:6px;
	line-height:1em;
	
}

.presentation {
	background: #FFFFFF url(../gfx/shadow-bg.jpg) bottom no-repeat;
	float:left;
	position:relative;
	width:940px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	padding:0px 00px 0 00px;
	min-height:242px;
	margin-top:-3px;
}

html:first-child .presentation {
	margin-top:0px;
}

.presentation-text {
	float:left;
	position:relative;
	width:470px;
	padding:29px 0px 0 40px;
}

.presentation h1 { width:470px; margin:0 0 14px;}
.presentation p { width:470px; line-height:1.8em; font-size:1.3em; }

.SWF-wrapper { float:right;
	margin-top:-37px;
	margin-bottom:-30px;
	width:350px;
	height:350;
	position:relative;
	z-index:300;
}

.big-SWF { float:left; width:935px; height:560px;}

.viewing-module {
	background: #f7f7f7 url(../gfx/module-bg.gif) top no-repeat;
	float:left;
	position:relative;
	width:910px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	margin-bottom:0px;
	padding:14px 00px 8px 30px;
}

*HTML .viewing-module {
	padding:14px 00px 0px 30px;
	margin-bottom:-7px;
}

.viewing-module img.hr {
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-top:-2px;
	margin-bottom:0px;
	padding:0;
}

.features{
	float:left;
	font-size:0.9em;
}

.features ul{
	list-style-position:outside!important;
	list-style-image: url(../gfx/bullet.gif);
	margin:5px 0 0px 0;
	padding:0 0 5px 15px;
	text-align:left;
	width:300px;
	float:left;
	font-size:14px;
	vertical-align:top;
	
}

.features ul li{
	list-style:url(bullet.gif) middle left;
	color:#555555;
	font-size:1em;
	line-height:14px;
	margin-bottom:3px;
	width:300px;
}

.features ul li a{
	color:#555555;
	font-size:10px;
	margin-bottom:0;
	position:relative;
}

.features ul li a:hover{
	color:#FF8500;
}

.PDF-ikon{
	float:left;
}

*HTML .PDF-ikon{
	margin-right:18px;
}

.placeholders{
	background:#F7F7F7 url(../gfx/logo-placeholders.gif) no-repeat scroll 0 -58px;
	float:left;
	height:58px;
	padding:0px 0 1px 0;
	position:relative;
	width:83px;
	margin-right:16px;
	margin-bottom:3px;
	margin-top:0px;
	overflow:hidden
}

.placeholders:hover{
	background:#F7F7F7 url(../gfx/logo-placeholders.gif) no-repeat scroll 0 0;
	height:58px;
}

.placeholders.selected{
	background:#F7F7F7 url(../gfx/logo-placeholders.gif) no-repeat scroll 0 0;
	height:58px;
}

.placeholders.selected:hover{
	background:#F7F7F7 url(../gfx/logo-placeholders.gif) no-repeat scroll 0 0;
	height:58px;
}


*HTML .placeholders{
	padding:3px 0 15px 0;
}

.download-button-pdf {
	float:right;
	background:url(../gfx/download-button-bg.gif) no-repeat;
	width:410px;
	height:60px;
	margin-right:40px;
	margin-top:40px;
}

.download-button-pdf a {
	font-size:1.1em;
	color:#333333;
	font-weight:bold;
	height:37px;
	width:353px;
	display:block;
	padding:23px 0 0 57px;
}

.item {
	background: #fFFFFF;
	float:left;
	position:relative;
	width:900px;
	border-left:1px solid #e0e0e0;
	border-right:1px solid #e0e0e0;
	margin-bottom:0px;
	padding:25px 00px 30px 40px;
}

.company-1 { float:left; width:900px; display:none; }
.company-2 { float:left; width:900px; display:none; }
.company-3 { float:left; width:900px; display:none; }
.company-4 { float:left; width:900px; display:none; }
.company-5 { float:left; width:900px; display:none; }
.company-6 { float:left; width:900px; display:none; }
.company-7 { float:left; width:900px; display:none; }
.company-8 { float:left; width:900px; display:none; }
.company-9 { float:left; width:900px; display:none; }

.divider {
	float:left;
	position:relative;
}

.divider-header {
background:url(../gfx/hr.gif) repeat-y;
width:2px;
height:114px;
margin:-2px 10px 0;
float:left;
}

*HTML .divider-header {
display:none;
}


.features-list {
	float:left;
	position:relative;
	width:360px;
	padding:20px 25px 15PX 25PX;
}

.features-list img {
	padding-bottom:25px;
	padding-left:54px;
} 

.features-list h2 {
	font-size:1.2em;
}

.features-list p {
	font-size:1.1em;
	color:#555555;
	line-height:1.5em;
}

.details {
	float:left;
	position:relative;
	width:250px;
	padding:0 0 15px;
}

.details h2.brand {
color:#FF8500;
font-size:1.2em;
margin:0 0 10px;
padding:0;
font-weight:normal;
}


.details h3.heading {
color:#333333;
font-size:1.5em;
margin:0 0 10px;
padding:0;
}


.product-img {
	float:left;
	position:relative;
	width:616px;
	padding:0px 0px 0 0px;
	overflow:hidden;
	margin-left:10px;
}

.product-img img {
	padding:0;
	margin:0;
	overflow:hidden;
}

.product-text {
	float:left;
	position:relative;
	padding:0px 0px 0 0px;
	width:874px;
}

.product-text img {
	float:right;
	padding:0 0 10px;
}

.product-text img.engineer {
	margin-top:-30px;
}

.product-text p {
	width:385px;
	float:left;
	font-size:1.2em;
	line-height:1.7em;
	color:#555555;
	margin:0 52px 20px 0;
}

.product-text h2 {
	padding-top:20px;
	color:#555555;
	font-size:1.2em;
	float:left;
	width:100%;
}

.product-text span {
	font-size:12px;
	line-height:1.4em;
	margin-left:2px;
	display:block;
	color:#555555;
	
}

.product-text p.right {
	float:right;
	margin-right:52px;
	display:inline;
}

.less {
	width:100%;
	float:left;
	position:relative;
	margin-bottom:0px;
}

.more {
	width:100%;
	float:left;
	position:relative;
	padding-top:10px;
}

.topper-column {
	width:100%;
	float:left;
	position:relative;
	margin-bottom:30px;
}

.left-column {
	width:410px;
	float:left;
	position:relative;
}

.left-column p  {
	margin:0 0px 10px 0;
}

.right-column p  {
	margin:0 0px 10px 0;
}

.right-column {
	width:410px;
	float:right;
	position:relative;
	margin-right:14px;
}

.dudes {
	position:relative;
	float:left;
	cursor:pointer;
	margin-bottom:10px;
}

.dudes:hover .dudes-middle p {
	color:#222222;
}

.dudes img {
	padding:0;
}

.dudes img.eng {display:none;}
.dudes img.chs {display:none;}
.dudes img.deu {display:none;}
.dudes img.esp {display:none;}
.dudes img.ita {display:none;}
.dudes img.fra {display:none;}

.dudes-top {
	position:relative;
	width:412;
	height:74px;
	float:left;
}

.dudes-middle  {
	float:left;
	position:relative;
	width:372px;
	background:url(../gfx/3dudes-bottom.gif) no-repeat bottom;
	padding:0 20px 20px 20px;
}

.dudes-middle p  {
	width:auto;
	color:#555555;
	margin:0;
	padding:0;
	line-height:15px;
}

.onlinetour {
	position:relative;
	float:left;
	cursor:pointer;
	margin-bottom:10px;
}

.onlinetour p  {
	width:auto;
	color:#ededed;
	margin:0;
	padding:0;
}

.onlinetour:hover .onlinetour-top  p {
	color:#ffffff;
}

.dudes img.eng {display:block;}
.dudes img.chs {display:none;}
.dudes img.deu {display:none;}
.dudes img.esp {display:none;}
.dudes img.ita {display:none;}
.dudes img.fra {display:none;}


.onlinetour-top  {
	float:left;
	position:relative;
	width:245px;
	padding:79px 151px 3px 16px;
}

.onlinetour-top  {background:url(../gfx/onlinetour-top-ENG.jpg) no-repeat top;}

.onlinetour-bottom  {
	float:left;
	position:relative;
	width:372px;
	background:url(../gfx/onlinetour-bottom.gif) no-repeat bottom;
	padding:0 20px 10px 20px;
}


.browse-div  {
	float:left;
	position:relative;
}

.browse-div p { font-style:italic; margin-bottom:10px; color:#999999; }
.browse-div p.name { font-weight:bold; font-style:normal; margin-bottom:-2px; text-align:right; color:#555555; font-size:1.1em; }
.browse-div p.title { font-weight:normal; font-style:normal;  text-align:right; font-size:1.1em; }
.browse-div p.browse { font-weight:normal; font-style:normal;  text-align:right; width:90px; font-size:1.1em; float:right; margin-right:7px; margin-top:1px; }


.bubble {
	position:relative;
	float:left;
	width:412px;
	
}

.bubble-top {
	background:url(../gfx/bubble-top.gif) no-repeat;
	position:relative;
	width:412px;
	height:10px;
	float:left;
}

.bubble-middle  {
	background:url(../gfx/bubble-middle.gif) repeat-y bottom;
	float:left;
	position:relative;
	width:372px;
	padding:0 20px 0px 20px;

}

*HTML .bubble-middle  {
	background:url(../gfx/bubble-middle.gif) repeat-y;
	float:left;
	position:relative;
	display:inline;
	width:372px;
	padding:0 20px 0px 20px;
}

*HTML .bubble-middle p  {
	font-style:italic;
	color:#999999;
	float:none;
	font-size:1.2em;
	line-height:1.4em;
	margin:0 0px 10px 0;
	width:auto;
}


.bubble-middle h3  {
margin:10px 0;
}

.bubble-middle p  {
font-style:italic;
color:#999999;
}

.bubble-bottom {
	background:url(../gfx/bubble-bottom.gif) no-repeat top;
	position:relative;
	width:412px;
	height:30px;
	float:left;
	margin-bottom:20px;
	padding-top:32px;
}

.bubble-bottom p {
font-size:1.1em;
text-align:right;
margin:0 0 0px 0;
color:#999999;

}

.bubble-bottom p.name {
font-weight:bold;
color:#555555;
}


.browse-div ul.browse-quotes {
	list-style-image:none;
	list-style-position:inside;
	list-style-type:none;
	margin:0px 0 0px 0;
	padding:0 0 0 0px;
	text-align:left;
	float:right;
}

.browse-div ul li {
	float:left;
	position:relative;
	color:#555555;
	border: 1px solid #dfdfdf;
	display:block;
	margin-right:3px;
	text-align:center;
}

.browse-div ul img {
	float:left;
	padding:5px 0 5px 6px;
	display:block;
}

.browse-div ul li a {
	float:left;
	position:relative;
	color:#999999;
	font-size:10px;
	text-align:center;
	height:17px;
	width:17px;
}

.browse-div ul li.selected a {
	font-weight:bold;
	color:#555555;
}


.extras {
	float:left;
	position:relative;
	width:100%;
	margin-top:10px;
}

.box-wrapper {
	float:left;
	position:relative;
	width:306px;
	cursor:pointer;
	margin-right:10px;
	overflow:hidden;
}

.box-top {
	float:left;
	position:relative;
	width:306px;
	background:url(../gfx/box-top.gif) no-repeat;
	height:9px;
}

.box-middle {
	float:left;
	position:relative;
	width:244px;
	min-height:89px;
	background: #f2f2f2 url(../gfx/box-bg.png) repeat-x;
	border-left:#dadada solid 1px;
	border-right:#dadada solid 1px;
	padding:13px 30px 5px 30px;
}

.box-middle:hover {

}

.box-middle img {float:left; margin-right:15px;}
.box-middle h3 {padding:0; margin:0px 0 5px 0; font-size:1.3em; color:#555555; width:78%; float:left;}
.box-middle p { width:247px; float:left; color:#999999; font-size:1.1em;}
.box-middle a { font-weight:bold; text-decoration:underline;}
.box-middle a:hover { text-decoration:underline;}


.box-middle:hover p {color:#FF8500;}
.box-middle:hover h3 {color:#FF8500;}

.box-bottom {
	float:left;
	position:relative;
	width:306px;
	background:url(../gfx/box-bottom.gif) no-repeat;
	height:11px;
}




.boxes-intro {
	float:left;
	position:relative;
	padding-bottom:20px;
	background:#FFFFFF none repeat scroll 0 0;
	border-left:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;

}

.boxes-intro img {
margin-top:-30px;
}

*HTML .boxes-intro img {
margin-top:0px;
}

.boxes-intro h2 {
	width:700px;
	font-size:1.45em;
}

.boxes-intro p {
	font-style:italic;
	line-height:1.6em;
	font-size:1.13em;
	width:700px;
}

.boxes-wrapper {
	float:left;
	position:relative;
	width:847px;
	height:130px;
	background:url(../gfx/boxes.jpg) no-repeat;
}

.boxes-wrapper .BOX-1{
	float:left;
	position:relative;
	width:150px;
	height:130px;
	background:url(../gfx/BOX-1.jpg) no-repeat 0 -130px;
	text-indent:-1000px;
	display:block;
}

.boxes-wrapper .BOX-2{
	float:left;
	position:relative;
	width:150px;
	height:130px;
	background:url(../gfx/BOX-1.jpg) no-repeat 0 0px;
	text-indent:-1000px;
	display:none;
}

.boxes-wrapper .BOX-3{
	float:left;
	position:relative;
	width:150px;
	height:130px;
	background:url(../gfx/BOX-1.jpg) no-repeat 0 0px;
	text-indent:-1000px;
	display:none;
}

.boxes-wrapper .BOX-4{
	float:left;
	position:relative;
	width:150px;
	height:130px;
	background:url(../gfx/BOX-1.jpg) no-repeat 0 0px;
	text-indent:-1000px;
	display:none;
}

.boxes-wrapper .BOX-5{
	float:left;
	position:relative;
	width:150px;
	height:130px;
	background:url(../gfx/BOX-1.jpg) no-repeat 0 0px;
	text-indent:-1000px;
	display:none;
}





.footer ul.links {
	color:#D8D8D8;
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0 0 0px 0;
	padding:0 0 0px;
}

.footer p {
	float:left;
	font-weight:normal;
	width:100%;
}

.footer a {
	float:left;
	font-weight:bold;
	text-decoration:underline;
}

.footer p a {
	float:none;
}

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

.footer div.language {
	float:right;
	margin-top:-26px;
	text-align:right;
	width:127px;
}

.footer div.language label {
	color:#999999;
	font-size:1em;
	vertical-align:middle;
	margin-right:3px;
}

.footer div.language select {
	font-size:1em;
	margin-left:7px;
	min-width:110px;
	vertical-align:middle;
	width:auto !important;
	margin-top:10px;
}

ul.links li {
	float:left;
	padding-right:5px;
	color:#999999;
}

ul.links li a {
	color:#999999;
	padding:0 5px 0;
	text-decoration:underline;
	font-weight:normal;
}

div.socialicons {
	float:right;
	margin-top:-13px;
	width:138px;
}

div.socialicons a {
	display:block;
	margin-right:5px;
}

.clearfloat {
clear:both;
font-size:1px;
height:0;
line-height:0;
}