/* default styles for extension "tx_frontend" */
    .ce-align-left { text-align: left; }
    .ce-align-center { text-align: center; }
    .ce-align-right { text-align: right; }

    .ce-table td, .ce-table th { vertical-align: top; }

    .ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row, .ce-uploads li, .ce-uploads div { overflow: hidden; }

    .ce-left .ce-gallery, .ce-column { float: left; }
    .ce-center .ce-outer { position: relative; float: right; right: 50%; }
    .ce-center .ce-inner { position: relative; float: right; right: -50%; }
    .ce-right .ce-gallery { float: right; }

    .ce-gallery figure { display: table; margin: 0; }
    .ce-gallery figcaption { display: table-caption; caption-side: bottom; }
    .ce-gallery img { display: block; }
    .ce-gallery iframe { border-width: 0; }
    .ce-border img,
    .ce-border iframe {
        border: 2px solid #000000;
        padding: 0px;
    }

    .ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery {
        margin-bottom: 10px;
    }
    .ce-image .ce-gallery { margin-bottom: 0; }
    .ce-intext.ce-right .ce-gallery { margin-left: 10px; }
    .ce-intext.ce-left .ce-gallery { margin-right: 10px; }
    .ce-below .ce-gallery { margin-top: 10px; }

    .ce-column { margin-right: 10px; }
    .ce-column:last-child { margin-right: 0; }

    .ce-row { margin-bottom: 10px; }
    .ce-row:last-child { margin-bottom: 0; }

    .ce-above .ce-bodytext { clear: both; }

    .ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

    /* Headline */
    .ce-headline-left { text-align: left; }
    .ce-headline-center { text-align: center; }
    .ce-headline-right { text-align: right; }

    /* Uploads */
    .ce-uploads { margin: 0; padding: 0; }
    .ce-uploads li { list-style: none outside none; margin: 1em 0; }
    .ce-uploads img { float: left; padding-right: 1em; vertical-align: top; }
    .ce-uploads span { display: block; }

    /* Table */
    .ce-table { width: 100%; max-width: 100%; }
    .ce-table th, .ce-table td { padding: 0.5em 0.75em; vertical-align: top; }
    .ce-table thead th { border-bottom: 2px solid #dadada; }
    .ce-table th, .ce-table td { border-top: 1px solid #dadada; }
    .ce-table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0,0,0,.05); }
    .ce-table-bordered th, .ce-table-bordered td { border: 1px solid #dadada; }

    /* Space */
    .frame-space-before-extra-small { margin-top: 1em; }
    .frame-space-before-small { margin-top: 2em; }
    .frame-space-before-medium { margin-top: 3em; }
    .frame-space-before-large { margin-top: 4em; }
    .frame-space-before-extra-large { margin-top: 5em; }
    .frame-space-after-extra-small { margin-bottom: 1em; }
    .frame-space-after-small { margin-bottom: 2em; }
    .frame-space-after-medium { margin-bottom: 3em; }
    .frame-space-after-large { margin-bottom: 4em; }
    .frame-space-after-extra-large { margin-bottom: 5em; }

    /* Frame */
    .frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .frame-indent { margin-left: 15%; margin-right: 15%; }
    .frame-indent-left { margin-left: 33%; }
    .frame-indent-right { margin-right: 33%; }
/* default styles for extension "tx_stproducts" */
	.browse-by-letter, .search-box {
		float: right;
		width: 608px;
	}
	.orderby {
		float: right;
		width: 608px;
		margin-bottom: 15px;
		clear: both;
	}
	.browse-list {
		float: left;
		margin: 15px 0 5px 10px;
	}
	.browse-list li {
		float: left;
		margin: 0 5px 10px 5px !important;
		border: 0;
		list-style: none;
		background-color: white;
		width: 18px;
		text-align: center;
		padding-bottom: 2px !important;
		height: 20px;
	}
	.browse-list li a {
		display: block;
	}
	.browse-by-letter li {
		background-color: #cfdbee;
	}
	.browse-by-letter li:hover{
		background-color: #0056a8;
	}
	.browse-by-letter li:hover a{
		font-weight: bold;
		color: white;
		text-decoration: none !important;
	}
	.browse-by-letter li.active{
		background-color: #0056a8;
	}
	.browse-by-letter li.active a{
		font-weight: bold;
		color: white;
	}
	li.space:hover {
		background-color: transparent;
	}
	li.space {
		background-color: transparent;
	}
	li.show-all {
		float: right;
		margin-right: 15px !important;
		width: 45px;
	}
	.search-form {
		padding: 20px;
	}
	#keyword {
		width: 525px;
		margin-top: 3px;
	}
	.icon-search-keywords {
		width: 80px;
		height: 30px;
		margin-top: 20px;
		margin-bottom: 20px;
		float: right;
	}
	.results {
		clear: both;
	}
	.results li {
		width: 100% !important;
		display: list-item !important;
		list-style: disc !important;
		list-stlye-type: disc !important;
	}
	.results p {
		margin-top: 0 !important;
	}
	span.up, span.down {
	  width: 24px;
	  height: 20px;
	  float: left;
	  position: relative;
	  cursor: pointer;
	}
	span.up {
	  background: url("/typo3conf/ext/st_products/Resources/Public/Icons/arrow-up.png");
	}
	span.down {
	  background: url("/typo3conf/ext/st_products/Resources/Public/Icons/arrow-down.png");
	}
	.order-box-title {
		float: left;
		padding: 10px 20px 10px 20px
	}
	.order-box-date {
		float: right;
		padding: 10px 20px 10px 20px
	}
	button.sort {
		float: right;
		clear: both;
		border: none;
	}
	.order-label {
		top: 10px;
		position: relative;
	}
	.product-tab, li.product-tab.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
		width: 298px !important;
		padding: 0 !important;
		height: 40px !important;
	}
	.product-tab {
		border-bottom: 2px solid #e5e5e5!important;
	}
	li.product-tab.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active {
		border-bottom: 1px solid #484848 !important;
	}
	.product-tab a {
		width: 278px !important;
		padding: 10px !important;
	}
	.product-tabs {
		width: 608px;
		float: right;
		margin-bottom: 5px;
	}
	.single-tab {
		padding: 0 !important;
	}
	.list-search {
		width: 465px;
		float: left;
		margin: 18px 0 0 0;
	}
	.list-search li {
		padding-bottom: 0 !important;
		font-size: 80%;
	}

.dpnglossary.pagination ul {
  list-style: none;
  margin: 0;
  padding: 0
}

.dpnglossary.pagination ul li {
  float: left;
  margin-left: 5px;
  margin-right: 5px
}

.dpnglossary.pagination ul li a {
  text-decoration: none
}

.dpnglossary.pagination ul li.first {
  margin-left: 0
}

.dpnglossary.pagination ul li.last {
  margin-right: 0
}

.dpnglossary.pagination ul li.empty {
  color: red
}

.dpnglossary.details .mediafile {
  display: inline-block;
  margin-bottom: 10px
}

.dpnglossary.details .mediafile:last-child {
  margin-bottom: 0
}

.dpnglossary.link {
  display: inline;
  position: relative
}

.dpnglossary.link:hover:after {
  background: rgba(0, 0, 0, .8);
  border-radius: 5px;
  bottom: 26px;
  color: #fff;
  content: attr(title);
  left: 20%;
  padding: 5px 15px;
  position: absolute;
  width: 220px;
  z-index: 98
}

.dpnglossary.link:hover:before {
  border: solid;
  border-color: #333 transparent;
  border-width: 6px 6px 0;
  bottom: 20px;
  content: '';
  left: 50%;
  position: absolute;
  z-index: 99
}