/********************************************************************************************/
/*                                                                                          */
/*  Allgmeine Stil-Definitionen                                                             */
/*                                                                                          */
/********************************************************************************************/

body {
  background-color:#ffffff;
  margin:0px;
  padding:0px .5em;
}

/*
Farb-Vorschläge:
================
violett: #381a5f;
gold:    #C5B358;
*/

/* FONT Definitionen */
/*-------------------*/

/* Globale Definition der Standard-Schrift */
* {
  color:#111111;
  font:normal normal normal 16px Tahoma,Sans-serif;
  
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  
}
/* Alle Elemente, welche die grosse Schrift verwenden */
.font-title, .title, H1, H2, .pt-dPrice, #s-womenLabel, #s-menLabel, #s-sunglassesLabel,
.z-box EM, *[id^="na-title"], .mb-title {
  font-size:28px;
  color:#444444;
}
.d-buttonCart, .buttonFixSize, .sm-title {
  font-size:24px;
}
/* Alle Elemente, welche die kleine Schrift verwenden */
.font-small, .font-small A, .pt-iDiscount, .pt-iDiscUntil, .fieldInputError {
  font-size:14px;
}
/* Hochgestellte Ziffern für Erklärung (itemdetails.jsp) */
SUP {
  font-size:10px;
}

.spOnly {
  display:none;
}

STRONG {
  font-weight:bold;
}

/* Link-Definitionen */
A, .pointer {
  cursor:hand;
  cursor:pointer;
  text-decoration:none;
}
A:ACTIVE, A:SELECTED, A:VISITED {
  border:none;
  outline:none;
}

IMG { border:none; }
/* Farb-Definitionen */
/*-------------------*/

/* Hervorgehobener Hintergrund: violett */
.highlighted, .a-chosen, #n-cats A.n-subcatSelected, .i-adjust SPAN, TH, #m-customerDataHeader {
  background-color:#381a5f; /*381a5f*/
  color:#ffffff;
}
/* Hervorgehobener Hintergrund: grau */
.highlighted-grey, #h-lower A:not(.a-chosen):hover, #h-langs A:hover, #n-cats A:not(.n-subcatSelected):hover, .actionArea:hover,
.h-icon:HOVER .h-iconText, #f-linkBox A:hover {
  color:#333333;
  background-color:#eeeeee;
}

/* Ausrichtungs-Definitionen */ 
/*---------------------------*/

/* Räumt float-bedingte Ausrichtungen auf */
.clear {
  clear:both;
}
/* Richtet ein Element (typ. DIV) links aus (Textumfluss rechts, unten) */
.left {
  display:inline-block;
  float:left;
}
/* Richtet ein Element (typ. DIV) rechts aus (Textumfluss link, unten) */
.right {
  display:inline-block;
  float:right;
}
.block {
  display:block;
}
/* Formular-Definitionen */
/*-----------------------*/

FORM {
  margin:0px;
  padding:0px;
}
INPUT, TEXTAREA {
  background-color:#FFFFFF;
  padding:7px 10px;
  border:0px; 
}
INPUT:-webkit-autofill, TEXTAREA:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
INPUT:FOCUS, INPUT:FOCUS {
  box-shadow: inset 0px 0px 3px #381a5f; /* violett */
  outline:none;
}
INPUT[type="checkbox"] {
  vertical-align:-2px;
}
INPUT[type="submit"]:disabled, INPUT[type="button"]:disabled {
	opacity:.4;
}
SELECT {
  border:1px solid #381a5f;
  border-radius:2px;
  padding:5px 5px 5px 5px;
  background-color:#fafafa;
}
SELECT:hover {
  background-color:#eeeeee;
}
SELECT:FOCUS {
  background-color:#ffffff;
  box-shadow: 0px 0px 3px #381a5f; /* violett */
  outline:0;
}

/* Abstände */
/*----------*/

/* Grosser Abstand unten zwischen 2 Elementen */
.largeSpaceAfter {
  margin-bottom: 30px;
}
/* Grosser Abstand oben zwischen 2 Elementen */
.largeSpaceBefore {
  margin-top: 30px;
}
.paddingBefore {
  padding-top: 10px;
}
/* Schmaler Abstand unten zwischen 2 Elementen */
.smallSpaceAfter {
  margin-bottom: 5px;
}
/* Normaler Abstand unten zwischen 2 Elementen */
.spaceAfter {
  margin-bottom: 10px;
}
/* Normaler Abstand oben zwischen 2 Elementen */
.spaceBefore {
  margin-top: 10px;
}
/* Normaler Abstand links zwischen 2 Elementen */
.spaceLeft, .spaceLeftIgnoreMobile {
  margin-left:16px;
}

/* Tabelle */
/*---------*/

.bottomBorder TD {
  border-bottom:1px solid #cccccc;
}
TD {
  padding:5px;
}
TH, #m-customerDataHeader {
  padding:5px;
  text-align:left;
}


/* Einzelne Definitionen */
/*---------------------*/

/* Ausrichtung: Mitte */
.al-c {
  text-align:center;
}
.al-j {
  text-align:justify;
  text-align-last: justify;
}
.al-j:after { /* Crossbrowser Workaround */ 
  content:"";
  display:inline-block;
  width:100%;
}
/* Ausrichtung: Links */
.al-l {
  text-align:left;
}
/* Ausrichtung: Rechts */
.al-r {
  text-align:right;
}
.val-b {
  vertical-align:bottom;
}
.val-m {
  vertical-align:middle;
}
.val-t {
  vertical-align:top;
}
/* Grauer Default-Rahmen */
.border {
  border:1px solid #cccccc;
  border-radius:4px;
}
/* Box-Stil (nicht über volle Zeile) */
.box {
  display:inline-block;
}
.boxContent {
  padding:5px 5px 5px 5px;
}
.boxTitle {
  padding:1px 5px 2px 5px;
  color:#000000;
  font-weight:bolder;
}
.s-box:hover .boxTitle, .i-itemBox:hover .boxTitle, .s-itemBox:hover .boxTitle {
  cursor:hand;
  cursor:pointer;
}
/* Knopf-Stil mit Rahmen sowie zentrierter Schriftausrichtung */
.button, #i-removeFilter {
  background-color:#111111;
  border:1px solid #111111;
  border-radius:2px;
  color:#ffffff;
  text-align:center;
}
.disabled {
  opacity:0.5;
}
.hidden {
  display:none;
}
/* mouseOver-Stil des Knopfs */
.button:hover:not(.disabled), #i-removeFilter:hover {
  background-color:#43522c;
  cursor:hand;
  cursor:pointer;
}
.buttonBox {
  padding:10px 0px 30px 0px;
}
.buttonBoxInContainer {
  padding-top:10px;
}
/* Fixe Grösse des Buttons und Abstände der Schrift oben/unten*/
.buttonFixSize {
  display:inline-block;
  padding:10px 0px;
  width:300px;
}
.buttonFullSize {
  padding:3px;
}
.buttonSmall, #c-codeButton {
  margin-left:10px;
  padding:5px 20px;
  min-width:200px !important;
}

.eur {
  color: #757575;
}

/* Label/Value-Auflistungen */
.label, TD.label {
  padding:2px 15px 2px 5px;
  white-space:nowrap;
  vertical-align:top;
}
.line, TD.line { /* über ganze Zeile */
  padding:0px 0px 5px 0px;
}
.value, TD.value {
  color:#000000;
  padding:2px 0px;
}
DIV.value {
  margin-left:150px;
}

/* Graue Schriftfarbe */
.c-grey {
  color:#757575;
}
.c-grey-bg-ccc {
	color:#545454;
}
.c-black {
  color:#000000;
  font-weight:bold;
}
/* Rote Schriftfarbe */
.c-red {
  color:#cc0000;
}
.c-redInverse {
  background-color:#cc0000;
  color:#ffffff;
}
.c-green {
  color:#43522c;
}
.c-lightGreen {
  color:#8C9A76;
}
.fullSize { 
  width:100%; 
}
.fullSizeBox, .buttonFullSize, .smallButton {
  display:block;
}
/* Haupttitel-Abstände oben/unten */
.titleBox {
  margin:0px 0px 30px 0px;
}
.titleBox DIV {
  margin:0px;
}
.titleBox P, #i-pageInfo P {
  margin:0px; 
  padding:5px 0px 5px 0px;
}
#tooltip { 
  background-color:#f9f9f9;
  display:none;
  padding:5px;
  position:absolute;
  width:200px; /* falls der Wert geändert wird, bitte auch JavaScript ttOpen(..) anpassen */
  z-index:100;
}
.tt-area:hover {
  cursor:help;
}
div[id^="tt-"] {
  display:inline-block;
}
B, EM, .headline {
  color:#000000;
  display:inline-block;
  padding-bottom:3px;
}
FIGURE {
  box-sizing:border-box;
  width:100%;
  text-align:center;
  font-style:italic;
  font-size: smaller;
  text-indent:0;
  margin:0 0 .5em;
  padding:0.5em;
}
FIGURE img {
  width:100%;
}

H2 {
  margin:0px 0px 5px 0px;
}
IMG {
  border:0px;
}
.nowrap, .desktopNowrap {
  white-space:nowrap;
}
/* Element zum Einstellen, falls ein direkter Eingriff zu aufwändig wäre (z.B. Filter) */
.inline, .desktopInline {
  display:inline;
}
P {
  margin:0 0 20px 0;
  padding:0px;
}
P.slim {
  margin:0;
  padding:0;
}

.strike {
  text-decoration: line-through;
}
.underline, P A {
  color:darkblue;
  text-decoration: underline;
  font-weight:bold;
}

A.underline:hover, P A:hover {
  background-color:#eeeeee;
  text-decoration: none;
}

.t-row { 
  margin-bottom:.7em;
  vertical-align: right;
}
.t-label {
  float: left;
  width:20%;
}
.t-value {
  clear:both;
  display:inline-block;
  color:#000000;
}
.zeb0 {
  background-color:#f9f9f9;
}
.zeb1 {
  background-color:#ffffff;
}

.fieldInputError {
  margin-top:5px;
  padding:5px;
  background-color:#ffeeee;
  color:#990000;
}

#g.showAllBox {
  position:relative;
  height:100px;
  overflow:hidden;
  z-index:11;
  height:250px;
  margin-bottom: 20px;
}
#g .showAll {
  position:absolute;
  color:darkblue;
  bottom:0;
  left:0;
  text-align:center;
  padding-top: 20px;
  height:40px;
  width:100%;
  z-index:12;
}
#g .mobileOnly {
  display: inherit;
}
.collapsed {
  background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 24%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 24%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.75) 24%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);
}


#trustcard-98e3dadd90eb493088abdc5597a70810{
  width: 1000px !important;
}

/********************************************************************************************/
/*                                                                                          */
/*  Shop Select                                                                             */
/*                                                                                          */
/********************************************************************************************/
div[id^="sel"] { box-sizing: border-box; whitespace:no-wrap; overflow:ellipsis; }
div[id^="sel_"] { border-left:1px solid #999999; border-top:1px solid #999999; border-right:1px solid #999999; }
div[id^="sel-h_"] { position:relative;height:27px; border-bottom:1px solid #999999; }
div[id^="sel-hoc_"] { position:absolute;width:25px;height:25px;background-color:#efefef; right:0px; top:0px; z-index:9; }
div[id^="sel-ht_"] { padding:4px 0 0 5px; }
input[id^="sel-hft_"] { width:100%; border:none; padding-left:5px; margin:0; }
input[id^="sel-hft_"]:focus { outline:none;box-shadow:none; }
div[id^="sel-b_"] { display:none; border:1px solid #999999; position:absolute; background-color:white; z-index:99; }
.sel-bo { padding:4px 5px; background-color:#ffffff; }
.sel-bo:hover { background-color:#555555; color:white; cursor:pointer; }


/********************************************************************************************/
/*                                                                                          */
/*  Element-Definitionen: INPUT mit Validierung                                             */
/*                                                                                          */
/********************************************************************************************/

input[onblur^="InVal.validate"], input[onkeyup^="InVal.validate"],
select[onchange^="InVal.validate"], input .border 
{
  padding-right:25px;
  border:1px solid #cccccc;
  border-radius:4px;
}
input[s="f"], select[s="f"], textarea[s="f"] {
  color:#990000;
  background:url('images/nok.png');
  background-repeat:no-repeat;
  background-position:center right;
  border:1px solid #990000;
  outline: none;
  background-color:#ffeeee;
}
input[s="o"], select[s="o"], textarea[s="o"] {
  background:url('images/ok.png');
  background-repeat:no-repeat;
  background-position:center right;
}
select[s="f"], select[s="o"] {
  background-position: right 10px center;
}
#validationError {
  display:none;
  background-color:#ffeeee;
  color:#dd0000;
  overflow:hidden;
  padding:5px;
  margin-bottom:10px;
}
.validationErrorHint {
  position:absolute;
  display:none;
  top:-26px;
  left:0;
  background-color:#ffeeee;
  color:#dd0000;
  border:1px solid #990000;
  padding:2px;
  border-radius:4px;
}

/********************************************************************************************/
/*                                                                                          */
/*  Boxen                                                                                   */
/*                                                                                          */
/********************************************************************************************/
.box1_2, .box2_2 {
  width:49%;
  margin-bottom:15px;
}
.box1_2 {
  float:left;
}
.box2_2 {
  float:right;
}
#s-boxes .box1_2, #s-boxes .box2_2 {
  width:48% !important;
  margin-bottom:120px !important;
}
.box1_4, .box2_4, .box3_4, .box4_4 {
  border:1px solid #cccccc;
  border-radius:2px;
  display:block;
  float:left;
  margin-bottom:5px;
  padding:2px;
  width:230px;
}
.box2_4, .box3_4, .box4_4 {
  margin-left:18.6px;
}
.box1_4 SPAN, .box2_4 SPAN, .box3_4 SPAN, .box4_4 SPAN {
  display:block;
  text-align:center;
  background-color:#ffffff;
}
.box1_4 IMG, .box2_4 IMG, .box3_4 IMG, .box4_4 IMG {
  margin:0;
  padding:0;
  width:25%;
}
.box-green {
  background-color:#F6FAF1;
}
.w25p {
	box-sizing:border-box;
	width:25%;
}


/********************************************************************************************/
/*                                                                                          */
/*  Seitenstruktur - frametable.jsp                                                         */
/*                                                                                          */
/********************************************************************************************/

#page {
  margin:0px auto;
  width:100%;
  max-width:1000px;
}
#header {
}
#navigator {
  background-color:white;
  position:absolute;
  /* width:220px; */
  widht:100%;
  max-width:1000px;
  margin-top:149px;
  z-index:9;
}
#main {
  padding-top:10px;
  max-width:1000px;
}
#footer {
  margin:10px auto 0px;
  max-width:1000px;
  width:100%;
}

/********************************************************************************************/
/*                                                                                          */
/*  acquire.jsp                                                                             */
/*  Prefix: a                                                                               */
/*                                                                                          */
/********************************************************************************************/

#a-box {
  margin:50px 0px 80px 0px;
  padding:20px;
  border:1px solid #cccccc;
}
/* acquire.jsp Styles */
#a {
  text-align:left;
}
#a IMG {
  border-radius:2px;
  width:100%;
}
#a-interact {
  margin-top:20px;
}
#a-pleaseAddContent {
  margin-top:10px;
}
#a-text { 
  box-sizing:border-box;
  width:100%;
  height:70px;
  margin:2px 0px;
  font-size:12px;
}
#a-privBox {
  padding-top:8px 0px 0px 25px;
}
#a-privacyTextMobile {
  display:none;
}

/********************************************************************************************/
/*                                                                                          */
/*  acquire.jsp                                                                             */
/*  Prefix: a                                                                               */
/*                                                                                          */
/********************************************************************************************/

#ad {
  margin-top:2em;
}

/********************************************************************************************/
/*                                                                                          */
/*  aboutUs.jsp                                                                             */
/*  Prefix: au                                                                              */
/*                                                                                          */
/********************************************************************************************/

.au-history-images div {
  box-sizing: border-box;
}
.au-portrait {
  text-align:center;
  margin-top:20px;
}


/********************************************************************************************/
/*                                                                                          */
/*  _breadcrumbs.jsp                                                                        */
/*  Prefix: b                                                                               */
/*                                                                                          */
/********************************************************************************************/

OL { 
  padding-left: 15px; 
  margin:0; 
  margin-bottom:10px;
}
#b-bread .underline {
  text-decoration: none !important;
}
OL#b-bread A SPAN {
  color:darkblue;
}
#b-back, OL, OL LI {
  display:inline-block;
}
#b-back {
  border-right:1px solid #cccccc;
  padding-right:14px;
}
OL LI:not(:first-child) {
  display:inline-block;
}
OL LI:not(:first-child):before {
  content:"\00a0\00a0 > \00a0";
}

/********************************************************************************************/
/*                                                                                          */
/*  cart.jsp                                                                                */
/*  Prefix: c                                                                               */
/*                                                                                          */
/********************************************************************************************/

.c-table {
  border-collapse:separate;
  border-spacing:0px;
  width:100%;
}
.c-table TH, .c-table TD:not(.label):not(.value):not(.line) {
  padding:5px;
}
.c-table TH:not(:first-child) {
  border-left:1px solid #ffffff;
}
.c-table TD {
  vertical-align:top;
}
.c-details {
  width:400px;
}
.c-bottomBorder TD:not(.label):not(.value) {
  border-bottom:1px solid #cccccc;
}
.c-result TD {
  padding-bottom:20px;
  padding-top:20px;
}
.c-remove {
  padding:5px 0px !important;
}
#c-imgH { 
  width:180px;
}
.c-imgTD {
  text-align:center;
}
#c-dutyInfo, #c-, #d-notAvailBox, #c-discountInfo, #r-minAmount, #o-payPalInfo {
  background-color:#F9EFB6;
  border-radius:2px;
  margin: 1em 0;
  padding: 1em;
}
#c-dutyInfo H2, #d-notAvailBox H2, #c-discountInfo H2, #r-minAmount H2, #o-payPalInfo H2 {
  color:#8C780A;
}
#d-notAvailBox H2, #c-discountInfo H2, #r-minAmount H2 {
  margin:0;padding:0;
}
#paymentInfos {
  margin:4em 0;
}
#c-codeInputs {
  display:inline-block;
  white-space:nowrap;
}
#c-codeInputCode {
  
}
#c-codeInputSubmit {
  height:36px;
  margin-left:20px
}


/********************************************************************************************/
/*                                                                                          */
/*  itemdetails.jsp                                                                         */
/*  Prefix: d                                                                               */
/*                                                                                          */
/********************************************************************************************/

#magic-box {
  width:500px;
  height:500px;
}

#imgMobile {
  display:none;
}
#d-img , #bij-more-pictures, #img_showImageItems {
  width:530px;
  margin-right:10px;

  touch-action: none;
  -ms-touch-action: none;
  -ms-scroll-chaining: none;
}
#img_3D {
  width:500px;
  height:500px;
  text-align:center;
  border-radius:2px;
}
#d-details {
  width:460px;
}
#d-vars, #d-colorBox {
  margin:10px 0px;
}
#d-avail {
  margin:10px 0px;
}
#d-avail SPAN:not(#d-availLabel) IMG {
  vertical-align:-.1em;
  margin-right:.3em;
}
#d-avail SPAN[state="hide"] {
  display:none;
}
.d-color:hover {
  box-shadow: 0px 0px 3px #333333;
}
.d-colorActive {
  box-shadow: 0px 0px 3px #381a5f; /* violett */
}
.d-color, .d-colorActive {
  border-radius:2px;
  display:inline-block;
  margin:0px;
  padding:3px 3px 0px 3px;;
}
.d-varImg {
  margin-right: 10px;
  height:70px;
}
.d-varLink:HOVER {
  cursor:hand;
  cursor:pointer;
}
#d-varNotSelected {
  display:none;
}
#d-msg, #aj-confirmation {
  border-radius:2px;
  margin-bottom:1em;
  padding:10px;
}
.d-msg-empty {
  display:none;
}
#d-msg.d-msg-error {
  background-color:#ffeeee;
  color:#A64238;
}
#d-msg.d-msg-added, #aj-confirmation {
  background-color:#F6FAF1;
  text-align:center;
}
#d-msg.d-msg-added .d-tick {
  margin-bottom:1em;
}

#d-buttonDisabled {
  cursor:help;
}
.d-buttonCart {
  background-image:url('images/intoCart.png');
  background-size:35px;
  background-repeat:no-repeat;
  background-position:8px 7px;
  padding:10px 0px 10px 42px;
}
.d-buttonCart:HOVER {
}
.d-buttonInformIfAvailable {
	padding:10px 0px;
}
#d-props {
  padding:0px 0px 20px 2px;
}
.d-starsAvg {
  display:block;
  padding-bottom:1em;
}
.d-matchingLink, .d-similarLink {
  width:92px;
  height:92px;
}
.d-matchingCatLink {
  display:inline-block;
  position:relative;
  width:95px;
  height:95px;
}
.d-matchingLink:HOVER, .d-matchingCatLink:HOVER, .d-similarLink:HOVER {
  box-shadow: 0px 0px 3px #333333;
  border-radius:2px;
}
.d-matching0, .d-matching1, .d-matching2, .d-matching3 {
  position:absolute;
  width:46px;
  height:46px;
}
.d-matching0 { top:0px; left:0px; }
.d-matching1 { top:0px; left:47px; }
.d-matching2 { top:47px; left:0px; }
.d-matching3 { top:47px; left:47px; }
.d-mpL {
  clear:both;
  float:left;
  margin:10px 0 0 0;
  width:32%;
}
.d-mpM {
  float:left;
  width:32%;
  margin:10px 2% 0 2%;
}
.d-mpR {
  float:right;
  margin:10px 0 0 0;
  width:32%;
}
#bij-more-pictures img, #it_tnModels img, #d-matchings img, #d-similar img {
  border:1px solid #dddddd;
  border-radius:4px;
}
A[id^=d-size_] {
	border:1px solid white;
  border-radius:2px;
  display:inline-block;
  margin-bottom:2px;
  width:13%;
}
A[id^=d-size_].active, A[id^=d-avSize_].active IMG {
  border:1px solid #381a5f; /* violett */
}
A[id^=d-size_]:HOVER, .d-sizeAvail IMG:HOVER {
  box-shadow: 0px 0px 3px #333333;
}
A[id^=d-size_] IMG {
  margin:0;
  padding:0;
  vertical-align: -3px;
}
.d-sizeAvail {
	display:inline-block;
}
.d-sizeAvail IMG {
  border:1px solid white;
	width:40px;
}
#d-lastOrderSent {
  margin:-10px 0 20px;
}
.d-i {
  vertical-align:4px;
  width:10px;
}
.d-hint {
  background-color:#F9EFB6;
  padding:10px;
}


#d-varMissingBox {
	border:1px solid #cccccc;
	padding:10px;
	margin-bottom:30px;
}
#d-informIfAvailableBox {
	display:none;
}
#d-informIfAvailableBox SELECT {
  width:100%; 
  margin-bottom:10px;
}

#sel_d-missingVars, #sel_variation {
  padding:10px;
  border:1px solid #cccccc;
  border-radius:4px;
}
#sel-h_d-missingVars, #sel-h_variation {
  border-bottom:none;
}


/********************************************************************************************/
/*                                                                                          */
/*  contact.jsp                                                                             */
/*  Prefix: e (e-mail)                                                                      */
/*                                                                                          */
/********************************************************************************************/

.e-width {
  width:590px;
}
#e .label {
  width:150px;
}
#e .buttonSmall {
  margin-left:0;
}

/********************************************************************************************/
/*                                                                                          */
/*  footer.jsp                                                                              */
/*  Prefix: f                                                                               */
/*                                                                                          */
/********************************************************************************************/

#f-linkBox, #f-info {
  background-color:#f9f9f9;
  border:1px solid #cccccc;
  border-radius:2px;
  padding:4px 5px 4px 3px;
}
#f-linkBox A, #f-linkBox SPAN {
  padding:2px 10px;
}
#f-info {
  margin-top:5px;
  padding:10px 15px 10px 15px;
}
#f-info IMG {
  padding-left:5px;
}
#f-vsv {
  width:39%;
}
#f-myc {
  width:58%;
}
#f-vsv IMG {
  margin-left:10px;
  margin-top:20px;
  width:80px;
}
#f-myc {
  border-left:1px solid #cccccc;
  margin:0 0 0 1%;
  padding:0 0 0 1%;
}
#f-myc:HOVER {
  cursor:pointer;
}
#f-myc IMG {
  margin-bottom:1em;
  margin-top:20px;
  height:70px;
}
#f-ts {}
#f-ts-trustbadge {
  width:160px;
  height:80px;
  position:relative;
}
#f-nine {
  margin-top:1em;
  text-align:right;
}
#f-langs { 
  text-align:center;
  margin:20px 0;
}
#f-langs a, #f-langs span {
  margin:0 20px;
  padding:2px 5px;
  border-radius:2px;
}

#f-ts {
  position: fixed;
  bottom: 0;
  right: 0;
}
#f-grey {
  margin:2px 10px;
}
#f-payment, #f-socialMedia {
  text-align:center;
  padding:50px;
}
#f-payment {
  display:block;
  border-bottom:1px solid #cccccc;
}
#f-payment IMG, #f-socialMedia IMG {
  border:1px solid #cccccc;
	height:35px;
  margin:0 10px;
  padding:2px;
}

/********************************************************************************************/
/*                                                                                          */
/*  neighbours.jsp                                                                          */
/*  Prefix: g (neiGhbours)                                                                  */
/*                                                                                          */
/********************************************************************************************/

/* Neighbours style */
#g:HOVER {
  cursor:hand;
  cursor:pointer;
}
.g-item, .g-itemActive {
  border:1px solid #dddddd;
  border-radius:2px;
  display:inline-block;
  margin-bottom:3px;
}
.g-item:HOVER {
  box-shadow: 0px 0px 3px #333333; /* grau */
  cursor:pointer;
}
.g-itemActive {
  border:1px solid #ffffff;
  box-shadow: 0px 0px 3px #381a5f; /* violett */
}
.g-img {
  width:92px;
  border-radius:2px;
}
.g-adjust {
  padding-left:10px;
}

/********************************************************************************************/
/*                                                                                          */
/*  header.jsp                                                                              */
/*  Prefix: h                                                                               */
/*                                                                                          */
/********************************************************************************************/

#h-fixed {
  box-sizing:border-box;
  position:fixed;
  width:100%;
  max-width:1000px;
  background-color:#ffffff;
  z-index:100;
  padding-bottom:2px;
}
#h-logo IMG {
  margin:1px 0 1px 2px; padding:0;
  height:48px;
}
#h-icon-area {
  margin-top:5px;
}
/* Stil der Icon-Boxen */
.h-icon {
  display:inline-block;
  text-align:center;
  margin-left:10px;
  margin-top:-5px;
}
.h-iconImgBox {
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  border-top:1px solid #ffffff;
  display:block;
  text-align:center;
}
.h-iconText {
  border-left:1px solid #ffffff;
  border-right:1px solid #ffffff;
  display:block;
  position:relative;
  top:0px;
  width:115px;
}
.h-icon:HOVER .h-iconImgBox, .h-icon:HOVER .h-iconText {
  border-color:#dddddd;
}
.h-icon IMG {
  height:28px;
}
/* Auswahl-Box mit den Hauptkategorien (Damen, Herren, Sale, Neuheiten) */
#h-lower {
  box-sizing:border-box;
  margin-top:.1em;
  background-color:#f9f9f9;
  border:1px solid #cccccc;
  border-radius:2px;
  padding:4px 5px 3px 3px;
}
/* Definieren der Auswahl-Elemente Damen, Herren, Sale, Neuheiten */
#h-lower A, #h-lower SPAN {
  border:1px solid #f9f9f9;
  border-radius:2px;
  display:inline-block;
  padding:8px 13px;
}
#h-filter {
  float:left;
}
#h-home IMG  {
  vertical-align:-2px;
  width:18px;
}
#h-homeImgActive {
  display:none;
}
#h-sale SPAN, #h-news SPAN {
  border:0;
  margin:0;
  padding:0;
}
#h-sale.a-chosen SPAN, #h-news.a-chosen SPAN {
  color:#ffffff;
}
.h-separator, .h-saleSeparator {
  border-left:1px solid #cccccc;
  display:inline-block;
  margin:0px 10px 0px 13px;
  padding:5px 0px;
}
#h-search {
  border:1px solid #cccccc;
  display:inline-block;
  padding:0px;
  height:35px;
}
#h-searchAC {
  position:absolute;
  background-color:#ffffff;
}
#ac-list {
  border:1px solid #cccccc;
}
#h-searchAC ul {
  margin:0;
  padding:0;
  width:200px;
}
#h-searchAC li {
  list-style: none;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  display:block;
  padding:3px 15px;
}
#h-searchAC li:before {
  content:"";
}
#h-searchAC li:hover, #h-searchAC li[active="true"] {
  cursor:pointer;
  background-color:#381a5f;
  color:#ffffff;
}
#h-searchText {
  background-color:#ffffff;
  border:none;
  border-radius:2px;
  margin:0px;
  width:150px;
}
#h-searchTextBox {
  background-color:#ffffff;
  margin-right:29px;
  padding:1px 2px 1px 2px;
}
#h-search.active, #h-search.active #h-searchText { 
  background-color:#381a5f; /* violett */
  color:#ffffff;
}
#h-magnifier, #h-clear {
  display:inline-block;
  background-color:#f9f9f9;
  background-repeat: no-repeat;
  background-position: center center;
  background-size:80%;
  border-left: 1px solid #cccccc;
  float:right;
  height:35px;
  width:28px;
}
#h-magnifier {
  background-image:url('images/magnifier.png');
}
#h-clear {
  background-image:url('images/x.png');
}
#h-magnifier:hover, #h-clear:hover {
  cursor:hand;
  cursor:pointer;
  background-color:#eeeeee;
}
#h-cart {
  position:relative;
}
#h-cart-bullet {
  background:url('images/bullet.png?v=2');
  display:none;
  height:18px;
  right:42px;
  position:absolute;
  top:-2px;
  width:18px;
  z-index:50;
}
#h-cart-anim {
  background:url('images/play.png');
  background-size:18px;
  display:none;
  height:20px;
  right:75px;
  position:absolute;
  top:3px;
  width:18px;
  z-index:49;
  opacity:0;
}
#h-cart-n {
  color:#FFFFFF;
  font-weight:bold;
  font-size:11px;
  vertical-align:4px;
}
#h-bullet {
  width:18px;
  height:18px;
}
.h-cart-anim {
  background-color:#111111;
  border-radius:8px;
  color:#ffffff !important;
  width:16px;
  height:16px;
}
#h-headLadies, #h-headMen, #h-headSale, #h-headNews {
  display:inline-block;
}
A#h-homeMob, #h-homeMob IMG {
  display:none;
}
#h-banner {
  position:relative;
}
#h-banner-img {
  width:100%;
  max-width:1000px;
  max-height:400px;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}
#h-banner-img-ph { /* placeholder image to avoid "jump" effect by loading the real banner img */
  width:100%;
  max-width:1000px;
  max-height:400px;
  z-index:1;
}
#h-adv {
  box-sizing:border-box;
  display:flex;
  background-color:#F6FAF1;
  padding:7px 5px 5px 5px;
  margin-bottom:7px;
  justify-content: space-between;
}
#h-advFast, #h-advRetour, #h-advQuality, #h-advFreeShipping {
  color:#111111;
  display:inline-block;
  margin-bottom:2px;
  height:30px;
  font-size:15px;
}
#h-advFast IMG, #h-advRetour IMG, #h-advQuality IMG, #h-advFreeShipping IMG {
  margin-right:5px;
  vertical-align:-9px;
  width:30px;
}
#h-advFast {
  margin: 0 auto 2px 0
}
#h-advRetour, #h-advQuality {
  margin: 0 auto 2px auto;
}
#h-advFreeShipping {
  margin: 0 0 2px auto;
}
#h-cookie {
  background-color:rgb(105,118,84,.9);
  bottom:0;
  left:0;
  position:fixed;
  width:100%;
  z-index:10000000000;
}
#h-cookieMsg {
  float:left;
  width:80%;;
}
#h-cookieAccept {
  float:right;
  margin:20px 20px 20px 0;
  border:1px solid black;
  border-radius:2px;
  background-color:#ffffff;
  padding:2px 10px;
}
#h-cookieAccept:HOVER {
  background-color:#111111;
  color:#ffffff;
  cursor:pointer;
}
#h-cookie P {
  color:#ffffff;
  padding:20px 50px 0px 20px;
}
#h-cookieTitle {
  color:#ffffff;
  display:block;
  font-weight:bold;
  margin-bottom:1em;
}


/********************************************************************************************/
/*                                                                                          */
/*  items.jsp                                                                               */
/*  Prefix: i                                                                               */
/*                                                                                          */
/********************************************************************************************/
#i-filterTitle {
  background-image:none;
}
.i-bannerImg {
  border:none;
  width:762px;
  height:305px;
}
/* Stil und Ausrichtung der Sortierungs-Filters */
.i-adjust {
  margin:20px 0px 10px 0px;
}
.i-adjust A, .i-adjust SPAN, #i-tags A, #s-tags A, #s-cats A {
  display:inline-block;
  margin-top:4px;
  text-align:center;
}
.i-adjust A, .i-adjust SPAN {
  padding:6px 0px 5px 0px;
  width:30px
}
#i-tags A, #s-tags A, #s-cats A {
  padding:6px 5px 5px 5px;
}
.i-adjust A:hover, #i-tags A:hover, #s-tags A:hover, #s-cats A:hover {
  background-color:#eeeeee;
}
.i-adjust SPAN {
  border-color:#381a5f;
}
#i-sortLabel {
  border:1px solid white;
  float:right;
  padding:.5em 1em .5em 0;
}
#i-sort {
  float:right;
  padding-top:5px;
  margin-right:3px;
  width:180px;
}
/* Stil einer Item-Box */
.i-itemBox, .s-itemBox {
  border:1px solid #dddddd;
  border-radius:3px;
  position:relative;
  display:inline-block;
}
.i-itemBox {
  margin-bottom:25px;
  margin-top:15px;
  width:236px;
}
.i-itemBox:hover, .s-itemBox:hover {
  box-shadow: 1px 1px 4px #111111; /* grau */
  cursor:pointer;
}
.i-itemTitle {
  color:#111111;
  padding:3px 5px;
  text-transform:uppercase;
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  margin-bottom:10px;
}
.i-itemBox:hover .i-itemTitle, .s-itemBox:hover .i-itemTitle {
  background-color:#f9f9f9;
}
.i-itemImg160 {
  height:216px;
  width:216px;
}
.i-itemNewImg {
  position:absolute;
  right:-3px;
  top:20px;
  z-index:3;
}
.i-itemSwissImg {
  position:absolute;
  left:5px;
  top:20px;
  z-index:4;
}
.i-itemDetails {
  padding:5px;
}
.i-disc {
  background-color:#eeeeee;
  padding: 4px 2px 2px 4px;
}
#i-nextPageButton, #i-toTopButton {
  width:180px;
  margin:5px 0px 0px 5px;
  padding:6px 0px 5px 0px;
}
#i-sfl {
  background-color:#F6FAF1;
  padding:5px;
  margin-bottom:10px;
}
#i-sflRemove {
  margin-top:1px;
  padding-bottom:5px;
}
.i-filterButton {
  display:inline-block;
  background-color:#ffffff;
  border:1px solid #cccccc;
  border-radius:2px;
  padding:0 0 0 3px;
}
.i-filterButton A {
  display:inline-block;
  background-color:#111111;
}
.i-filterButton A:hover {
  display:inline-block;
  background-color:#43522c;
}
.i-filterButton IMG {
  vertical-align:-5px;
  width:20px;
}
#i-title {
  padding-top:160px;
}
#i-title IMG {
  margin-bottom: 10px;
  heigth:400px;
}
.i-H1Overlay {
  background:rgba(10,10,10,.1);
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  z-index:2;
}
.i-H1Overlay H1 {
  color:white;
  font-size:36px; 
  text-transform:uppercase;
  text-shadow: 1px 1px 1px #111111;
  margin:0 0 0 10px;
  padding:0;
}
#i-relative {
  margin-bottom:10px;
}
#i-promo {
  margin-bottom:10px;
}

/********************************************************************************************/
/*                                                                                          */
/*  itemratingnew.jsp                                                                       */
/*  Prefix: ir                                                                              */
/*                                                                                          */
/********************************************************************************************/
#ir-title {
  margin-bottom:20px;
}
#ir-imgBox {
  float:left;
  text-align:center;
  width:50%;
}
#ir-from {
  margin-bottom:10px;
}
#ir-ratingBox {
  float:right;
  width:49%;
}
#ir-stars {
  margin-bottom: 10px;
}
#ir-text {
  box-sizing:border-box;
  height:100px;
  width:100%;
}
#irt-stars {
  margin-bottom:1em;
}
.irt-text {
  margin-bottom:1em;
  padding:5px 0px;
}
.irt-ratings[s="no"] {
  display:none;
}
.irt-ratings img {
	height:15px;
}
img[class^="irt-rs-"] {
  width:29px;
  height: 29px;
  display:inline-block;
  vertical-align: -8px;
  margin-right:2px;
}
.irt-rs-0 { background:url("images/ratingStarSprites.jpg?v=20518") 0 0; background-size:319px; }
.irt-rs-0-1 { background:url("images/ratingStarSprites.jpg?v=20518") -29px 0; background-size:319px; }
.irt-rs-0-2 { background:url("images/ratingStarSprites.jpg?v=20518") -58px 0; background-size:319px; }
.irt-rs-0-3 { background:url("images/ratingStarSprites.jpg?v=20518") -87px 0; background-size:319px; }
.irt-rs-0-4 { background:url("images/ratingStarSprites.jpg?v=20518") -116px 0; background-size:319px; }
.irt-rs-0-5 { background:url("images/ratingStarSprites.jpg?v=20518") -145px 0; background-size:319px; }
.irt-rs-0-6 { background:url("images/ratingStarSprites.jpg?v=20518") -174px 0; background-size:319px; }
.irt-rs-0-7 { background:url("images/ratingStarSprites.jpg?v=20518") -203px 0; background-size:319px; }
.irt-rs-0-8 { background:url("images/ratingStarSprites.jpg?v=20518") -232px 0; background-size:319px; }
.irt-rs-0-9 { background:url("images/ratingStarSprites.jpg?v=20518") -261px 0; background-size:319px; }
.irt-rs-1 { background:url("images/ratingStarSprites.jpg?v=20518") -290px 0; background-size:319px; }
#irt-avg { padding-left: 2em; }

/********************************************************************************************/
/*                                                                                          */
/*  _catFilter.jsp                                                                          */
/*  Prefix: k (Kategorie-Filter)                                                            */
/*                                                                                          */
/********************************************************************************************/

#k A {
  border-radius:2px;
  color:#333333;
  display:inline-block;
  margin-bottom:5px;
  padding:2px 2px 0px 2px;
  text-align:left;
  width:232px;
}
#k A IMG  {
  margin:0px;
  padding:0px;
  heigth:112px;
  width:232px;
}
#k-sub {
  margin-bottom:30px;
}
#k-sub SPAN {
  display:block;
}
#k A:HOVER, .k-subcatLink:HOVER {
  box-shadow:0px 0px 3px #333333;
  cursor:pointer;
}
.k-subcatLink {
  border:1px solid #cccccc;
  display:inline-block;
  margin-bottom:10px;
  padding:2px 0px 0px 4px;
  vertical-align:top;
  width:232px;
}
.k-subTitle {}
.k-subImg {
  vertical-align:middle;
  height:56px;
  width:56px;
}

/********************************************************************************************/
/*                                                                                          */
/*  mybijouterialogin.jsp                                                                   */
/*  Prefix: l                                                                               */
/*                                                                                          */
/********************************************************************************************/

#l {
  text-align: center;
}
#l-login {
  display:inline-block;
  width:304px;
}
/* Login */
#l-login .l-input {
  padding-bottom:10px;
  width:282px;
}
#l-login .l-input INPUT {
  width:265px;
}
.l-header {
  margin-bottom:5px;
}

#m div[id^="sel_"] { width:429px; }
#m div[id^="sel-h_"] { height:35px; }
#m div[id^="sel-ht_"] { height:35px; padding: 8px 25px 0 10px; }
#m div[id^="sel-hoc_"] { height:33px; padding-top:5px; }
#m .sel-bo { padding: 10px 20px; }


/********************************************************************************************/
/*                                                                                          */
/*  mybijouteria.jsp                                                                        */
/*  Prefix: m                                                                               */
/*                                                                                          */
/********************************************************************************************/
#m-h1 {
  margin-top:0px;
  float:left;
}
.m-logout {
  float:right;
  width:200px;
  padding:5px 0; 
}
#m {
  clear:both;
}
#m-customerDataHeader {
  margin-bottom:10px;
}
#m-userData, #myb-loginData {
  width:380px;
}
#m-loginData INPUT {
  margin-top:5px;
  width:28%;
}
#m-discount {
  margin-bottom:20px;
}

.m-data {
  border-collapse:separate;
  border-spacing:0px;
  width:100%;
}
.m-payment {
  background-color:#f9f9f9;
}
.m-date {
  padding-right:20px;
}
.m-entry {
  display:inline;
}
.m-borderRight {
  border-right:1px solid #dddddd;
}
.m-item {
  padding:5px;
}
.m-item IMG:hover {
  box-shadow: 0px 0px 3px #aaaaaa;
  cursor:pointer;
}
.m-buttonLabel {
  margin-top:1em;
}
.m-label {
  margin-right:.5em;
}
#m-failure {
  margin-bottom:.5em;
  padding:.5em;
}
#m-failure DIV {
  color:#dd0000;
}
INPUT[name="prename"], #m-editAddress INPUT[name="lastname"] { margin-bottom:5px; width:175px; }
#m-lPrename, #m-lName { display:inline-block; width: 212px; margin-right:5px; }
INPUT[name="prename"] { margin-right:5px; }
INPUT[name="street"], INPUT[name="phone"], INPUT[name="additionalAdrLine"], INPUT[name="email"], INPUT[name="newP"],
INPUT[name="newPConfirm"], INPUT[name="oldP"] { margin-bottom:5px; width:392px; } 
INPUT[name="zip"] { margin-bottom:5px; width:35px;margin-right:5px; } 
#m-lZip { display:inline-block; width:57px; margin-right: 5px; }
INPUT[name="loc"] { margin-bottom:5px; width:315px; } 
#m-lLoc { display:inline-block; width:337px; }

/********************************************************************************************/
/*                                                                                          */
/*  mailBuilder.java                                                                        */
/*  Prefix: mb                                                                              */
/*                                                                                          */
/********************************************************************************************/

#mb-linkBox {
  border:1px solid #cccccc;
  color:#111111;
  display:block;
  margin:80px 0 80px;
  max-width:1000px;
  text-decoration:none;
}
.mb-title {
  display:block;
  padding:10px 0 0 20px;
}
.mb-text {
  background:url("https://static.bijouteria.ch/images/profity.png") left 20px center no-repeat;
  background-size:60px;
	display:block;
	float:left;
	height:50px;
	margin-top:10px;
	padding:10px 20px 25px 100px;
	width:500px;
}
.mb-buttonBox {
  display:block;
  text-align:right;
  margin-top:55px;
  padding:10px 5px 0px;
}
.mb-button {
  background-color:#111111;
  color:white;
  padding:5px 25px;
}
.mb-buttonMobile {
	display:none;
}

/********************************************************************************************/
/*                                                                                          */
/*  navigator.jsp                                                                           */
/*  Prefix: n                                                                               */
/*                                                                                          */
/********************************************************************************************/

/* Identisches Abstand-Handling der 3 Boxen in der Navigation */
#n-cats, #n-adv, #n-myBijouteria, #n-lastSeen {
  margin-top:10px; 
  padding:5px;
}
/* Gestaltung der Navigations-Links mit Einzug, Abstand und Block-Element */
#n-cats A.n, #n-cats A.n-selected, .n-noItems {
  display:inline-block;
  width:231px;
  /* display:block; */
  padding:5px;
  margin-bottom:3px;
}
#n-cats A.n:not(:last-child) {
  border:1px solid #cccccc;
  border-radius:2px;
}
#n-cats A.n, #n-cats A.n-selected {
  text-transform:uppercase;
}
#n-cats A.n-selected {
  background-color:#f9f8fa;
  border:1px solid #381a5f;
  border-bottom:none;
  border-radius:2px 2px 0 0;
  padding-bottom:8px;
}
#n-cats A.n-selected.highlighted {
  background-color:#381a5f;
}
/* Zusätzliche Stil-Informationen für einen aktiven, gewählten Subcat-Link (highlight) */
#n-cats A.n-subcatSelected, #n-cats A.n-subcat {
  border-radius:2px;
  display:inline-block;
  width:230px;
  /* display:block; */
  padding:5px;
}
#n-cats A.n {
  border:1px solid #cccccc;
}
#n-scBlock {
  /* background-color:#f9f8fa; */
  background-color:#fdfdfd;
  border:1px solid #cccccc;
  border-radius:2px;
  padding:6px;
  margin-top:-4px;
  margin-bottom:2px;
}
/* Stil-Informationen für Elemente, welche Artikel mit den gefilterten Kriterien beinhalten*/
.n-hasItems {
  background-color:#F6FAF1;
}
/* myBijouteria-Login */
#n-mybUser, #n-mybPwd {
  margin-bottom:5px;
  width:346px;
}
#n-mybSubmit {
  display:inline-block;
  width:244px;
}
.n-lastSeenItem {
  display:inline-block; 
  border-radius:2px;
  margin-bottom:3px;
}
.n-lastSeenItemImg {
  width:63px;
}
.n-lastSeenLeft {
  margin-left:2px;
}
.n-lastSeenItem:HOVER {
  box-shadow: 0px 0px 3px #333333; /* grau */
}
#n-catDesc {
  margin-top: 0px;
  margin-bottom: 20px;
}
#n-catDesc A, #n-catDescMore A {
  color:darkblue;
  text-decoration: none;
}
#n-myBijouteria {
  display:none;
}


/********************************************************************************************/
/*                                                                                          */
/*  newsletterAdr.jsp                                                                       */
/*  Prefix: na                                                                              */
/*                                                                                          */
/********************************************************************************************/

#na-box {
  background-color:#eeeeee;
}
#na-box .t-error, #na-box .t-success { 
  margin-bottom:5px;
}
#na-box .t-error {
  color:#A64238;
}
#na-box .t-error, #na-box .t-success { 
  margin-bottom:5px;
}
.na {
  background:url("images/registerNL.png?v=2056") bottom 50px right 50px;
  background-repeat:no-repeat;
  padding:50px;
}
#na-inpArea {
  margin:20px 0;
}
.na input[type="text"] {
  background-color:#ffffff;
}
.na INPUT {
  border-radius:2px;
}
.na p:not(.mobileOnly) {
  display:inline-block;
  width:50%;
  padding:0;
  margin:0; 
}


/********************************************************************************************/
/*                                                                                          */
/*  order.jsp                                                                               */
/*  Prefix: o                                                                               */
/*                                                                                          */
/********************************************************************************************/

#btn, #anrede, #o input[type="text"]
#o input[type="password"], #o input[type="date"], #sel_anrede {
  box-sizing:border-box;
  padding:10px;
  width:100%;
}
#o #sel_country {
  padding:11px 0 10px;
  border:1px solid #cccccc;
  border-radius:4px;
  margin:20px 0 18px;
}
#o #sel-h_country { 
  padding-left:15px;
  border:none;
}
#o #sel-hoc_country {
  margin-right:10px;
  border-radius:3px;
}

#o-ifAvailable {
  padding-left:5px;
}
#o-wait {
  background-color:#F6FAF1;
  padding:15px 10px;
  display:none;
}
#o-itemList DIV {
  margin-right:10px;
}
#o-itemList .c-red {
  display:block;
}

/* New order process */

.o-steps {
  padding-left:0;
}
.o-active {
  font-weight:bold;
}
.o-inactive {
  color:#999999;
}
.o-done {
  text-decoration:underline;
}
.o-radio {
  margin:10px 0;
}
.o-item {
  position:relative;
}
.o-delItem {
  position:absolute;
  right:0px;
  top:0px;
}
.o-errorMsg {
  color:#990000;
}

.o-addressBlock, .o-addressBlockWO {
  border:1px solid #cccccc;
  cursor:pointer;
  display:block;
  padding:20px;
}
.o-addressBlock {
  background:url("images/edit.png") no-repeat right 10px top 10px;
  background-size:25px; 
}
.o-addressBlockTitle {
  font-weight:bold;
  margin-bottom:10px;
  padding-top:10px;
}
#o-addressList,
#o-addressNew,
#o-addressEdit {
  display:none;
}
.o-addressChoice, .o-addressChoice-selected {
  background:url("images/empty.png") no-repeat left 10px center;
  background-size:25px; 
  border:1px solid #cccccc;
  display:block;
  margin-bottom:5px;
  padding:20px 0 20px 45px;;
  position:relative;
}
.o-addressChoice-selected {
  background:url("images/selected.png") no-repeat left 10px center;
  background-size:25px; 
}
.o-addressDelete {
  position:absolute;
  top:5px;
  right:5px;
}
.o-confirmAddressDeletion {
	background-color:#eeeeee;
	border:1px solid #cccccc;
	display:none;
	padding:5px;
	margin-bottom:5px;
	margin-right:20px;
}
.o-confirmAddressDeletion A {
	padding:5px 10px;
	display:inline-block;
	float:right;
}
.o-rSeparate {
  border-left:1px solid #cccccc;
}

.o-itemImg {
	box-sizing:border-box;
	float:left;
	width:15%;
}
.o-itemImg img {
	width:100%;
}
.o-itemInfo {
  box-sizing:border-box;
	float:left;
	padding-left:20px;
	width:85%;
}
.o-itemInfoName {
	font-weight:bold;
}
.o-newClose {
	text-align:right;
}
.o-newClose IMG {
  cursor:pointer;
	width:25px;
}
.o-errorMsg {
  color:#990000;
}





/* Test */

label.movLab{
    margin-bottom:15px;
    position:relative;
    width:100%;
}
input.movLab{
    height:50px;
    padding:10px 20px;
    margin-top:20px;
    box-sizing:border-box;
    width:100%;
}
input.movLab::placeholder{
    opacity:0;
}
span.movLab{
    position:absolute;
    top:-5;
    left:0;
    transform:translateY(35px);
    transition-duration:200ms;
    padding:0px 20px;
}

label.movLab:focus-within > span.movLab,
input.movLab:not(:placeholder-shown) + span.movLab{
    transform:translateY(20px);
    font-size:0.825em;
    color:#CCCCCC;
}


/********************************************************************************************/
/*                                                                                          */
/*  payPalStart.jsp                                                                         */
/*  Prefix: p                                                                               */
/*                                                                                          */
/********************************************************************************************/

#p-contactData, #p-disc {
  width:375px;
}

/********************************************************************************************/
/*                                                                                          */
/*  checkoutstart.jsp                                                                         */
/*  Prefix: p (payment)                                                                      */
/*                                                                                          */
/********************************************************************************************/

/* duplicated from paypalstart, in order to preserve css after paypal removal */
#p-contactData, #p-disc {
  width:375px;
}

#p-paymentMethods {
  float:right;
}

#p-paymentMethods img {
  margin:4px;
  height:28px;
}

/********************************************************************************************/
/*                                                                                          */
/*  _promoflags.jsp                                                                         */
/*  Prefix: pf                                                                              */
/*                                                                                          */
/********************************************************************************************/

.pf-content { 
  border: 1px solid #cccccc;
  margin-top:1em;
}
.pf-title {
  background-color:#f9f9f9;
  padding:5px;
}
.pf-flagBox {
  padding:5px;
}
.pf-button {
  padding:5px;
  text-align:right;
}

/********************************************************************************************/
/*                                                                                          */
/*  confirmation.jsp                                                                        */
/*  Prefix: r (confi_R_mation, other letters are occupied)                                  */
/*                                                                                          */
/********************************************************************************************/

.r-item {
  margin-right:20px;
  display:inline-block;
  text-align:center;
}
#r-contactData, #r-disc {
  width:375px;
} 
#sovendusTokenRequest {
  width:120px;
}
#r-sovendusBox {
  margin-bottom:80px;
}
#tsBadge {
  margin-bottom:60px;
}
#c-ppLogo IMG {
  float:left; margin-right:10px;
}
#p-printA {
  margin-bottom:80px;
}

/********************************************************************************************/
/*                                                                                          */
/*  home.jsp                                                                                */
/*  Prefix: s (start)                                                                       */
/*                                                                                          */
/********************************************************************************************/

#s-list h2 {
  margin:50px 0px 0px;
}
#s-campaignImg {
  width:100%;
  max-width:1000px;
}
#s-header {
  margin-top:50px;
}
#content {
  position:relative;
}
.s-homeNav {
  background-color:#ffffff;
  display:none;
  left:0;
  position:absolute;
  top:-11px;
  z-index:999999;
}
.s-homeNav #n-cats {
  margin-top:0;
}
.s-homeNav #n-adv, .s-homeNav #n-myBijouteria {
  display:none;
}
#s-title, #s-title nobr {
  color:#333333;
  padding:1em;
  margin:.5em 0;
  font-size:48px; 
  text-transform:uppercase;
}
#s-title nobr{
  padding:0;
  margin:0;
}
#s-women, #s-men, #s-kids {
	box-sizing: border-box;
  float:left;
	width:33%;
}
#s-men {
	margin:0 0.5%;
}
#s-women IMG, #s-men IMG, #s-kids IMG {
  width:100%;
  max-width:330px;
}
#s-women A, #s-men A, #s-kids A {
  display:inline-block;
  position:relative;
}
#s-womenLabel, #s-menLabel, #s-kidsLabel {
  background:rgba(10,10,10,.2);
  color:#ffffff;
  font-size:36px; 
  text-transform:uppercase;
  left:0px;
  text-align:center;
  position:absolute;
  bottom:3px;
  width:330px;
}
A.s-mood {
  position:relative;
  display:block;
}
A.s-mood .bg {
  background:rgba(10,10,10,.05);
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
}
A.s-mood .text {
  color:white;
  font-size:36px; 
  text-shadow:1px 1px 2px #111111;
  text-transform:uppercase;
  padding-left:20px;
}
#i-list.s-context {
  margin-bottom:10px;
}
P.home {
  margin:.2em 0 1em 0;
  padding-bottom:1em;
}
.s-box {
  border:1px solid #dddddd;
  border-radius:2px;
  display:inline-block;
  margin-top:15px;
  width:178px;
}
.s-box:hover {
  cursor:hand;
  cursor:pointer;
}
.s-boxImg {
  padding-top:5px;
  text-align:center;
}
#s-clipSwitcher {
  padding:20px 0 0 0;
}
#s-clipSwitcher A:not(:first-child) {
  margin-left:20px;
}
.s-clipButton {
  opacity:.6;
}
.s-clipButton:HOVER {
  opacity:1;
}
#s-na {
  margin:40px 0;
}
.s-recommend {
	padding-top:20px;
}
.s-itemImg {
  max-height:200px;
  max-width:200px;
  width:100%;
}




/********************************************************************************************/
/*                                                                                          */
/*  sitemap.jsp                                                                             */
/*  Prefix: sm                                                                              */
/*                                                                                          */
/********************************************************************************************/
.sm-box {
  float:left;
  margin-bottom:30px;
  width:33%;
}
.sm-box a {
  display:inline-block;
  margin:3px 0; 
}


/********************************************************************************************/
/*                                                                                          */
/*  message.jsp                                                                             */
/*  Prefix: t (text)                                                                        */
/*                                                                                          */
/********************************************************************************************/

.t-error {
  border:1px solid #A64238;
  border-radius:2px;
  color:#A64238;
  margin-bottom:30px;
  padding:10px;
}
.t-success, .t-info {
  border:1px solid #381a5f;
  border-radius:2px;
  margin-bottom:30px;
  padding:10px;
}

/********************************************************************************************/
/*                                                                                          */
/*  _pageNumbers.jsp                                                                        */
/*  Prefix: v                                                                               */
/*                                                                                          */
/********************************************************************************************/

.v-nItems {
  display:inline-block;
  padding-top:6px;
}
.v-nItemsSolo {
  display:block;
  padding-top:15px !important;
}

/********************************************************************************************/
/*                                                                                          */
/*  nonews.jsp                                                                              */
/*  Prefix: w (noNeWs)                                                                      */
/*                                                                                          */
/********************************************************************************************/

.w-info {
  background-color:#F6FAF1;
  padding:30px;
  margin-bottom:20px;
}
.w-text {
  color:#00008b;
}

/********************************************************************************************/
/*                                                                                          */
/*  discounts.jsp                                                                           */
/*  Prefix: x                                                                               */
/*                                                                                          */
/********************************************************************************************/
#x TABLE {
  width:100%;
}

/********************************************************************************************/
/*                                                                                          */
/*  sizes.jsp / sizesPiercings.jsp                                                          */
/*  Prefix: z (siZes)                                                                       */
/*                                                                                          */
/********************************************************************************************/
.z-psLink {
  float:left;
  margin:0px 10px 10px 0px;
}


/********************************************************************************************/
/*                                                                                          */
/*  Filter Tag                                                                              */
/*  Prefix: ft                                                                              */
/*                                                                                          */
/********************************************************************************************/

/* Filter-Haupt-DIV, welcher die Grösse definiert */
.ft { 
  border:1px solid #cccccc;
  border-radius:2px;
  display:inline-block;
  margin-bottom:.5em;
  position:relative;
  text-align:left;
  width:186px;
}
.ft[id=ft-f0] { /* SORT Filter */
  width:100%;
}
.ft-text {
  border-radius:2px 0px 0px 2px;
  overflow:hidden;
  padding:.2em 0 .3em .5em;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.ft-text[state="disabled"] {
  color:#cccccc;
}
.ft-v, .ft-x { 
  display:inline-block;
  background-color:#f9f9f9;
  background-repeat: no-repeat;
  background-position: center center;
  border-left: 1px solid #cccccc;
  float:right;
  padding:.2em 0em .3em 0em; 
  width:13%;
}
.ft-v {
  background-image:url('images/v.png');
  background-size:20px;
}
.ft-v[state="active"] {
  display:none;
}
.ft-x {
  display:none;
  background-image:url('images/x.png');
  background-size:20px;
}
.ft-x[state="active"] {
  display:inline-block !important;
}
.ft-text:HOVER, .ft-v:HOVER, .ft-x:HOVER {
  background-color:#eeeeee;
  cursor:pointer;
}
.ft[drs="1"] { 
  margin-right: 15px;
}
.ft-input {
  background-color:rgba(0,0,0,0);
  box-shadow: inset 0px 0px 3px #FFFFFF !important;
  margin:0;
  outline:none;
  padding:0;
  width:100%;
}
.ft-vals[state="hide"], .ft-vals[state="choosing"] {
  display:none;
}
.ft-vals[state="show"], .ft-vals[state="closing"] {
  background-color:#ffffff;
  border:1px solid #cccccc;
  display:block;
  max-height:300px;
  padding:.5em .2em;
  overflow:auto;
  position:absolute;
  z-index:10;
}
.ft-vals DIV {
  overflow:hidden;
  padding:.3em .2em;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.ft-vals DIV:HOVER, .ft-text[state="active"], .ft-text[state="sortActive"], .ft-vals DIV[pos="true"] {
  background-color:#381a5f;
  color:#ffffff;
  cursor:pointer;
}
.ft[state="active"] {
  border-color:#381a5f;
}

/********************************************************************************************/
/*                                                                                          */
/*  Price Tag                                                                               */
/*  Prefix: pt                                                                              */
/*                                                                                          */
/********************************************************************************************/

/* Items Layout */
.pt-iPrice {}
.pt-iOrigPrice { text-decoration: line-through; }
.pt-iDiscount { padding:0 3px; }
.pt-iDiscUntil {
  padding-left:5px;
}
.pt-iTransferRate {
  font-size: 12px;
}
/* Details Layout */
.pt-dPrice {
  display:block;
}
.pt-dDiscount {}
.pt-dDiscUntil {
  padding-left:5px;
}
.pt-dTransferRate {
  color:#757575;
  display:block;
}
.pt-dOrigPrice {
  padding-right:5px;
  text-decoration:line-through;
}
.pt-dNotCumulatable {
  padding-left:5px;
}

/********************************************************************************************/
/*                                                                                          */
/*  Item Image Tag                                                                          */
/*  Prefix: it                                                                              */
/*                                                                                          */
/********************************************************************************************/
DIV[id^="iFad_"], .i-itemImg {
  position:relative;
  height:238px;
  width:238px;
}
#s-boxes DIV[id^="iFad_"], #s-boxes .i-itemImg {
  height:220px !important;
  width:220px !important;
}
DIV[id^="iFad_"] IMG {
  position:absolute;
  left:0px;
  top:0;
  transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -webkit-transition: opacity 1s ease-in-out;
} 
.i-itemImg IMG {
  position:absolute;
  left:10px;
}
#it_tnModels {
  width:300px;
}
#it_tnModels IMG, #bij-more-pictures IMG {
  margin-right:3px;
}
#it_tnModels IMG:nth-child(4) {
  margin-right:0;
}
#it_slider {
  float:left;
}
#it_viewer {
  border:1px solid black;
  box-shadow:2px 2px 2px #999999;
  position:relative;
  width:300px;
  height:300px;
  overflow:hidden;
}
#it_imgs {
  position:absolute;
  top:0;
  left:0;
  white-space:nowrap;
  z-index:1;
}
#it_imgs img {
  margin:0;
  padding:0px;
}
#it_interactor {
  position:absolute;
  top:0;
  left:0;
  width:300px;
  height:300px;
  z-index:2;
}
#it_sliderLeft, #it_sliderRight {
  position:absolute;
  top:135px;
}
#it_sliderLeft {
  left:10px;
}
#it_sliderRight {
  right:10px;
}
.it_disabled {
  opacity:0;
}
#it_swipeArea {
  position:absolute;
  border:1px solid red;
  top:0;
  left:10%;
  width:80%;
  height:100%;
}
#it_sliderBullets {
  text-align:center;
}
#it_sliderBullets IMG {
  border:1px solid #ffffff;
}

/********************************************************************************************/
/*                                                                                          */
/*  Diverse                                                                                 */
/*                                                                                          */
/********************************************************************************************/
.leftSpace {
  margin-left:15px;
}

/* Überschreibt leftSpace (Kategorie) und spaceLeft (Items) */
DIV[brDesktop='true'], A[brDesktop='true'] {
  margin-left:0px; margin-right:0px;
}

.mobileOnly, .printOnly {
  display:none;
}


/********************************************************************************************/
/*                                                                                          */
/*  Column model                                                                            */
/*                                                                                          */
/********************************************************************************************/

.b-col-1-2, .b-col-2-2, .b-col-1-2-small, .b-col-2-2-small {
  box-sizing: border-box;
  float:left;
  width:50%
}

.b-col-1-2 {
  padding-right:20px;	
}
.b-col-2-2 {
  padding-left:20px;
}
.b-col-1-2-small {
  padding-right:5px; 
}
.b-col-2-2-small {
  padding-left:5px;
}
.b-col-1-3, .b-col-2-3 {
  box-sizing: border-box;
  float:left;
  width:33%;
  margin-right:0.5%;
}
.b-col-1-4, .b-col-2-4, .b-col-3-4, .b-col-4-4 {
  box-sizing: border-box;
  float:left;
  width:25%;
  padding:5px;
}
.tn-col-1-4, .tn-col-2-4, .tn-col-3-4 {
  box-sizing: border-box;
  float:left;
  width:24%;
  margin-bottom:10px;
  margin-right:1.33%;
}
.tn-col-4-4 {
  box-sizing: border-box;
  float:left;
  width:24%;
}
.b-col-3-3 {
  box-sizing: border-box;
  float:right;
  width:33%;
}
.bcm-style {}
.bcm-style label {
  margin:10px 0 3px 0;
  display:block;
}
.bcm-style input:not([type="radio"]):not([type="checkbox"]), .bcm-style select {
  box-sizing: border-box;
  border:1px solid #cccccc;
  margin:0px !important;
  width:100%;
}
.bcm-style input[type="submit"], .bcm-style input[type="button"], .bcm-style button {
  background-color:#111111;
  color:#ffffff;
  margin:10px 0;
  padding:10px;
  width:100%;
}
.home-l {
  box-sizing:border-box;
  padding-right:10px;
  padding-top:18px;
}
.home-r {
  box-sizing:border-box;
  padding-left:10px;
  padding-top:18px;
}
.home-l img, .home-r img {
  border:none;
  width:100%;
}


.s-itemBox {
  position:relative;
  margin:0px 20px 20px 0px;
  max-width:220px;
  width:100%;
}
.s-col-r .s-itemBox {
  margin:0px 0px 20px 20px;
}
.monsterSpaceAfter {
  margin-bottom:70px;
}
.s-col-l {
  box-sizing:border-box;
  float:left;
  width:50%;
  text-align:left;
  padding-right:10px;
}
.s-col-r {
  box-sizing:border-box;
  float:right;
  width:50%;
  text-align:right;
  padding-left:10px;
}

/********************************************************************************************/
/*                                                                                          */
/*  Bubbly button                                                                           */
/*                                                                                          */
/********************************************************************************************/

.bubbly-button {
  font-family: "Helvetica", "Arial", sans-serif;
  display: inline-block;
  font-size: 1em;
  padding: 1em 2em;
  margin-top: 100px;
  margin-bottom: 60px;
  -webkit-appearance: none;
  appearance: none;
  background-color: #000000;
  color: #fff;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  position: relative;
  transition: transform ease-in 0.1s, box-shadow ease-in 0.25s;
  box-shadow: 0 2px 25px rgba(0, 0, 0, 0.5);
}
.bubbly-button:focus {
  outline: 0;
}
.bubbly-button:before, .bubbly-button:after {
  position: absolute;
  content: "";
  display: block;
  width: 140%;
  height: 100%;
  left: -20%;
  z-index: -1000;
  background-repeat: no-repeat;
}
.bubbly-button:before {
  display: none;
  top: -75%;
  background-image: radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, transparent 20%, #000000 20%, transparent 30%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, transparent 10%, #000000 15%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%);
  background-size: 10% 10%, 20% 20%, 15% 15%, 20% 20%, 18% 18%, 10% 10%, 15% 15%, 10% 10%, 18% 18%;
}
.bubbly-button:after {
  display: none;
  bottom: -75%;
  background-image: radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, transparent 10%, #000000 15%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%), radial-gradient(circle, #000000 20%, transparent 20%);
  background-size: 15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.bubbly-button:active {
  transform: scale(0.9);
  background-color: #000000;
  box-shadow: 0 2px 25px rgba(255, 0, 130, 0.2);
}
.bubbly-button.animate:before {
  display: block;
  animation: topBubbles ease-in-out 0.75s forwards;
}
.bubbly-button.animate:after {
  display: block;
  animation: bottomBubbles ease-in-out 0.75s forwards;
}

@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}

/*
@keyframes topBubbles {
  0% {
    background-position: 5% 90%, 10% 90%, 10% 90%, 15% 90%, 25% 90%, 25% 90%, 40% 90%, 55% 90%, 70% 90%;
  }
  50% {
    background-position: 0% 80%, 0% 20%, 10% 40%, 20% 0%, 30% 30%, 22% 50%, 50% 50%, 65% 20%, 90% 30%;
  }
  100% {
    background-position: 0% 70%, 0% 10%, 10% 30%, 20% -10%, 30% 20%, 22% 40%, 50% 40%, 65% 10%, 90% 20%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
@keyframes bottomBubbles {
  0% {
    background-position: 10% -10%, 30% 10%, 55% -10%, 70% -10%, 85% -10%, 70% -10%, 70% 0%;
  }
  50% {
    background-position: 0% 80%, 20% 80%, 45% 60%, 60% 100%, 75% 70%, 95% 60%, 105% 0%;
  }
  100% {
    background-position: 0% 90%, 20% 90%, 45% 70%, 60% 110%, 75% 80%, 95% 70%, 110% 10%;
    background-size: 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%, 0% 0%;
  }
}
*/