.progressBar, .zoomProgressBar{
	z-index: 1200; 
	position: absolute; 
	left: 0px;
	top: 0; 
	width: 0px; 
	-webkit-transition: width 0.75s ease-out; 
	-moz-transition: width 0.75s ease-out; 
	-o-transition: width 0.75s ease-out; 
	transition: width 0.75s ease-out;
}

.zoomProgressBar{
	height: 3px;	
}

.progressBar{
	height: 3px;
}

.splash{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

.splashWait{
	height: 70px;
	width: 70px;
	margin: 20px;
	padding: 0px;
}

.splashWaitImg{
	padding: 0px;
	height: 40px;
	width: 40px;
	margin: 15px;
	border-radius: 40px;
  	background-size: 32px 32px;
  	background-position: 50% 50%!important;
  	background-repeat: no-repeat!important;
  	-webkit-animation-name: rotateImg;
    -webkit-animation-duration: 2500ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
}

/* page shadow */
.slidePageShadow, .slidePageShadow2{
	z-index: 13;
	display: inline;
}

.even .pageShadow, .slidePageShadow{
	background-color: transparent;
	position: absolute;
}

.odd .pageShadow, .slidePageShadow2{
	background-color: transparent;
	position: absolute;
}

.pageShadow{
	pointer-events: none;
	-ms-touch-action: none;
}

@-webkit-keyframes rotateImg {
    0%    { -webkit-transform: rotate(0deg);}
    100%  { -webkit-transform: rotate(360deg);}
  }

.bookContainer{
	postion: absolute; 
	top: 0px; 
	left: 0px; 
	padding: 0; 
	margin: 0; 
	width: 100%; 
	height: 100%;
}

#body{
	width: 100%; 
	height: 100%;
	z-index: 100;
}

#startscreen:fullscreen, #startscreen:-moz-full-screen, #startscreen:-webkit-fullscreen{
	position: relative!important;
}

.p2fBook, #body{
	width: 100%; 
	height: 100%;
	/*z-index: 100;*/
}

/* CROSS */

.crosshairsV, .crosshairs2V{
	position: absolute;
	top: 0;
	right: -60px;
	height: 100%;
	width: 60px;
	z-index: 890!important;
}

.redV, .blueV{
	position: relative!important;
	height: 100%;
	width: 2px;
	background-color: #e10120;
	margin-left: 29px;
	z-index: 890!important;
}

.crosshairsH, .crosshairs2H{
	position: absolute;
	top: -60px;
	left: 0;
	height: 60px;
	width: 100%;
	z-index: 890!important;
}

.redH, .blueH{
	position: relative!important;
	margin-top: 29px;
	height: 2px;
	width: 100%;
	background-color: #e10120;
	z-index: 890!important;
}

.blueH, .blueV{
	background-color: #0062c6!important;
}

/* FLIP MODE */
.flipbookPage{
	background-color: #ffffff!important;
	background: #ffffff!important;
	padding: 0px;
	margin: 0px;
}

.flipBook .flipbookPage{
    cursor: -webkit-zoom-in,-moz-zoom-in;
    cursor: url(../img/cursor_zoom.cur), pointer;
}

.pointerCursorClass .flipbookPage{
	cursor: pointer!important;
}

/* SLIDE MODE */
.page{
    position: absolute;
    /*background: #fff;*/
    background-color: transparent;
    /*border: 1px solid #999;*/    
}

.slideBook .page{
	cursor: -webkit-zoom-in,-moz-zoom-in;
    cursor: url(../img/cursor_zoom.cur), pointer;
}

.flipbookPage{
	
}

.page-wrapper{
}


/* SEARCH */

#searchInputBox{
	width: 330px;
}

.searchInput{
	width: 300px;
	height: 35px;
  	margin: 10px 0 10px 0;
  	font-size: 14px;
  	line-height: 22px;
  	font-weight: bold;
  	padding: 5px 13px 5px 13px;
  	border: 1px solid #5a5a5a;
  	border-radius: 5px;
  	color: #1e1e1e;
  	display: inline!important;
}

.searchInputInfo{
	width: 300px;
	margin: 0px 3px 5px 0px!important;
	padding-left: 0px!important;
}

.searchInputButton{
	text-align: center;
	width: 150px;
	float: left;
	height: 40px!important;
  	font-size: 12px;
	line-height: 18px;
  	padding: 10px 13px 5px 13px;
}

.leftBorderActionButton{
	border-left: 1px solid #ffffff!important;
}

.searchWait{
	display: none;
	/*
	height: 70px;
	width: 70px;
	margin: auto;
	margin-top: 100px;
	background-image: url('../img/bookLoader.gif');
  	background-size: 32px 32px;
  	background-position: 50% 50%!important;
  	background-repeat: no-repeat!important;
  	*/	
}

.searchResult{
	padding: 0 10px 10px 0;
	margin: 0px 10px 20px 10px;
	float: left;
	font-size: 14px;
	overflow: hidden!important;
	background: #292929;
	cursor: pointer;
}

.noResultHint, .resultHint, .noItemsHint{
	color: #fff;
	font-size: 20px;
	margin: 5px 0 0 20px;		
}

.noItemsHint{
	font-size: 12px;
}

.searchResultThumb{
	display: block;
	float: left;
}

.searchSpacer{
	float: left;
	width: 15px;
	height: 10px;
}

.searchResultThumbImg{
	border: 5px;
}

.searchResultsEntries{
	display: block;
	overflow: hidden!important;
	text-overflow: ellipsis;
  	white-space: nowrap;
  	margin-right: 5px;
  	text-align: left;
  	height: 100%;
}

.searchResultsEntries ul{
	margin-top: 10px;
	line-height: 20px;
}

.searchResultEntryLine{
	text-align: left;
}

.searchResultEntryLine strong{
}

.searchResultEntryPage{
	font-size: 12px;
	font-weight: normal;
	width: 100%;
}

.searchTermMarked{
	color: #a0a8b0;
	font-weight: bold; 
}

.searchAction{
	float: left!important;
	/*margin: 25px 3px 0 10px!important;*/
}

.searchAction strong{
}

/* SPLASH */

.splashImg{
	border: 0px solid red!important;
}

/* SHOP */

.shopTotalBox{
	left: 0px;
	font-family: arial;
	/*width: 100%;*/	
	height: 40px;
	display: block;
	padding: 15px 135px 0 0;
	margin: 0px;
	z-index: 1200;
	overflow: hidden;
	text-align: right;
}

.shopTotalBoxText, .shopTotalBoxValue{
	color: #fff;
	margin-right: 10px;
	font-weight: normal;
	display: inline-block;
}

.shopTotalBoxText{
	font-size: 12px;
	color: #a5a5a5;
}

.shopTotalBoxValue{
	font-weight: normal;
  font-size: 18px;
}

.shopTotalBoxTaxText, .shopTotalBoxTaxValue{
	font-weight: normal;
	display: inline-block;
	font-size: 12px;
	color: #a5a5a5;
}

.shopTotalBoxTaxValue{
	display: none!important;
}

.shopItem{
	padding: 0 10px 10px 0;
	margin: 0px 10px 20px 0px;
	float: left;
	font-size: 14px;
	overflow: hidden!important;
	background: #292929;
}

.shopActionWrapper{
	cursor: pointer;	
}

.shopArticleHeadline{
	float: left;
	line-height: 22px;
	font-size: 14px;
	overflow: hidden;
	height: 22px;
	text-overflow:ellipsis!important;
	white-space: nowrap!important;
}

.shopArticlePrice{
	font-size: 14px;
	display: inline;
}

.shopArticleArtNumber{
	float: left;
	margin-top: 5px;
	font-size: 10px;
	width: 200px;
	line-height: 11px;
	overflow: hidden;
	height: 12px;
}

.shopArticleSeperator{
	height: 8px;
}

.shopArticlePriceBox{
	text-align: left;
	font-size: 12px;
}

.shopArticlePriceLabel{
	display: inline;
}

.shopArticleDescription{
	margin-top: 10px;
	font-size: 12px;
	height: 37px;
	/*float: left;*/
	overflow: hidden;
	line-height: 16px;
	text-overflow:ellipsis!important;
	text-align:justify;
	hyphens:auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
}

.shopArticleCountBar{
	/*float: left;*/
	display: inline-block;
	margin-top: 10px;
	height: 24px;
}

.shopArticleCount{
	display: inline-block;
	font-size: 12px;
	width: 70px;
}

.shopArticleCountValue{
	display: inline;
	margin-right: 10px;
}

.shopArticleIncrease, .shopArticleDecrease{
  	height: 21px;
  	width: 21px;
  	color: rgba(0,0,0,0);
  	display: inline-block;
  	cursor: pointer;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;	
}

.shopArticleIncrease{
	background-image: url('../../style/buttons/p2f_article_plus.png');
}

.shopArticleDecrease{
	background-image: url('../../style/buttons/p2f_article_minus.png');
}

/* THUMBS */
.thumbsBox, .bookmarksBox, .searchBox, .shopBox, .privacyBox, .box{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 950;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.shopBox{
}

.box{
	background-color: rgba(0,0,0,1)!important;
}

.thumbsScrollbarBox, .bookmarksScrollbarBox, .searchScrollbarBox, .shopScrollbarBox{
	position: absolute;
	right: 0px;
	font-family: arial;
	width: 55px;
	height: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
	z-index: 1206;
	display: none;
	overflow: hidden;
}

.shopDescriptionScrollbar{
	width: 15px;
	height: 100%;
	padding: 0px;
	margin: 0px;
	z-index: 1206;
	display: none;
	overflow: hidden;
}

.searchActionBox, .shopActionBox, .privacyActionBox{
	
}

.thumbsActionBox{
	position: absolute;
	left: 0px;
	bottom: 60px;
	font-family: arial;
	width: 100%;
	height: 75px;
	display: block;
	padding: 0px;
	margin: 0px;
	z-index: 1205;
	display: none;
	overflow: hidden;
	text-align: center;
	-webkit-transform: translate3d(0,0,0);
}

.actionButtonsWrapper{
	display: inline-block;
	height: 75px;
	border: 10px solid rgba(0, 0, 0, 0.5);
}

.actionButtonsWrapperSingle{
	margin-left: 55px;
}

.searchActionBox, .shopActionBox, .privacyActionBox{
	display: block!important;
}

.actionHint, .compareHint, .searchInfo, .privacyInfo, .shareInfo, .searchInputInfo, .helpText{
	color: #fff;
	float: left;
	line-height: 22px;
	height: 25px;
  	margin: 7px 3px 0 3px;
  	padding: 5px 13px 5px 13px;
  	font-size: 12px;
}

.shopInfo{
	color: #fff;
	float: left;
	display: block;
	width: 345px;
	text-align: center;
	vertical-align: middle;
	height: 55px;
	line-height: 55px;
  	margin: 0px 0 0 55px;
  	padding: 0px;
  	font-size: 13px;
  	text-transform: none;
  	border-left: 1px solid rgba(0,0,0,0.5);
  	border-right: 1px solid rgba(0,0,0,0.5);
}

.shopBoxContent{
	float: left;	
}

.shopBoxContentSpace{
	width: 100%;
	height: 1px;
	float: left;
}

.actionButton{
	-webkit-transition: background-color 0.2s ease; 
	-moz-transition: background-color 0.2s ease; 
	-o-transition: background-color 0.2s ease; 
	transition: background-color 0.2s ease;
	float: right;
	background-repeat: no-repeat;
	background-size: 55px 55px;
	background-position: 50% 50%;
	height: 55px;
	width: 55px;
	font-size: 12px;
	/*margin: 1px 3px 0 0px;*/
	line-height: 22px;
	margin: 2px 0x 0px 0px;
	padding: 0px 0 0 10px;
	z-index: 1250;
	cursor: pointer;
}

.actionButtonBottom, .actionButtonCart{
	-webkit-transition: background-color 0.2s ease; 
	-moz-transition: background-color 0.2s ease; 
	-o-transition: background-color 0.2s ease; 
	transition: background-color 0.2s ease;
	height: 55px;
	width: 270px;
	margin: 0;
	padding: 0;
	z-index: 1250;
	cursor: pointer;
	display: inline-block;
	text-align: center!important;
}

.actionButtonCart{
	width: 227px;
}

.actionButtonBottomSpacer, .actionButtonCartSpacer{
	width: 1px;
	height: 55px;
	display: inline-block;
}

.actionButtonBottomContent, .actionButtonCartContent{
	font-size: 13px;
	max-width: 260px;
	height: 55px;
	margin: auto 0;
	padding: 0 5px 0 55px;
	vertical-align: middle;
	text-align: left;
	display: table-cell;
	background-repeat: no-repeat;
	background-size: 55px 55px;
	background-position: 0% 50%;	
}

.thumbsScrollbar, .bookmarksScrollbar, .searchScrollbar, .shopScrollbar{
	width: 55px;
	height: 100%;
	float: left;
	margin-top: 10px;
}

.shopScrollbar{
	margin-top: 0px;
}

.thumbsScroller, .bookmarksScroller, .searchScroller, .shopScroller{
	width: 2px;
	margin: auto;
	margin-top: 20px;
	border-radius: 1px;
	pointer-events: none;
}

.shopDescriptionScroller{
	width: 2px;
	margin-left: 8px;
	margin-top: 7px;
	border-radius: 1px;
	pointer-events: none;
}

.thumbsScroller:HOVER, .bookmarksScroller:HOVER, .searchScroller:HOVER, .shopScroller:HOVER{
	opacity: .8;
}

.thumbsScrollerBG, .bookmarksScrollerBG, .searchScrollerBG, .shopScrollerBG{
	width: 2px;
	margin: auto;
	margin-top: 20px;
	border-radius: 1px;
	pointer-events: none;
}


#helpActionIcon{
	background-image: url('../../style/buttons/p2f_help.png');
}

#privacyActionIcon{
	background-image: url('../../style/buttons/p2f_privacy.png');
}

#imprintActionIcon{
	background-image: url('../../style/buttons/p2f_paragraph.png');
}

#downloadActionIcon{
	background-image: url('../../style/buttons/p2f_pageDownload.png');
}

#printActionIcon{
	background-image: url('../../style/buttons/p2f_pagePrint.png');
}

#selectAllActionIcon{
	background-image: url('../../style/buttons/p2f_chooseAll.png');
}

#clearCartActionIcon{
	background-image: url('../../style/buttons/p2f_clearCart.png');
}

#checkoutCartActionIcon{
	background-image: url('../../style/buttons/p2f_cartCheckout.png');
}

#compareActionIcon{
	background-image: url('../../style/buttons/p2f_pageCompare.png');
}

#addBookmarkLeftActionIcon{
	background-image: url('../../style/buttons/p2f_pageLeft.png');
}

#addBookmarkRightActionIcon{
	background-image: url('../../style/buttons/p2f_pageRight.png');
}

.closeActionIcon{
	background-image: url('../../style/buttons/p2f_close.png');
}

.markedActionButton{
	background-color: #a0a8b0;
	color: #1e1e1e;
	font-weight: bold;
}

.hover-effect div{
	background-position: 0% 100%;
}

.rightActionButton{
	float: left;
	z-index: 1250;
}

.okActionButton{
	color: #60c000;
	border-color: #60c000;
}

.actionButtonDisabled, .buttonDisabled{
}

.thumbsScrollBox, .bookmarksScrollBox, .searchScrollBox, .shopScrollBox{
	height: 90%;
	width: 80%;
	margin: 0px 10px 0 10px;
	overflow: hidden!important;
}

.shopScrollBox{
	margin-left: 55px;
}

.thumbsContent, .bookmarksContent, .searchContent, .shopContent{
	margin-top: 20px;
	/*height: 200%;*/
	/*background-image: -webkit-linear-gradient( #ff0000, #0000ff);*/
}

.thumbItemLeft, .thumbItemRight, .bookmarkItem{
	/*background: #fff;*/
	background-repeat: no-repeat!important;
}

.thumbItemLeft, .bookmarkItem{
	float: left;
	background-position: 100% 0%!important;
	background-repeat: no-repeat!important;
}

.thumbItemTransparent{
	background: transparent!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
}

.bookmarkItemBottom{
	display: inline;
}

.thumbItemLeft p, .bookmarkItem .bookmarkItemBottom{
	border: 0px solid green;
	float: left;
	margin: 0px 0 0 16px;
	text-align: left;
	width: 100%;
	height: 23px!important;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
	line-height: 20px;
	background-color: #4a4a4a;
}

.thumbItemRight{
	float: right;
	background-position: 0% 0%!important;
	background-repeat: no-repeat!important;
}

.thumbItemRight p{
	border: 0px solid red;
	float: right;
	margin: 0px 16px 0 0;
	text-align: right;
	width: 100%;
	height: 23px!important;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
	line-height: 20px;
	background-color: #4a4a4a;
}

.thumbItemRight .bookmarkMarker{
	background-image: url('../../style/buttons/p2f_bookmarkMarker.png');
	background-repeat: no-repeat;
	background-position: 98% 2px;
	padding: 2px 25px 2px 5px;
}

.thumbItemLeft .bookmarkMarker{
	background-image: url('../../style/buttons/p2f_bookmarkMarker.png');
	background-repeat: no-repeat;
	background-position: 2% 2px;
	padding: 2px 5px 2px 25px;
}

.thumbItemRightImg{
	float: left;
	cursor: pointer;
}

.thumbItemLeftImg, .bookmarkItemImg{
	float: right;
	cursor: pointer;
}

.thumbMarked{
	background-image: url('../../style/buttons/p2f_deselect_page.png');
	background-position: 50% 50%!important;
	background-repeat: no-repeat!important;
	background-size: 60px 60px!important;
}

.thumbItemNotMarked{
	opacity: .5;
}

.thumbItemNotMarked div{
	background-image: url('../../style/buttons/p2f_select_page.png');
	background-position: 50% 50%!important;
	background-repeat: no-repeat!important;
	background-size: 60px 60px!important;
}

.thumbItemContainer, .bookmarkItemContainer{
	float: left;
	margin: 0 0 20px 0;
}

.deleteBookmark{
	width: 20px;
	height: 20px;
	float: right;
	display: inline;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../../style/buttons/p2f_bookmarkDelete.png');
}

.closeThumbs, .closeSearch, .closeBox, .closeCompare{
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../../style/buttons/p2f_close.png');
	float: right;
	margin: 6px 2px 0 0;
	background-size: 28px 28px;
}

.closeBox{
	position: absolute;
	top: 6px;
	right: 2px;
	z-index: 1000;
}

.compareBar{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	z-index: 1000;
	background-color: rgba(6,7,9,.5);
}

/* SHARE */
.shareBox{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 75px;
	z-index: 900;
	opacity: 1;
	display: block;
	padding-left: 55px;
	border-top: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid rgba(0, 0, 0, 0);
	-webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transform: translate3d(-800px,0,0);
	-moz-transform: translate3d(-800px,0,0);
	transform: translate3d(-800px,0,0);
}

.shareBoxButtonWrapper{
	background-color: #4a4a4a;
	height: 55px;
	display: block;	
	float: left;
}

.shareBoxVisible{
	-webkit-transition-duration: 500ms;
    -moz-transition-duration: 500ms;
    transition-duration: 500ms;
    -webkit-transform: translate3d(0px,0,0);
	-moz-transform: translate3d(0px,0,0);
	transform: translate3d(0px,0,0);
}

.shareIcon{
	height: 55px;
	width: 55px;
	float: left;
	margin: 0px 5px 0 5px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.7;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease; 
	-moz-transition: opacity 0.2s ease; 
	-o-transition: opacity 0.2s ease; 
	transition: opacity 0.2s ease;
}

.shareIcon:HOVER{
	opacity: 1;
}

/* BOX */

.boxContent{
}

.shareBoxCenter{
	width: 300px;
	height: 300px;
	overflow: hidden!important;	
}

.buttonBox{
	float: left;
	height: 55px;
	width: 250px;
	margin: 20px 0 0 6px;
}

.actionButtonBottomContainer{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 75px;
	z-index: 899;
	display: -ms-flexbox;
	display: -moz-box;
	display: -webkit-box;
	display: box;
	ms-flex-align: center;
	-moz-box-align: center;
	-webkit-box-align: center;
	box-align: center;	
	text-align: right;
	-ms-flex-pack: center;
	-moz-box-pack: center;
	-webkit-box-pack: center;
	box-pack: center;
	text-align: center;
}



/* MENU */

.prevNextButtonHidden{
	display: none!important;
}

/*
.prevButton.prevNextButtonHidden{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(-300px,0,0)!important;
	-moz-transform: translate3d(-300px,0,0)!important;
	transform: translate3d(-300px,0,0)!important;
}

.nextButton.prevNextButtonHidden{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(300px,0,0)!important;
	-moz-transform: translate3d(300px,0,0)!important;
	transform: translate3d(300px,0,0)!important;
}
*/
.prevNextButton{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.prevNextButtonInvisible{
	display: none!important;
	bottom: -100px!important;
}

.prevButton{
	position: absolute;
	z-index: 890;
	bottom: 0px;
	left: 0px;
	height: 80px;
	width: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../../style/buttons/p2f_flipPreviousPage.png');
	background-size: 55px 55px;
	cursor: pointer;
}

.prevButtonSpace{
	left: 15px!important;
}

.nextButton{
	position: absolute;
	z-index: 891;
	bottom: 50%;
	right: 0px;
	height: 80px;
	width: 50px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url('../../style/buttons/p2f_flipNextPage.png');
	background-size: 55px 55px;
	cursor: pointer;
}

.nextButtonSpace{
	right: 15px!important;
}

.menuBox{
	position: absolute;
	bottom: 0px;
	left: 0px;
	height: 55px;
	width: 100%;
	z-index: 900;
	padding: 0!important;
	margin: 0!important;
	/*z-index: 1200;*/
}

.menuBrandingWrapper{
	float: right;
	width: 165px;
	height: 55px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 100% 50%;
	background-size: contain;
	background-image: url('../../style/images/brand.png');
	cursor: pointer;
}

.leftMenuBox{
	position: absolute;
	top: 20px;
	left: 0px;
	width: 55px;
	z-index: 900;
	padding: 0!important;
	margin: 0!important;
	z-index: 1200;
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.leftMenuBoxHidden{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(-55px,0,0);
	-moz-transform: translate3d(-55px,0,0);
	transform: translate3d(-55px,0,0);
}

.menuSlider{
	width: 90px;
	height: 30px;
	background-color: #ffffff;
	margin: auto;
	padding: 0px;
	/*border-radius: 5px;*/
	background-image: url('../../style/buttons/mobile/menuSlider.png');
	background-size: 30px 15px;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
}

.menuSliderLeft, .menuSliderRight{
	height: 20px;
	width: 25px;
	font-size: 10px;
}

.menuSliderLeft{
	float: left;
	text-align: left;
	margin: 3px 0 0 3px;
}

.menuSliderRight{
	float: right;
	text-align: right;
	margin: 3px 3px 0 0;
}

.menuSliderDown{
	background-image: url('../../style/buttons/mobile/menuSlider_down.png')!important;
}

.menuBar{
	height: 150px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

.menuSep, .menuSepHidden{
	width: 1px;
	height: 55px;
	margin: 0px; 
	display: inline-block;
}

.menuSepHidden{
	background-color: transparent;	
}

.menuButton, .leftMenuButton, .helpButton, .closeButton{
	height: 55px;
	/*width: 65px;*/
	margin: 2px 0x 0px 0px;
	padding: 0px 0 0 10px;
	display: inline-block;
	background-repeat: no-repeat;
	background-size: 55px 55px;
	background-position: 50% 50%;
	-webkit-transition: background-color 0.2s ease; 
	-moz-transition: background-color 0.2s ease; 
	-o-transition: background-color 0.2s ease; 
	transition: background-color 0.2s ease;
	cursor: pointer;
}

.closeButton{
	margin: 0px;
	width: 55px;
}

.shareCloseButton{
	display: block;
}

.menuPageIndexInputWrapper{
	height: 55px;
	width: 165px;
	display: inline-block;
}

.menuSearchInputWrapper{
	height: 55px;
	width: 165px;
	display: block;
	cursor: default!important;
}

.menuPageIndexInputWrapper input{
	text-align: center;
	font-size: 11px;
}

.menuPageIndexInput{
	height: 25px;
	width: 105px;
	border: none;
	margin: 15px 30px 15px 30px;
	padding: 0px;
	border-radius: 3px;
	float: left;
	-webkit-user-select: auto;
}

.menuPageIndexInput:FOCUS{
	outline-width: 0;
}

.searchTooltipWrapper{
	width: 45px;
	margin-left: 15px;
	padding-left: 7px;
	height: 55px;
	float: left;
	cursor: pointer;
	z-index: 100;
}

.menuSearchInput{
	height: 25px;
	/*width: 100%;*/
	border: none;
	margin: 15px 0px 15px 15px;
	padding: 0px;
	padding-left: 8px;
	border-radius: 3px;
	font-size: 11px;
	float: left;
	-webkit-user-select: auto;
}

.menuSearchInput:FOCUS{
	outline-width: 0;
}

.menuButton.placeholder{
	background-color: transparent!important;
	pointer-events: none!important;
}

.leftMenuButton{
	background-color: #4a4a4a;
	margin: 0 0 5px 0;
	width: 55px;
}

.helpButton{
	height: 50px;
	width: 50px;
	border-radius: 5px;
	margin: 5px;
	overflow: visible;	
	
}

.helpText{
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	margin: 0px!important;
	padding: 0px!important;
}

.helpPoints{
	width: 30px;
	height: 10px;
	position: absolute;
	bottom: 30px;
}

.helpPoint1, .helpPoint2{
	width: 6px;
	height: 6px;
	background-color: #ffffff;
	border-radius: 3px;
}

.helpPointOpacity{
	opacity: 0.3;
}

.helpPoint1{
	float: left;
}

.helpPoint2{
	float: right;
}

.menuButton.placeholder{
	background-image: none!important;
}

#back{
	background-image: url('../../style/buttons/p2f_back.png');	
}

#share{
	background-image: url('../../style/buttons/p2f_socialMedia.png');
}

#fullscreen{
	background-image: url('../../style/buttons/p2f_fullscreen.png');
}

#firstPage{
	background-image: url('../../style/buttons/p2f_firstPage.png');
}

#menuPrevPage{
	background-image: url('../../style/buttons/p2f_previousPage.png');
}

#menuNextPage{
	background-image: url('../../style/buttons/p2f_nextPage.png');
}

#lastPage{
	background-image: url('../../style/buttons/p2f_lastPage.png');
}

#thumbs{
	background-image: url('../../style/buttons/p2f_thumbnails.png');
}

#bookmarks{
	background-image: url('../../style/buttons/p2f_bookmark.png');
}

#addBookmark{
	background-image: url('../../style/buttons/p2f_bookmarkPlus.png');
}

#info{
	background-image: url('../../style/buttons/p2f_info.png');
}

#imprint{
	background-image: url('../../style/buttons/p2f_imprint.png');
}

#downl{
	background-image: url('../../style/buttons/p2f_download.png'); 
}

#print{
	background-image: url('../../style/buttons/p2f_print.png'); 
}

#privacy{
	background-image: url('../../style/buttons/p2f_privacy.png'); 
}

#imprint{
	background-image: url('../../style/buttons/p2f_paragraph.png'); 
}

#more{
	background-position: 50% -383px;
	border-left: 1px solid #a0a9b0; 
	border-bottom: 1px solid #a0a9b0;
}

.more_no{
	background-position: 50% -530px!important;
}

#toc{
	background-image: url('../../style/buttons/p2f_toc.png');
}

#shop{
	background-image: url('../../style/buttons/p2f_cart.png');
}

#comp{
	background-image: url('../../style/buttons/p2f_compare.png');
}

#cross{
	background-image: url('../../style/buttons/p2f_crossline.png');
}

#home{
	
}

#zoom{
	background-image: url('../../style/buttons/p2f_zoom_in.png');
}

#closeZoom{
	background-image: url('../../style/buttons/p2f_zoom_out.png');
	margin-bottom: 0px;
	margin-top: 20px;
}

#closeZoomRight{
	background-image: url('../../style/buttons/p2f_close.png');
	margin-bottom: 0px;
	margin-top: 20px;
}

.zoom-out{
	background-image: url('../../style/buttons/p2f_zoom_out.png');
}

#search{
	float: left;
	padding-left: 0px;
	background-position: 100% 50%;
	background-image: url('../../style/buttons/p2f_search.png');
}

#page2flip{
	background-image: url('../img/page2flip.png');
}

.cartCounter, .searchCounter, .bookmarksCounter{
	margin: 3px 5px 0 0;
	font-size: 9px;
	font-weight: bold;
	float: right;
	overflow: visible;
	width: 20px;
	height: 16px;
	text-align: center;
}

.helpGestures{
	widht: 100%;
	height: 100%;
	display: block;
	background-image: url('../img/gestures.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 50% 50%;	
}

.helpEntry{
	border: 1px solid red;
	height: 50px;
	float: left;
	width: 100%;
}

  #book{
    position: absolute;
    top: 0px;
    left: 0px;
  }
  
  
  /*.zoomImage{
    position: absolute;
    z-index: 10;
    background: #fff;
    background: transparent;
    -webkit-transform: scale(1) translate3d(0,0,0);
  }*/
  
  .zoomImage img{
  	background: #fff;
  	 overflow: hidden;
  }
  
  .pageContentZoom{
  	z-index: 12;
  	background: #fff;
  	height: 100%;
    width: 100%
  	background-repeat: no-repeat!important;
  	cursor: url(../img/cursor_move.cur), move;
  }

  .pageContent{
  	/*position: absolute;*/
    z-index: 12;
  	background: #fff;
  	height: 100%;
  	-webkit-transform : translate3d(0,0,0);
  	/*transition: opacity 3s ease-in-out;
   -moz-transition: opacity 3s ease-in-out;
   -webkit-transition: opacity 3s ease-in-out;*/
  }
  
  .zoomLoading{
  	background: transparent!important;
  }
  
  .zoomHidden{
  	opacity: 0;
  	/*-webkit-animation-name: fadeout;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;*/
  }
  
  .removePage{
  	display: none!important;
  	opacity: 0!important;
  }
  
  .pageContentLoading{
  	background-image: url('../img/loader.png')!important;
  	background-size: 32px 32px;
  	background-position: 50% 50%!important;
  	background-repeat: no-repeat!important;
  	background-color: #ffffff!important;  		
  } 
  
  .hotspotHidden{
  	opacity: 0!important;
  } 
  
  .extLink, .intLink, .infoLink, .articleLink, .videoLink, .iFrameLink{
  	z-index: 30;
    position: absolute;
    border: none;
    border-radius: 2px;
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 0;
  }

    /* show hotspots on book hover flipBook */
    .flipBook:HOVER .extLink, .flipBook:HOVER .intLink, .flipBook:HOVER .infoLink, .flipBook:HOVER .articleLink, .flipBook:HOVER .videoLink, .flipBook:HOVER .iFrameLink{
      opacity: 1;
    }

    .page:HOVER .extLink, .page:HOVER .intLink, .page:HOVER .infoLink, .page:HOVER .articleLink, .page:HOVER .videoLink, .page:HOVER .iFrameLink{
      opacity: 1;
    }

    /* show hotspots in zoom */
    .fadeinSlowImg .extLink, .fadeinSlowImg .intLink, .fadeinSlowImg .infoLink, .fadeinSlowImg .articleLink, .fadeinSlowImg .videoLink, .fadeinSlowImg .iFrameLink, .fadeinSlowImg .hotspotWrapper{
      opacity: 1;
    }

    /* show move cursor if zoom and polygon wrapper */
    .fadeinSlowImg .hotspotWrapper{
      	cursor: url(../img/cursor_move.cur), move;
    }

  .extLinkIcon, .intLinkIcon, .infoLinkIcon, .articleLinkIcon, .videoLinkIcon, .iFrameLinkIcon{
  	z-index: 30;
    position: absolute;
    border: none;
    /*background-size: auto 100%;*/
    background-size: contain;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
    opacity: 0;
  }

  .hotspotWrapper{
    z-index: 30;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  .polygonHotspot{
    fill: rgba(187, 187, 187, 0.3);
    stroke-width: 0;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .2s ease;
    -moz-transition: opacity .2s ease;
    -ms-transition: opacity .2s ease;
    -o-transition: opacity .2s ease;
    transition: opacity .2s ease;
  }

  	/* show hotspots on book hover flipBook */
	.flipBook:HOVER .extLinkIcon, .flipBook:HOVER .intLinkIcon, .flipBook:HOVER .infoLinkIcon, .flipBook:HOVER .articleLinkIcon, .flipBook:HOVER .videoLinkIcon, .flipBook:HOVER .iFrameLinkIcon, .flipBook:HOVER .polygonHotspot{
	  opacity: 1;
	}

	.page:HOVER .extLinkIcon, .page:HOVER .intLinkIcon, .page:HOVER .infoLinkIcon, .page:HOVER .articleLinkIcon, .page:HOVER .videoLinkIcon, .page:HOVER .iFrameLinkIcon, .page:HOVER .polygonHotspot{
	  opacity: 1;
	}

	/* show hotspots in zoom */
	.fadeinSlowImg .extLinkIcon, .fadeinSlowImg .intLinkIcon, .fadeinSlowImg .infoLinkIcon, .fadeinSlowImg .articleLinkIcon, .fadeinSlowImg .videoLinkIcon, .fadeinSlowImg .iFrameLinkIcon, .fadeinSlowImg .polygonHotspot{
	  opacity: 1;
	}

  .extLinkIcon{
  	background-image: url('../../style/images/external.png');
  }
  
  .intLinkIcon{
  	background-image: url('../../style/images/internal.png');
  }
  
  .videoLinkIcon{
  	background-image: url('../../style/images/video.png');
  }
  
  .infoLinkIcon{
  	background-image: url('../../style/images/info.png');
  }

  .articleLinkIcon{
  	background-image: url('../../style/images/article.png');
  }
  
  .iFrameLinkIcon{
  	background-image: url('../../style/images/iframe.png');
  }
  
  .displayTypeHidden{
  	opacity: 0!important;
  }
  
  .videoLink.videoNoAutoplayLink{
  	background-color: transparent!important;
  }
  
  .videoNoAutoplayLink{
  	background-image: url('../img/play.png');
  	/*background-size: 32px 32px;*/
  	background-size: 65px 65px;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  }
  
  .videoAutoplayLink{
  	background-image: url('../img/videoLoader.gif')!important;
  	background-size: 16px 16px;
  	background-position: 50% 50%!important;
  	background-repeat: no-repeat!important;
  }
  
  .visibleVideo{
  	z-index: 900!important;
  	background-color: #000;
  }
  
  .videoElement{
  }

  .visibleYoutubeVideo{
  	z-index: 1000!important;
  	background-color: #000;
  }
  
  .visibleIFrame{
  	position: absolute;
  	z-index: 2000!important;
  	background-color: transparent;
  	overflow: hidden!important;
  	-webkit-overflow-scrolling: none!important;
  	border: 10px solid rgba(0, 0, 0, 0.5);
  }
  
  .modalCover{
  	width: 100%;
  	height: 100%;
  	z-index: 1300; /*990*/
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	opacity: 0;
  	background-color: #000;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
  }
  
  .iFrameLoading{
  	background-image: url('../img/loader.gif');
  	background-size: 32px 32px;
  	background-position: 50% 50%;
  	background-repeat: no-repeat;
  }
  
  .iFrameWrapper{
  	width: 100%;
  	height: 100%;
  	overflow: auto;	
  	opacity: 0;
  	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
  	-webkit-overflow-scrolling: touch!important;
  }
  
  .visibleIFrameContent{
  	background-color: #ffffff;
  	border: none;
  	overflow: auto;
  	z-index: 2000;
  	position: absolute;
  	-webkit-overflow-scrolling: touch!important;
  }
  
  .visibleInfo, .visibleArticle, .visibleInput{
  	z-index: 2000!important;
  	border: 1px solid #dce2e3;
  	background: #fff;
  	padding: 20px;
  	color: #333;
  	line-height: 22px;
  	overflow: hidden;
  }   
  
  .visibleInfo{
  	max-width: 250px;
  }
  
  .visibleArticle{
  	width: 550px;
  	padding: 0px;
  	/*height: 250px;*/
  }
  
  .articleContentWrapper{
  	padding: 20px 65px 20px 20px;
  }
  
  .articleHeadline{
  	font-weight: normal;
  	font-size: 22px;
  	line-height: 26px;
  }
  
  .articleShadow{
  	position: absolute;
  	z-index: 1000;
  	height: 10px;
  	width: 100%;
  	background-color: #fff;
 	-moz-box-shadow: -5px 5px 5px #fff;
	-webkit-box-shadow: -5px 5px 5px #fff;
	box-shadow: -5px 5px 5px #fff;
  }
  
  .articleShadowBottom{
  	position: absolute;
  	z-index: 1000;
  	height: 10px;
  	width: 100%;
  	background-color: #fff;
 	-moz-box-shadow: -5px -5px 5px #ffffff;
	-webkit-box-shadow: -5px -5px 5px #ffffff;
	box-shadow: -5px -5px 5px #ffffff;
  }
  
  .articleDescriptionWrapper{
  	width: 460px;
  	margin-top: 10px;
  	margin-bottom: 0px;
  	max-height: 110px;
  	overflow: hidden;  	
  }
  
  .articleDescription{
  	width: 445px;
	padding: 5px 0 5px 0;
  	font-size: 12px;
	line-height: 16px;
	float: left;
	text-align:justify;
	hyphens:auto;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
  }
  
  .articleOptions{
  	width: 100%;
  	font-size: 12px;
	line-height: 16px;
  	color: #333;
  }
  
  .optionWrapper{
  	width: 212px;
  	display: inline-block;
  	margin-bottom: 10px;
  }
  
  .optionSpacer{
  	width: 20px;
  	display: inline-block;
  	
  }
  
  
  .articleOptions label{
  	margin-right: 5px;
  	margin-bottom: 5px;
  	display: block;
    margin-top: 10px;
  }
  
  .articleOptions select{
  	width: 100%!important;
  	height: 30px;
  	margin-right: 10px;
  }
  
  .articleWeblink{
  	margin-top: 10px;
  	font-size: 12px;
  }
  
  .articlePriceBar{
  	margin-top: 5px;
  	text-align: right;
  }
  
  .articleNumber{
  	font-size: 10px;
  	line-height: 16px;
  	color: #a5a5a5;
  	float: left;
  }
  
  .articlePriceBox{
  	font-size: 10px;
  	line-height: 14px;
  	text-align: right;
  	color: #a5a5a5;
  }
  
  .articlePrice{
	font-weight: bold;
  	font-size: 20px;
  	line-height: 25px;
  }
  
  .articleAddToCartButton{
  	width: 100%;
  	line-height: 22px;
  	height: 55px;
  	font-weight: normal;
  	cursor: pointer;
  	text-align: center;
  }
  
  .articleAddToCartButtonContent{
  	font-size: 13px;
	height: 55px;
	margin: auto 0;
	padding: 0 5px 0 55px;
	vertical-align: middle;
	text-align: right;
	display: table-cell;
	background-repeat: no-repeat;
	background-size: 55px 55px;
	background-position: 0% 50%;
	background-image: url('../../style/buttons/p2f_cartPlus.png');
  }
  
  .articleClose, .iFrameClose{
  	width: 55px;
  	height: 55px;
  	float: right;
  	margin: 0px 0px 0 0; 
  	background-image: url('../../style/buttons/p2f_close.png');
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
  	cursor: pointer;
  }
  
  .iFrameClose{
  	background-color: #fff;
  }
  
  .transparent{
   opacity: 0;
  }
  
  .hidden{
  	display: none;
  }
  
  .videoHidden{
    display: none;        
  }
  
@media screen and (min-width: 330px) {
  #navi{
    position: absolute;
    bottom: 0px;
    left: 50%;
    height: 60px;
    width: 100%;
    z-index: 1000;
    -webkit-transform: translate3d(0,0,0); 
  }
  
  .naviElement{
    width: 50px;
    height: 60px;
    float: left;    
  }
  
  .naviDot{
    margin: 25px 20px 25px 20px;
    height: 10px;
    width: 10px;
    background-color: #333333;
    border-radius: 2px;
    float: left; 
  }
}

@media screen and (max-width: 325px) {
  #navi{
    position: absolute;
    bottom: 0px;
    left: 50%;
    height: 30px;
    width: 100%;
    z-index: 1000;
    -webkit-transform: translate3d(0,0,0); 
  }
  
  .naviElement{
    width: 25px;
    height: 30px;
    float: left;    
  }
  
  .naviDot{
    margin: 12px 10px 12px 10px;
    height: 5px;
    width: 5px;
    background-color: #333333;
    border-radius: 2px;
    float: left; 
  }
}
  
  .blue{
    background-color: #2274AC!important;
  }
  
  .startAni{
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 800ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadein;
    animation-duration: 800ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
  }
  
  .fadein{
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 100ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadein;
    animation-duration: 100ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
  }
  
  .fadeinSlow{
    -webkit-animation-name: fadein;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadein;
    animation-duration: 1000ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
  }
  
  .fadeinSlowImg{
    -webkit-animation-name: fadeinOpacity;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeinOpacity;
    animation-duration: 1000ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
  }
  
  .fadeout{
    -webkit-animation-name: fadeout;
    -webkit-animation-duration: 1000ms;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    animation-name: fadeout;
    animation-duration: 1000ms;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    opacity: 0!important;
  }
  
  .currPage{
    z-index: 10;
  }
  
  .prevPage{
    z-index: 5;
  }
  
  .nextPage{
    z-index: 7;    
  }
  
  .currentPageHidden{
    display: none!important;
  }
  
  .nextPageHidden{
    display: none!important;
    z-index: 3!important;    
  }
  
  .prevPageHidden{
    display: none!important;
    z-index: 0!important;    
  }
  
  @-webkit-keyframes startAni {
    0%    { -webkit-transform: translate3d(0px,0px,0px);}
    30%    { -webkit-transform: translate3d(0px,0px,0px); }
    70%    { -webkit-transform: translate3d(-20px,0px,0px); }
    90%  { -webkit-transform: translate3d(0px,0px,0px); }
    100%  { -webkit-transform: translate3d(0px,0px,0px);}
  }
  
  @keyframes startAni {
    0%    { -webkit-transform: translate3d(0px,0px,0px);}
    30%    { -webkit-transform: translate3d(0px,0px,0px); }
    70%    { -webkit-transform: translate3d(-20px,0px,0px); }
    90%  { -webkit-transform: translate3d(0px,0px,0px); }
    100%  { -webkit-transform: translate3d(0px,0px,0px);}
  }
  
  @-webkit-keyframes fadein {
    0%    { opacity: 0;}
    100%  { opacity: 1;}
  }
  
  @keyframes fadein {
    0%    { opacity: 0;}
    100%  { opacity: 1;}
  }
  
  @-webkit-keyframes fadeinOpacity {
    0%    { opacity: 0;}
    5%    { opacity: 0.01;}
    70%    { opacity: 0.01;}
    100%  { opacity: 1;}
  }
  
  @keyframes fadeinOpacity {
    0%    { opacity: 0;}
    5%    { opacity: 0.01;}
    70%    { opacity: 0.01;}
    100%  { opacity: 1;}
  }
  
  @-webkit-keyframes fadeout {
    0%    { opacity: 1;}
    100%  { opacity: 0;}
  }
  
  @keyframes fadeout {
    0%    { opacity: 1;}
    100%  { opacity: 0;}
  }
  
  #zoomSlider{
  	z-index: 510;
  }  
  
  .zoomSlider{
  	z-index: 600;
  	width: 100%;
  	/*margin: 0px;
  	padding: 0px;
  	*/
  }
  
  .zoomSliderBox, .zoomSliderBoxRight{
  	position: absolute;
  	top: 0px;
  	width: 55px;
  	height: 100%;  	
  	z-index: 900;
  	opacity: 1;
  	display: block;
  	background-color: rgba(74,74,74,.4);
  }
  
  .zoomSliderBoxLeft{
  	left: 0px;
  }
  
  .zoomSliderBoxRight{
  	right: 0px;
  }
  
  .zoomSliderPrevNext{
  	width: 55px;
  	height: 55px;
  	background-repeat: no-repeat;
  	background-position: 50% 50%;
  	position: absolute;
  	top: 48%;
  	cursor: pointer;
  }
  
  .zoomSliderPrev{
  	left: 0px;
  	background-image: url('../../style/buttons/p2f_flipPreviousPage.png');
  }
  
  .zoomSliderNext{
  	right: 0px;
  	background-image: url('../../style/buttons/p2f_flipNextPage.png');
  }
  
  .sliderIconPlus, .sliderIconMinus{
  	width: 55px;
  	height: 55px;
  	background-image-repeat: no-repeat;
  	background-color: #4a4a4a;
  }
  
  .sliderIconPlus{
  	background-image: url('../../style/buttons/p2f_zoomPlus.png');
  	pointer-events: none;
  }
  
  .sliderIconMinus{
  	background-image: url('../../style/buttons/p2f_zoomMinus.png');
  	pointer-events: none;
  }
  
  .slider-point{
  	pointer-events: none;
  	position: absolute;
  	margin-left: 21px;
  	width: 11px;
  	height: 11px;
  	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #4a4a4a;
	border: 3px solid #ffffff;
  }
  
  .slider-bar-bg{
  	background-color: #4a4a4a;
  }
  
  .slider-bar{
    height: 100px;
    width: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 0px;
    margin-left: 26px;
	background: #ffffff;
	border: 1px solid #dce2e3;
	pointer-events: none;
}

.tabsOverPage{
	z-index: 15!important;
}

.rightTabWrapperBox, .leftTabWrapperBox{
	position: absolute; 
	z-index: 9; /*898;*/
	width: 118px;
	/*overflow: hidden;*/
}

.tabWrapper{
	height: 55px;
	width: 118px;
	padding: 0px;
	z-index: 898;
	position: absolute;
	cursor: pointer!important;
	overflow: hidden;	
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.rightTabWrapper{
	left: 0px;
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.leftTabWrapper{
	right: 0px;
	/*background-image: url(../../style/images/tab-left.svg);*/
}

.rightTabWrapper .svg{
	-moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);	
	margin-left: -32px;
	width: 150px;
}

.leftTabWrapper .svg{
	-moz-transform: scaleX(-1) translate3d(0,0,0);
    -o-transform: scaleX(-1) translate3d(0,0,0);
	-webkit-transform: scaleX(-1) translate3d(0,0,0);
	transform: scaleX(-1) translate3d(0,0,0);
	margin-right: -32px;
	width: 150px;	
}

.tab{
	width: 118px;
	height: 55px;
	background-color: rgba(1,1,1,0)!important;
	display: table;
	color: #fff;
	font-size: 13px;
}

.tabText{
}

.tabContent{
	width: 118px;
}

.tabOverlay, .tabOverlay .svgOverlay{
	position: absolute;
	width: 32px;
	z-index: 1000;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.tabOverlayLeft .svgOverlay{
	-moz-transform: scaleX(-1) translate3d(0,0,0);
    -o-transform: scaleX(-1) translate3d(0,0,0);
	-webkit-transform: scaleX(-1) translate3d(0,0,0);
	transform: scaleX(-1) translate3d(0,0,0);
}

.leftTab{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-left: 15px;
	padding-right: 5px;
	border-left: 0px solid;
	text-align: left;
}

.rightTab{
	position: absolute;
	top: 0px;
	left: 0px;
	padding-right: 15px;
	padding-left: 5px;
	border-right: 0px solid;
	text-align: right;
}

/* tooltip */

.tooltipContentWrapper{
}

.tooltipContentWrapper.left{
	float: right;
}

.tooltipContentWrapper.right{
	float: left;
}

.tooltipWrapper{
	pointer-events: none;
	width: 300px;
	height: 300px;
	position: absolute;
	z-index: 2000;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}


.tooltipWrapper tr td{
	padding: 0;
	margin: 0;
}

.tooltipWrapper.top tr td{
	vertical-align: bottom;
}

.tooltipWrapper.bottom tr td{
	vertical-align: top;
}

.tooltipWrapper.left tr td{
	text-align: right;
}

.tooltipWrapper.right tr td{
	text-align: left;
}

.tooltip{
	pointer-events: none;
	z-index: 2000;
	padding: 8px;
	font-size: 12px;
	line-height: 16px;
	text-align: left;	
}

.tooltip.left{
	float: right;
}

.tooltip.right{
	float: left;
}

.tooltipTitle{
	display: block;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin-bottom: 8px;
}

.tooltip-hotspot, .tooltip-hotspot-icon, .tooltip-menu{
	position: relative!important;
}

.tooltip-left-menu{
	position: absolute;
	height: 30px;
}


.tooltipArrow.right{
	float: left;
}

.tooltipArrow.left{
	float: right;
}

.tooltipArrow.top{
	width: 0;
	margin: 0px 10px 0 10px;
    height: 0;
    border-width: 7px;
    border-style: solid;
    top: 0px;
    left: 0px;
}

.tooltipArrow.bottom{
	width: 0;
	margin: 0px 10px 0 10px;
    height: 0;
    border-width: 7px;
    border-style: solid;
    top: 0px;
    left: 0px;
}

.tooltip-left-menu:after{
      content: "";
      position: absolute;
      width: 0;
      height: 0;
      border-width: 7px;
      border-style: solid;
      top: 8px;
      left: -14px;
}

/* help */

.help-content{
	width: 100%;
	height: 100%;
	padding: 20px 0 0 20px;
}

.help-title{
	color: #fff;
	font-size: 18px;
	height: 55px;
}

.help-item{
	float: left;
	display: inline-block;
	margin: 0 10px 10px 0;
}

.help-icon{
	width: 55px;
	height: 55px;
	display: inline-block;
	float: left;
}

.help-text{
	height: 55px;
	display: block;
	float: left;
	padding: 18px;
}

/* DESKTOP ONLY */

.slider-visible{
    -webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0,0,0)!important;
	-moz-transform: translate3d(0,0,0)!important;
	transform: translate3d(0,0,0)!important;
}

.zoomSliderBoxLeft{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(-55px,0,0);
	-moz-transform: translate3d(-55px,0,0);
	transform: translate3d(-55px,0,0);
}

.zoomSliderBoxRight{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(55px,0,0);
	-moz-transform: translate3d(55px,0,0);
	transform: translate3d(55px,0,0);
}

.menuVisible{
	-webkit-transition-duration: 300ms!important;
    -moz-transition-duration: 300ms!important;
    transition-duration: 300ms!important;
    -webkit-transform: translate(0px, 0px)!important;
    -moz-transform: translate(0px, 0px)!important;
    transform: translate(0px, 0px)!important;
}

.menu2RowsVisible{
	-webkit-transition-duration: 300ms!important;
    -moz-transition-duration: 300ms!important;
    transition-duration: 300ms!important;
    -webkit-transform: translate(0px, -48px)!important;
    -moz-transform: translate(0px, -48px)!important;
    transform: translate(0px, -48px)!important;
}

.menu3RowsVisible{
	-webkit-transition-duration: 300ms!important;
    -moz-transition-duration: 300ms!important;
    transition-duration: 300ms!important;
    -webkit-transform: translate(0px, -96px)!important;
    -moz-transform: translate(0px, -96px)!important;
    transform: translate(0px, -96px)!important;
}

.menuBox{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate(0px, 55px);
    -moz-transform: translate(0px, 55px);
    transform: translate(0px, 55px);
}

.leftTabWrapper{
	-webkit-transition-duration: 1000ms;
    -moz-transition-duration: 1000ms;
    transition-duration: 1000ms;
    -webkit-transform: translate3d(0px, 0px, 0);
    -moz-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
}

.leftTabWrapperVisible, .leftTabWrapper:HOVER{
	-webkit-transform-origin: 100% 50%;
	-moz-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	-webkit-transition-duration: 200ms!important;
    -moz-transition-duration: 200ms!important;
    transition-duration: 200ms!important;
    -webkit-transform: rotate3d(0, 1, 0, 20deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate3d(0, 1, 0, 20deg) translate3d(0px, 0px, 0);
    transform: rotate3d(0, 1, 0, 20deg) translate3d(0px, 0px, 0);
}

.rightTabWrapper{
	-webkit-transition-duration: 1000ms;
    -moz-transition-duration: 1000ms;
    transition-duration: 1000ms;
    -webkit-transform: translate3d(0px, 0px, 0);
    -moz-transform: translate3d(0px, 0px, 0);
    transform: translate3d(0px, 0px, 0);
}

.rightTabWrapperVisible, .rightTabWrapper:HOVER{
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition-duration: 200ms!important;
    -moz-transition-duration: 200ms!important;
    transition-duration: 200ms!important;
    -webkit-transform: rotate3d(0, 1, 0, -20deg) translate3d(0px, 0px, 0);
    -moz-transform: rotate3d(0, 1, 0, -20deg) translate3d(0px, 0px, 0)!important;
    transform: rotate3d(0, 1, 0, -20deg) translate3d(0px, 0px, 0)!important;
    
}

.actionButtonBottomContainer{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0px, 75px, 0);
    -moz-transform: translate3d(0px, 75px, 0);
    transform: translate3d(0px, 75px, 0);	
}

.actionButtonBottomContainerVisible{
	-webkit-transition-duration: 300ms;
    -moz-transition-duration: 300ms;
    transition-duration: 300ms;
    -webkit-transform: translate3d(0px, -55px, 0);
    -moz-transform: translate3d(0px, -55px, 0);
    transform: translate3d(0px, -55px, 0);
}

.page{
    -webkit-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
}

.thumbsContent, .searchContent{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

/*.menuBox{
	-webkit-transform: translate3d(0,0,0);
}*/

.pageContentZoom{
  	-webkit-transform: translate3d(0,0,0);
  	transform: translate3d(0, 0, 0);
}

.slider-point{
	-webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}

.slider-bar{
	-webkit-transform: translate3d(0px,0px,0px);
	transform: translate3d(0px,0px,0px);
}

.menuBar{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.zoomImage img{
  	 -webkit-backface-visibility: hidden;
  	 backface-visibility: hidden;
}

.pageContentZoom{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.pageContent{
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
}