/* footer icons */
#footer .ui-icon {
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 32px;
	height: 32px; margin-left: -16px;
	background: transparent url('images/jtlshop3_mobile_iconset32.png') top left;
	-webkit-box-shadow: 0 0 0 0; box-shadow: 0 0 0 0;
}

#footer.ui-header .ui-btn-icon-top .ui-btn-inner,#footer.ui-footer .ui-btn-icon-top .ui-btn-inner,#footer.ui-bar .ui-btn-icon-top .ui-btn-inner
	{
	padding-top: 36px;
}

#footer .ui-navbar .ui-btn-text {
	font-size: 10px; position: relative;
}

#footer .ui-navbar .ui-btn-text em {
	position: absolute; font-style: normal; background-color: #d80000; top: -35px; right: 5px;
	display: inline-block; line-height: 10px; -moz-border-radius: 8x;
	-webkit-border-radius: 8px; height: 10px; min-width: 10px; padding: 4px; z-index: 100;
	text-shadow: none;
}

#nav_search .ui-icon-custom {
	background-position: -108px 0;
}

#nav_basket .ui-icon-custom {
	background-position: -52px 0;
}

#nav_register .ui-icon-custom {
	background-position: -164px 0;
}

#nav_info .ui-icon-custom {
	background-position: -218px 1px;
}

.hidden {
	display: none;
}

/*
 * message boxes
 */

.box_info {
	border: 1px solid #fffcbc; margin: 0 0 1em 0; padding: 0.5em 30px 0.5em 0.5em;
	background: #fffddd url('./images/box_info.png') right center no-repeat;
}

.box_error {
	border: 1px solid #ffebd2; margin: 0 0 1em 0; padding: 0.5em 30px 0.5em 0.5em;
	background: #fff3e3 url('./images/box_error.png') right center no-repeat;
}

.box_success {
	border: 1px solid #e1ffe2; margin: 0 0 1em 0; padding: 0.5em 30px 0.5em 0.5em;
	background: #edffee url('./images/box_success.png') right center no-repeat;
}

.form fieldset .error_text {
	font-size: 0.9em; font-weight: bold; color: #be4824;
}

label em,.article_buyfield em {
	color: #d80000; font-weight: bold;
}

/* Slider Start */
.swiper-container {
	width:100%;
	height:100%;
}

.swiper-wrapper {
	height:100%;
}
.swiper-slide {
	text-align:center;
	height:100%;
}
.swiper-slide img {
	vertical-align:middle;
	display:block;
	width:auto;
	max-width:100%;
	height:auto;
	max-height:100%;
	border:10px solid #fff;
	position:relative;
	left:-10px;
	top:-10px;
	box-shadow:0px 3px 6px #999999;
	-webkit-transition:300ms;
	-moz-transition:300ms;
	-ms-transition:300ms;
	-o-transition:300ms;
	transition:300ms;
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
	-webkit-backface-visibility:hidden;
	opacity:0.5;
}
.swiper-slide-active img {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
.swiper-slide .inner {
	height:100%;
	padding:20px 20px 50px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pagination {
	position:absolute;
	text-align:center;
	left:0;
	bottom:0;
	width:100%;
	line-height:25px;
	height:40px;
	z-index:20;
}
.swiper-pagination-switch {
	display: inline-block;
  	width: 15px;
  	height: 15px;
  	border-radius: 10px;
  	background: #999;
  	box-shadow: 0px 1px 2px #555 inset;
  	margin: 0 3px;
  	cursor: pointer;
}

.swiper-visible-switch {
	background:#dddddd;
}
.swiper-active-switch {
	background:#5f9cc5;
}
/* Slider End */

.vat_info {
	color: #777; font-size: 0.8em;
}

.differential_price {
	font-size: 0.7em; font-weight: normal;
}

.ui-li-desc {
    overflow: visible;
}

/*
 * signal image
 */
.signal_image {
	display: inline-block; padding: 0 0 0 70px; min-height: 17px;
}

.signal_image.a0 {
	color: #B80000; /* red */ background: url('./images/ampel0.png') no-repeat 0px 0px;
}

.signal_image.a1 {
	color: #2896ec; /* blue */ background: url('./images/ampel1.png') no-repeat 0px 0px;
}

.signal_image.a2 {
	color: #007C00; /* green */ background: url('./images/ampel2.png') no-repeat 0px 0px;
}

/* override some framework-css-rules */
.ui-listview .image.ui-li-thumb {
	padding: 1px; -moz-border-radius: 8px; border-radius: 8px;
}

.ui-li-desc {
	white-space: normal;
}

#styled_view .ui-li-desc,.container .ui-li-desc,.recommendations .ui-li-desc {
	margin-bottom: 0;
}

.article_images img {
    max-width: 100%;
    height: auto;
}

.price_wrapper, .signal_wrapper, .title {
	text-align: center;
}

.price_wrapper p {
	margin-top: 0px;
}

.ui-li-heading {
    white-space: normal !important;
}