/* global background color */
.globalBackground, .no-bg{
	background-color: #f3f4f4!important;
}

.modalCoverArticle{
	background-color: transparent!important;
}

.modalCover{
	background-color: rgba(0,0,0,.7);
}

/* PAGE SHADOW */

.even .pageShadow, .slidePageShadow{
	z-index: auto;
  background: -webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.10)));
	background-image: -webkit-linear-gradient(left,rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: -o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
}

.odd .pageShadow, .slidePageShadow2{
	z-index: auto;
  background: -webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.10)));
	background-image: -webkit-linear-gradient(right,rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: -moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: -ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: -o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
	background-image: linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.10) 100%);
}

/* SPLASH */

/* loading animation */
.splashWait, .searchWait{
	border: 1px solid #5a5a5a;
  	border-radius: 5px;
	background-color: #333333;
}

/* loading animation img */
.splashWaitImg{
	background-color: #333333;
	background-image: url('../img/bookLoader.png');
}

/* PROGRESS BARS */
.progressBar, .zoomProgressBar{
	background-color: #e0e1e1;  	
}

/* NEXT PREV BUTTON */
.prevButton, .nextButton{
	background-color: transparent;
	opacity: 0.5;
}

/*MENU*/

/* open/close button of menu*/
.menuSlider{
	background-color: #fff; 
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border: 1px solid #a0a9b0; 
	border-bottom: 1px solid #fff;
}

/* page index in menu button */
.menuSliderLeft, .menuSliderRight{
	color: #a0a9b0;	
}

/* menu bar with icons */
.menuBar{
	background-color: #ffffff;
	border-top: 0px solid #ffffff;
}

.leftMenuButton{
	background-color: #ffffff;
}

.slider-bar-bg, .sliderIconPlus, .sliderIconMinus{
  background-color: #ffffff;
}                           

.slider-bar{
  border-color: #505a62;
}

.slider-point{
  background-color: #ffffff;
  border-color: #505a62;
}

.zoomSliderBox, .zoomSliderBoxRight{
  background-color: rgba(255,255,255,0.5);
}

/* Buttons */
.menuButton{
		
}

.menuSep{
	background-color: #f3f4f4;
} 

.menuButton:HOVER, .leftMenuButton:HOVER, .hover-effect, #closeZoom, .closeButton:HOVER, .articleClose:HOVER, .iFrameClose:HOVER, .articleAddToCartButton:HOVER{
	background-color: #e0e1e1;
	/*color: #f3f4f4;*/
}

.activeModule{
	background-color: #e0e1e1;
}

.closeActionButtonBottom{
	background-color: #ffffff;
}

.actionButtonBottomSpacerSingle{
	background-color: rgba(255,255,255,0.5);
}

.actionButtonsWrapper{
	border-color: rgba(255,255,255,0.5);
} 

.shareBox{
  background-color: rgba(255,255,255,0.5);
}

.shareBoxButtonWrapper{
  background-color: #ffffff;
}

/* TABS */

.tab{
	background-color: #f3f4f4;
	color: #505a62;
	font-size: 12px;	
}

/* BOX */

/* Box for thumbs, download, search */
.thumbsBox, .bookmarksBox, .searchBox, .shopBox, .privacyBox, .helpButton{
	background-color: rgba(204,204,204,0.8);
}

.shopBox{
	border-top: 10px solid rgba(255,255,255,0.5);
	border-right: 10px solid rgba(255,255,255,0.5);
	border-bottom: 10px solid rgba(255,255,255,0.5);
	background-color: transparent;
}

.shopBoxContent{
	background-color: #ffffff;
}

.shopBoxContentSpace{
	background:  rgba(255,255,255,0.5);
}

.shopInfo{
	border-left-color: rgba(255,255,255,0.5);
  	border-right-color: rgba(255,255,255,0.5);
  	background-color: transparent;
}

.shopInfoContent{
	background-color: #ffffff;	
}


/* seperator for action bar */
.thumbsScrollbarBox, .bookmarksScrollbarBox, .searchScrollbarBox, .searchActionBox, .shopActionBox, .privacyActionBox{
	/*background-color: rgba(30,30,30,1);*/
}

.thumbsActionBox{
	
}

/* scrollbar */
.thumbsScrollbar, .bookmarksScrollbar, .searchScrollbar, .shopScrollbar{
	background-color: #ffffff;
}

.thumbsScroller, .bookmarksScroller, .searchScroller, .shopScroller, .shopDescriptionScroller{
	background-color: #505a62;
}

.thumbsScrollerBG, .bookmarksScrollerBG, .searchScrollerBG, .shopScrollerBG{
	background-color: #f3f4f4;
}

/* buttons */
.actionButton{
  color: #505a62;
  border: 0px solid red;
  border-radius: 0px;
  font-weight: normal;
  background-color: #ffffff;
}

.actionButton:HOVER, .actionButtonBottom:HOVER, .actionButtonCart:HOVER{
	background-color: #e0e1e1;	
}

.actionButtonBottom, .actionButtonCart{
	background-color: #ffffff;
	color: #505a62;
}

.markedActionButton{
	background-color: #e0e1e1!important;
	color: #f3f4f4!important;
	font-weight: bold!important;
}

/* disabled buttons */
.actionButtonDisabled, .buttonDisabled{
	opacity: 0.8!important;
	pointer-events: none!important;
}

/* hint text */
.actionHint, .compareHint, .searchInfo, .shopInfo, .privacyInfo{
  font-weight: normal;
  color: #505a62;
}

.privacyInfo h1{
	font-size: 18px;
	font-weight: bold;
}


/* pages index in thumbs */
.thumbItemLeft p, .thumbItemRight p, .bookmarkItem .bookmarkItemBottom{
	color: #505a62;
  background-color: #ffffff;
	font-weight: normal;
}

/* index of current pages */
.thumbItemCurrent p{
	background-color: #e0e1e1;
	font-weight: bold!important;
}

.thumbItemMarked p{
	background-color: #e0e1e1;
	font-weight: bold!important;
}

/* SEARCH */

/* search results */
.searchResult{
	/*border-bottom: 1px solid #a0a9b0;*/
	color: #505a62;
	/*background-color: rgba(51,51,51,1);*/
}

.searchResultEntryPage{
	color: #505a62;
	padding: 0 0 0 5px; 
}

.searchTermMarked{
	color: #505a62;
	font-weight: normal; 
}

.searchResultLastRow{
	border-bottom: 0px solid #a0a9b0;
}

.searchResult, .shopItem{
	background: #ffffff;
}

/* Cart items */
.searchCounter{
	background-color: transparent;
	color: #505a62;
	margin: 0px;
	float: left;
	padding: 20px 18px 0 0;
}

.cartCounter{
	/*color: #e0e1e1;*/
  color: #ffffff;
	background-color: transparent;
	margin: 18px 17px 0 0;
}

.bookmarksCounter{
	color: #ffffff;
	background-color: transparent;
	margin: 23px 17px 0 0;
}

.shopItem{
	border-bottom: 1px solid #505a62;
	color: #505a62;
}

.shopItemLastRow{
	/*border-bottom: 0px solid #a0a9b0;*/
}

.shopArticleHeadline{
	color: #505a62;
}

.shopArticleArtNumber{
	color: #505a62;
	font-weight: normal;
}

.shopArticleDescription{
	color: #505a62;
	font-weight: normal;
}

.shopArticleCount{
	color: #505a62;
}

.shopArticleCountValue{
	color: #505962;
}

.shopArticlePriceBox{
	color: #505a62;
}

.shopArticlePrice{
	color: #505962;
	font-weight: normal;
}

.shopArticlePriceLabel{
	
}

.shopArticleIncrease, .shopArticleDecrease{
	background-color: transparent;
}

/* SHOP */

.visibleArticle{
  	border: 10px solid rgba(255,255,255,0.5);
    background: transparent;
    color: #333;
}

.articleContentWrapper{
	background-color: #cccccc;
}

.articleHeadline{
  	color: #505a62;
}

.articleDescription{
	color: #505a62;
}

.articleNumber{
	color: #505a62;
}

.articlePriceBox{
	color: #505a62;
}

.articlePrice{
 	color: #505962;
}

.articleOptions{
	color: #505a62;	
}

.articleClose{
	background-color: #ffffff;
}

.shopTotalBoxValue, .shopTotalBoxTaxValue{
	color: #505962;
}

.articleWeblink, .articleWeblink a{
 	color: #505962;
 	text-decoration: none;
}

.articleAddToCartButton{
	background-color: #ffffff;
  	color: #505a62;
}

.iFrameClose{
	background-color: #ffffff;
}

.visibleIFrame{
  border: 10px solid rgba(255,255,255,0.5);
}

/* Help */

#help-body{
	background-color: #f3f4f4;
}

.help-title{
	color: #505a62;
}

.help-item{
	background-color: #cccccc;
}

.help-icon{
	background-color: #ffffff;
}

.help-text{
	color: #505a62;
}

/* Tooltip */
.tooltip{
	background-color: #e0e1e1;
	color: #505a62;
}

.tooltipArrow.top{
    border-color: #e0e1e1 transparent transparent transparent;
}

.tooltipArrow.bottom{
    border-color: transparent transparent #e0e1e1 transparent;
}

.tooltip-left-menu:after{
      border-color: transparent #e0e1e1 transparent transparent;
}

/* HOTSPOT */
.extLink, .intLink, .infoLink, .articleLink, .videoLink, .iFrameLink{
	background-color: rgba(113,120,127,0.33);
}

.extLink:HOVER, .intLink:HOVER, .infoLink:HOVER, .articleLink:HOVER, .videoLink:HOVER, .iFrameLink:HOVER{
	background-color: rgba(224,225,225,0.33);
}

.polygonHotspot{
    fill: rgba(113,120,127,0.33);
}

.polygonHotspot:HOVER{
    fill: rgba(224,225,225,0.33);
}