/********* THUMBS *********/

#thumbsWrapper
{
	width:100%;
	height:100%;
}

#thumbsPrev,
#thumbsNext
{
	position:absolute;
	width:50px;
	height:100%;
	top:0px;
	cursor:pointer;
}

#thumbsPrev
{
	left:25px;
	background-image:url(../img/page_prev.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#thumbsNext
{
	right:25px;
	background-image:url(../img/page_next.png);
	background-repeat:no-repeat;
	background-position:center center;
}

#thumbsWrapper .saturnElement
{
	height:100%;
	padding:0px;
	border:none;
	background:none;
	cursor:pointer;
}

#thumbsWrapper .thumb
{
	height:100%;
	float:left;
	position:relative;
}

#thumbsWrapper .thumbImg
{
	border:2px solid #CCC;
	margin-top:26px;
	width:100%;
}

#thumbsWrapper .thumbSection
{
	height:26px;
	position:absolute;
	left:0px;
	top:0px;
	font-size:10px;
	overflow:hidden;
	text-transform:uppercase;
	line-height:12px;
	color:#000;
}

#thumbsWrapper .thumbLabel
{
	font-size:24px;
	color:#444;
	font-weight:bold;
	font-family:Arial;
	position:absolute;
	bottom:0px;
	padding:4px 9px;
	cursor:pointer;
	background-color: #bbb;
}

#thumbsWrapper .active .thumbLabel
{
	color:#FFF;
}

#thumbsWrapper .thumbLeft .thumbLabel
{
	left:0px;
}

#thumbsWrapper .thumbRight .thumbLabel
{
	right:0px;
}

#thumbsWrapper .thumbRight .thumbImg
{
	border-left:none;
}


/********* SECTIONS *********/

#sectionsHeader,
#titlesHeader
{
	width:50%;
	font-size:14px;
	text-transform: uppercase;
	font-weight: bold;
	text-align:center;
	margin-bottom:8px;
	float:left;

}

#sectionsWrapper,
#titlesWrapper
{
	width:50%;
	height:250px;
	float:left;
	overflow:hidden;
}

#titlesWrapper{
	background-color: #eee;
}

#sectionsWrapper .section
{
	font-size:14px;
	padding:3px 18px 3px 5px;
	text-transform:uppercase;
	cursor:pointer;
}

#titlesWrapper .title
{
	font-size:14px;
	padding:5px 18px 5px 5px;
	cursor:pointer;
}


/********* SAVE *********/

#saveToolBar
{
    height:40px;
	border-bottom:1px solid #CCC;
}

#saveToolBarContent
{
    height:100%;
	width:250px;
	margin:0 auto;
}

.saveToolBarButton
{
    float:left;
	cursor:pointer;
	margin:6px 5px;
	padding:5px 20px;
	font-size:13px;
	border-radius:15px;
}

#saveToolBarSelect
{
	width:110px;
	text-align:center;
}

#saveBox
{
    width:100%;
    height:100%;
}

#saveContent
{
    width:100%;
}

#saveBox .thumb, #searchBox .thumb
{
	float:left;
	position:relative;
	margin:15px;
}
#searchBox .thumb
{
	position:relative;
	margin:15px;
}

#saveBox .thumbImg, #searchBox .thumbImg
{
	width:100%;
	border:2px solid #CCC;
	margin-top:26px;
	cursor:pointer;
}

#saveBox .thumbSection, #searchBox .thumbSection
{
	height:30px;
	position:absolute;
	left:0px;
	top:0px;
	font-size:10px;
	overflow:hidden;
	text-transform:uppercase;
	line-height:12px;
}

#saveBox .thumbLabel, #searchBox .thumbLabel
{
	font-size:24px;
	color:#444;
	font-weight:bold;
	font-family:Arial;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:4px 9px;
	cursor:pointer;
}
#searchBox .thumbLabel
{
	font-size:24px;
	color:#5099b9;
	font-weight:bold;
	font-family:Arial;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:4px 9px;
	cursor:pointer;
}

#saveBox .active .thumbLabel
{
	color:#FFF;
}


/********* SEARCH *********/

#searchBox
{
	width:100%;
	height:100%;
}

#searchToolBar
{
	position:relative;
	height:40px;
	border-bottom:1px solid #CCC;
}

#searchToolBar .searchInput
{
	position:absolute;
	top:7px;
	left:10px;
	height:20px;
/*	border:1px solid #888;
	height:22px;
	width:100px;
	border-radius:15px;
	padding:0px 8px;*/

	display: block;
  	width: 100px;
 	margin-right: 10px;
  	margin-top: 0px;
  	padding: 2px 10px;
  	font-size: 11px;
  	line-height: 1.428571429;
  	color: #555555;
  	vertical-align: middle;
  	background-color: #ffffff;
  	border: 1px solid #cccccc;
  	border-radius: 4px;
  	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;

}

#searchToolBar .searchButton
{
	top:7px;
	left:140px;
	background-image:url(../img/search_button.png);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
	height:25px;
	width:25px;
	position:absolute;
}

#searchToolBar #searchNavigation
{
	width:270px;
	height:25px;
	margin:0 auto;
	padding:8px 0;
	display:none;
}

#searchToolBar .searchNavigationButton
{
	float:left;
	font-size:14px;
	margin:0 3px;
	padding:3px 7px;
	border-radius:9px;
	cursor:pointer;
}

#searchToolBar #searchNavigationContent
{
	float:left;
	width:155px;
	height:100%;
}

#searchNavigationContent .saturnElement
{
	height:auto;
	padding:2px 0px;
	border-radius:10px;
	width:25px;
	text-align:center;
	border:none;
	cursor:pointer;
}

#searchToolBar #searchInfo
{
	position:absolute;
	top:12px;
	right:50px;
	display:none;
	font-size:12px;
	display:none;
}

#searchToolBar #searchInfoResults,
#searchToolBar #searchInfoTotal
{
	margin:0 5px;
}

#searchContent
{
	width:100%;
	overflow:hidden;
}

#windowSearch .mercuryBox {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
}

#searchContent .searchElement
{
	border-bottom:1px solid #5099b9;
	cursor:pointer;
}
#searchContent .searchElement .thumbLabel {
	border-bottom: 5px #5099b9 solid !important;
}

#searchContent .searchElementTitle
{
	font-size:16px;
	font-weight:bold;
}

#searchContent .searchElementText
{
	font-size:12px;
}