/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
html {
  background: #fff;
  color: #FFFFFF;
  margin: 0px;
}

BODY {
  background: #4d5359;
  color: #353531;
  margin: 0px;
  font-family: 'Open Sans', sans-serif; font-weight: 400;
  z-index: 1;
}

B.prodDescr {
  font-size: 25px;
  font-weight: normal;
}

HR {
  color: #fefefe;
}
.boxText {  font-size: 14px; padding-left: 5px;}
.errorBox {  font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning {  font-size : 12px; color: #c76170; }
.productsNotifications { background: #000000; }
.orderEdit {  font-size : 12px; color: #FC72B9; text-decoration: underline; }
.smallText {  font-size: 9px;}

A.boxText {
  color: #353531;
  text-decoration: none;
  line-height: 1.5;
}

A.boxText:hover {
  color: #000;
  text-decoration: none;
  font-weight: normal;
}

.footerText {  font-size: 14px; color: #fff;}

A.footerText {
  color: #fff;
  text-decoration: none;
  line-height: 1.5;
}

A.footerText:hover {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

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

A:hover {
  color: #000;
  text-decoration: none;
}

A.showLink {
  color: #FF6600;
  text-decoration: none;
}

A.showLink:hover {
  color: #FF6600;
  text-decoration: none;
}

A.polewareLink {
  color: #f906c7;
  text-decoration: underline;
}

A.polewareLink:hover {
  color: #f906c7;
  text-decoration: underline; font-weight:bold;
}

/* truncate */
A.trunkLink {
	color: #f906c7;
	text-decoration: none;
}

A.trunkLink:hover {
	font-weight:bold;
}

/* EOF truncate */

A.footerImage {
	padding-left: 10px;
}

a.normal_red:link { text-decoration:underline; font-size:12px;font-weight:bold; color:red; }
a.normal_red:visited { text-decoration:underline; font-size:12px; color:red; }
a.normal_red:hover { text-decoration:underline; font-size:12px; color:red; }
a.normal_red:active { text-decoration:underline; font-size:12px; color:red; }

a.normal:link { text-decoration:underline; font-size:12px;font-weight:normal; color:#FFFFFF; }
a.normal:visited { text-decoration:underline; font-size:12px; color:#FFFFFF; }
a.normal:hover { text-decoration:underline; font-size:12px; color:#FFFFFF; }
a.normal:active { text-decoration:underline; font-size:12px; color:#FFFFFF; }

FORM {
	display: inline;
}

/* reduce blurring effect on resizing */
img {
 	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
}

img.inproduct{
	max-width: 650px;
	padding: 20px;
}

TR.header {
  background: url("images/header1.png") repeat-x scroll left bottom #424242;
  height: 0px;
}

TR.headerNavigation {
  background: #1f1f1f;
}

TD.headerNavigation {  
  font-size: 15px;
  color: #dddddd;
  font-weight : bold;
  height: 63px;
}

img.pwlogo {
	padding-top: 6px;
	padding-left: 1px;	
}

TD.showRight {
  text-align: right;
}

TD.headerLeftWidth {
	width: 50%;
}

A.headerNavigation { 
  color: #353531; 
  font-weight : normal;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #000;
  font-weight : normal;
  text-decoration: none;
}

A.headerNavigationDark { 
  color: #dfdfdd; 
  font-weight : normal;
  text-decoration: none;
}

A.headerNavigationDark:hover {
  color: #fff;
  font-weight : normal;
  text-decoration: none;
}

TR.headerNew {
  background: #FFFFFF;
}

TD.headerNew {
  
  font-size: 10px;
  background: #FFFFFF;
  color: #7CC02C;
  font-weight : bold;
}

A.headerNew { 
  color: #707070; 
}

A.headerNew:hover {
  color: #707070;
}
TR.headerNewLeft {
}

TD.headerNewLeft {
  
  font-size: 10px;
  background: #FFFFFF;
  color: #7CC02C;
  font-weight : bold;
}

A.headerNewLeft { 
  color: #7CC02C; 
}

A.headerNewLeft:hover {
  color: #7CC02C;
}

TR.headerError {
  background: #ff0000;
}

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

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  
  font-size: 12px;
  background: #00ff00;
  color: #000000;
  font-weight: bold;
  text-align: center;
}

TR.footer {
}

TD.footer {
  font-size: 14px;
  color: #fff;
  font-weight: normal;
}

.infoBox {
  background: #fff ;
  width: 100%;
  margin-bottom: 20px;
}

.infoBoxContents {
  background: #fff;   
  font-size: 12px;
  width: 100%;
}

table.infoBoxHeading {
	width: 100%;
	margin-bottom: 3px;
}

table.infoBoxHtml5 {
	background: #fff ;
	width: 100%;
	padding: 0px;
	border-spacing: 0px;
}

table.infoBoxContentsHtml5 {
	background: #fff;   
	font-size: 12px;
	color: #dddddd;
	width: 100%;
	padding: 0px;
}

table.prodInfo {
	padding-top: 10px;	
}

.infoBoxContentsFB {
  background: #000000;   
  font-size: 10px;
  color: #FFFFFF;
}

.infoBoxContents1 {
  background: #151515;   
  font-size: 10px;
  color: #FFFFFF;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #333333;
  font-size: 10px;
}

TD.infoBoxHeading { 
  font-size: 16px;
  font-weight: 500;
  background: #fff;
  line-height: 16px;
  padding-left: 0px;
  padding-right: 14px;
  padding-bottom: 0px;
}

TD.breadcrumb { 
  font-size: 14px;
  background: #fff;
  color: #353531;
  line-height: 10px;
  padding-left: 0px;
  padding-right: 14px;
  padding-top: 20px;
}

TD.prodHeading {
  
  font-size: 35px;
  font-weight: 600;
}

TD.infoBox, SPAN.infoBox {
  
  font-size: 10px;
}

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: #f5f5f5; /* was 303030 */
}

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: #efefef; /* was 404040 */
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #fff;
  border-spacing: 1px;
  border-radius: 4px;
  width: 100%;
}

TABLE.productListingHeader {
  width: 100%;
  margin-bottom: 10px;
  margin-left: 10px;
}

TABLE.features {
  border: 1px;
  border-style: solid;
  border-color: #c20e7a;
  border-spacing: 6px;
  border-radius: 4px;
}

div.features {
  border: 1px;
  border-style: solid;
  border-color: #c20e7a;
  padding: 10px;
  border-radius: 4px;
}

TABLE.top {
  border: 1px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 1px;
  border-radius: 4px;
  border-width: thick;
}

.productListing-heading {
  
  font-size: 14px;
  background-image: url("images/bk2gr.png");
  color: #FFFFFF;
  font-weight: normal;
  text-align: center;
}
table.lables {
	margin-top: 20px;
}

table.column_left {
	width: 100%;
	background: #f5f5f5;
	padding: 10%;	
}

div.label {
	background: none repeat scroll 0 0 #0044BB;
    color: #dddddd;
    padding: 3px;
    width: 100px;
    border-radius: 4px;
    text-align: center;
}
td.label{
	
	font-size: 11px;
	line-height: 1.5;
	color: #dddddd;
}

TD.productListing {
	color: #353531;
	font-size: 14px;
	line-height: 1;
}

TD.productListing-data {  
  font-size: 13px;
  color: #605e5e;
  border: 0px solid #515754;
  padding: 3px;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
}

TD.productListing-data-cart {  
  font-size: 13px;
  color: #605e5e;
  border: 0px solid #515754;
  padding: 3px;
  text-align: left;
}

A.productListing-heading {
  color: #e0e0e0;
  text-decoration: none;
}

A.productListing-heading:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

A.productListing {
  text-decoration: none;
}

A.productListing:hover {
  color: #000;
  text-decoration: none;
}

A.pageResults {
  color: #999;
}

A.pageResults:hover {
  color: #ff42f6;
}

A.underlined {
  color: #707070;
  text-decoration: underline;
}


/* old:
TD.siteHeading, DIV.siteHeading {
  
  font-size: 17px;
  font-weight: bold;
  color: #909090;
}
*/

TD.siteHeading, DIV.siteHeading {
  
  font-size: 18px;
  font-weight: bold;
  color: #7CC02C;
  text-align: left;
}

TD.pageHeading, DIV.pageHeading {
  
  font-size: 20px;
  font-weight: 600;
  color: inherit;
}

TR.subBar {
  background: #FFFFFF;
}

TD.subBar {
  
  font-size: 10px;
  color: #C0C0C0;
}

TD.main, P.main, input.main{
  
  font-size: 14px;
  line-height: 1.5;
  background: none repeat scroll 0 0 #ffffff;
}

TD.label_minwidth {
	min-width: 250px;
}

TD.main_small, P.main_small, input.main_small{
  
  font-size: 12px;
  line-height: 1.5;
  background: none repeat scroll 0 0 #ffffff;
  color: #c3c3c3;
}

.smallgrey{
  
  font-size: 14px;
  line-height: 1.5;
  background: none repeat scroll 0 0 #ffffff;
  color: #8c8c8c;
}

TD.white, P.white {
  
  font-size: 14px;
  line-height: 1.5;
  background: inherit;
  color: inherit;
}

TD.main sup, P.main sup {
  
  font-size: 9px;
  line-height: 1.5;
  background: none repeat scroll 0 0 #FFFFFF;
  color: #555555;
}

TD.smallText, SPAN.smallText, P.smallText {
  
  font-size: 16px;
  line-height: 1.5;
}

TD.categories {
  
  font-size: 18px;
  line-height: 1.5;
  color: #aaaaaa;
  text-align: center;
  padding-bottom: 35px;
}

TD.accountCategory {
  
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  
  font-size: 12px;
  font-weight: bold;
  color: #bbbbbb;
}

TD.alert {
  
  font-size: 10px;
  font-weight: normal;
  color: red;
}

TD.fieldValue {
  
  font-size: 12px;
}

TD.tableHeading {
  
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  
  font-size: 10px;
  color: #FF3939;
}

CHECKBOX, INPUT, RADIO {
  background: none repeat scroll 0 0 #fff;
  border-radius: 2px;
  border: 1px solid #AAA;
  padding: 5px;
  filter: none;
  color: #353531;
}

input[type="radio"] {
	width: auto;
}

input[type="checkbox"] {
	width: auto;
}

input {
	width: 200px;
}

input.search {
	font-size: 16px;
	height: 25px;
	width: 85%;
	padding-left: 25px;
  	border-radius: 3px;
	background-image: url('images/lupe1.png');
    background-repeat: no-repeat;
    background-position: left;	
	background-color: #fff;
	border: 1px solid #ddd; 
}

SELECT {
  font-size: 14px;
  color: #CCCCCC;
  background: none repeat scroll 0 0 #443b45;
  border-radius: 3px;
  border: 1px solid #888;
  min-width: 50px;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
}

SELECT.dark {
  font-size: 14px;
  color: #CCCCCC;
  background: none repeat scroll 0 0 #443b45;
  border-radius: 3px;
  border: 1px solid #888;
  min-width: 50px;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
}

select.select_hell {
  font-size: 14px;
  color: #000;
  background: none repeat scroll 0 0 #f5f5f5;
  border-radius: 3px;
  border: 1px solid #888;
  min-width: 50px;
  text-align: center;
  -webkit-appearance: none;
  height: 32px;
  padding-left: 5px;
  padding-right: 5px;
}

button.main {
  
  font-size: 11px;
  color: #000000;
  background: none repeat scroll 0 0 #1f1f1f;
  border-radius: 4px;
  border: 1px solid #1f1f1f;
  padding: 0px;
}

CHECKBOX.transpi, INPUT.transpi, RADIO.transpi, SELECT.transpi {
  
  font-size: 11px;
  color: #FFFFFF;
  background: none repeat scroll 0 0 transparent;
}

TEXTAREA {
  width: 100%;
  max-width: 600px;
  font-family: 'Open Sans', sans-serif; font-weight: 400;
  font-size: 14px;
  color: inherit;
  background: none repeat scroll 0 0 #fff;
}

SPAN.greetUser {
	color: #c20e7a;
	font-weight: bold;
	font-size: 105%;
}

TABLE.header {
  	width: 100%;
  	padding:0px;
  	border-spacing: 0px; 
  	max-width: 99%;
  	margin: 0 auto; 
}

TABLE.formArea {
  background: #000000;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  
  font-size: 20px;
  color: #f32bb9;
}

SPAN.productSpecialPrice {
  
  color: #FE8EC0;
}

SPAN.errorText {
  
  color: #ff0000;
}
SPAN.importantText {
  
  color: #fe66fe;
}

.moduleRow { }
.moduleRowOver { background-color: #f5f5f5; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #f5f5f5; }

.checkoutBarFrom, .checkoutBarTo {  font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent {  font-size: 12px; color: inherit; }

/* message box */

.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning {  font-size: 16px; background-color: white; color: red; padding: 10px; }
.messageStackSuccess {  font-size: 14px; color: #00B000; }

/* input requirement */

.inputRequirement {  font-size: 12px; color: #c20e7a; }

/* BOF: Additional Images */
.imagesBoxContents {
  
  font-size: 10px;
}
/* EOF: Additional Images */
h1 {  
  font-size: 18px;
  font-weight: normal;
  line-height: 1.0;
}

h1.contentBoxHeading {  
  font-size: 22px;
  font-weight: normal;
  color: #353531;
  line-height: 1.0;
  padding-bottom: 10px;
}
.normalTitle {
	font-size:16px; 
	color:white;
}

.footNote {
	font-size: 8px;
}

/* countryCheck */
#countrycheck {
    background-color: #333333;    
    padding: 20px;
    width: 500px;
}
A.btn_decline {
  color: #cccccc;
  text-decoration: none;
  cursor: pointer;
}
A.btn_decline:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
A.cntrycheck {
  color: #cccccc;
  text-decoration: none;
  cursor: pointer;
}
A.cntrycheck:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

/*new for jquery --------------------------------------------- */
/* dialog */

div.thickbox {
	cursor: zoom-in;
	text-align: center;
	width: 250px;
	margin: 0 auto;
}
div.thickbox:hover {
  color: #ffffff;	
}

#thickimage {
	max-width: 1000px;
	max-height: 900px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	box-shadow: 1px 1px 10px #555;
}

.ui-corner-all {
	border-radius: 0px;
}
.ui-widget-header {	
	background-image: none;
	background-repeat: repeat;
	color: #ccc;
	border: 0px solid #ccc;
}
.ui-dialog-titlebar {
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
	font-size:15px;	
	visibility: hidden;
}
/*
.ui-dialog-titlebar-close {
	visibility: hidden;
}
 */
.ui-widget-content {
	background: transparent;
    border: 0px solid transparent;
    color: transparent;
    z-index: 100;
}

.ui-dialog .ui-dialog-content {
 padding: 0px;	
}

.ui-dialog .ui-dialog-buttonpane button {
	cursor: pointer;
	margin: 0 0 0 0;
}
/* EOF dialog */

#main_row {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-top: 0px;
}

#error_main_row {
	width: 90%;
	padding: 10px;
	margin: 10px;
	border: 1px;
	border-style: solid;
	border-color: #772650;
	border-spacing: 1px;
	border-radius: 4px;
}

#footer {
	width: 100%; 
	clear:both;
	background-color: #4d5359;
	padding-top: 15px;
}

TABLE.footer {
  	width: 100%;
  	padding:0px;
  	border-spacing: 120px 0px; 
  	max-width: 99%;
  	margin: 0 auto; 
}

#screen {
	width: 100%; 
	margin:auto; 
	min-width: 1000px;
	padding: 0px;
	background-color: #fff;
}

#header {
	width: 100%; 
	min-width: 100%;
	max-width: 100%;
	/* position: absolute;*/ /* desktop special */
	font-size: 13px;
	background-color: #111;
	color: #dddddd;
	font-weight : bold;
	position: fixed;
	z-index: 11;
	padding-top: 0px;
	height: 66px;
}

#header_menu {
	width: 100%; 
	min-width: 100%;
	max-width: 100%;
	/* position: absolute;*/ /* desktop special */
	font-size: 16px;
	background-color: #4d5359;
	background-repeat: repeat-x;
	color: #dddddd;
	position: relative;
	z-index: 10;
	padding-top: 66px;
}

#navigation {
	min-width: 200px; /* desktop special */
	width: 20%;
	float: left; /* desktop special */
	margin-top: 0px; 
	background: #f5f5f5;
	min-height: 85vh; /* vh = % viewport height */
}

#main {
	min-width: 800px; /* desktop special */
	width: 80%;
	float: right; /* desktop special */
	margin-top: 0px;  
	min-height: 85vh; /* vh = % viewport height */
}

#main_popup {
	width: 90%;  /* mobile special */ 
	margin: 15px; 
}

button.buttonMinWidth {
	min-width: 350px;	
	height: 40px;
}

.pinkButton {
	background-color:#f92b9f;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #fff;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size:15px;
	padding:5px 23px;
}
.pinkButton:hover {
	background-color:#e82995;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;	
	color:#ffffff;
}
.pinkButton:active {
}
.greyButton {
	background-color:#a8a5a5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:0px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size:15px;
	padding:5px 23px;
}
.greyButton:hover {
	background-color:#a8a5a5;
	color:#ffffff;	
}
.greyButton:active {
}
.pinkLightButton {
	-moz-box-shadow:inset 0px -3px 7px 0px #ff9cf3;
	-webkit-box-shadow:inset 0px -3px 7px 0px #ff9cf3;
	box-shadow:inset 0px -3px 7px 0px #ff9cf3;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff7fee), color-stop(1, #fa4bda));
	background:-moz-linear-gradient(top, #ff7fee 5%, #fa4bda 100%);
	background:-webkit-linear-gradient(top, #ff7fee 5%, #fa4bda 100%);
	background:-o-linear-gradient(top, #ff7fee 5%, #fa4bda 100%);
	background:-ms-linear-gradient(top, #ff7fee 5%, #fa4bda 100%);
	background:linear-gradient(to bottom, #ff7fee 5%, #fa4bda 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7fee', endColorstr='#fa4bda',GradientType=0);
	background-color:#ff7fee;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #000000;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family: 'Open Sans', sans-serif; font-weight: 400;
	font-size:15px;
	padding:3px 23px;
	text-decoration:none;
}
.pinkLightButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff73f1), color-stop(1, #ff36e4));
	background:-moz-linear-gradient(top, #ff73f1 5%, #ff36e4 100%);
	background:-webkit-linear-gradient(top, #ff73f1 5%, #ff36e4 100%);
	background:-o-linear-gradient(top, #ff73f1 5%, #ff36e4 100%);
	background:-ms-linear-gradient(top, #ff73f1 5%, #ff36e4 100%);
	background:linear-gradient(to bottom, #ff73f1 5%, #ff36e4 100%);
}
.pinkLightButton:active {
}
.swiper-container {
    width: 550px; /* was 350px */
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #000;
    opacity: 1;
    background: #e6e4e4;
}
.swiper-pagination-bullet-active {
    color:#fff;
    background: #e140a7;
}

/* Fix blue outline highlight on focus in chrome*/
* {
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important; 
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important; 
    outline: none !important;
}

img.productImage {
    margin-top: 20px;
    margin-bottom: 50px;
    margin-right: 0px;
    margin-left: -100px;
}

img.prodListImg {
	line-height: 1.5em;
	transition: all 1s ease 0s;
}
img.prodListImg:hover {
	transform: scale(1.1, 1.1);
}

table.productImage {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-right: 0px;
    margin-left: 0px;
    max-width: 1200px;
}

div.prodImage {
	width: 600px; 
	float: left;
}

td.prodDescription {
	padding: 30px;
}

img.footerImage {

}

img.categoryImage {
    width: 100%;
    max-width: 400px;
	transition: all 0.2s ease 0s;
}
img.categoryImage:hover {
	transform: scale(1.1, 1.1);
}

img.socialBtn {
	margin-top: 5px;
	transition: all 0.2s ease 0s;
}
img.socialBtn:hover {
	transform: translateY(-4px);;
}

tr.smallSpace {
	line-height: 0px; 
}
img.whiteBg {
	background-color: white;
}

/* cart popup */
div.cartPopup {
	background-color: white;
	text-align: center;
	display: inline-block;
	top: 80px;
	right: 65px;
    position: fixed;
    z-index: -99;
	opacity: 0;
	transition: .5s all ease;
	margin: auto;
}

div.cartPopupContents {
	text-align: left;
    border: 1px solid #ece7ec;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;    	
}

/* gotoCart popup */
div.gotoCartPopup {
	background-color: white;
	text-align: center;
	display: inline-block;
	top: 80px;
	right: 65px;
    position: fixed;
    z-index: 99;
	opacity: 1;
	transition: .5s all ease;
	margin: auto;
	min-width: 20%;
}

div.gotoCartPopupContents {
	text-align: left;
    border: 1px solid #ece7ec;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 10px;    	
}

/* back to top */
div.goTop {
	text-align: center;
	display: inline-block;
	bottom: 60px;
    position: fixed;
    right: 10px;
    z-index: -99;
	opacity: 0;
	transition: .5s all ease;
}

a.goTop, a.goTop:focus, a.goTop:active  {
	border-style: solid;
	border-width: 1px;
	border-color: #fff;
    color: #fff;
	padding: 5px 20px 9px;
	border-radius: 4px;
	background: #C71497;
	font-weight: bold;
}

span.buttonUpArrow {
	font-size: 18px;
}

span.buttonUpTxt {
	font-size: 12px;
}

/* EOF back to top */

/* tooltip */
#tooltip {
    text-align: center;
    color: #fff;
    background: #444;
    position: absolute;
    z-index: 100;
    padding: 15px;
}
#tooltip:after /* triangle decoration */ {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #444;
    content: '';
    position: absolute;
    left: 50%;
    bottom: -10px;
    margin-left: -10px;
}
#tooltip.top:after {
    border-top-color: transparent;
    border-bottom: 10px solid #111;
    top: -20px;
    bottom: auto;
}
#tooltip.left:after {
    left: 10px;
    margin: 0;
}
#tooltip.right:after {
    right: 10px;
    left: auto;
    margin: 0;
}
/* EOF tooltip */

/* header_menu ======================= */
.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #4d5359;
    max-width: 80%;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
	font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
	display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    display: flex; /* White Space > Umbrüche */  
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
    display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align: left;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #4d5359;
    padding: 0;
    margin: 0;
    
}

.menu > ul > li a {
    text-decoration: none;
    padding: 1em 1em;
    display: block;
    color: #ddd;
}


.menu > ul > li:hover {
    background: #c8049a;
}

.menu > ul > li a:hover {
    color: white;
}

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #fff;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    border-top: 1px solid #c8049a;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
    border-top: 1px solid #fff;
}

.menu > ul > li > ul > li a {
    color: #353531;
    padding: .2em 0;
    width: 95%;
    display: block;
    border-bottom: 1px solid #ccc;
    font-size: 15px;
    margin: 0;
}

.menu > ul > li > ul > li a:hover {
    color: #c8049a;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 1px) {
    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none; 
    }
    .menu > ul > li {
        width: 100%;
        float: none;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
    }
}
/* EOF header_menu */

/* header navigation */

	img.headerNavigation {
		vertical-align: middle;
	}

/* EOF header navigation */

TD.verticalTop {
  vertical-align: top;
}

/* youtube mit script */

.videoWrap {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 ; /* nicht zentriert */
  padding-left: 10px;    /* leichter Abstand links */
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.videoWrap video,
.videoWrap iframe,
.videoWrap .hytPlayerWrap {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border: 0;
}

.videoWrap video:fullscreen {
  object-fit: contain;
}

.videoWrap.vertical {
  max-width: 480px;
  aspect-ratio: 9 / 16;
}

.videoWrap.square {
  aspect-ratio: 1 / 1;
}


/* EOF youtube mit script */

/* cookiebanner */
    .cookiebanner {
         width: 80%;
         border-radius: 10px;
         background-color: #fff;
         color: black;
         text-align: center;
         margin-left: 50px;
         padding-left: 100px; padding-right: 100px; padding-top: 20px;

     }
     .cookieText {  
         font-size: 15px;  }

     .cookieTitle {  
         font-size: 22px;  }

     .cookie-banner.active {
         display: block;
     }
/* EOF cookiebanner */

/* jquery autocomplete */

.ui-autocomplete.ui-front.ui-menu.ui-widget.ui-widget-content {
  	font-size: 14px;
  	color: #353531;
  	font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    border: 1px solid #ddd;
    border-radius: 3px; 
    background-color: white;
}


/* EOF jquery autocomplete */

/* pink-info-box in category descriptions */

/* Pink Info Box optisch hervorgehoben */
.pink-info-box {
  background-color: #fce4ec;
  padding: 0.01em 1.5em 1.5em 1.5em;
  border-radius: 3px;
  margin: 0em auto;
  max-width: 800px;
}

/* Farbe für die Überschrift */
.pink-info-box h2 {
  color: #d81b60;
}

/* Abstand zum <details>-Block */
.pink-info-box details {
  margin-top: 1em;
}

/* Mauszeiger auf das <summary> */
.pink-info-box summary {
  cursor: pointer;
  position: relative;
  padding-left: 1.5em;
  list-style: none;
}

/* Icon links vor dem Summary-Text */
.pink-info-box summary::before {
  content: '+';
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  color: #d81b60;
  font-size: 1.2em;
  line-height: 1;
  transition: transform 0.8s ease, content 0.8s ease;
}

/* Wechsle zu Minuszeichen, wenn geöffnet */
.pink-info-box details[open] summary::before {
  content: '-';
}

/* Fade-in-Animation für den aufgeklappten Inhalt */
.pink-info-box details[open] > *:not(summary) {
  animation: fadeInDetails 0.8s ease-in-out;
}

@keyframes fadeInDetails {
  from {
    opacity: 0;
  }
  to { 
  	opacity: 1; 
  }
}

/* Stil für dekoratives Zeichen */
.pink-info-box .pink-icon {
  color: #d81b60;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 0.3em;
}

/* EOF pink-info-box in category descriptions */

/* fixed seals bottom left */
#trustmark-fixed {
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  background: white;
  padding: 10px 8px;
  border-radius: 15px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  display: flex;
  flex-direction: column;
  align-items: center;  /* Bilder horizontal zentriert */
  gap: 8px;

  /* Scroll-Effekt */
  transition: opacity 0.5s ease;
  opacity: 1;
}

#trustmark-fixed.hidden {
  opacity: 0;
  pointer-events: none; /* verhindert versehentliche Klicks im ausgeblendeten Zustand */
}

#trustmark-fixed img {
  height: 60px;
  width: auto;
  border-radius: 4px;
}
/* eof fixed seals bottom left */

/* category video overlay */
.category-description {
  position: relative;
  overflow: hidden;
  margin: 20px 0;
  border-radius: 0; /* keine abgerundeten Ecken */
}

.category-description video {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0; /* sicherstellen, dass es rechteckig bleibt */
}

.category-description-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.35); /* Abdunkelung */
  z-index: 1;
}

.category-description-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  padding: 1rem;
  width: 90%;
  z-index: 2; /* Text liegt über Overlay */
}

.category-description-text h2 {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  color: #fff !important; /* Weiss erzwingen */
}

.category-description-text p {
  font-size: 1.2rem;
  color: #fff !important; /* Weiss erzwingen */
}

/* Tablet */
@media (max-width: 768px) {
  .category-description-text h2 {
    font-size: 1.6rem;
  }
  .category-description-text p {
    font-size: 1rem;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .category-description-text h2 {
    font-size: 1.3rem;
  }
  .category-description-text p {
    font-size: 0.9rem;
  }
}

/* Video über volle Breite der pink-info-box ziehen */
.pink-info-box .category-description {
  position: relative;
  overflow: hidden;
  border-radius: 0;

  /* Abstand anpassen */
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -20px;       /* NEU: Padding oben ausgleichen */

  width: calc(100% + 40px);
}

/* EOF category video overlay */