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


.mobileOnly {
  display:none;
}

/*
Farb-Vorschläge:
================
violett: #33197F;
gold:    #C5B358;
*/

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

/* Globale Definition der Standard-Schrift */
* {
  color:#555555;
  font:normal normal normal 14px Roboto,Arial,Helvetica,Sans-serif;
}
/* Alle Elemente, welche die grosse Schrift verwenden */
.font-title, .title, H1, H2, .buttonFixSize, .pt-dPrice, .d-buttonCart, #s-womenLabel, #s-menLabel, #s-sunglassesLabel, 
.z-box EM {
  font-size:20px;
}
/* Alle Elemente, welche die kleine Schrift verwenden */
.font-small, .pt-iDiscount, .pt-iDiscUntil {
  font-size:12px;
}
/* Hochgestellte Ziffern für Erklärung (itemdetails.jsp) */
SUP {
  font-size:10px;
}

.spOnly {
  display:none;
}

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

/* Farb-Definitionen */
/*-------------------*/

/* Hervorgehobener Hintergrund: violett */
.highlighted, .a-chosen, #n-cats A.n-subcatSelected, #i-adjust SPAN, #h-cart-n, TH {
  background-color:#33197F;
  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:#555555;
  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;
}

/* 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 #33197F; /* violett */
  outline:none;
}
SELECT {
  border:1px solid #33197F;
  border-radius:2px;
  padding:5px 5px 5px 5px;
}
SELECT:hover {
  background-color:#eeeeee;
}
SELECT:FOCUS {
  background-color:#ffffff;
  box-shadow: 0px 0px 3px #33197F; /* 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:14px;
}

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

.bottomBorder TD {
  border-bottom:1px solid #cccccc;
}
TD {
  padding:5px;
}
TH {
  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:2px;
}
/* Box-Stil (nicht über volle Zeile) */
.box {
  display:inline-block;
}
.boxContent {
  padding:5px 5px 5px 5px;
}
.boxTitle {
  padding:5px;
}
.s-box:hover .boxTitle, .i-itemBox:hover .boxTitle {
  background-color:#eeeeee;
  cursor:hand;
  cursor:pointer;
}
/* Knopf-Stil mit Rahmen sowie zentrierter Schriftausrichtung */
.button {
  background-color:#5C811C;
  border:1px solid #5C811C;
  border-radius:2px;
  color:#ffffff;
  text-align:center;
}
.boxTitle, .actionArea {
  background-color:#f9f9f9;
}
.disabled {
  alpha(opacity:50);
  opacity:.5;
}
.hidden {
  display:none;
}
/* mouseOver-Stil des Knopfs */
.button:hover:not(.disabled) {
  background-color:#425D13;
  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 {
  margin-left:10px;
  padding:3px 10px 3px 10px;
}

/* Label/Value-Auflistungen */
.label, TD.label {
  padding:2px 15px 2px 0px;
  white-space:nowrap;
}
.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:#999999;
}
.c-black {
  color:#000000;
}
/* Rote Schriftfarbe */
.c-red {
  color:#ff0000;
}
.fullSize { 
  width:100%; 
}
.fullSizeBox, .buttonFullSize, .smallButton {
  display:block;
}
/* Haupttitel-Abstände oben/unten */
.titleBox {
  margin:30px 0px 30px 0px;
}
.titleBox DIV {
  margin:0px;
}
.titleBox 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;
}
B, EM {
  color:#000000;
  display:inline-block;
  padding-bottom:3px;
}
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 {
  /*
  -moz-column-count:2;
  -ms-column-count:2;
  -webkit-column-count:2;
  column-count:2;
  */
}

/* Farb-Definition der Titel */
.title, H1, H2 {
  color:#33197F;
}
.strike {
  text-decoration: line-through;
}
.underline, P A {
  text-decoration: underline;
}
A.underline:hover, P A:hover {
  background-color:#eeeeee;
  text-decoration: none;
}

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

#page {
  margin:0px auto;
  width:1000px;
}
#header {
}
#navigator {
  width:220px;
}
#main {
  padding-top:10px;
  width:762px;
}
#footer {
  margin-top:10px;
}

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

#a-box {
  margin:20px 0px 0px 0px;
}
/* acquire.jsp Styles */
#a {
  position:relative;
  text-align:left;
}
#a IMG {
  border-radius:2px;
  width:100%;
}
#a-interact {
  background-color:#ffffff;
  display:inline-block;
  padding:4px;
  border-radius:2px;
  position:absolute;
  top:286px;
  left:425px;
}
#a-text {
  width:300px;
  height:100px;
  margin:2px 0px;
  font-size:12px;
}
#a-privBox {
  background-image:url("images/haekchen.jpg");
  background-repeat:no-repeat;
  background-position:5px 5px;
  padding:8px 0px 0px 25px;
  text-decoration:underline;
  cursor:help;
}
#a-privacyTextMobile {
  display:none;
}

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

OL { padding-left:0px; }
#b-back, OL, OL LI {
  display:inline-block;
}
#b-back {
  border-right:1px solid #cccccc;
  padding-right:14px;
}
LI:first-child {
  padding:0px 10px 0px 10px;
}
LI:not(:first-child) {
  background-image:url("images/nav.png");
  background-position:-7px -3px;
  background-repeat:no-repeat;
  display:inline-block;
  padding:0px 10px 0px 20px;
}

/********************************************************************************************/
/*                                                                                          */
/*  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-dutyInfo {
  background-color:#F9EFB6;
  border-radius:2px;
  margin: 1em 0;
  padding: 1em;
}
#c-dutyInfo H2 {
  color:#8C780A;
}

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

#imgMobile {
  display:none;
}
#d-img {
  margin-right:10px;
}
#img_3D {
  border-radius:2px;
  width:300px;
}
#d-details {
  width:410px;
}
#d-vars, #d-colorBox {
  margin:10px 0px;
}
#d-avail {
  margin:10px 0px 0px 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 #555555;
}
.d-colorActive {
  box-shadow: 0px 0px 3px #33197F; /* 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-varLink:HOVER .boxTitle {
  background-color:#eeeeee;
}
#d-varNotSelected {
  display:none;
}
#d-msg {
  border-radius:2px;
  margin-bottom:1em;
  padding:15px 10px;
}
.d-msg-empty {
  display:none;
}
#d-msg.d-msg-error {
  background-color:#ffeeee;
  color:#A64238;
}
#d-msg.d-msg-added {
  background-image:url("images/haekchen.png");
  background-repeat:no-repeat;
  background-position:9px 21px;
  background-color:#eeffee;
  padding-left:33px;
}
#d-buttonDisabled {
  cursor:help;
}
.d-buttonCart {
  background-image:url('images/cartIcon2.png');
  background-size:35px;
  background-repeat:no-repeat;
  background-position:4px 3px;
  padding:10px 0px;
}
.d-buttonCart:HOVER {
}
#d-props {
  padding:0px 0px 20px 2px;
}

.d-matchingLink, .d-similarLink {
  width:70px;
}
/* other d-msg... styles see message.jsp */
.d-matchingCatLink {
  display:inline-block;
  position:relative;
  width:70px;
  height:70px;
}
.d-matchingLink:HOVER, .d-matchingCatLink:HOVER, .d-similarLink:HOVER {
  box-shadow: 0px 0px 3px #555555;
  border-radius:2px;
}
.d-matching0, .d-matching1, .d-matching2, .d-matching3 {
  position:absolute;
  width:35px;
  height:35px;
}
.d-matching0 { top:0px; left:0px; }
.d-matching1 { top:0px; left:35px; }
.d-matching2 { top:35px; left:0px; }
.d-matching3 { top:35px; left:35px; }

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

.e-width {
  width:590px;
}

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

#f-linkBox {
  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 IMG {
  height:50px;
}
#f-vsv DIV {
  width:290px;
}
#f-langsMobile { display:none; }

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

/* Neighbours style */
#g:HOVER {
  cursor:hand;
  cursor:pointer;
}
#g:HOVER .boxTitle {
  background-color:#eeeeee;
}
.g-item {
  border:1px solid #ffffff;
  border-radius:2px;
  display:inline-block;
  margin:0px 3px 3px 0px;
}
.g-item:HOVER {
  box-shadow: 0px 0px 3px #555555; /* grau */
  cursor:hand;
  cursor:pointer;
}
.g-itemActive {
  box-shadow: 0px 0px 3px #33197F; /* grau */
  border-radius:2px;
  display:inline-block;
  margin:0px 3px 3px 0px;
}
.g-adjust {
  padding-left:10px;
}

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

/* Positionierung der Sprach-Auswahl */
#h-langs {
  padding:41px 0px 0px 520px;
}
/* Abstände und Grösse der einzelnen Sprachen */
#h-langs A, #h-langs SPAN {
  display:inline-block;
  text-align:center;
  width:20px;
}
/* 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:-9px;
  width:105px;
}
.h-icon:HOVER .h-iconImgBox, .h-icon:HOVER .h-iconText {
  border-color:#eeeeee;
}
.h-icon IMG {
  height:50px;
}
/* Auswahl-Box mit den Hauptkategorien (Damen, Herren, Sale, Neuheiten) */
#h-lower {
  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, #h-sale IMG, #h-news IMG {
  vertical-align:middle;
  padding:0px !important;
  margin:0px !important;
  width:18px;
}
#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-searchText {
  background-color:#ffffff;
  border:none;
  border-radius:2px;
  margin:0px;
  width:150px;
}
#h-searchTextBox {
  background-color:#ffffff;
  margin-right:2.1em;
  padding:2px;
}
#h-search.active, #h-search.active #h-searchText { 
  background-color:#33197F; /* 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:2em;
}
#h-magnifier {
  background-image:url('images/magnifier.gif');
}
#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-n {
  border:1px solid #cccccc;
  border-radius:10px;
  left:66px;
  padding:1px;
  position:absolute;
  top:24px;
  width:25px;
}
#h-headLadies, #h-headMen, #h-headSale, #h-headNews {
  display:inline-block;
}

/********************************************************************************************/
/*                                                                                          */
/*  items.jsp                                                                               */
/*  Prefix: i                                                                               */
/*                                                                                          */
/********************************************************************************************/
#i-filterTitle {
  background-image:none;
}
/* Stil und Ausrichtung der Sortierungs-Filters */
#i-adjust {
  margin:20px 0px 10px 0px;
}
#i-adjust A, #i-adjust SPAN, #i-tags A {
  display:inline-block;
  margin-top:4px;
  text-align:center;
}
#i-adjust A, #i-adjust SPAN {
  padding:6px 0px 5px 0px;
  width:24px
}
#i-tags A {
  padding:6px 5px 5px 5px;
}
#i-adjust A:hover, #i-tags A:hover {
  background-color:#eeeeee;
}
#i-adjust SPAN {
  border-color:#33197F;
}
#i-sortLabel {
  border:1px solid white;
  float:right;
  padding:.5em 1em .5em 0;
}
#i-sort {
  float:right;
  margin-right:3px;
  width:180px;
}
/* Stil einer Item-Box */
.i-itemBox {
  display:inline-block;
  margin-bottom:45px;
  margin-top:15px;
  width:180px;
}
.i-itemBox:hover {
  box-shadow: 0px 0px 3px #cccccc; /* grau */
  cursor:hand;
  cursor:pointer;
}
.i-new {
  background-image:url("images/star.png");
  background-repeat:no-repeat;
  background-position:158px 2px;
}
.i-itemImg {
  position:relative;
  padding:5px 0px;
}
.i-itemImg160 {
  height:160px;
  width:160px;
}
.i-itemNewImg {
  position:absolute;
  right:-5px;
  top:-10px;
  width:40px;
}
.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:#eeffee;
  padding:5px;
}

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

#k A {
  border-radius:2px;
  color:#555555;
  display:inline-block;
  margin-bottom:5px;
  padding:2px 2px 0px 2px;
  text-align:left;
  width:112px;
}
#k A IMG  {
  margin:0px;
  padding:0px;
  heigth:112px;
  width:112px;
}
#k A:HOVER, .k-subcatLink:HOVER {
  box-shadow:0px 0px 3px #555555;
  cursor:pointer;
}
.k-subcatLink {
  border:1px solid #eeeeee;
  display:inline-block;
  margin:5px 0px;
  padding:2px 2px 0px 2px;
  vertical-align:top;
  width:174px;
}
.k-subTitle {}
.k-subImg {
  height:55px;
  width:55px;
}

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

#l {
  width:304px;
  margin:0px auto;
}
/* Login */
#l .l-input {
  padding-bottom:10px;
  width:282px;
}
#l .l-input INPUT {
  width:278px;
}
.l-header {
  margin-bottom:5px;
}

/********************************************************************************************/
/*                                                                                          */
/*  mybijouteria.jsp                                                                        */
/*  Prefix: m                                                                               */
/*                                                                                          */
/********************************************************************************************/

#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-borderLeft {
  border-left:1px solid #eeeeee;
}
.m-item {
  padding:5px;
}
.m-item IMG:hover {
  box-shadow: 0px 0px 3px #cccccc;
  cursor:pointer;
}

/********************************************************************************************/
/*                                                                                          */
/*  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-cats A.n-subcat, .n-noItems {
  display:block;
  padding:4px 0px 4px 20px;
}
/* Zusätzliche Stil-Informationen für einen aktiven, nicht gewählten Cat-Link (Pfeil-Icon nach rechts) */ /* RH: Definition aktiv to discuss */
#n-cats A.n, #n-cats SPAN.n {
  background-image:url("images/nav.png"); /* RH: toDiscuss Sprites? */
  background-position:0 2px;
  background-repeat:no-repeat;
}
/* Zusätzliche Stil-Informationen für einen aktiven Cat-Link (Pfeil-Icon nach unten) */
#n-cats A.n-selected {
  background-image:url("images/v.png");
  background-position:0 2px;
  background-repeat:no-repeat;
  border-top:1px solid #cccccc;
  margin-top:.5em;
}
/* Zusätzliche Stil-Informationen für einen aktiven, gewählten Subcat-Link (highlight) */
#n-cats A.n-subcatSelected {
  display:block;
  padding:4px 0px 4px 20px;
}
#n-scBlock {
  border-bottom:1px solid #cccccc;
  margin-bottom:.5em;
}
/* Stil-Informationen für Elemente, welche keine Artikel mit den gefilterten Kriterien beinhalten*/
.n-noItems {
  color:#cccccc;
}
#n-advFast, #n-advRetour, #n-advQuality, #n-advFreeShipping, #n-advSafety {
  background-size:30px 30px;
  background-repeat:no-repeat;
  display:inline-block;
  padding-left:35px;
  margin-bottom:10px;
}
#n-advFast {
  background-image:url("images/fast.gif"); 
}
#n-advRetour {
  background-image:url("images/return.gif"); 
}
#n-advQuality {
  background-image:url("images/quality.gif"); 
}
#n-advFreeShipping {
  background-image:url("images/freeShipping.gif"); 
}
#n-advSafety {
  background-image:url("images/safety.gif"); 
  margin-bottom:0px;
}
/* myBijouteria-Login */
#n-mybUser, #n-mybPwd {
  margin-bottom:5px;
  width:186px;
}
.n-lastSeenItem {
  display:inline-block; 
  border-radius:2px;
  margin-bottom:3px;
}
.n-lastSeenItem IMG {
  width:63px;
}
.n-lastSeenLeft {
  margin-left:2px;
}
.n-lastSeenItem:HOVER {
  box-shadow: 0px 0px 3px #555555; /* grau */
}

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

#o .label {
  float:left;
  margin-top:5px;
  width:250px;
}
#o-button, #country {
  width:330px;
}
#o-ifAvailable {
  padding-left:5px;
}
#o-wait {
  background-color:#eeffee;
  padding:15px 10px;
  display:none;
}

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

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


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

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

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

#s-title {
  padding-top:30px;
}
#s-header {
  padding:50px 0px 50px 0px;
}
#s-women, #s-men {
  width:240px;
}
#s-sunglasses {
  text-align:center;
}
#s-women A, #s-men A, #s-sunglasses A {
  display:inline-block;
  position:relative;
  width:240px;
}
#s-womenLabel, #s-menLabel, #s-sunglassesLabel {
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
  border-top:1px solid #cccccc;
  border-radius:2px;
  left:0px;
  padding:5px 10px 5px 25px;
  position:absolute;
  top:195px;
}
.s-box {
  border:1px solid #eeeeee;
  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-boxSublink {
  background-image:url("images/nav.png"); /* RH: toDiscuss Sprites? */
  background-repeat:no-repeat;
}
.s-boxSublink, .s-emptyLine {
  margin-bottom:2px;
  padding:2px 5px 2px 20px;
}
.s-boxSublink:hover {
  background-color:#eeeeee;
  cursor:hand;
  cursor:pointer;
}

/********************************************************************************************/
/*                                                                                          */
/*  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 #33197F;
  border-radius:2px;
  margin-bottom:30px;
  padding:10px;
}

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

#i-adjust {
}
#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:#eeffee;
  padding:30px;
  margin-bottom:20px;
}


/********************************************************************************************/
/*                                                                                          */
/*  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:23.6%;
}
#i-removeFilter {
  background-color:#f9f9f9;
  text-align:center;
}
#i-removeFilter:HOVER {
  background-color:#eeeeee;
}
.ft[id=ft-f0] { /* SORT Filter */
  width:100%;
}
.ft-text {
  border-radius:2px 0px 0px 2px;
  overflow:hidden;
  padding:.5em 0 .5em .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:.5em 0em; 
  width:13%;
}
.ft-v {
  background-image:url('images/v.png');
}
.ft-v[state="active"] {
  display:none;
}
.ft-x {
  display:none;
  background-image:url('images/x.png');
}
.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: 1.5%;
}
.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:#33197f;
  color:#ffffff;
  cursor:pointer;
}
.ft[state="active"] {
  border-color:#33197f;
}

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

/* Items Layout */
.pt-iPrice {
  display:block;
}
.pt-iDiscount {}
.pt-iDiscUntil {
  padding-left:5px;
}
/* Details Layout */
.pt-dPrice {}
.pt-dDiscount {}
.pt-dDiscUntil {
  padding-left:5px;
}
.pt-dTransferRate {
  color:#999999;
  padding-left:10px;
}
.pt-dOrigPrice {
  padding-right:5px;
  text-decoration:line-through;
}
.pt-dNotCumulatable {
  padding-left:5px;
}


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

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