/* default styles for extension "tx_cssstyledcontent" */
    /* Headers */
    .csc-header-alignment-center { text-align: center; }
    .csc-header-alignment-right { text-align: right; }
    .csc-header-alignment-left { text-align: left; }

    div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

    /* Clear floats after csc-textpic and after csc-textpic-imagerow */
    div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

    /* Set padding for tables */
    div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
    div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

    /* Settings for figure and figcaption (HTML5) */
    div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

    /* Captions */
    figcaption.csc-textpic-caption { display: table-caption; }
    .csc-textpic-caption { text-align: left; caption-side: bottom; }
    div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
    div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
    div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

    /* Float the columns */
    div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

    /* Border just around the image */
    div.csc-textpic-border div.csc-textpic-imagewrap img {
        border: 2px solid #000000;
        padding: 0px 0px;
    }

    div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

    /* Space below each image (also in-between rows) */
    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
    div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

    /* colSpace around image columns, except for last column */
    div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
    div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

    /* Add margin from image-block to text (in case of "Text & Images") */
    div.csc-textpic-intext-left .csc-textpic-imagewrap,
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
        margin-right: 10px;
    }
    div.csc-textpic-intext-right .csc-textpic-imagewrap,
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
        margin-left: 10px;
    }

    /* Positioning of images: */

    /* Center (above or below) */
    div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
    div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
    div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

    /* Right (above or below) */
    div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
    div.csc-textpic-right div.csc-textpic-text { clear: right; }

    /* Left (above or below) */
    div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
    div.csc-textpic-left div.csc-textpic-text { clear: left; }

    /* Left (in text) */
    div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

    /* Right (in text) */
    div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

    /* Right (in text, no wrap around) */
    div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

    /* Left (in text, no wrap around) */
    div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

    div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

    /* Browser fixes: */
    /* Fix for unordered and ordered list with image "In text, left" */
    .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

    /* Textmedia */
    .csc-textmedia,
    .csc-textmedia-gallery { overflow: hidden; }
    .csc-textmedia-gallery-column { float: left; }
    .csc-textmedia-gallery-column { margin-right: 10px; }
    .csc-textmedia-gallery-column:last-child { margin-right: 0; }
    .csc-textmedia-gallery-row { overflow: hidden; margin-bottom: 10px; }
    .csc-textmedia-gallery-row:last-child { margin-bottom: 0; }
    .csc-textmedia-above .csc-textmedia-gallery { margin-bottom: 10px; }
    .csc-textmedia-above-right .csc-textmedia-gallery { float: right; }
    .csc-textmedia-above-left .csc-textmedia-gallery { float: left; }
    .csc-textmedia-above .csc-textmedia-text { clear: both; }
    .csc-textmedia-above-center .csc-textmedia-gallery-outer,
    .csc-textmedia-below-center .csc-textmedia-gallery-outer { position: relative; float: right; right: 50%; }
    .csc-textmedia-above-center .csc-textmedia-gallery-inner,
    .csc-textmedia-below-center .csc-textmedia-gallery-inner { position: relative; float: right; right: -50%; }
    .csc-textmedia-below .csc-textmedia-gallery { margin-top: 10px; }
    .csc-textmedia-below-right .csc-textmedia-gallery { float: right; }
    .csc-textmedia-below-left .csc-textmedia-gallery { float: left; }
    .csc-textmedia-inside-right .csc-textmedia-gallery { float: right; margin-left: 10px; }
    .csc-textmedia-inside-left .csc-textmedia-gallery { float: left; margin-right: 10px; }
    .csc-textmedia-beside-right .csc-textmedia-gallery { float: right; margin-left: 10px; }
    .csc-textmedia-beside-right .csc-textmedia-text { overflow: hidden; }
    .csc-textmedia-beside-left .csc-textmedia-gallery { float: left; margin-right: 10px; }
    .csc-textmedia-beside-left .csc-textmedia-text { overflow: hidden; }

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

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

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

    /* Frame */
    .csc-frame-ruler-before:before { content: ''; display: block; border-top: 1px solid rgba(0,0,0,0.25); margin-bottom: 2em; }
    .csc-frame-ruler-after:after { content: ''; display: block; border-bottom: 1px solid rgba(0,0,0,0.25); margin-top: 2em; }
    .csc-frame-indent { margin-left: 15%; margin-right: 15%; }
    .csc-frame-indent-left { margin-left: 33%; }
    .csc-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%;
	}