/* iOSC 3.0 by LTGraf.com 2010-11-19 */
/* iOSC 5.4 by raiwa 2013-03-30 */

body {
    margin: 0 auto;
	padding: 0;
	max-width: 960px;
    font-family: Open Sans, Tahoma, Helvetica, Arial, sans-serif;
    background: #FFFFFF;
    color: #1e1e1e;
    overflow-x: hidden;
    -webkit-user-select: none;
    -webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	font-smoothing:antialiased;/*css3*/
    -moz-font-smoothing:antialiased;/*gecko (ex:Firefox)*/
	font-size: 16px;
	overflow: hidden;
}

* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

form {
  display:inline;
}

A {
  color: #940000;
  text-decoration: none;
}

A:hover {
  text-decoration: underline;
}

h4 {margin-left:5px;}

#wrapper {
	position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 15px; /*Set bottom value to HeightOfFrameDiv*/
overflow: auto; 
}

#iphone_content {
	overflow: hidden;
    text-overflow: ellipsis;

}

#headerLogo {
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:18px;
	//text-align:center;
	//background:url(../../../images/header_back.png) repeat-x;
	line-height:38px;
}

#header .logo{
	float: left;
	margin-left: 3px;
}

#footer .currency {
	margin: 0 auto;
	width: 150px;
	margin-top: 10px;
}

#footer .currency a {
	display: inline;	
}

#footer .social {
    background-image: url('./social-logos-btn.png');
    background-repeat: no-repeat;
    display: inline-block;
    background-size: auto 35px;
}

.insta {
	width: 35px;
	height: 35px;
	background-position: -105px 0px;
}

.facebook {
	width: 35px;
	height: 35px;
	background-position: -140px 0px;
}

.pinterest {
	width: 35px;
	height: 35px;
	background-position: -70px 0px;
}

.yout {
	width: 35px;
	height: 35px;
	background-position: 0px 0px;
}

.twitter {
	width: 35px;
	height: 35px;
	background-position: -35px 0px;
}

#header .warenkorb {
	float: right;	
	margin-top: 15px;
}

#header .warenkorb a {
	text-decoration: none;
}

#header .cart_count {
	line-height: 1em;   
    position: relative;
	font-size: 14px;
	top: -10px;
	margin-right: 5px;
}

#header .cart_count span:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: transparent #DDDDDD transparent transparent;
    border-image: none;
    border-style: solid;
    border-width: 5px;
    content: "";
    display: block;
    height: 0;
    left: -5px;
    margin-top: -5px;
    position: absolute;
    top: 50%;
    width: 0;
}

#header .cart_count span {
    background-color: #DDDDDD;
    border-radius: 0.3em 0.3em 0.3em 0.3em;
    color: #4D4D4D;
    font-weight: bold;
    margin-left: 5px;
}

#header .cart_count span span {
    margin-left: 0;
    padding: 0.2em 0.5em;
}

/** Zuerst kleine Monitore **/
#header .icon-desktop {}
#header .icon-desktop_t {}
#header .desktop_v {visibility: hidden;float: left;width: 0px;color: #940000;}

/** Größere Monitore **/
@media only screen and (min-width: 700px) {
	#header .icon-desktop {
		line-height: 10px;
		font-size: 28px;
		float: left;
		margin-top: 17px;
		margin-right: 5px;
		cursor: pointer;
	}

	#header .icon-desktop_t {
		font-size: 28px;
		float: left;
		margin-top: 9px;
		margin-right: 5px;
		cursor: pointer;
	}
	
	#header .desktop_v {
		float:right;
		padding-left:15px;
		visibility: visible;
		width: auto;
		
	}
}




.cust_element {
	border: 1px solid #C7C7C7;
	border-radius: 5px 5px 5px 5px;	
	width: 90%;
	padding: 0;
	margin: 10px auto;	
}

.cust_header {	
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #323232;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	min-height: 20px;
	padding: 10px;
	cursor: pointer;
}

.cust_content {
	padding: 10px;
	display: none;
}

.cust_content {
	font-size: 14px;
}

.cust_content h4 {
	margin-top: 0;
}

/* main area in login, create account */
#returning_cust, #new_cust, #inscription {
	width:90%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	color:#1e1e1e;
	border:1px solid #ccc;
	margin:auto;
	margin-top:5px;


	background:#F6F7F8;
	margin-bottom:5px;
}

#returning_cust h1, #new_cust h1, #inscription h1 {
	margin:0;
	font-size:18px;
	margin-bottom:5px;
}

#returning_cust input, #new_cust input, #inscription input {
	width:150px;
}

.cust_content .float {
	display: block;
	width:33%;
	float:left;
	text-align:left;
	font-weight:bold;
}

#inscription .float {
	display: block;
	width:45%;
	float:left;
	text-align:left;
	font-weight:normal;
}

#inscription .obligatoire {
	color:#FF0000;
}

.form_line{
	clear:left;
	margin-bottom:5px;
}

.form_line input{
	width: 100% !important;
	padding: 6px;
	border: 1px solid #CCCCCC;
}

.form_line.gender input {
	width:auto;
}

.form_line.birthdate input {
	width:100px;
}


/* also purchased box in mobile_product_info */
#also_purchased {
	width:90%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:10px;
	color:#1e1e1e;
	border:1px solid #ccc;
	margin-top:5px;
	//margin-left:15px;
	//margin-right:15px;
	margin-bottom:5px;
	background:#F6F7F8;
	text-align:justify;
	display:block;
	float:left;
}

#prodCell_also {
	width:30%;
	min-height:125px;
	border:0px solid #ccc;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:2px;
	float:left;
	margin:2px;
	background:#ccc;
}

#prodCell_also img, #prodCell img, #ficheProdTop img {
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
}

#prodCell_also .prodImg, #prodCell .prodImg {
	margin:auto;
	border-bottom:1px solid #ccc;
	text-align:center;
	margin-bottom:2px;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	background:#F6F7F8;
	padding-top:2px;
}

#prodCell_also .prodName {
	font-size:14px;
	text-align:justify;
	padding:2px;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	background:#e7e7e7;
	margin-bottom:2px;
	min-height:80px;
	text-align:center;
	color:#532a68;
}

/* product box in product list */
#prodCell {
	width:32%;
	min-height:225px;
	border:1px solid #ccc;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:2px;
	display:block;
	float:left;
	margin:2px;
}

#prodFrame {
	padding-bottom: 1px;
    padding-top: 1px;
	margin-top:10px;
	border-top: 1px solid #d7d7d7;
}

ul.prodList {
	list-style: none outside none;
    margin: 0;
    padding-bottom: 0.25em;
    padding-left: 0;
	//background-color: #F6F7F8;
    position: relative;
}

ul.prodList li:nth-child(2n+1) {
    padding-right: 0.125em;
}

ul.prodList li {
	float: left;
    padding: 0.25em 0.125em 2em;
    position: relative;
    text-align: center;
    width: 50%;
	/*height: 23em;*/
}

a.prodCell {
	cursor: pointer;
    display: block;
    margin: 0;
    padding: 0.1em 1px;
    text-decoration: none;
	background-color: #FFFFFF;
}

#prodCell #empty {
	border:0;
}

#prodCell input {
	width:100px;
}

.prodName {
	font-size: 1.3rem;
    /*height: 2.1em;*/
    line-height: 1.0em;
    overflow: hidden;
	font-weight: bold;
	color: #000;
	margin-bottom:0;
	/*text-align:left;*/
	white-space: nowrap;
	text-overflow: ellipsis;
}

.i_absatz, .i_weite {
	color: gray;
	}
	
.i_absatz img, .i_weite img {
	margin: -2px;
}	

.list_icons {
	height:36px;
}	

.catPrice {
	color: #000;
	font-weight: bold;
	font-size: 1.2rem;
	color: #888;
}

.catPrice .priceInfo {
	font-size: 10px;
	font-weight: normal;
	color: #888;
}

#prodCell .prodPrice {
	font-size:16px;
	text-align:center;
	padding:2px;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	background:#1e1e1e;
	margin-bottom:2px;
	font-weight:bold;
	color:#fff;
}

#prodCell .prodBuy {
	text-align:center;
	padding:2px;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	background:#77ae01;
	margin-bottom:2px;
	height:30px;
}

/* product image, name, price and options area in product info page */
#ficheProdTop {
	width:100%;		
	display:block;	
}

#gallery {
	/*width: 154px;*/
	width: 100%;
	margin: 0 auto;
}

/* product image in product info page */
.visuel {		
	/*width:152px;*/
	width:100%;
	/*height:242px;*/
	background: none repeat scroll 0 0 #FFFFFF;
    //border: 1px solid #CDC9C9;    
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	margin: 0 auto;
	float: left;
}

.visuel img {
	height: auto; 
	max-width:100%;
	overflow: hidden;
	}

/* products name in product info page */
#ficheProdTop h2 {
	font-size:14px;
	margin-left: 10px;
}

/* products price in product info page */
.prodPrice {	
	text-align:center;
	padding:6px;
	/* border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;	*/
	margin-left: auto;
	margin-right: auto;
	margin-top:15px;	
	width: 100%;
}

.prodPrice .big {
	color: #2a9d2a;
  font-size: 1.4em;
  font-weight: bold;
}

.prodPrice .small {
	font-size: 10px;
}


.prodPrice .saving {
background-color: #ffe9e9;
  color: #d62828;
  padding: 5px 10px;
  border-radius: 4px;
  font-weight: bold;
  display: table;
  margin-bottom: 5px;
  margin-left: auto;
  margin-right: auto;
}

.prodPrice .percentage {
  font-size: 1.2em;
  font-weight: bold;
  color: #d62828;
}

.prodPrice .absolute {
  font-weight: bold;
  font-size: 0.9em;
  color: #d62828;
}
	
.prodPrice .akt_preis {
  color: #2a9d2a;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0;
}	

/* Schatten Übersicht */
.prodCell .visuel .image-overlay {
    position: relative;
    max-width: 300px; /* Breite des Bildes */
    height: 100%; /* Höhe des Bildes */
    display: inline-block;
    align-items: center;
    justify-content: center;
}

.prodCell .visuel .image-overlay::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.04); /* Sehr leichter grauer Schleier */
    pointer-events: none;
}


.image-overlay2 {

	max-width: 300px;
	display: block;
	padding: 10px 8px;
	/*box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;*/
	left: 50%;
	transform: translateX(-50%);
	position: inherit;
	height: 110px;
	border-radius: 0px 0px 10px 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}



/* products options in product info page */
#ficheProdTop .options {	
	text-align: center;
}

/* products options name in product info page */
#ficheProdTop .optName {
	font-size:12px;
}

/* add to cart button in product info page */
#ficheProdTop .bouton {
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/	
	background:#e7e7e7;
	display:block;
	float:left;
	margin-top:5px;		
	clear:both;	
}

#buy-wrapper {
	margin: 10px auto 20px;
    text-align: center;
    width: 300px;
}

#buy-wrapper .group {
	display: inline-block;
	position: relative;
    width: 100%;
}

#buy-wrapper .group-member {
	width: 33.3333%;
	float: left;	
}

#buy-wrapper .button {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );
	border: 1px solid #C7C7C7;
	border-radius: 4px 4px 4px 4px;
	line-height: 30px;	
	cursor: pointer;
}

#buy-wrapper .input {
	background-color: #FFFFFF;
    border: 1px solid #A5A3A3;
    border-radius: 4px 4px 4px 4px;
	margin-right: 5px;
	margin-left: 5px;
}

#buy-wrapper .input input {
	background: none repeat scroll 0 0 transparent;
    border: 0 none;
	text-align: center;
	font-weight: bold;
	height: 28px;
	width: 100%;
}

.cart-button {
	background: rgba(88,150,2,1);
	background: -moz-linear-gradient(top, rgba(88,150,2,1) 0%, rgba(118,190,20,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(88,150,2,1)), color-stop(100%, rgba(118,190,20,1)));
	background: -webkit-linear-gradient(top, rgba(88,150,2,1) 0%, rgba(118,190,20,1) 100%);
	background: -o-linear-gradient(top, rgba(88,150,2,1) 0%, rgba(118,190,20,1) 100%);
	background: -ms-linear-gradient(top, rgba(88,150,2,1) 0%, rgba(118,190,20,1) 100%);
	background: linear-gradient(to bottom, rgba(88,150,2,1) 0%, rgba(118,190,20,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62222', endColorstr='#df2a2a', GradientType=0 ); 
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #fff;
	color: #ffffff;
	line-height: 30px;
	padding: 4px 15px;
	cursor: pointer;
	font-size: 16px;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0 auto;
	margin-right: 0 auto;
}

.cart-button:active {
	background: linear-gradient(#DF2A2A, #B62222) repeat scroll 0 0 transparent;   
	
}

/* product description and comments area in product info page */
#ficheProdMid {
	
}

#ficheProdMid .product-infos {	
	padding: 0;
}

#ficheProdMid .info-container {
	display: list-item;
	border: 1px solid #C7C7C7;
    border-radius: 5px 5px 5px 5px;
    color: #000000;
    font-size: 16px;
    list-style: none outside none;
    margin: 10px;
    position: relative;
	padding: 0;
}

#ficheProdMid .info-header {
	border-top-left-radius: 4px;
    border-top-right-radius: 4px;
	background: linear-gradient(#FFFFFF, #DDDDDD) repeat scroll 0 0 #EEEEEE;
    color: #323232;    
    font-size: 16px;
    font-weight: bold;
    min-height: 20px;
    line-height: 20px;
    padding: 10px;	
}

#ficheProdMid .info-content {
	padding: 10px;
}

/* product description text in product info page */
#ficheProdMid .description {
	font-size:16px;	
}

#ficheProdMid .review-button {
	font-size: 15px;
    line-height: 35px;
	text-align: center;
	display: block;
}

.reviews .stars {
	display: inline-block;
    padding-left: 0;
    padding-right: 2px;
}

.reviews div {
	padding-top: 8px;
	margin: 0;
    border-bottom: 1px solid #EAEAEA;
    margin-top: 8px;
    padding-top: 8px;	

}



#contactForm {
	width:90%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	color:#1e1e1e;
	border:1px solid #ccc;
	margin:auto;
	margin-top:5px;
	background:#F6F7F8;
	margin-bottom:5px;
}

#contactForm input[type=text] {
	width: 100% !important;
	padding: 6px;
	border: 1px solid #CCCCCC;
	margin-bottom: 5px;
	font-family: inherit;
	font-size: inherit;
}

#contactForm textarea {
	width: 100% !important;
	padding: 6px;
	border: 1px solid #CCCCCC;
	font-family: inherit;
	font-size: inherit;
	margin-bottom: 5px;
	font-weight:inherit;
}

#contactForm .float {
	display: block;
	width:40%;
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}

#contactForm .float_full_width {
	display: block;
	width:100%;
	float:left;
	text-align:left;
	font-weight:bold;
	font-size:14px;
}

#results {
	width:100%;
	//border-radius:5px;/*css3*/
    //-moz-border-radius:5px;/*gecko (ex:Firefox)*/
    //-webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding-top:10px;
	padding-bottom:10px;
	color:#1e1e1e;
	border:1px solid #ccc;
	margin:auto;
	margin-top:5px;


	background:#ccc;
	margin-bottom:5px;

	text-align:justify;
	display:block;

	float:left;
	text-align:center;
}

/* main text areas in index page */
#cms {
	/*width:100%;*/
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding: 5px;
	color:#532a68;
	border:1px solid #ccc;
	margin:5px;	


	/*background:#FCFCFC;*/
	margin-bottom:5px;

	text-align:justify;
	background-color: #eee;
}

#cms2 {
	width:92%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	color:#532a68;
	border:1px solid #ccc;
	margin:auto;
	margin-top:5px;
	margin-left:5px;
	margin-right:5px;
	background:#F6F7F8;
	margin-bottom:5px;
	text-align:left;
}
#cms h2 {
	font-size:16px;
}

/* main area in account pages */
#accthistpl {

}

#accthistpl h1 {
	font-size:16px;
	margin:2px;
	margin-left:0px;
}

#accthistpl h2 {
	font-size:14px;
	margin:2px;
	margin-left:0px;
}

#accthistpl #nomProd {
	font-size:14px;
	font-weight:bold;
	float:left;
	width:70%;
}

#accthistpl #ligneProdNom {
	font-size:11px;
	float:left;
	width:70%;
}

#accthistpl #taxProd {
	font-size:14px;
	font-weight:bold;
	display:inline;
	float:right;
	width:15%;
}

#accthistpl #ligneProdTax {
	font-size:11px;
	display:inline;
	float:right;
	width:15%;
}

#accthistpl #totalProd {
	font-size:14px;
	font-weight:bold;
	display:inline;
	float:right;
	width:15%;
}

#accthistpl #ligneProdPrix {
	font-size:11px;
	display:inline;
	float:right;
	width:20%;
	text-align:right;
}

#accthistpl #subTotal {
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
}

#accthistpl #titre {
	font-size:12px;
	font-weight:bold;
	float:left;
	width:75%;
	text-align:right;
}

#accthistpl #text {
	font-size:11px;
	float:right;
	width:25%;
	text-align:right;
}

#accthistpl #delivery {
	width:40%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
	display:block;
	float:left;
}

#accthistpl #shipping {
	width:55%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
	margin-left:5px;
	display:inline-table;
}

#accthistpl #historic {
	width:95.5%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;	
	margin-top:5px;
}

#accthistpl .clear {
	clear:both;
}

#accthistpl #billing {
	width:40%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
	display:block;
	float:left;
	margin-top:5px;
}

#accthistpl #payment {
	width:55%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
	margin-left:5px;
	margin-top:5px;
	display:inline-table;
}

#accthistpl .fleche {
	float:right;
	vertical-align:middle;
	display:inline;
	margin-top:-60px;
}

#accthistpl #maxentries {
	width:92%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
	margin:10px;
}

#accthistpl #bouton {
	width:92%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#999;
	margin:10px;
	text-align:center;
}

#acctHist {
	width:100%;
	border-bottom:1px solid #ccc;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
}

#acctHist .fleche {
	float:right;
	vertical-align:middle;
	display:inline;
	margin-top:-30px;
}

.fleche {
	float:right;
	/*vertical-align:middle;*/
	display:inline;
}

.fleche img {
  vertical-align: bottom;
}

/* main area in checkout, newsletter, notifications etc. pages */
#newsletter, #notifications, #password, #checkout_conf, #checkout_shipping, #checkout_payment, #checkout_pmt_add, #checkout_ship_add, #checkout_success {
	width:95%;
	border:1px solid #ccc;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	margin:5px auto;
}

#abd {	
	margin:5px auto;
}

#abd input, #abd select {
	width: 100%;
}

#abd input {
	border: 1px solid #CCCCCC;
  padding: 6px;
}

#newsletter #titre {
	float:left;
	font-size:17px;
	font-weight:bold;
	margin-right: 20px;
}

#newsletter #text, #notifications #text, #password #text, #checkout_conf #text {
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;	
	margin:10px;
}

#notifications h1, #abd h1, #checkout_conf h1, #checkout_shipping h1, #checkout_payment h1, #checkout_pmt_add h1, #checkout_ship_add h1, #checkout_success h1, #cms h1, #also_purchased h1 {
	margin:2px;
	margin-left:0px;
	font-weight: 900;
	color: #000;
	letter-spacing: 0;
	font-size: 20px;
}

#checkout_conf #bouton, #checkout_shipping #bouton, #checkout_payment #bouton, #checkout_pmt_add #bouton, #checkout_ship_add #bouton, #checkout_success #bouton, #cms #bouton {
	width:98%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#999;
	margin:10px;
	text-align:center;
}

#checkout_shipping #module, #checkout_payment #module {
	width:95%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#999;
	margin-top:5px;
}

#checkout_shipping #ship_add, #checkout_payment #bill_add, #checkout_pmt_add #bill_add, #checkout_ship_add #ship_add {
	width:95%;
	border-radius:5px;/*css3*/
    -moz-border-radius:5px;/*gecko (ex:Firefox)*/
    -webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	background:#ccc;
	margin-top:5px;
}

.cust_content #ligneProd {
	font-size:12px;
	float:left;
	margin-right:5px;
	width: 80%;
}

.cust_content .gras {
	font-size:12px;
	font-weight:bold;
	text-align:right;
}

#abd .required {
	color:#FF0000;
	font-size:11px;
	font-weight:bold;
	float:right;
	display:inline;
}

#abd .float {
	display: block;
	width:50%;
	float:left;
	text-align:left;
}

#abd .inputRequirement {
	color:#FF0000;
}

#password .float {
	display: block;
	width:55%;
	float:left;
	text-align:left;
	font-weight:bold;
}

/* selection area categories in catalogue and change address in checkout pages */
table.categories {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	cursor: hand;
	cursor: pointer;
}

tr.categories{
	background-color: white;
}

tr.categories:hover{
	background-color: #EEEEEE;
}

tr.categoriesselect{
	background-color: #FFFFCC;
}

td.categories {
	padding: 3px 0 3px 5px;
	height:40px;
	border-top-color: #AAAAAA;
    border-top-style: solid;
    border-top-width: thin;
	border-bottom-color: #AAAAAA;
    border-bottom-style: solid;
    border-bottom-width: thin;
}

td.categories a{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

table.footer_u {
	width: 100%;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    cursor: hand;
	cursor: pointer;
}
tr.footer_u{
	background-color: #940000;
}
tr.categoriesselect{
	background-color: #FFFFCC;
}
td.footer_u {
	padding-left: 5px;
	height:40px;
	border-top-color: #AAAAAA;
    border-top-style: solid;
    border-top-width: thin;
	border-bottom-color: #AAAAAA;
    border-bottom-style: solid;
    border-bottom-width: thin;
}
td.footer_u a{
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}
hr.separator {
	border: 0px; 
	background-color: #AAAAAA; 
	height: 1px;
}

td.smallText, span.smallText, p.smallText {
  font-size: 12px;
}

td.linkText, span.linkText, p.linkText {
  font-family: Helvetica, sans-serif;;
  font-size: 14px;
}

td.midText, span.midText, p.midText {
  font-size: 10px;
}

span.orderEdit {
  font-size: 10px;
}

td.main {
  font-size: 12px; 
}
	
td.review {
	padding-left:10px;
	font-size: 12px;
}

td.smallText, span.smallText, p.smallText {
  font-family: Helvetica, sans-serif;
  font-size: 10px;
}

td.linkText, span.linkText, p.linkText {
  font-family: Helvetica, sans-serif;
  font-size: 14px;
  padding-top: 5px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

/* products table in shopping cart */
TABLE.productListing {
  
  border-spacing: 1px;
}

/* header of products table in shopping cart */
.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
  //padding-left: 10px;
  //padding-right: 15px;
}

/* products name, quantity, price in shopping cart */
TD.productListing-data {
  font-size: 10px;
  padding-right: 4px;
}

SPAN.productSpecialPrice {
  color: #5d9d05;
}

table.productsGrid {
  border-collapse: collapse;
}

td.productsGrid{
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

table.productCell{
  text-align: center;
  font-size: 10px;
  height: 100%;
}

td.stockWarning {
  font-size: 10px;
}

td.pageHeading  {
  font-size: 14px;
  font-weight: bold;
}

td.productHeader {
  font-size: 14px;
  font-weight: bold;
}

#mobileButton table{
  background: url(../../../images/greybutton/background.gif) repeat-x;
  border-collapse: collapse;
}

#mobileButton td{
  height: 23px;
  font-size: 11px;
  font-weight: bold;
  color: navy;
  vertical-align: middle;
  padding: 0px;
  border: 0;
  cursor: pointer;
}

#header {
}
#mainBody {
	padding: 5px;
	font-size: 15px;
}

#footer {
	overflow: hidden;
	background-color: #F6F7F8;
	margin-top: 10px;
	font-size: 12px;
	padding-bottom: 30px;
}

#footer .zahlungsweise a {
	display: inline;
}

#footer .zahlungsweise {
	width: 260px;
	margin: 0 auto;
	text-align: center;
}

#footer ul {
    border-top: 1px solid #AAAAAA;
    overflow: hidden;
		margin: 0;
		padding: 0;
}

#footer ul li {
    width: 33.3%;
		float: left;
		text-align: center;
		padding: 10px 0;
		list-style-type: none;
		margin: 0;		
}

#mobileForm input[type="text"],input[type="password"], select {
	width: 250px;
}

#productAttribute select {
	width: 100px;
}

#errorMsg {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TABLE.headerNavigation {
	//background-image: url("../../../images/header_navigation_back.png");
	//background:url(../../../images/header_back.png) repeat-x;
	background-repeat: repeat-x;
    height: 50px;
    padding-top: 4px;
    padding-bottom: 4px;
	//background: #940000;
	background: #fff;
}

tr.headerNavigation {

}

td.headerNavigation {
  font-size: 10px;
  text-align: center;
  font-weight : bold;
  vertical-align: bottom;
  width: 20%;
  cursor: pointer;
	//border-top:2px solid #000;
	padding-top:5px;
	
}

TD.headerNavigation A { 
	//color: #FFFFFF;
	color: #000;
	font-size:12px;
	display: block;
}

A.headerNavigation:hover {
  //color: #FFFFFF;
	color: #000;
}


#headerShop {
	background: url("../../../images/home.png") no-repeat center top;
}

#headerBoutique {
	background: url("../../../images/boutique.png") no-repeat center top;
}

#headerSearch {
	background: url("../../../images/search2.png") no-repeat center top;
}

#headerAccount {
	background: url("../../../images/compte.png") no-repeat center top;
}

#headerAbout {
	background: url("../../../images/help.png") no-repeat center top;
}

#headerLanguage {
	background: url("../../../images/language.png") no-repeat center top;
}

.togglebox tr {
	height: 40px;
}

.togglebox td {
	padding-right: 15px;
}

table.headerTitle{
	height: 48px;
	background-image: url("../../../images/header_back.png");
	//background-image: url("../../../images/Header_Navigation_Back.png");
	background-repeat: repeat-x;
	color: #ffffff;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}

h1.headerTitle {
	text-align: left; 
	font-size: 18px; 
	border-top: 1px solid #ccc;
	padding: 5px;
	margin: 0;
}

td.headerTitleRight{
	width: 60px;
	text-align: right;
	vertical-align: top;
	padding-top: 9px;
	padding-right: 6px;
}

td.headerTitleLeft{
	width: 60px;
	font-size: 14px;
	text-align: left;
	vertical-align: center;
	padding-left: 6px;
}

.messageBox {font-size: 10px; }

#messageStack {
	width:100%;
	//border-radius:5px;/*css3*/
    //-moz-border-radius:5px;/*gecko (ex:Firefox)*/
    //-webkit-border-radius:5px;/*webkit (ex:safari)*/
	padding:5px;
	color:#FFFFFF;
	border:0px solid #ccc;
	margin:auto;
	margin-top:5px;
}

.error_msg {
	background-color: #ffece8;
	border: 1px solid #be1522;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px 0;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.success_msg {	
	background-color: #DFF2BF;
	border: 1px solid #4F8A10;
	padding: 10px;
	box-sizing: border-box;
	margin: 10px 0;
	margin-left: 10px;
	margin-right: 10px;
	text-align: center;
}

.messageStackError, .messageStackWarning {
font-size: 15px;
text-align: center;
background-color: #FEE;
height: 2.4em;
color: red;
border: 1px solid #FEC6D0;
padding: 7px;
}

.messageStackSuccess {font-size: 10px; background-color: #64a700; }

div.headerNavigation {
	filter:alpha(opacity=50);
	-moz-opacity:.50;
    opacity:.50;
}

ul li { display: inline }

.info-content ul li { list-style: none; display: list-item;  padding-left: 5px; }
.info-content ul { margin:0; padding: 0 0 12px; }
.info-content li:before {
	content: "\25A0";
	color: #940000;
}

/* selection area shipping and payment modules in checkout pages */

.moduleRowSelected { background-color: #ffffff; }


tr.moduleRow:hover, tr.moduleRowSelected:hover, tr.moduleRowOver:hover {
	background-color: #F6F7F8; cursor: pointer; cursor: hand;	
}

a img { border:none !important; text-decoration:none !important;}
.tax_info {
  font-family: Helvetica, sans-serif;
  font-size: 9px;  
}


.prodGrundpreis {
  font-family: Helvetica, sans-serif;
  font-size: 9px;
  color: #fff;
}

.separator {
	height: 28px;
    line-height: 28px;
	padding: 0 10px;
	background-color: #000000;
	color: #FFFFFF;
	margin-bottom: 15px;
    margin-top: 15px;
	white-space: nowrap;
}

.std_button {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(221,221,221,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd', GradientType=0 );
    border: 1px solid #C7C7C7;
    border-radius: 4px 4px 4px 4px;
	line-height: 30px;
	padding: 4px 15px;
	cursor: pointer;
	font-size: 13px;
}

.std_button:active{
	background: rgba(221,221,221,1);
	background: -moz-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(221,221,221,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(221,221,221,1) 0%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#ffffff', GradientType=0 );
}

a.std_button {
	color: inherit;
}

a.std_button:hover {
	text-decoration: none;
}

.imp_button {
	background: rgba(182,34,34,1);
	background: -moz-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(182,34,34,1)), color-stop(100%, rgba(223,42,42,1)));
	background: -webkit-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -o-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -ms-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: linear-gradient(to bottom, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62222', endColorstr='#df2a2a', GradientType=0 );    
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #B62222;
	color: #ffffff;
	line-height: 30px;
	padding: 4px 15px;
	cursor: pointer;
	font-size: 13px;
}

.imp_button:active {
	background: rgba(223,42,42,1);
	background: -moz-linear-gradient(top, rgba(223,42,42,1) 0%, rgba(182,34,34,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(223,42,42,1)), color-stop(100%, rgba(182,34,34,1)));
	background: -webkit-linear-gradient(top, rgba(223,42,42,1) 0%, rgba(182,34,34,1) 100%);
	background: -o-linear-gradient(top, rgba(223,42,42,1) 0%, rgba(182,34,34,1) 100%);
	background: -ms-linear-gradient(top, rgba(223,42,42,1) 0%, rgba(182,34,34,1) 100%);
	background: linear-gradient(to bottom, rgba(223,42,42,1) 0%, rgba(182,34,34,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df2a2a', endColorstr='#b62222', GradientType=0 );
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #B62222;
	color: #ffffff;
	line-height: 30px;
	padding: 4px 15px;
	cursor: pointer;
}

.arrow_menu {
	background-image: url("../../../images/arrows.png");
	background-repeat: no-repeat;  
	background-position: 0 0;
    height: 16px;    
    width: 16px;
    display: inline-block;        
    padding: 0;		
	margin-bottom: 9px;
}

.arrow_down {
    background-position: -16px 0;
}

.arrow_menu2 {	
  font-size: 20px;
  float: left;
  margin-top: 22px;
  margin-right: 5px;
  cursor: pointer;
}

#search {
	//background-color: #940000;	
	//background-color: rgba(51, 51, 51, 0.9);	
	padding: 0.4em;
}

#searchbox {
	width: 65%;
}

#searchbutton {
	background: none repeat scroll 0 0 transparent;
    border: none;
    color: #FFFFFF;
	float: right;
	width: 33%;	
	font-size: 16px;   
}

#total_cost {	
	padding: 2px 5px 5px 5px;
}

.product {
	background-color: #FFFFFF;
    border-top: 1px solid #DDDDDD;
    overflow: hidden;
    padding: 5px 0 0 2px;
    position: relative;
	font-size: 13px;
}

.product h4 {
	font-size: 14px;
    line-height: 16px;
	font-weight: bold;
	float: left;
	/*width: 70%;*/
	padding: 0;
	margin: 5px 0 20px 0;
}

.product .remove {
	float: right;
	margin-right: 2px;
}

a.remove {
	color: inherit;
	text-align: center;
}

a.remove:hover {
	text-decoration: none;
}

.product .price {
	float: right;
	text-align: right;
	padding-right: 5px;
}

.productAttributes {	
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 20px;
}

.productHeader {
	overflow: hidden;	
	margin-left: 20px;
}

.productHeader .remove_x {
	font-weight: bold;
}

.productHeader .remove_text {
	display: none;
}

li.left {
	width: 35%;
	margin-bottom: 5px;
	float: left;
}

li.right {
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	margin-right: 1%;
    width: 55%;
	float: left;
    margin-bottom: 5px;
}

.product_image {
	float: left;
	width: 30%;	
}

.product_image img {
	width: 100%;
	height: auto;
}

.product select {
	width: 40px;
}

.product-rating {
	top: -4px;
	position: relative;
	/*color: #ffc107;*/
}

.productInfo {
	float: left;    
    width: 70%;
}

#gallery .stars {
	float: right;
	margin-left: 130px;
	margin-top: 10px;
	position: absolute;
}

#gallery .highlight {
	float: left;
	margin-left: 0px;
	margin-top: 0px;
	position: absolute;
}

#total_cost select {
	width: inherit;
}

#prod_help {
	width: 320px;
	font-size: 13px;
	margin: 5px auto;
	padding: 10px;
	border: 1px solid #000000;
	background: linear-gradient(#FFFFFF, #EEEEEE) repeat scroll 0 0 #EEEEEE;
}

#prod_help h4 {
	margin-bottom: 20px;
	margin-top: 0;
}

#prod_help select {
	width: 120px;
}

#prod_help span input {
	width: 50px;
}

#prod_help ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#prod_help ul li {
	display: block;	
	line-height: 30px;
}

#prod_help ul li.button {
	text-align: center;
	margin-top: 5px;
}

#prod_help ul li span {
	margin-left: 50px;
	float: right;
	margin-top: 4px;
}

#progress {
    margin: 10px auto;
    height: 40px;
    padding: 0px 3px 0px 3px;
    display: table;
    width: 95%;
    font-family: Helvetica, sans-serif;
}
#progress ul {
    margin: 0;
    height: 40px;
    padding: 0px;
    display: table-row;
    background: #ccc;
    color: #ccc;
}

#progress li.done {
    background: #000;
    color: #000;
    border-color: #000;
}

#progress li {
    list-style: none;
    padding: 0px;
    text-align: center;
    vertical-align: middle;
		font-size: 19px;
		color: #fff;
    text-decoration: none;
}

#progress li a {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: inherit;
}

#progress li.done_l hr {
	color: #000;
	background-color: #000;
	height: 2px;
	border: none;
}

#progress hr {
	color: #ccc;
	background-color: #ccc;
	height: 2px;
	border: none;
}


#progress .step {
    display: table-cell;
    white-space:nowrap;
    width:40px;
    padding:5px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
#progress .line {
    width:auto;
    display: table-cell;
    white-space:nowrap;
    padding:5px;
    background: #fff;
}

.img_desc {
	position: absolute;
  color: #fff;
  background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
  bottom: 0;
  right: 0;	
	display: inline-block;	
	line-height: 4vmax;
	font-size: 3vmax;
	width: 100%;
}

#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}


#framecontent{
position: absolute; 
bottom: 0; 
left: 0; 
width: 100%; 
min-height: 15px; /*Height of frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background: #940000;
color: #fff;
font-size: 12px;
padding: 3px 0;
padding-left:5px;
z-index: 1000;
}

.info_link {
	display: block;
	line-height: 30px;
	padding: 3px 0 3px 5px;
	border-bottom: thin solid #AAAAAA;
}

.info_a {
	display: block;
}

.info_a:hover {
	text-decoration: none;
	background-color: #eeeeee;
}

.info_content {	
	border-bottom: thin solid #AAAAAA;
	display: none;
	padding: 0 10px;
}

#mobilNavi, #mobilNavi ul, #mobilNavi li{
    list-style-type: none;
    margin: 0px 0px -10px 0px;
    padding: 0;
}

#mobilNavi div, #mobilNavi li{
    border-top:1px solid #D7D7D7;
}

#mobilNavi a {
    display: block;
    position: relative;
    text-transform: uppercase;
}
#mobilNavi a {
    background: -moz-linear-gradient(center top , #fbfafa 0%, #fbfafa 50%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-image: -webkit-linear-gradient( top , #fbfafa 0%, #fbfafa 50%, #EFEFEF 100%);
	background-image: -ms-linear-gradient( top , #fbfafa 0%, #fbfafa 50%, #EFEFEF 100%);
	background-image: -o-linear-gradient(center top , #fbfafa 0%, #fbfafa 50%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	background-image: linear-gradient(center top , #fbfafa 0%, #fbfafa 50%, #EFEFEF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 70px;
}


#mobilNavi a em {
    display: block;
    font-style: normal;
    left: 35px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 22px;
    white-space: nowrap;
    width: 60%;
	font-size: 22px;
}

#mobilNavi a .aufzaehlung {
    /*background-image: url("../../../../mobile/images/Pfeil-start.png");*/
    background-position: 0 0px;
    background-repeat: no-repeat;
    height: 13px;
    left: 14px;
    position: absolute;
    top: 36px;
    width: 14px;
}




#mobilNavi a .kategorie {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
#mobilNavi .kategorie.neu {
    background-image: url("../../../../mobile/images/start-neu_klein.png");
    background-position: 13px -4px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.shop {
    background-image: url("../../../../mobile/images/start-shop_klein.png");
    background-position: 13px -4px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.rabatt {
    background-image: url("../../../../mobile/images/start-rabatt_klein.png");
    background-position: 13px -4px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.business {
    background-image: url("../../../../mobile/images/start-business_klein.png");
	background-position: 0 -4px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.frau {
    /*background-image: url("../../mobile/images/start-frau3_klein.png");*/
	background-image: url("../../../../mobile/images/start_frau_klein.png");
    background-position: 25px 0px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}


#mobilNavi .kategorie.mann {
    /*background-image: url("../../mobile/images/start-man3_klein.png");*/
	background-image: url("../../../../mobile/images/start_mann_klein.png");
    background-position: 25px 0px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.kinder {
	background-image: url("../../../../mobile/images/start_kinder_klein.png");
    background-position: 25px 0px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.stepp {
	background-image: url("../../../../mobile/images/start_steppschuhe.png");
    background-position: 15px 0px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.garde {
	background-image: url("../../../../mobile/images/start_gardestiefel.png");
    background-position: 6px 3px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.flexerinas {
	background-image: url("../../../../mobile/images/start_flexerinas.png");
    background-position: 6px 3px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.zubehoer {
	background-image: url("../../../../mobile/images/start_zubehoer_klein.png");
    background-position: 25px 0px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#mobilNavi .kategorie.allgemein {
    background-position: 40px 13px;
    background-repeat: no-repeat;
    height: 70px;
    width: 144px;
}

#header .header_seal {
background-image: url("../../../../mobile/images/mobile_ts_logo.gif");

    background-repeat: no-repeat;
    height: 34px;
    width: 35px;
	display: inline-block;
}

#search-box-2 {
    margin: 0px 0;
    position: relative;
    width: 95%;
	margin-left: auto; 
	margin-right: auto;
}

.col-lg-6 {
  width: 100%;
}

#search-box-2 .btn {
	background: rgba(182,34,34,1);
	background: -moz-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(182,34,34,1)), color-stop(100%, rgba(223,42,42,1)));
	background: -webkit-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -o-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -ms-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: linear-gradient(to bottom, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62222', endColorstr='#df2a2a', GradientType=0 );
	color: #fff;
}

.btn {
	border-radius: 0;
	background-color: rgb(221, 221, 221);
    border-color: rgb(221, 221, 221);
}

.form-control {
	border-radius: 0;
}

#cart-button-center
{margin-left:10px;
margin-right:10px;}


#price_range {
	margin-top: 20px;
	text-align: center;
}

#price_range input {
	margin: 10px;
	padding: 8px;
	border: 1px solid #bfbfbf;	
	width: 80px;
	text-align: center;
}

#price_range input[type=number] {
    -moz-appearance:textfield;
}

#price_range input[type=number]::-webkit-inner-spin-button,
#price_range input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

#filter_sort {
	margin: 5px 5px 10px 5px;
	position: relative;
}

#filter_sort a.btn {
	display: block;
	width: 49.5%;
	float: right;
	text-align: left;
}

#filter_sort select {
	display: block;
	width: 100%;	
	height: 34px;
	line-height: 34px;
	margin-top: 0px;
}

.sort_btn {
	float: left;
	width: 50%;
	text-align: left;
}


.pageResults li {
	float: left;	
}

.pageResults .previous, .pageResults .next {	
	background: #fff;
}

.pageResults a:hover {
	background: #e8e8e8;
	text-decoration: none;
}

.pageResults .next:hover, .pageResults .previous:hover {
	background: #e8e8e8;
}

.pageResults a, .pageResults .current, .pageResults .previous, .pageResults .next {
	display: block;
	width: 30px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	text-align: center;		
	border: 1px solid #e8e8e8;
	margin-left: -1px;
	background: #fff;
}

.pageResults .current {
	border: 1px solid #e0e0e0;
	background: #e8e8e8;
	color: #000;
}

.pageResults .icon-right-open:before, .pageResults .icon-left-open:before {
	line-height: 30px;
	font-size: 18px;
}

.option_row {
	display: block;
	margin: 5px 0;
}

.bootstrap-select .dropdown-toggle .filter-option:before{   
    font-size: 14px;
    font-weight:700;
    padding-right: 5px;
}

.bootstrap-select .dropdown-menu>li>a small.muted {
  display: none;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled span {
	text-decoration: line-through;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
	max-height: 200px;
	overflow-y: auto;
}

.dropdown-menu>li>a {
	padding: 10px 20px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
	margin-top: 12px;
}

.swiper-full {
	position: relative;
}

.swiper-container {
    width: 90%;
    height: 250px; /* Bildhöhe 4:3 */
	margin: 0 auto;
}   

.swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        width: 60%;        
}

.swiper-pagination-bullet-active {
	background: #940000;
}


#filter_box h2 {
	font-size: 13px;
    background-color: #e8e7e5;
	padding: 12px;
}

#filter_box h2 a{
	color: #000;
	background: url("../../../images/sprite.png") no-repeat scroll 0px 0px;
	padding-left: 20px;
	display: block;
	font-size:16px;
}

#filter_box h2.open a {
    background-position: 0px -39px;
}

#filter_box ul {
	margin: 0;
	padding: 0;
}

#filter_box ul li{
	display: inline-block;
	min-width: 25%;
	padding: 10px;
	cursor: pointer;
    text-overflow: inherit;
    white-space: nowrap;
    overflow: hidden;
    width: 48%;
}

#filter_box ul.price {
	margin: 0;
	padding: 0 16px;
}

#filter_box ul.price li {
	display: inline;
}

img {
	vertical-align: baseline;
}

.icon-head {
	font-size: 28px;
}

.pageResults {
	display: inline-block;
	padding: 0;
}

.avg_rating {
	padding-left: 5px;
	color: #940000;
}

.avg_rating .icon-star, .avg_rating .icon-star-half-alt, .avg_rating .icon-star-empty {
	font-size: 18px;
}

.avg_rating .icon-star:before, .avg_rating .icon-star-half-alt:before, .avg_rating .icon-star-empty:before {
	margin: 0 1px;
}

.reviews .stars .icon-star, .reviews .stars .icon-star-empty {
	font-size: 14px;
	color: #940000;
}

.reviews .stars .icon-star:before, .reviews .stars .icon-star-empty:before {
	margin: 0 1px;
}

.prodList .stars .icon-star, .prodList .stars .icon-star-half-alt, .prodList .stars .icon-star-empty {
	font-size: 16px;
	color: #940000;
}

.prodList .stars .icon-star:before, .prodList .stars .icon-star-half-alt:before, .prodList .stars .icon-star-empty:before {
	margin: -14px 1px;
}

a:hover {
	color: #940000;
}

.btn-primary, .btn-primary:hover, .btn-primary:active {
	/*background-color: rgb(221, 221, 221);*/
	border-color: rgb(221, 221, 221);
	color: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: rgba(182,34,34,1);
	background: -moz-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(182,34,34,1)), color-stop(100%, rgba(223,42,42,1)));
	background: -webkit-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -o-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: -ms-linear-gradient(top, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	background: linear-gradient(to bottom, rgba(182,34,34,1) 0%, rgba(223,42,42,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b62222', endColorstr='#df2a2a', GradientType=0 );
}

#filter_sort .caret {
	position: absolute;
	right: 12px;
	top: 50%;
	margin-top: -2px;
	vertical-align: middle;
}

.swiper-slide-active { opacity: 1 !important; transition: all .2s ease-in-out; transform: scale(1.0) !important; }
.swiper-slide { opacity: 0.3; transition: all .2s ease-in-out; transform: scale(0.8); }

#reviews_modal, #modal_360, #modal_video {
    display: none;
    font-size: 14px;
}
.modal_header {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%) repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-radius: 5px 5px 0 0;
    padding: 18px 18px 14px;
}
.modal_header h3 {
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 5px;
}
.modal_header p {
    font-size: 13px;
    width: 360px;
}
.modal_header .icon-cancel::before {
    margin: 0;
}
.modal_content {
    background-color: #fff;
    border-radius: 0 0 5px 5px;
    padding: 10px 20px;
}
.modal_content .stars label {
    color: #e7e7e7;
    font-size: 20px;
}
.modal_content .stars input {
    float: right;
    height: 16px;
    margin: 0 0 0 -16px;
    opacity: 0;
    padding: 0;
    width: 16px;
}
.modal_content .review_error input, .modal_content .review_error textarea {
    border: 1px solid #cd2e26;
}
.stars .review_error {
    border: 1px solid #cd2e26;
}
.modal_content .stars .icon-star::before, .modal_content .stars .icon-star-empty::before {
    margin: 1px;
}
.modal_content .select_stars {
    cursor: pointer;
}
.level-1 .star_1, .level-2 .star_1, .level-3 .star_1, .level-4 .star_1, .level-5 .star_1, .level-2 .star_2, .level-3 .star_2, .level-4 .star_2, .level-5 .star_2, .level-3 .star_3, .level-4 .star_3, .level-5 .star_3, .level-4 .star_4, .level-5 .star_4, .level-5 .star_5 {
    color: #be1522 !important;
}
.modal_content .input_row {
    margin: 16px 0 6px;
    position: relative;
}
.input_row label {
    display: block;
    font-weight: bold;
    margin-bottom: 5px;
}
.input_row input {
    height: 38px;
}
.input_row input, .input_row textarea {
    border: 1px solid #d8d8d8;
    font-size: inherit;
    padding: 5px;
    width: 100%;
}
.input_row input:focus, .input_row textarea:focus {
    box-shadow: 0 0 0 5px rgba(244, 244, 244, 1);
}

.banner-text {
    background: rgba(0, 0, 0, 0) url(../../../../images/slider_text_bg.png) repeat-y scroll left top;
    bottom: 110px;
    float: left;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    z-index: 10;
	padding-left: 24px;
	padding-bottom: 7px;
	padding-right: 10px;
}


.table_head  {
	border: 1px solid #ccd2d7;
	height: 20px;
	line-height: 20px;

	font-weight: bold;
}

.gray_gradient {
	background-image: -webkit-linear-gradient(top,#fff,#f9f9f9); 
	background-image: -moz-linear-gradient(top,#fff,#f9f9f9); 
	background-image: -o-linear-gradient(top,#fff,#f9f9f9); 
	background-image: linear-gradient(top,#fff,#f9f9f9);
}

.table_row .thumb {
	display: block;	
	width: 60px;
	height: 60px;
	float: left;
}

.table_row .product_name {	
	font-weight: bold;
	float: left;
	width: 370px;
}

.table_row .product_name p {
	font-weight: normal;
	color: gray;
	font-size: 11px;
	margin-top: 3px;
}

.table_row .grid2, .table_head .grid2 {
	width: 100px;
}

.table_row .grid3, .table_head .grid3 {
	width: 200px;
}

.table_row .grid4, .table_head .grid4 {
	width: 435px;
}

.table_row .grid1, .table_head .grid1, .table_row .grid2, .table_head .grid2, .table_row .grid3, .table_head .grid3, .table_row .grid4, .table_head .grid4 {
	display: inline;
	float: left;
	position: relative;	
	margin: 0 10px;
}

.wishlist_table .grid4 {
	width: 520px;
}

.headerNavigation_trail {
	color: #940000;
	font-size: 15px;
	display:inline;
}

.responsive-video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.responsive-video {
position: relative;
padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
padding-top: 0px;
height: 0;
overflow: hidden;
}

.versandkosten th {
font-weight: bold;
text-align: left;
background: #be1522;
color:#fff;
font-size:60%;
padding:1px;
}

.versandkosten  .grau_bg
{
	background: #e4e4e4;
}

.versandkosten td {
vertical-align: top;
border-top:1px solid #ccd2d7;
padding: 5px;
font-size:60%;
}

.versandkosten .rahmen {

border-left:1px solid #ccd2d7;
border-right:1px solid #ccd2d7;
}

.addReadMore.showlesscontent .SecSec,
    .addReadMore.showlesscontent .readLess {
        display: none;
    }
 
    .addReadMore.showmorecontent .readMore {
        display: none;
    }
 
    .addReadMore .readMore,
    .addReadMore .readLess {
        font-weight: bold;
        margin-left: 2px;
        color: #940000;
        cursor: pointer;
		text-decoration: underline;
    }
 
    .addReadMoreWrapTxt.showmorecontent .SecSec,
    .addReadMoreWrapTxt.showmorecontent .readLess {
        display: block;
    }
	
	

	
	
	
	
	
.hinweis_groesse {
	
	/*-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;*/
	height: 85px;
    top: 5px;
    position: relative;
	padding-bottom: 7px;
	padding-left: 10px;
    padding-right: 10px;
	
}

.hinweis_hinw {
	border: 2px solid #940000;
	font-weight: normal;
	margin-left: 10px;
    margin-right: 10px;
	padding-top: 3px;
	}

.hinweis_groesse_text{
	font-size: 30px;
	color: #940000;
	padding-left: 38px;
	font-weight: bold;
	white-space: nowrap;
	overflow: hidden;
	max-width: 290px;
}

.hinweis_groesse_zusatz{
	padding-top: 17px;
	font-weight: bold;
}

.b_fuss {
	/*background-image: url(../../../design/fuss_n.gif);
    background-repeat: no-repeat;
	background-position-x: 8px;
    background-size: contain;
	padding-left: 10px;
	padding-right: 10px;*/
    top: -4px;
    position: relative;
    height: 55px;
    width: 33px;
    float: left;
	}
		
.b_geeignet {
	
	float: left;
    width: 100%;
    text-align: center;
	font-size: 14px;
	}
	
.b_strich{
	
	width: 100%;
    float: left;
    background: #cccccc;
    height: 10px;
    top: 10px;
    position: relative;
	margin: 4px 0px 6px 0px;
	}
.b_punkt{
	/*background: #940000;*/
	width: 26px;
    height: 33px;
    position: relative;
    top: -12px;
	background-image: url(../../../../design/fuss_n2.gif);
    background-repeat: no-repeat;
    background-size: contain;
	
}
.b_1{left: 0px;}
.b_2{left: 16.66%;margin-left: -16px;}
.b_3{left: 33.33%;margin-left: -16px;}
.b_4{left: 50%;margin-left: -16px;}
.b_5{left: 66.66%;margin-left: -16px;}
.b_6{left: 83.33%;margin-left: -16px;}
.b_7{left: 100%;margin-left: -17px;}

.b_weite {
	float: left;
    width: 100%;
	font-size: 12px;
	top: 17px;
    position: relative;
	}
	
.b_schmal{
	float: left;
    width: 33%;
}
.b_normal{
	margin: 0 auto;
    width: 33%;
    float: left;
    text-align: center;
}
.b_weit {
	width: 33%;
    float: right;
    text-align: right;
	}	
	
.input-txt::placeholder  {
  font-size:12px;
}	

.icon-check:before { content: '\e804'; } /* '' */
.v_kauf {color: #6a9e06;
	font-size: 12px;
	line-height: 1.5em;
	}
	
.grau_bgs::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 98%;
  height: 58%;
  background-color: #000;
  opacity: .03;
  pointer-events: none;
  content: '';
  display: block;
  margin-left: 5px;
}	

.grau_bgl::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 95%;
  height: 98%;
  background-color: #000;
  opacity: .03;
  pointer-events: none;
  content: '';
  display: block;
  margin-left: 5px;
}	

/* Einfaches Styling für das WeiterleitungsPopup */
    #device-popup {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 1000;
      display: none; /* Popup standardmäßig versteckt */
    }

    #device-popup-content {
      background: white;
      padding: 20px;
      border-radius: 8px;
      text-align: center;
      max-width: 300px;
      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    #device-popup-content button {
      margin: 10px;
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }
	
	.overlay_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1; /* Volle Deckkraft, damit das Overlay sichtbar bleibt */
    mix-blend-mode: multiply; /* Oder try: overlay, soft-light, difference */
    pointer-events: none;
}

        

            .articles-container {
                grid-template-columns: repeat(1, 1fr) !important;
            }


.empty-state {
            background-color: white;
            padding-top: 25px;
            text-align: center;
            width: 100%;

        }


        .empty-state .icon {
            font-size: 4.5rem;
            color: #f8f9fa;
            margin-bottom: 1rem;
        }

        .empty-state h2 {
            color: #333;
            font-size: 2.5rem;
            margin-bottom: 10px;
			margin-top: 10px;
        }

        .empty-state p {
            color: #6c757d;
            font-size: 1.5rem;
            line-height: 1.7;
            margin-bottom: 1.5rem;
        }


        .empty-state .btn {
            background: #940000;
            color: white;
            border: none;
            border-radius: 8px;
            padding: 0.75rem 1.5rem;
            font-size: 2rem;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
            margin-top: 1rem;
        }
		
/* Wrapper-Style: Bootstrap-Look */
.nice-select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 49.5%;
    padding-left: 8px;
    font-size: 14px;
    line-height: 1.4;

    border: 1px solid #ccc;
    background-color: #ffffff;

    color: #333;
    cursor: pointer;

    background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="20" viewBox="0 0 20 20" width="20" xmlns="http://www.w3.org/2000/svg"><polygon points="5,7 15,7 10,13"/></svg>');
    background-repeat: no-repeat;
    background-position: right 14px center;
    
}

/* Hover */
.nice-select:hover {
    border-color: #999;
}

/* Fokus (auch Handy besser sichtbar) */
.nice-select:focus {
    outline: none;
    border-color: #666;
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

/* Button und Sortier-Formular im #filter_sort nebeneinander */
#filter_sort > a.btn {
    float: left;
    width: 49.5%;
    box-sizing: border-box;
}

#filter_sort > form[name="sort_products"] {
    float: right;
    width: 49.5%;
    box-sizing: border-box;
    margin: 0;
}

/* Select im Formular soll die volle Breite des Formulars nutzen */
#filter_sort .nice-select {
    width: 100% !important;
}

#filter_sort {
    height: 34px;
}