/* the static css part, do not change anything here */
a { text-decoration:none; color:white }
body { margin:0px; padding:0px; background:#FFFFFF; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#545454; line-height:1.3em; }
scroll-content ul, scroll-content ol { margin:0; }
scroll-content ul li { list-style-image:url(./../img/common/core/bullet.png); padding-bottom:15px;  margin-left:-25px; }
scroll-content ol { font-weight:bold; line-height:18px; list-style:outside decimal; margin:0; padding:0 20px; }
scroll-content ol li { margin:0 0 15px; }
scroll-content ol li span { font-weight:normal }
img, scroll, #wrapper, #footer, .big-video-size, .content, .headline, .intro, .no-video-support, .scroll-pane, .skip-intro, .normal-video,
.close-zoom, .instruction-swipe, .headlines-360, .scroll-pane-wide, .speaker, #footer-intro, #footer-intro-menu, #zoom-controls
{ position:absolute; float:left; display:block; }
img { border:none; margin:0px;}
#zoom-controls { display:none }
.current, .sub-menu ul li.current, .menu-top ul li.current { background-color:#EAEAEA; }
.video-glow {	box-shadow:0 0 50px 5px rgba(211,220,238,0.5);
				-moz-box-shadow:0 0 50px 5px rgba(211,220,238,0.5);
				-webkit-box-shadow:0 0 50px 5px rgba(211,220,238,0.5);

				border:1px solid rgba(211,220,238,1) ;
				}
.close-zoom { margin-top:32px; margin-left:947px; cursor:pointer }
.cursori { cursor:pointer }
.drop-down { background-image:url(../img/common/core/menu_drop_down.png); width:36px; height:36px; position:relative; margin-left:225px; }
.headline { font-size:20px; font-weight:bold; margin-top:27px; padding-left:27px; }
.headline-white { margin-left:28px; margin-top:156px; color:white; background-color:#84a5d7; padding:10px; width:250px; text-align:center; font-size:12px; position:absolute; }
.headlines-360 { margin-top:330px; margin-left:35px; }
.hot-spots-menu { position:absolute;}
.hot-spots-menu ul { margin-left:-9px; list-style:none; margin-top:32px; }
.hot-spots-menu ul li { height:72px }
.hotspot { position:absolute; opacity:0.8 }
.hotspot:hover { opacity:1 }
.intro, .intro-menu { top:104px; }
.no-video-support { width:100%; font-size:35px; text-align:center; padding-top:200px; opacity:0.1; }
.scroll-pane { margin-left:27px; margin-top:66px; overflow:auto; font-size:14px; line-height:1.3em; width:300px; height:400px; }
.scroll-pane-wide { margin-left:27px; margin-top:66px; overflow:auto; font-size:14px; line-height:1.3em; width:956px; }
.skip-intro { z-index:3;display:block; width:99px; height:99px; left:909px; background-image:url(./../img/common/core/small-arrow.png); background-repeat:no-repeat; background-position:70px 69px; line-height:12em; padding-left:15px; }
.sub-navigation { position:absolute; width:100%; margin-left:-23px; padding-left:23px; }
.under-headline-white { margin-left:28px; width:300px; position:absolute; margin-top:190px; font-size:14px; line-height:1.3em;  }
.under-headline-white ul { padding-left:0; margin-left:15px; }
.under-headline-white li { list-style-image:url(./../img/common/core/bullet.png); padding-bottom:10px; }
.speaker-highlight { color:#bc1f3c; font-weight:bold; }

.menu-top-neutral{background-image:url('../img/common/menu/icon-neutral.png'); background-repeat:no-repeat;background-position:100% 0;}
.selected-both{background-image:url('../img/common/menu/icon-both-on.png'); background-repeat:no-repeat; background-position:100% 0;}
.selected-this{background-image:url('../img/common/menu/icon-left-on.png'); background-repeat:no-repeat; background-position:100% 0;}
.selected-next{background-image:url('../img/common/menu/icon-right-on.png'); background-repeat:no-repeat; background-position:100% 0;}
.triangles{width:auto; padding:0 20px}

.menu {  text-decoration:none; color:#666; margin-top:104px; z-index:1; position:absolute; }
.menu-top { width:1022px; height:36px; border:solid; border-color:#CCC; border-right:none; border-left:none; border-top:none; border-width:1px; background-color:#FFF; font-family:Arial; font-size:17px; }
.menu-top ul { list-style:none outside none; margin:0; padding:0; }
.menu-top ul li { text-align:center; height:36px; width:133px; background-color:#FFF; border-right:none; border-style:solid; border-color:#CCC; border-width:1px; margin-top:-1px; margin-left:-1px; float:left; line-height:2.2em; cursor:pointer; }
.menu-top ul li:active, .menu-top ul li:hover { background-color:#EAEAEA; }
.menu-top ul li.next-enabled { background-image:url('../img/common/core/next-enabled.png'); background-repeat:no-repeat; background-position:103px, 30px; }
.menu-top ul li.next-disabled { color:#CCC; background:transparent; background-image:url('../img/common/core/next-disabled.png'); background-repeat:no-repeat; background-position:103px, 30px; }
.menu-top ul li.prev-enabled { background-image:url('../img/common/core/prev-enabled.png'); background-repeat:no-repeat; background-position:25px, 30px; margin-right:1px; border-right:0;}
.menu-top ul li.prev-disabled { color:#CCC; background:transparent; background-image:url('../img/common/core/prev-disabled.png'); background-repeat:no-repeat; background-position:25px, 30px; margin-right:1px; border-right:0; }
.menu-top ul li.breadcrumb { background:url(../img/common/core/breadcrumb.png) no-repeat 18px 50%; font-size:14px; line-height:2.7em; text-align:left; height:36px; width:316px; background-color:#FFF; border-width:1px 0 1px 1px; padding-left:36px; font-style:italic; }

.sub-menu { list-style:none; position:absolute; margin-top:0px; padding:0; display:none; }
.sub-menu ul { margin:0; padding:0; font-size:14px; }
.sub-menu ul li { background-color:#FFFFFF; border:1px solid #CCCCCC; height:36px; line-height:2.7em; list-style-type:none; margin-top:-1px; padding-left:23px; cursor:pointer; }
.sub-menu ul li:hover { background-color:#EAEAEA; }
.sub-menu ul li a, .menu-top ul li a { color:#545454; text-decoration:none; padding-right:20px; }

.play-audio-info { margin-left:30px; margin-top:3px; font-size:12px;}

#top-navigation { z-index:11; margin-top:58px; margin-right:6px; position:relative; float:right; }

.top-navigation-item { width:41px; height:30px; float:right; cursor:pointer; background-position-y:0; background-repeat:no-repeat; }
.top-navigation-item:hover { background-position:0 -30px; }
.top-navigation-item-hover { background-position:0 -30px; }
#headline-background { background-color:#FFFFFF; opacity:0.7; position:absolute;}

#info-block
{
	position:absolute;
	bottom:0px;
	z-index:1;
	height:31px;
	width:1024px;
	background:rgba(255, 255, 255, .8);
	border-top:1px solid #ABB3BB;
	overflow:hidden;
}

#info-block-separator
{
	width:1024px;
	height:150px;
	margin-top:31px;
	border-top:1px solid #ABB3BB;
	position:absolute;
}

#info-block-text
{
	font-size:13px;
	position:absolute;
	width:960px;
	margin:40px;
	margin-left:25px;
	margin-bottom:0px !important;
}

#custom-controls
{
	cursor:pointer;
	width:32px;
	height:31px;
	position:absolute;
	opacity:0.5;
}

.custom-play
{
	background-image:url(../img/common/core/custom-play.png);
}

.custom-pause
{
	background-image:url(../img/common/core/custom-pause.png);
}

#custom-controls:hover, #custom-controls:active, #info-block-button:hover, #info-block-button:active
{
	opacity:1;
}

#info-block-button
{
	cursor:pointer;
	opacity:0.5;
	width:32px;
	height:31px;
	float:right;
}

.info-block-button-open
{
	background-image:url(../img/common/core/open-info.png);
}

.info-block-button-close
{
	background-image:url(../img/common/core/open-info.png);
}

.info-block-button-close
{
	background-image:url(../img/common/core/close-info.png);
}

#custom-progress
{
	position:absolute;
	height:31px;
	background-color:#D2D2D2;
	margin-left:182px;
}

.custom-progress-ipad
{
	margin-left:32px !important;
}

.intro-menu
{
	background-image:url(../img/common/core/intro-menu-bg.png);
	height:100%;
	background-position:85px;
}

#horizontal-line
{
	width:1024px;
	height:1px;
	margin-top:100px;
	background-color:#d8d8da;
	position:absolute;
}

.intro-menu-item
{
	position:absolute;
}

.intro-menu-label
{
	position:absolute;
	background:url(../img/common/core/breadcrumb.png) no-repeat 0px 2px;
	margin-top:80px;
	margin-left:60px;
	font-size:14px;
	color:#1a3067;
	font-weight:bold;
	padding-left:15px;
}

.intro-menu-info
{
	position:absolute;
	margin-left:60px;
	margin-top:110px;
}

.intro-sub-menu-item
{
	cursor:pointer;
	position:absolute;
	background:url();
	padding-left:10px;
	color:#1a3067;
	background:url(../img/common/core/breadcrumb.png) no-repeat 0px 3px;
}

.intro-sub-item-line
{
	position:absolute;
	background-color:#dcdddf;
	margin-top:10px;
	width:1px;
	left:50%;
}

#filter-list
{
	position:absolute;
	width:1024px;
	height:46px;
}

#left-side-nav
{
	background:url(../img/common/core/left-button.png) no-repeat;
	width:52px;
	height:245px;
	position:absolute;
}

#right-side-nav
{
	background:url(../img/common/core/right-button.png) no-repeat;
	width:52px;
	height:245px;
	position:absolute;
	right:0;
}

.kits-side-navigation:hover, .kits-side-navigation:active
{
	background-position:0px -245px;
}

.kits-side-navigation
{
	cursor:pointer;
	opacity:1;
}

.kits-side-navigation-disabled
{
	cursor:auto;
	opacity:0.5;
}

.filter-check-box
{
	background:url(../img/common/core/filter-check.png) no-repeat;
	height:15px;
	padding-left:15px;
	padding-right:20px;
	float:left;
	cursor:pointer;
}

.filter-check-box-selected
{
	background:url(../img/common/core/filter-check.png) no-repeat;
	height:15px;
	padding-left:15px;
	padding-right:20px;
	float:left;
	background-position:0px -15px;
	cursor:pointer;
}

.filter-check-box-disabled
{
	background:url(../img/common/core/filter-check.png) no-repeat;
	height:15px;
	padding-left:15px;
	padding-right:20px;
	float:left;
	background-position:0px -15px;
	opacity:0.5;
}

#kits-filter
{
	padding-left:27px;
	margin-top:15px;
}

#visible-kits-container
{
	height:245px;
	position:absolute;
	width:919px;
	overflow:hidden;
	margin-left:52px;
}

#visible-kits
{
	height:245px;
	overflow:hidden;
}

.kit-item
{
	/*width:153px;*/
	width:184px;
	height:245px;
	float:left;
	background-color:#336699;
	margin-left:1px;
	cursor:pointer;
}

.kit-item-image-0
{
	background:url(../img/common/core/kit-type-0.png) no-repeat;
	background-position:32px 76px;
}

.kit-item-image-1
{
	background:url(../img/common/core/kit-type-1.png) no-repeat;
	background-position:32px 76px;
}

.kit-item-image-2
{
	background:url(../img/common/core/kit-type-2.png) no-repeat;
	background-position:32px 76px;
}

.kit-item-image-3
{
	background:url(../img/common/core/kit-type-3.png) no-repeat;
	background-position:32px 76px;
}

.tool-tip
{
	text-align:center;
	-moz-box-shadow:0 0 4px #999;
	-webkit-box-shadow:0 0 4px #999;
    box-shadow:0 0 4px #999;
	position:absolute;
	background:rgba(255, 255, 255, 0.5);
	padding:5px;
	padding-left:15px;
}

.tool-tip-bg
{
	background:url(../img/common/core/breadcrumb.png) no-repeat 0px 50%;
	width:100%;
	height:100%;
	position:absolute;
	margin-left:-10px;
	margin-top:-6px;
}

.tool-tip-pos-0
{
	margin-top:182px;
	background:rgba(255,255,255,0.5);
}

.tool-tip-pos-1
{
	margin-top:17px;
	background:rgba(255,255,255,0.5);
}

#kit-information-container
{
	width:1024px;
	position:absolute;
	background:rgba(255, 255, 255, 0.85);
	display:none;
}

#back-to-list
{
	margin-left:27px;
	margin-top:144px;
	background-image:url(../img/common/core/kit-back.png);
	background-repeat:no-repeat;
	width:167px;
	height:31px;
	cursor:pointer;
	position:absolute;
}

#back-to-list:hover, #back-to-list:active
{
	background-position:0px -31px;
}

#back-to-list-label
{
	color:#254275;
	padding-top:8px;
	padding-left:34px;
}

#kits-list
{
	position:absolute;
	width:1024px;
}

#single-kit-info-container
{
	background-image:url(../img/common/core/single-kit-background.png);
	width:970px;
	height:271px;
	margin-left:27px;
}

#kit-label
{
	font-weight:bold;
	font-size:14px;
	color:#254275;
	margin-top:58px;
	position:absolute;
	margin-left:27px;
}

#kit-type
{
	font-size:14px;
	color:#254275;
	margin-top:14px;
	position:absolute;
	margin-left:27px;
}

#kit-info
{
	margin-top:88px;
	position:absolute;
	margin-left:27px;
	width: 345px;
}

#more-kit-info
{
	background-repeat:no-repeat;
	height:31px;
	background-image:url(../img/common/core/kit-more-info.png);
	margin-top:226px;
	position:absolute;
	margin-left:27px;
}

#more-kit-info:hover, #more-kit-info:active
{
	background-position:0px -31px;
	cursor:pointer;
}

#double-kit-info-container-one
{
	background-image:url(../img/common/core/double-main.png);
	width:400px;
	height:271px;
	margin-left:27px;
	position:absolute;
}

#double-kit-info-container-two
{
	background-image:url(../img/common/core/double-secondary.png);
	width:400px;
	height:271px;
	margin-left:591px;
	position:absolute;
}

#more-kit-info-label
{
	margin-left:38px;
	margin-top:8px;
	color:#545454 !important;
}

#kit-sample
{
	background-image:url(../img/common/core/kit-sample.png);
	float:right;
	bottom:0px;
	margin-right:28px;
	margin-top:200px;
	width:64px;
	height:68px;
}

#combine-with
{
	background-image:url(../img/common/core/combine-item.png);
	background-repeat:no-repeat;
	margin-left:428px;
	margin-top:388px;
	position:absolute;
	height:49px;
	color:#254275;
	font-weight:bold;
	padding-left:30px;
	padding-top:17px;
}

#kits-navigation-container
{
	background-image:url(../img/common/content/kits-groups.jpg);
	background-repeat:no-repeat;
	width:1024px;
	position:absolute;
	text-align:center;
}

#kits-navigation
{
	display:inline-block;
}

#kit-navigation-item
{
	float:left;
	width:150px;
	height:150px;
}

#kit-navigation-item:hover, #kit-navigation-item:active
{
	background-image:url(../img/common/content/cover-over.jpg);
	background-position:0px 38px;
	background-repeat:no-repeat;
}

#kit-navigation-label
{
	font-weight:bold;
	text-align:left;
	color:#254275;
	height:45px;
}

#close-button
{
	background-image:url(../img/common/core/close-button.png);
	background-repeat:no-repeat;
	width:31px;
	height:32px;
	cursor:pointer;
	float:right;
	margin-top:10px;
	margin-right:27px;
}

#close-button:hover, #close-button:active
{
	background-position:0px -33px;
}

.jspPane
{
	width:275px !important;
}

#navigate-kit-list-left
{
	width:20px;
	height:20px;
	float:left;
	background-image:url(../img/common/core/kits-overview-left.png)	
}

#navigate-kit-list-left-disabled
{
	width:20px;
	height:20px;
	float:left;
	background-image:url(../img/common/core/kits-overview-left.png);
	background-position:0px -20px;
	opacity:0.5;
}

#navigate-kit-list-right
{
	width:20px;
	height:20px;
	float:left;
	background-image:url(../img/common/core/kits-overview-right.png);
}

#navigate-kit-list-right-disabled
{
	background-image:url(../img/common/core/kits-overview-right.png);
	width:20px;
	height:20px;
	float:left;
	background-position:0px -20px;
}

.navigate-kit-list-button-disabled
{
	background-image:url(../img/common/core/kits-overview-right.png);
	width:20px;
	height:20px;
	float:left;
	background-position:0px -20px;
	opacity:0.5;
}

.navigate-kit-list-button
{
	cursor:pointer;
}

#list-navigation
{
	padding-left:28px;
	padding-top:13px;
	height:100%;
}

#navigate-kit-list-pages
{
	float:left;
	height:100%;
}

.navigate-kit-list-page
{
	background-image:url(../img/common/core/kits-overview-dot.png);
	width:20px;
	height:20px;
	float:left;
	cursor:pointer;
}

.navigate-kit-list-page-enabled
{
	background-image:url(../img/common/core/kits-overview-dot.png);
	width:20px;
	height:20px;
	float:left;
	background-position:0px -20px;
}

#speaker, #speaker-on, #speaker-off
{
	position:absolute;
	font-size:12px;
	margin-top:9px;
}

#speaker-on, #speaker-off
{
	cursor:pointer;
	margin-left:80px;
}
#speaker
{
	margin-left:25px;
}

#scroller {
	width:2040px;
	height:100%;
	float:left;
	padding:0;
}

#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}

#scroller li {
	width: 184px;
	height: 245px;
	display:block;
	vertical-align:middle;
	float:left;
	font-size:14px;
}