@charset  "iso-8859-1";
@import   url(/bpmweb/css/web-base.css);

/*
  web-customer.css
  =====================================================================
  Revision    Release    User     Date           Description
  1.0         4.0.0      sb       13.11.2013     initial version
  1.1         4.0.0      dst      10.02.2014     remove notepad from basket
  1.2         4.0.0      dst	  03.09.2014	 new footer
  1.3         4.0.0      mt       16.12.2014     tabs a-z added (SJM-3578)
  1.4         4.0.0      sb       14.07.2015     new biblio detail page (SJM-3739)
  1.5         4.0.0      sb       17.07.2015     invoice added (SJM-3631)
  1.6         4.0.0      sb       27.07.2015     otherProductItem added (SJM-3739)
  1.7         4.0.0      sb       28.07.2015     line break in links on detail page added (SJM-3832)
  1.8         4.0.0      sb       28.09.2015     author list fixed (SJM-3872)
  1.9         4.0.0      sb       21.10.2015     special keys on detail page (SJM-3805)
  1.10        4.0.0      sb       22.10.2015     suggestions as biblio list on detail page (SJM-3859)
  1.11        4.0.0      sb       07.01.2016     employee link size fixed (SJM-3925)
  1.12                   mha      21.01.2016     display none for error message number (.message.error span:first-child)
  =====================================================================
*/

/* ------------------------------ body */
body {
  width:                          950px;
  background-position:            50% 120px;
  background-repeat:              repeat-x;
  color:                          #333333;
  font-family:                    verdana, sans-serif;
  font-size:                      11px;
}

/* ------------------------------ header */
.header {
  height:                         65px;
}
.header > * {
  float:                          left;
  display:                        block;
  height:                         100%;
}
/* cms help */
.headerHelp .clipIcon img {
  margin-top:                     0;
  clip:                           rect(0, 22px, 22px, 0);
}
.headerHelp .clipIcon:hover img {
  margin-top:                     -22px;
  clip:                           rect(22px, 22px, 44px, 0);
}
/* logo */
.headerLogo {
  width:                          214px;
  border-left-width:              1px;
  border-left-style:              solid;
}
/* sections */
.headerSection1 {
  width:                          260px;
}
.headerSection2,
.headerSection3 {
  width:                          130px;
}
.headerSection1 a,
.headerSection2 a,
.headerSection3 a {
  display:                        block;
  padding:                        35px 10px 5px 10px;
  line-height:                    25px;
  font-size:                      18px;
  font-weight:                    bold;
}
.headerSection1 a:hover,
.headerSection2 a:hover,
.headerSection3 a:hover {
  color:                          #ffffff !important;
  text-decoration:                none;
}
.headerSection1 a {
  color:                          #ffffff;
}
.verlag .headerSection2,
.verlag .headerSection2 a,
.buchshop .headerSection3,
.buchshop .headerSection3 a {
  color:                          #eae3d7;
}
.buchshop .headerSection2,
.buchshop .headerSection2 a,
.portal .headerSection2,
.portal .headerSection2 a {
  color:                          #dcd7d7;
}
.portal .headerSection3,
.portal .headerSection3 a,
.verlag .headerSection3,
.verlag .headerSection3 a {
  color:                          #dbe4eb;
}
/* search */
.headerSearch {
  width:                          214px;
  border-right-width:             1px;
  border-right-style:             solid;
}
.headerSearch .headerSearchAdvanced {
  display:                        block;
  padding:                        4px 10px 4px 10px;
  line-height:                    15px;
}
.headerSearch form > div {
  position:                       relative;
}
.headerSearch form > div > div {
  padding:                        2px 10px 0 10px;
}
.headerSearch form > div > div:first-child {
  margin-top:                     6px;
}
.headerSearch .value input[type=text] {
  width:                          167px;
}
.headerSearch .value select {
  width:                          196px;
  margin-top:                     2px;
}
/* quick search button  */
.quickSearchButton input[type=submit] {
  position:                       absolute;
  top:                            0;
  right:                          0;
  background-position:            0 0;
  background-color:               transparent;
  background-repeat:              no-repeat;
  display:                        block;
  float:                          right;
  height:                         20px;
  width:                          20px;
  text-indent:                    -1000px;
  margin-right:                   9px;
}
.quickSearchButton input[type=submit]:hover {
  background-position:            0 -60px;
  background-color:               transparent;
  cursor:                         pointer;
}
/* navigation */
.headerNav {
  float:                          left;
  height:                         55px;
  position:                       relative;
}
.headerNav > div {
  float:                          left;
  height:                         100%;
}
.headerNav .otherNavigation {
  float:                          left;
  margin-top:                     -5px;
}
.headerNav .otherNavigation:before {
  content:                        "";
  line-height:                    normal;
  margin-top:                     0;
}
.headerNav ul {
  width:                          auto;
  height:                         auto;
  border-bottom:                  none;
  padding-top:                    34px;
  padding-right:                  10px;
  padding-bottom:                 0;
  padding-left:                   10px;
  list-style:                     none;
  font-weight:                    bold;
  margin-left:                    0;
}
.headerNav li {
  display:                        inline-block;
  line-height:                    15px;
  letter-spacing:                 normal;
  word-spacing:                   normal;
  float:                          left;
  margin-left:                    4px;
  padding-left:                   4px;
  list-style-type:                none;
  border-left-width:              1px;
  border-left-style:              solid;
}
.headerNav li a {
  display:                        block;
  border:                         0;
  padding:                        0;
  line-height:                    inherit;
}
.headerNav li a:hover {
  background-color:               transparent;
  text-decoration:                underline;
}
.headerNav li.active a:hover {
  background-color:               inherit;
}
.headerNav li:first-child {
  margin-left:                    0;
  border-left:                    none;
  padding-left:                   0;
}
.headerNavLeft {
  width:                          605px;
  font-size:                      13px;
}
.headerNavLeft .navItems .active > a:hover {
  color:                          inherit;
}
.headerNav .topNavRight {
  font-size:                      10px;
  width:                          215px;
  text-align:                     left;
}
.headerNav .ajaxBasket {
  margin-left:                    11px;
}
.headerNav .topNavRight span,
.headerNav .topLanguage a {
  display:                        inline-block;
  margin-top:                     32px;
  margin-left:                    4px;
  padding-left:                   5px;
}
.headerNav .topNavRight .ajaxBasket .topNavLink,
.headerNav .topNavRight .ajaxBasket.topNavLink span {
  margin-left:                    0;
  padding-left:                   0;
  border-left:                    none;
}
.headerNav .topLanguage a:first-child {
  margin-left:                    0;
  padding-left:                   0;
  border-left:                    none;
}
.headerNav .welcome {
  position:                       absolute;
  right:                          0;
  height:                         15px;
  width:                          203px;
  top:                            16px;
  font-size:                      10px;
  overflow:                       hidden;
}
.headerNav .ajaxBasket,
.headerNav .ajaxNotepad {
  display:                        inline-block;
}
.headerNav .ajaxNotepad .topNavLink {
  border-left-width:              1px;
  border-left-style:              solid;
}
.headerNav .ajaxBasket span {
  border-left:                    none !important;
}
.headerNav .ajaxNotepad span {
  display:                        inline-block;
  padding-left:                   4px !important;
}
.headerNav .topNavRight span,
.headerNav .topLanguage a {
  border-left:                    1px solid #977537;
}
/* language */
.topLanguage {
  width:                          130px;
}

/* ------------------------------ headings */
h1,
h2 {
  padding:                        2px 0 8px 0;
  font-size:                      18px;
  font-weight:                    bold;
}

/* ------------------------------ tables */
table {
  width:                          100%;
  border-collapse:                collapse;
  margin-top:                     8px;
}
table th {
  border-bottom:                  none;
  padding:                        4px 2px 2px 0;
  text-align:                     left;
  vertical-align:                 bottom;
}
table td {
  padding:                        4px 4px 4px 0;
  vertical-align:                 top;
}
table tr:nth-child(2n) {
  background-color:               #f7f7f7;
}
table tr:nth-child(2n+1) {
  background-color:               transparent;
}

/* ------------------------------ data lists */
dl {
  margin:                         4px 0 4px 0;
  border-top:                     1px dotted #4a769a;
}
dt {
  width:                          180px;
  line-height:                    24px;
  font-weight:                    bold;
  text-align:                     left;
}
dd {
  width:                          240px;
  line-height:                    24px;
}

/* ------------------------------ input fields */
input[type=checkbox],
input[type=radio] {
  vertical-align:                 top;
}
input[type=email],
input[type=file],
input[type=number],
input[type=date],
input[type=password],
input[type=tel],
input[type=time],
input[type=text],
input[type=url],
select,
textarea {
  height:                         15px;
  width:                          240px;
  padding:                        1px 1px 1px 2px;
  border:                         1px solid #999999;
  background-color:               #ffffff;
  font-size:                      11px;
}
select {
  height:                         19px;
  width:                          245px;
}
input[type=number],
input[type=date],
input[type=time] {
  width:                          80px;
  text-align:                     right;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin:                         0;
  -webkit-appearance:             none;
}
option {
  padding-left:                   4px;
}

/* ------------------------------ global defaults */
address {
  font-style:                     normal;
}
a {
  font-weight:                    bold;
}
a:hover {
  color:                          #333333;
  text-decoration:                underline;
}
/* unused ??? */
.disabled, :disabled {
  border:                         none;
  color:                          #999999;
}
.loading {
  background-repeat:              no-repeat;
  background-position:            50% 50%;
  height:                         60px;
  width:                          60px;
}
.ddElement {
  position:                       absolute;
  z-index:                        1000;
  border-width:                   1px;
  border-style:                   solid;
}
.dropaction {
  visibility:                     hidden;
}

/* ------------------------------ key value pair */
.key {
  min-height:                     22px;
  width:                          180px;
  padding:                        2px 8px 0 0;
}
.value {
  padding-top:                    2px;
}
.value input,
.value select,
.value textarea {
  margin-top:                     -2px;
}
.value .button {
  margin-top:                     8px;
  margin-right:                   8px;
  margin-bottom:                  0;
  margin-left:                    0;
}

/* ------------------------------ button */
.button {
  min-height:                     22px;
  margin-right:                   1px;
  cursor:                         pointer;
  background-color:               transparent;
  white-space:                    nowrap;
}
.button:last-child {
  margin-right:                   0;
}
.button > * {
  display:                        block;
  min-height:                     22px;
  padding:                        0 8px 0 8px;
  outline:                        0;
  color:                          #ffffff;
  cursor:                         pointer;
  line-height:                    22px;
  font-family:                    verdana, sans-serif;
  font-weight:                    bold;
  font-size:                      11px;
}
.button:hover > * {
  background-color:               #333333;
  color:                          #ffffff;
}
.button.disabled a {
  background-color:               #999999;
}
/* buttons with icon */
.button.clipIcon {
  position:                       relative;
  margin:                         4px 0 4px 0;
  padding-bottom:                 2px;
}
.button.clipIcon a {
  padding:                        0 4px 0 24px;
  background-color:               transparent;
}
.button.clipIcon:hover a {
  background-color:               #ffffff;
  color:                          #333333;
  text-decoration:                underline;
}
.button.clipIcon a img {
  top:                            0;
  left:                           0;
}
.button.clipIcon:hover a img {
  margin-top:                     -60px;
  clip:                           rect(60px, 20px, 80px, 0);
}

/* ------------------------------ link */
.link {
  position:                       relative;
  display:                        inline-block;
  font-weight:                    bold;
  line-height:                    18px;
  cursor:                         pointer;
}
.link:before {
  content:                        url(images/ic_link.png);
  top:                            5px;
  left:                           0;
  position:                       absolute;
  margin-top:                     0;
  clip:                           rect(0, 9px, 9px, 0);
}
.link:hover:before {
  margin-top:                     -27px;
  clip:                           rect(27px, 9px, 36px, 0);
}
.link > a {
  /* SJM-3872
  position:                       relative;
  z-index:                        1;
  */
  display:                        block;
  padding-left:                   13px;
}
.link img {
  float:                          left;
  margin:                         0 2px 2px 0;
}
.link.cover img {
  float:                          none;
  margin:                         0;
}
/* unused ??? */
span.nolink {
  font-weight:                    bold;
  text-decoration:                none;
  cursor:                         auto;
}
span.link:hover {
  color:                          #333333;
  text-decoration:                none;
}

/* ------------------------------ clip */
/* 9px */
.clip9 {
  position:                       absolute;
  margin-top:                     0;
  clip:                           rect(0, 9px, 9px, 0);
}
.clip9:hover,
a:hover .clip9 {
  margin-top:                     -27px;
  clip:                           rect(27px, 9px, 36px, 0);
}
/* 16px */
.clip16,
.clipIcon16 img {
  position:                       absolute;
  margin-top:                     0;
  clip:                           rect(0, 16px, 16px, 0);
}
.clip16:hover,
.clipIcon16:hover img,
.clipIcon:hover .clip16 {
  margin-top:                     -48px;
  clip:                           rect(48px, 16px, 64px, 0);
}
/* 20px */
.clip20,
.clipIcon img {
  position:                       absolute;
  margin-top:                     0;
  clip:                           rect(0, 20px, 20px, 0);
}
.clip20:hover,
.clipIcon:hover img {
  margin-top:                     -60px;
  clip:                           rect(60px, 40px, 80px, 0);
}
.clipIcon {
  display:                        inline-block;
  height:                         20px;
  min-width:                      20px;
  text-align:                     left;
}

/* ------------------------------ scrollTop */
.scrollTop {
  display:                        none;
  margin-top:                     2px;
  height:                         9px;
}
.scrollTop.show {
  display:                        inline-block;
}
.scrollTop.show img {
  position:                       absolute;
  clip:                           rect(0, 9px, 9px, 0);
}
.scrollTop.show:hover img {
  margin-top:                     -9px;
  clip:                           rect(9px, 9px, 18px, 0);
}

/* ------------------------------ dropdowns */
.dropdowns .dialog {
  clear:                          both;
  padding:                        8px;
}
.dropdowns .dialog .close {
  float:                          right;
  height:                         9px;
  width:                          9px;
  background-image:               url(images/ic_delete.png);
  background-repeat:              no-repeat;
  cursor:                         pointer;
}
.dropdowns .dialog h2 {
  color:                          #333333;
  font-family:                    verdana, sans-serif;
  font-size:                      13px;
}
.dropdowns .dialog h2 + div:not(:empty) {
  margin-bottom:                  8px;
}
.dropdowns .dialog .key {
  width:                          124px;
}
.dropdowns .dialog.feed .key {
  display:                        none;
}
.dropdowns .dialog .value {
  width:                          348px;
}
.dropdowns .dialog.feed .value {
  width:                          100%;
}
.dropdowns .dialog .value input[type=email],
.dropdowns .dialog .value input[type=text] {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
}
.dropdowns .dialog .value textarea {
  width:                          343px;
  height:                         100px;
}
.dropdowns .dialog .actions {
  padding-top:                    8px;
  text-align:                     right;
}
.dropdowns .dialog .actions .button {
  margin:                         0 0 2px 8px;
}

/* ------------------------------ preview (basket, notepad) */
.preview {
  margin-top:                     30px;
  position:                       relative;
}
.preview:before {
  content:                        "\2014\2014";
  display:                        block;
  font-family:                    arial, sans-serif;
  font-size:                      13px;
}
/* header */
.preview .boxHeader {
  display:                        block;
  padding:                        8px;
}
.preview .boxHeader a .total {
  display:                        inline-block;
  padding-left:                   4px;
}
.preview .boxOpen {
  float:                          left;
  height:                         9px;
  width:                          9px;
  margin:                         10px 8px 0 8px;
  background-repeat:              no-repeat;
  cursor:                         pointer;
}
.preview .boxOpen:hover {
  background-position:            0 -27px;
}
.preview .boxOpen.on {
  background-image:               url(images/ic_collapse_minus.png);
}
.preview .boxOpen.off {
  background-image:               url(images/ic_collapse_plus.png);
}
/* content */
.preview .position {
  position:                       relative;
  border-top-style:               dotted;
  border-top-width:               1px;
  padding:                        8px;
  line-height:                    14px;
  font-size:                      11px;
}
.preview .position:first-child,
.preview .position:first-of-type {
  border-top:                     0;
}
.preview .position > a {
  display:                        block;
  min-height:                     28px;
}
.preview .position .value {
  padding-top:                    0;
}
.preview .position span {
  display:                        block;
  overflow:                       hidden;
  text-overflow:                  ellipsis;
}
.preview .position .clip9 {
  top:                            4px;
  right:                          8px;
}
.preview .notepadItem {
  border-top:                     0;
}
.preview .notepadItem > .previewLink {
  border-top-style:               solid;
  border-top-width:               2px;
  padding:                        4px 8px 4px 8px;
}
.preview .notepadItem:first-child > .previewLink {
  border-top-width:               0;
}
.preview .notepadItem > .previewLink strong {
  display:                        inline-block;
  max-width:                      136px;
  overflow:                       hidden;
  text-overflow:                  ellipsis;
  vertical-align:                 bottom;
  white-space:                    nowrap;
}
.preview .notepadItem.active > .previewLink strong {
  display:                        inline;
  max-width:                      none;
  white-space:                    normal;
}
.preview .notepadItem > .previewLink:hover {
  text-decoration:                none;
}
.preview .previewTitle {
  padding:                        2px 4px 2px 4px;
  font-size:                      11px;
}
.preview .previewTitle strong {
  font-weight:                    normal;
}
.preview .previewItem {
  padding:                        2px;
  font-weight:                    bold;
}
.preview .biblioLink {
  min-height:                     28px;
  margin-bottom:                  2px;
  line-height:                    14px;
  font-size:                      11px;
}
.preview .biblioTitle {
  display:                        block;
  overflow:                       hidden;
  margin-right:                   10px;
  font-weight:                    bold;
}
.preview .biblioAuthor {
  display:                        block;
  font-weight:                    normal;
  white-space:                    nowrap;
}
/* summary */
.preview .summary {
  border-top-style:               dotted;
  border-top-width:               1px;
  padding:                        8px 8px 0 8px;
  line-height:                    18px;
}
.preview .summary div {
  display:                        inline-block;
}
.preview .summary div:first-child .value {
  float:                          left;
  padding-right:                  4px;
}
.preview .summary div:last-child {
  float:                          right;
}
.preview .summary .key {
  min-height:                     0;
  width:                          auto;
  padding:                        0 4px 0 0;
}
.preview .summary .value {
  padding-top:                    0;
}
/* actions */
.preview .actions {
  padding:                        8px;
}
/* empty */
.preview .empty {
  padding:                        8px;
  color:                          #999999;
  font-size:                      11px;
}

/* ------------------------------ page columns */
/* left */
.left {
  clear:                          both;
  float:                          left;
  min-height:                     16px;
  width:                          195px;
  padding:                        0 10px 0 10px;
  margin-bottom:                  40px;
}
.left.wide {
  width:                          475px;
  margin-bottom:                  0;
  padding:                        0;
}
.left.wide .narrow,
.left.wide .wide {
  display:                        inline-block;
  vertical-align:                 top;
  margin:                         0 10px 0 10px;
}
/* main */
.main {
  float:                          left;
  min-height:                     16px;
  width:                          500px;
  padding:                        0 10px 0 10px;
  margin-bottom:                  40px;
}
.main.narrow {
  width:                          240px;
  margin-bottom:                  0;
}
/* right */
.right {
  float:                          right;
  min-height:                     16px;
  width:                          195px;
  padding:                        0 10px 0 10px;
  margin-bottom:                  40px;
}
/* narrow and wide defaults */
.narrow {
  width:                          195px;
}
.wide {
  width:                          240px;
}

/* ------------------------------ footer */
.footer {
  clear:                          both;
  height:                         20px;
  margin:                         0 10px 0 10px 0;
  border-top-style:               dotted;
  border-top-width:               1px;
  padding:                        5px 0 20px 0;
}
.footer a {
  margin-left:                    4px;
  border-left-width:              1px;
  border-left-style:              solid;
  padding-left:                   4px;
}
.footer a:hover {
  text-decoration:                underline;
}
.footer a:first-child {
  border-left:                    none;
  margin-left:                    0;
  padding-left:                   0;
}
.footer .text {
  margin-left:                    179px;
}

/* ------------------------------ warnings */
.warning {
  color:                          #ff0000;
  font-weight:                    bold;
}
.warning .counter {
  color:                          #333333;
  font-weight:                    normal;
}
.warning .counter input {
  -webkit-box-shadow:             none;
     -moz-box-shadow:             none;
      -ms-box-shadow:             none;
          box-shadow:             none;
}
.warning .value {
  overflow:                       visible;
}
.warning .value img {
  position:                       absolute;
  margin-left:                    2px;
}
.warning input,
.warning select,
.warning textarea {
  border-color:                   #ff3333;
  box-shadow:                     0 0 2px 1px rgba(255,0,0,0.8);
}
input:focus:invalid,
select:focus:invalid,
textarea:focus:invalid {
  border-color:                   #ff3333;
  box-shadow:                     0 0 2px 1px rgba(255,0,0,0.4);
}

/* ------------------------------ breadcrumb */
.otherBreadcrumb {
  margin-top:                     30px;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
  padding-bottom:                 3px;
}
.otherBreadcrumb .path {
  margin-right:                   0;
  color:                          #999999;
  line-height:                    18px;
}
.otherBreadcrumb .print {
  display:                        none;
}

/* ------------------------------ suggestion */
/* list */
.suggestionList {
  position:                       absolute;
  z-index:                        101;
  width:                          195px !important;
}
.suggestionList.visible {
  box-shadow:                     0 2px 4px 0 rgba(0,0,0,0.4);
  border:                         1px solid #999999;
  background-color:               #ffffff;
}
/* item */
.suggestionItem {
  border-top-style:               dotted;
  border-top-width:               1px;
}
.suggestionItem:first-child {
  border-top:                     0;
}
.suggestionItem a {
  display:                        block;
  padding:                        4px;
  text-decoration:                none;
}
.suggestionItem .sectionCover {
  position:                       relative;
  display:                        inline-block;
  width:                          30px;
  vertical-align:                 top;
}
.suggestionItem .sectionCover .cover {
  height:                         auto !important;
  width:                          auto !important;
  max-width:                      20px;
  margin:                         2px;
}
.suggestionItem .sectionCover .downloadtip {
  bottom:                         0;
  width:                          24px;
}
.suggestionItem .sectionDesc {
  display:                        inline-block;
  width:                          157px;
  line-height:                    150%;
  vertical-align:                 top;
}
.suggestionItem .sectionDesc .value {
  display:                        block;
  overflow:                       hidden;
  text-overflow:                  ellipsis;
}
.suggestionItem .biblioAuthor {
  font-weight:                    normal;
  white-space:                    nowrap;
}
.suggestionItem .biblioTitle {
  line-height:                    inherit;
  max-height:                     none;
  font-family:                    georgia, serif;
  font-size:                      13px;
}
.suggestionItem.empty {
  border-bottom:                  0;
  padding:                        8px;
  color:                          #999999;
}
.suggestionItem.myValue {
  border-bottom:                  0;
  padding:                        12px 4px 16px 6px;
  font-size:                      12px;
  font-weight:                    bold;
  cursor:                         pointer;
}
.suggestionItem.myValue:hover {
  color:                          #333333;
}

/* ------------------------------ action */
.action {
  padding-top:                    4px;
}
.actionContent {
  padding-top:                    2px;
}
.actionContent .key {
  width:                          296px;
  padding:                        6px 4px 4px 0;
  font-size:                      11px;
}
.actionContent .value {
  width:                          200px;
  text-align:                     right;
}
.actionContent .value .button {
  margin:                         0 0 4px 0;
}

/* ------------------------------ navigation */
.main .otherNavigation {
  border-bottom:                  1px dotted #4a769a;
}
.left .otherNavigation {
  margin-top:                     29px;
  border-bottom:                  none;
}
.right .otherNavigation {
  margin-top:                     29px;
  border-bottom:                  none;
}
.left .otherNavigation h2 {
  border-top:                     none;
  padding-top:                    2px;
  padding-right:                  0;
  padding-bottom:                 7px;
  padding-left:                   0;
  background-color:               transparent;
  font-size:                      16px;
}
.right .otherNavigation h2 {
  border-top:                     none;
  padding-top:                    2px;
  padding-right:                  0;
  padding-bottom:                 7px;
  padding-left:                   0;
  background-color:               transparent;
  font-size:                      16px;
}
.navItems {
  list-style:                     none;
}
.navItems img {
  position:                       absolute;
  margin-top:                     1px;
  clip:                           rect(0, 10px, 20px, 0);
  cursor:                         pointer;
}
.navItems a {
  display:                        block;
  min-height:                     15px;
  border-top:                     none;
  padding-top:                    3px;
  padding-right:                  2px;
  padding-bottom:                 4px;
  padding-left:                   15px;
  line-height:                    15px;
}
.navItems ul {
  display:                        none;
  list-style:                     none;
}
.navItems .closed:hover img {
  margin-top:                     -20px;
  clip:                           rect(20px, 10px, 40px, 0);
}
.navItems .closed.active img {
  margin-top:                     -40px;
  clip:                           rect(40px,10px,60px,0);
}
.navItems .opened>img {
  margin-top:                     -60px;
  clip:                           rect(60px,10px,80px,0);
}
.navItems .opened:hover>img {
  margin-top:                     -80px;
  clip:                           rect(80px,10px,100px,0);
}
.navItems .opened.active>img {
  margin-top:                     -100px;
  clip:                           rect(100px,10px,120px,0);
}
.navItems .active>a {
  font-weight:                    bold;
}
.navItems a>img {
  margin-top:                     -124px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -15px;
  clip:                           rect(120px 10px 140px 0);
}
.navItems a:hover>img {
  margin-top:                     -144px;
  clip:                           rect(140px 10px 160px 0);
}
.navItems .active>a:hover {
  color:                          #0b479d;
}

/* ------------------------------ text */
.text {
  margin:                         30px 0 30px 0;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
  padding-bottom:                 8px;
  line-height:                    150%;
}
.main .text {
  font-size:                      13px;
}
.textText {
  margin-bottom:                  16px;
  font-weight:                    bold;
}
.textImg {
  float:                          left;
  margin:                         2px 4px 4px 0;
}
.textHtml img {
  float:                          left;
  max-width:                      none;
  margin:                         2px 4px 4px 0;
}
.textHtml {
  margin:                         4px 0 4px 0;
}
.textHtml p {
  margin-top:                     16px;
}
.textHtml ol,
.textHtml ul {
  padding-left:                   20px;
}
.main .textLink {
  margin-bottom:                  8px;
}
/* about */
.about .textImg {
  margin-top:                     2px;
  margin-right:                   20px;
  margin-bottom:                  4px;
  margin-left:                    0;
  min-height:                     100px;
}
/* partner */
.partner .textImg {
  margin-top:                     2px;
  margin-right:                   20px;
  margin-bottom:                  4px;
  margin-left:                    0;
  min-height:                     100px;
}
.partner .text:nth-child(even) {
  margin-top:                     0;
  margin-right:                   0;
  margin-bottom:                  30px;
  margin-left:                    0;
}
.partner .text:nth-child(odd) {
  border:                         none;
  margin:                         0;
}
.partner .otherBreadcrumb {
  margin-bottom:                  30px;
}
.partner .textImg img {
  width:                          193px;
  border:                         1px solid #d3d3d3;
}

/* ------------------------------ history */
.otherHistory {
  margin-top:                     30px;
}
.otherHistory h2 {
  margin:                         2px 0 8px 0;
  padding:                        0;
  font-size:                      11px;
  font-weight:                    normal;
}
.otherHistory ul {
  list-style-type:                none;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
}
.otherHistory li {
  overflow:                       hidden;
  margin-bottom:                  2px;
}

/* ------------------------------ biblio positions */
.biblioPositions .item {
  padding-top:                    30px;
  padding-right:                  0;
  padding-bottom:                 10px;
  padding-left:                   0;
  border-top-width:               1px;
  border-top-style:               dotted;
  letter-spacing:                 -4px;
  word-spacing:                   -4px;
  position:                       relative;
}
.biblioPositions .item>div {
  display:                        inline-block;
  vertical-align:                 top;
  overflow:                       hidden;
  letter-spacing:                 normal;
  word-spacing:                   normal;
}
.biblioPositions .biblioCover .cover {
  max-width:                      73px;
  max-height:                     120px;
  vertical-align:                 bottom;
  border:                         none;
}
.biblioPositions .biblioAuthor {
  font-weight:                    bold;
  font-size:                      11px;
  padding-bottom:                 5px;
}
.biblioPositions .biblioTitle {
  font-weight:                    bold;
  font-size:                      13px;
  padding-top:                    0;
  padding-right:                  0;
  padding-bottom:                 0;
  padding-left:                   0;
}
.biblioPositions .biblioSubTitle {
  font-size:                      11px;
  font-weight:                    normal;
}
.biblioPositions .biblioPublisher {
  overflow:                       hidden;
  white-space:                    nowrap;
  text-overflow:                  ellipsis;
}
.biblioPositions .biblioPrice input[type=text] {
  width:                          45px;
  margin-right:                   2px;
  text-align:                     right;
}
.biblioPositions .biblioCover {
  margin-top:                     3px;
}
.biblioPositions .biblioToNotepadLink {
  display:                        inline-block;
  line-height:                    25px;
  width:                          358px;
}
.biblioPositions .biblioQuantity {
  display:                        inline-block;
  line-height:                    25px;
  width:                          50px;
}
.biblioPositions .biblioPriceFormatted {
  display:                        inline-block;
  line-height:                    25px;
  width:                          88px;
  font-weight:                    bold;
  text-align:                     right;
}
.biblioPositions .biblioToNotepadLink .clipIcon .clip {
  margin-top:                     -38px;
}
.biblioPositions .biblioToNotepadLink .clipIcon:hover .clip {
  margin-top:                     -58px;
}
.biblioPositions .biblioToNotepadLink .clipIcon .clipText {
  margin-left:                    25px;
}
.biblioPositions .biblioQuantity input {
  width:                          25px;
  text-align:                     right;
}


/* ------------------------------ biblio list */
.biblioList {
  border-top:                     none;
  padding:                        30px 0 8px 0;
}
.biblioList .pageTop {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.right .biblioList .pageTop {
  border-bottom:                  0;
}
.biblioList .pageTop .key {
  width:                          auto;
}
.biblioList .pageTop ul {
  display:                        inline-block;
}
.biblioList .pageTop li {
  display:                        inline-block;
  margin:                         2px 8px 0 0;
}
.biblioList .pageTop li + li {
  border-left:                    1px solid #333333;
  padding-left:                   8px;
}
.biblioList .pageTop + .page .pageNo {
  display:                        none;
}
.left .biblioList .pageBottom .scrollTop,
.right .biblioList .pageBottom .scrollTop {
  display:                        none;
}

/* ------------------------------ pagination */
.pagination {
  padding:                        4px 0 4px 0;
  text-align:                     right;
}
.pagination .paging {
  word-spacing:                   -4px;
}
.pagination .paging > * {
  word-spacing:                   normal;
}
.pagination.bottom .paging {
  float:                          right;
}
.pagination.bottom .paging .scrollTop {
  display:                        inline-block;
  height:                         auto;
}
.pagination a,
.pagination .paging > span {
  padding-left:                   4px;
  font-weight:                    bold;
}
.left .pagination.top,
.right .pagination.top {
  text-align:                     center;
}
/* unused ??? */
.right .pagination .prev:before,
.left .pagination .next:after,
.right .pagination .next:after {
  content:                        "";
  margin:                         0;
}
.right .pagination .next,
.left .pagination .prev,
.right .pagination .prev {
  padding-right:                  3px;
  padding-left:                   3px;
}

/* ------------------------------ segmentation */
.segmentaion p {
  margin-top:                     16px;
  padding:                        6px 8px 4px 8px;
  font-size:                      13px;
  font-weight:                    bold;
}
.segmentaion h2 + div + p {
  margin-top:                     5px;
}
.biblioSegmentation {
  padding:                        4px 8px 4px 8px;
}
.biblioSegmentation .link {
  display:                        block;
  border-top-width:               1px;
  border-top-style:               dotted;
}
.biblioSegmentation .link a {
  display:                        block;
}
.biblioSegmentation .link a:hover {
  text-decoration:                none;
}
.biblioSegmentation .link a span {
  display:                        inline-block;
}
.biblioSegmentation .link a span:first-child {
  overflow:                       hidden;
  white-space:                    nowrap;
  text-overflow:                  ellipsis;
  width:                          68%;
}
.biblioSegmentation .link a span + span {
  float:                          right;
  font-size:                      9px;
}

/* ------------------------------ biblio search advanced */
.biblioSearchAdvanced.searchRefine + .text {
  margin-bottom:                  0;
  border-bottom:                  0;
}
.biblioSearchAdvanced {
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
  padding-bottom:                 8px;
}
.biblioSearchAdvanced form > div {
  padding:                        16px 8px 16px 8px;
}
.biblioSearchAdvanced input[type=text] {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
}
.biblioSearchAdvanced select {
  width:                          100%;
}
.biblioSearchAdvanced .year select {
  width:                          100px;
}
.biblioSearchAdvanced .year input[type=number] {
  width:                          183px;
}
.biblioSearchAdvanced .key {
  font-weight:                    bold;
}
.biblioSearchAdvanced .value {
  width:                          292px;
}
.biblioSearchAdvanced .actions {
  margin:                         8px 0 0 188px;
}
.biblioSearchAdvanced .actions .button {
  margin-left:                    4px;
}

/* ------------------------------ sitemap */
.otherSitemap {
  margin-top:                     10px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    10px;
  padding-bottom:                 10px;
  border-top:                     none;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
}
.otherSitemap ul > ul {
  padding-top:                    0;
  padding-right:                  7px;
  padding-bottom:                 0;
  padding-left:                   7px;
}
.otherSitemap a {
  text-decoration:                none;
}
.otherSitemap a:before {
  position:                       absolute;
  margin-left:                    -8px;
}
.otherSitemap p {
  padding-bottom:                 8px;
}
.otherSitemap li {
  line-height:                    15px;
}
.otherSitemap ul {
  padding-top:                    4px;
  padding-right:                  0;
  padding-bottom:                 4px;
  padding-left:                   0;
  list-style-type:                none;
}
.otherSitemap > ul {
  margin-top:                     0;
  margin-right:                   10px;
  margin-bottom:                  0;
  margin-left:                    0;
}
.otherSitemap ul > ul {
  padding-top:                    0;
  padding-right:                  16px;
  padding-bottom:                 0;
  padding-left:                   16px;
}

/* ------------------------------ notepad selection */
.notepadSelection {
  overflow:                       hidden;
  width:                          280px;
  border:                         1px solid #999999;
  border-radius:                  2px;
  background-color:               #e8e8e8;
}
.ajaxNotepadSelection .notepadSelection { /* legacy mode */
  box-shadow:                     1px 1px 4px 0 rgba(0,0,0,0.8);
}
.overlay .notepadSelection { /* overlay mode */
  border:                         0;
}
.notepadSelectionNewHeading {
  padding:                        4px;
  font-size:                      9px;
}
.notepadSelectionNewForm {
  padding:                        0 4px 8px 4px;
}
.notepadSelectionNewForm input[type=text] {
  height:                         18px;
  width:                          170px;
  vertical-align:                 top;
}
.notepadSelectionExist {
  padding-bottom:                 4px;
  border-top:                     1px dotted #999999;
}
.notepadSelectionExistHeading {
  padding:                        4px;
  font-size:                      9px;
}
.notepadSelectionExistItems a {
  display:                        block;
  height:                         9px;
  overflow:                       hidden;
  margin:                         12px 4px 12px 4px;
  padding-left:                   15px;
  background-image:               url(images/ic_link.png);
  background-position:            0 -18px;
  background-repeat:              no-repeat;
  line-height:                    9px;
  text-decoration:                none;
  text-overflow:                  ellipsis;
  white-space:                    nowrap;
}
.notepadSelectionExistItems a:hover {
  background-position:            0 -27px;
  text-decoration:                none;
}
.notepadSelectionExistItems .active {
  font-weight:          bold;
}
.notepadSelectionExistItems span {
  font-weight:          normal;
}

/* ------------------------------ account overview */
.account .text ~ .text h2 {
  color:                          #333333;
  font-family:                    verdana, sans-serif;
  font-size:                      13px;
}

/* ------------------------------ create notepad (account) */
.notepadCreate {
  margin:                         28px 0 8px 0;
}
.notepadCreate form > div {
  padding:                        8px;
}
.notepadCreateText,
.notepadCreate .text {
  margin:                         8px 0 8px 0;
  border-bottom:                  0;
}
.notepadCreate .key {
  text-align:                     left;
  width:                          100px;
}
.notepadCreate input[type=text],
.notepadCreate textarea {
  width:                          366px;
}
.notepadCreate .actions {
  text-align:                     right;
}
.notepadCreate .actions .button {
  margin:                         8px 2px 8px 8px;
}

/* ------------------------------ public notepad */
.notepadPublic .sectionActions .biblioCheck {
  margin-top:                     4px;
}
.notepadPublic .sectionActions .button.clipIcon {
  margin-right:                   8px;
}

/* ------------------------------ article search (events) */
.articleSearch {
  margin:                         8px 0 8px 0;
}
.articleSearch .formField {
  padding:                        8px 8px 0 8px;
}
.articleSearch .formField .key {
  min-height:                     0;
}
.articleSearch .formField .value {
  width:                          290px;
}
.articleSearch .formField input[type=text] {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
}
.articleSearch .formField select {
  width:                          100%;
}
.articleSearch .onChangeToBetween select {
  width:                          101px;
}
.articleSearch .onChangeToBetween input[type=text] {
  width:                          180px;
}
.articleSearch .onChangeToBetween input[type=text] + input[type=text] {
  margin-left:                    2px;
  width:                          85px;
}
.articleSearch .actions {
  padding:                        8px 8px 8px 200px;
}
.articleSearch .actions .button.continue {
  float:                          right;
}
.articleSearch .actions .button.continue input {
  width:                          104px;
}

/* ------------------------------ event list (default) */
.eventList {
  margin:                         30px 0 8px 0;
}
.eventList .item {
  overflow:                       hidden;
  border-top-style:               dotted;
  border-top-width:               1px;
  padding:                        8px 0 8px 0;
  line-height:                    150%;
}
.eventList .item .link {
  display:                        block;
}
.eventList .scrollTop {
  float:                          left;
  margin-top:                     6px;
}
.eventList .item ~ .pagination {
  border-top-style:               dotted;
  border-top-width:               1px;
}

/* ------------------------------ event list (quick) */
.eventListQuick {
  margin:                         30px 0 8px 0;
}
.eventListQuick .headActions,
.eventListQuick .text {
  margin:                         0;
  padding-bottom:                 0;
}
.eventListQuick .text > div:not(:empty) {
  margin-bottom:                  4px;
  font-size:                      11px;
}
.eventListQuick table {
  margin-top:                     0;
}
.eventListQuick thead {
  border-bottom-style:            solid;
  border-bottom-width:            1px;
}
.eventListQuick .pagination,
.eventListQuick tbody tr {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.eventListQuick td:first-child {
  width:                          10%;
}
.eventListQuick td:last-child {
  width:                          20%;
}
.eventListQuick .scrollTop {
  margin-top:                     6px;
  float:                          left;
}

/* ------------------------------ article detail (event) */
.articleDetail {
  margin:                         30px 0 8px 0;
  word-spacing:                   normal;
}
.articleDetail .headActions {
  margin-top:                     4px;
}
.articleDetail .articleTitle {
  font-size:                      18px;
  line-height:                    130%;
}
.articleDetail .articleVenue {
  font-weight:                    normal;
  display:                        inline;
  font-family:                    georgia,serif;
  font-size:                      14px;
}
.articleDetail .articleDate,
.articleDetail .articleTime {
  display:                        inline;
  font-family:                    georgia,serif;
  font-size:                      14px;
}
.articleDetail .articleDate:before,
.articleDetail .articleTime:before {
  content:                        "/";
}
.articleDetail .dropdowns {
  margin-top:                     8px;
  border-top-style:               dotted;
  border-top-width:               1px;
}
.articleDetail .articlePicture {
  margin-top:                     16px;
}
.articleDetail .articlePicture img {
  height:                         auto !important;
  width:                          inherit !important;
  max-width:                      100%;
}
.articleDetail .articleContributor {
  margin-top:                     16px;
  font-size:                      13px;
}
.articleDetail .articleContributor .key {
  width:                          auto;
  font-weight:                    bold;
}
.articleDetail .articleContributor .key:after {
  content:                        ":";
}
.articleDetail .articleText {
  margin:                         8px 0 16px 0;
  line-height:                    150%;
}
.articleDetail .articleOrganizer,
.articleDetail .articleDownloads,
.articleDetail .articleCategories,
.articleDetail .articleLink {
  font-size:                      13px;
  font-weight:                    normal;
}
.articleDetail .articleOrganizer .key,
.articleDetail .articleDownloads .key,
.articleDetail .articleCategories .key,
.articleDetail .articleLink .key {
  width:                          124px;
  font-weight:                    bold;
}
.articleDetail .articleDownloads .key + a,
.articleDetail .articleLink .key + a {
  display:                        inline-block;
  max-width:                      368px;
  word-wrap:                      break-word;
}
.articleDetail + .biblioList,
.articleDetail + .resultItem {
  margin-top:                     32px;
  border-top-style:               dotted;
  border-top-width:               1px;
  padding-top:                    0;
}
.articleDetail + .resultItem {
  padding-top:                    8px;
}
/* unused ??? */
.articleDetail .articleHeading {
  font-size:                      12px;
  font-weight:                    normal;
  margin-bottom:                  8px;
}
.articleDetail .storeFurtherInformation {
  margin-top:                     10px;
}

/* ------------------------------ article create (event) */
.articleCreate .checkoutnav {
  margin:                         8px 0 32px 0;
  padding-bottom:                 8px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.articleCreate .checkoutnav li {
  display:                        inline-block;
  border-left:                    1px solid #999999;
  padding-left:                   4px;
}
.articleCreate .checkoutnav li:first-child {
  border-left:                    0;
  padding-left:                   0;
}
.articleCreate .key {
  width:                          120px;
  margin-top:                     4px;
  font-weight:                    bold;
}
.articleCreate .value {
  width:                          368px;
  margin-top:                     4px;
}
.articleCreate .counter {
  display:                        block;
}
.articleCreate form input[type=date],
.articleCreate form input[type=email],
.articleCreate form input[type=number],
.articleCreate form input[type=text],
.articleCreate form input[type=time],
.articleCreate form input[type=url],
.articleCreate form textarea {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
  text-align:                     left;
}
.articleCreate form textarea {
  height:                         300px;
}
.articleCreate form select {
  width:                          100%;
}
.articleCreate form input[type=file] {
  height:                         20px;
  width:                          270px;
  margin:                         -2px 8px 4px 0;
}
.articleCreate form input[type=file] + .button {
  margin-top:                     0;
  vertical-align:                 top;
}
.articleCreate form input[type=file] + .button input {
  width:                          80px;
}
.articleCreate .value img {
  max-width:                      368px;
}
.articleCreate .value .delete {
  display:                        inline-block;
  margin:                         0 0 16px 4px;
}
.articleCreate .articleCreateText {
  margin:                         8px 0 16px 0;
  border-top-style:               dotted;
  border-bottom-style:            dotted;
  border-top-width:               1px;
  border-bottom-width:            1px;
  padding:                        16px 0 16px 0;
}
.articleCreate .actions .key {
  display:                        none;
}
.articleCreate .actions .value {
  width:                          100%;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 8px;
  text-align:                     right;
}
.articleCreate .actions .link:first-child {
  float:                          left;
  margin-top:                     12px;
}
.articleCreate .articleDetail dt {
  width:                          120px;
  font-weight:                    bold;
}
.articleCreate .articleDetail dd {
  display:                        inline-block;
  width:                          368px;
  margin-top:                     0;
  color:                          #333333;
  line-height:                    24px;
  font-family:                    verdana, sans-serif;
  font-size:                      12px;
  font-weight:                    normal;
}
.articleCreate .articleDetail dd:before {
  content:                        "";
}

/* ------------------------------ customer defaults */
.customer {
  margin-top:                     30px;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
  padding-bottom:                 10px;
}
.customer form span {
  word-spacing:                   normal;
}
.customer form .actions {
  text-align:                     right;
}
.customer form .actions .button {
  margin:                         0 0 4px 8px;
}
.customer form > div {
  padding:                        8px;
  word-spacing:                   normal;
}
.customer .key {
  width:                          156px;
}
.customer .key + .value {
  width:                          320px;
  overflow:                       visible;
}
.customer input[type=email],
.customer input[type=number],
.customer input[type=password],
.customer input[type=text] {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
}
.customer select {
  width:                          100%;
}
.customer input[type=radio] + label {
  padding-left:                   4px;
  padding-right:                  8px;
}
.customer input[type=radio] + label + br {
  display:                        none;
}
.customerAddressTabs .otherTabs {
  border-top:                     0;
  margin:                         30px 0 8px 0;
}
/* unused ??? */
.tableColumnActions {
  padding-right:                  0;
  text-align:                     center;
}
.customer div.warning div {
  font-weight:                    bold;
  padding-top:                    5px;
  padding-right:                  0;
  padding-bottom:                 0;
  padding-left:                   0;
  width:                          280px;
  margin-left:                    172px;
  line-height:                    150%;
}

/* ------------------------------ download list */
.downloadList {
  margin-top:                     16px;
  border-top-width:               1px;
  border-top-style:               dotted;
  padding-top:                    0;
}
.downloadList + .actions {
  text-align:                     right;
}
.downloadList + .actions .link {
  float:                          left;
  margin-top:                     4px;
}

/* ------------------------------ download item */
.downloadItem .downloadButton {
  display:                        inline-block;
  margin:                         8px 0 8px 0;
}
.downloadItem .downloadButton a {
  display:                        block;
  background-image:               url(/sjmweb/css/default/images/unpublish.png);
  background-position:            0 -32px;
  background-repeat:              no-repeat; 
  height:                         16px;
  padding-left:                   20px;
  line-height:                    20px;
}
.downloadItem .downloadButton a:hover {
  background-position:            0 -48px;
}

/* ------------------------------ window */
#windowBg {
  background-color:               rgba(0,0,0,0.2);
}
.window {
  max-width:                      none;
  -webkit-box-shadow:             2px 2px 8px 0 #848484;
     -moz-box-shadow:             2px 2px 8px 0 #848484;
      -ms-box-shadow:             2px 2px 8px 0 #848484;
          box-shadow:             2px 2px 8px 0 #848484;
  border:                         1px solid #adadad;
  border-radius:                  2px;
  background-color:               #ffffff;
}
#windowPrev {
  background-image:               url(images/windowPrev.png);
}
#windowNext {
  background-image:              url(images/windowNext.png);
}
#windowExpand {
  background-image:              url(images/windowExpand.png);
}
#windowClose {
  background-image:              url(images/windowClose.png);
}
.windowTop {
  position:                      relative;
  overflow:                      hidden;
  height:                        20px;
  background-color:              #e8e8e8;
}
.windowTopCenter {
  margin:                        0 2px 0 2px;
}
.windowTopCenterHeading {
  padding:                       2px 4px 2px 4px;
  font-weight:                   bold;
  line-height:                   16px;
}
.windowTopCenterAction span {
  height:                        16px;
  width:                         16px;
  margin:                        2px 0 0 2px;
}
.windowTopCenterAction span:hover {
  background-position:           0 100%;
}
.windowBottomCenter {
  margin:                        4px 0 4px 0;
}
.windowBottomRight {
  top:                           0;
  right:                         0;
  bottom:                        0;
}

/* ------------------------------ counter */
.counter {
  line-height:                    normal;
  font-size:                      9px;
}
.counter input[type=text] {
  font-size:                      9px;
  font-weight:                    bold;
}

/* ------------------------------ animation */
.animation {
  margin-top:                     30px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
  border-top:                     none;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
  padding-top:                    0;
  padding-bottom:                 10px;
  line-height:                    150%;
}
.left .animation {
  margin-bottom:                  0;
  margin-top:                     0;
  margin-right:                   10px;
  margin-left:                    10px;
}
.animation canvas {
  margin-top:                     0;
  margin-right:                   1px;
  margin-bottom:                  0;
  margin-left:                    1px;
}
.animationHeading {
  min-height:                     18px;
}
.animationHeading .link:before {
  margin-top:                     5px;
}
.animationHeading .link:hover:before {
  margin-top:                     -4px;
}
.animationHeadingLink {
  font-weight:                    normal;
  font-size:                      12px;
}
.animationImagestageIndicator {
  padding-top:                    32px;
  padding-right:                  32px;
  padding-bottom:                 32px;
  padding-left:                   32px;
}
.animationContainer {
  position:                       relative;
  overflow:                       hidden;
  border-width:                   1px;
  border-style:                   solid;
  background-color:               transparent;
  -webkit-border-radius:          2px;
  -moz-border-radius:             2px;
  border-radius:                  0;
  border:                         none;
}
.animationContainerWrap {
  position:                       relative;
  letter-spacing:                 -4px;
  word-spacing:                   -4px;
}
.animationContainerWrapSlide {
  display:                        inline-block;
  letter-spacing:                 normal;
  word-spacing:                   normal;
  vertical-align:                 top;
}
.animationContent {
  clear:                          both;
  visibility:                     hidden;
  height:                         0;
}
.animationContentItemCover {
  display:                        inline-block;
  text-align:                     center;
}
.animationContentItemCover .downloadtip {
  right:                          13px;
  bottom:                         23px;
}
.animationContentBiblioItem p.biblioText {
  height:                         auto;
  margin-left:                    0;
  overflow:                       auto;
  white-space:                    normal;
}
.animationContentBiblioItem .biblioLink {
  padding-top:                    10px;
  padding-right:                  0;
  padding-bottom:                 10px;
  padding-left:                   0;
}
.animationContentBiblioItem .sectionData {
  min-height:                     25px;
}
.animationContentBiblioItem .sectionPrice {
  min-height:                     25px;
}
.animationNavigation {
  position:                       relative;
  text-align:                     center;
}
.animationNavigationPrev,
.animationNavigationNext {
  height:                         17px;
  width:                          11px;
  cursor:                         pointer;
  font-size:                      0;
}
.animationNavigationPrev {
  float:                          left;
}
.animationNavigationNext {
  float:                          right;
}
.animationNavigationIndex {
  display:                        inline-block;
  margin-top:                     -1px;
  border-top:                     0;
  border-bottom-left-radius:      2px;
  border-bottom-right-radius:     2px;
  -moz-border-radius-bottomleft:  2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-bottom-left-radius:2px;
  -webkit-border-bottom-right-radius:2px;
  padding-top:                    2px;
  padding-right:                  2px;
  padding-bottom:                 2px;
  padding-left:                   2px;
}
.animationNavigationIndexItem {
  display:                        inline-block;
  outline:                        0;
  margin-top:                     2px;
  margin-right:                   2px;
  margin-bottom:                  2px;
  margin-left:                    2px;
  border-width:                   1px;
  border-style:                   solid;
  border-radius:                  2px;
  -moz-border-radius:             2px;
  -webkit-border-radius:          2px;
  padding-top:                    2px;
  padding-right:                  5px;
  padding-bottom:                 2px;
  padding-left:                   5px;
  font-weight:                    bold;
  font-size:                      11px;
  text-align:                     center;
}
.animationNavigationIndexItem:hover {
  border-width:                   1px;
  border-style:                   solid;
  text-decoration:                none;
}
.imageshow .animationContainer {
  margin-top:                     0;
  margin-right:                   24px;
  margin-bottom:                  0;
  margin-left:                    24px;
  padding-top:                    8px;
  padding-right:                  0;
  padding-bottom:                 8px;
  padding-left:                   0;
}
.flat .imageshow .animationContainer {
  margin-top:                     0;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
  border:                         none;
  padding-top:                    0;
  padding-right:                  0;
  padding-bottom:                 0;
  padding-left:                   0;
  background-color:               transparent;
}
.flat .imageshow:hover .animationNavigationPrev {
  visibility:                     visible;
}
.flat .imageshow:hover .animationNavigationNext {
  visibility:                     visible;
}
.slider .animationContainer {
  padding-top:                    8px;
}
.slider .animationNavigation {
  margin-top:                     0;
  margin-right:                   4px;
  margin-bottom:                  0;
  margin-left:                    4px;
}
.slider .animationContentItem {
  padding-left:                   4px;
}
.slider .animationContentItemCover.biblioCover {
  float:                          left;
  padding-top:                    0;
  padding-right:                  8px;
  padding-bottom:                 8px;
  padding-left:                   0;
}
.main .slider .animationContentItemArticle {
  width:                          580px;
  font-size:                      12px;
}
.slider .animationContentItemArticle .biblioPrice {
  padding-top:                    0;
  padding-right:                  0;
  padding-bottom:                 8px;
  padding-left:                   0;
}
.slider .animationContentItemArticle.discountPriceItemEUR .biblioPrice,
.slider .animationContentItemArticle.discountPriceItem .biblioPrice {
  height:                         50px;
  padding-bottom:                 0;
}
.slider .animationContentItemArticle .priceDescription {
  left:                           8px;
}
.slider .animationContentItemArticle .sectionAction {
  padding-top:                    0;
  padding-right:                  0;
  padding-bottom:                 8px;
  padding-left:                   0;
}
.slider .downloadtip,
.slider .downloadIcon {
  margin-top:                     -2px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -5px;
}
.slider .selected .clipIcon img {
  display:                        inline;
}
.carousel .animationWrapSlide {
  height:                         300px;
}
.carousel .animationTextstage {
  min-height:                     230px;
  margin-top:                     8px;
  border-top:                     none;
  padding-top:                    4px;
  padding-right:                  0;
  padding-bottom:                 4px;
  padding-left:                   0;
  left:                           200px;
  position:                       absolute;
  top:                            240px;
  width:                          285px;
}
.carousel .animationContentItemCover {
  visibility:                     hidden;
}
.carousel .animationContentItemArticleText {
  overflow:                       hidden;
  max-height:                     none;
  line-height:                    16px;
  padding-top:                    8px;
  padding-right:                  0;
  padding-bottom:                 4px;
  padding-left:                   0;
}
.carousel .animationNavigation {
  height:                         30px;
  width:                          480px;
  margin-top:                     0;
  margin-right:                   auto;
  margin-bottom:                  0;
  margin-left:                    auto;
  padding-top:                    10px;
  padding-right:                  10px;
  padding-bottom:                 0;
  padding-left:                   10px;
  background-image:               none;
  position:                       absolute;
  top:                            200px;
}
.carousel .animationNavigationSlider {
  position:                       relative;
  height:                         32px;
  margin-top:                     -5px;
  margin-right:                   33px;
  margin-bottom:                  0;
  margin-left:                    33px;
}
.carousel .animationNavigationSliderKnob {
  position:                       absolute;
  top:                            8px;
  height:                         16px;
  width:                          16px;
  cursor:                         pointer;
}
.carousel .animationContentItemArticle {
  position:                       relative;
  display:                        none;
}
.carousel .animationContentItemArticle .sectionPrice {
  position:                       absolute;
  bottom:                         30px;
  right:                          5px;
}
.carousel .priceDescription {
  right:                          200px;
}
.carousel .approxPriceItem .priceDescription {
  right:                          130px;
  padding-top:                    0;
  white-space:                    nowrap;
}
.carousel .animationContentItemArticle .sectionAction {
  position:                       absolute;
  bottom:                         0;
  right:                          5px;
}
.left.wide .animation {
  margin-top:                     30px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
}
.historyCarousel {
  min-height:                     500px;
}
.employeeCarousel .animation,
.historyCarousel .animation {
  border:                         none;
}
.carousel .animationContentItemArticleTitle {
  font-size:                      16px;
  font-weight:                    bold;
}
.employeeCarousel {
  min-height:                     550px;
}
.employeeCarousel .carousel .animationTextstage {
  top:                            270px;
}
.carousel p + .animationTextstage {
  top:                            450px;
}
.employeeCarousel .carousel p + .animationTextstage {
  top:                            435px;
}
.employeeCarousel .carousel .animationNavigation {
  top:                            230px;
}
.carousel p + .animationTextstage + .animationNavigation {
  top:                            400px;
}
.left.wide .imageshow {
  width:                          455px;
  margin-left:                    10px;
}
.ext-ie8 .animationContentItem {
  width:                          95px !important;
}
.carousel .animationContentItemArticleActions {
  height:                         22px;
}
.animationNavigationPrev.animationNavigationDisabled:hover,
.animationNavigationNext.animationNavigationDisabled:hover {
  background-position:            0 0;
}
.animationNavigationPrev:hover,
.animationNavigationNext:hover,
.carousel .animationNavigation:hover,
.carousel .animaitonNavigationSlider:hover,
.carousel .animationNavigationSliderKnob:hover {
  background-position:            0 100%;
}
.flat .imageshow .animationNavigationPrev,
.flat .imageshow .animationNavigationNext,
.carousel .animationContentItemCover img {
  visibility:                     hidden;
}
.slider .animationContentItemArticle.dynamicDiscountPriceItem .biblioPrice,
.slider .animationContentItemArticle.reductionPriceItem .biblioPrice {
  height:                         50px;
  padding-bottom:                 0;
}
.carousel .animationNavigationSlider {
  height:                         32px;
  margin:                         -5px 33px 0;
  position:                       relative;
}
.carousel .animationNavigationSliderKnob {
  position:                       absolute;
  top:                            8px;
  height:                         16px;
  width:                          6px;
  cursor:                         pointer;
}
.animationNavigationIndex {
  background-color:               #eeeeee;
  border-right:                   1px solid #d7d7d7;
  border-bottom:                  1px solid #d7d7d7;
  border-left:                    1px solid #d7d7d7;
}
.animationNavigationIndexItem {
  background-color:               #eeeeee;
  border-color:                   #d7d7d7;
}
.animationContainer {
  border-color:                   #d7d7d7;
}
.carousel .animationNavigationSlider {
  background-image:               url(images/carouselSliderBar.png);
}
.carousel .animationNavigationSliderKnob {
  background-image:               url(images/carouselSliderKnob.png);
}
.animationConfig,
.animationOverlay,
.imageshow .animationContentBiblioItem,
.flat .imageshow .animationHeading,
.slider .clipIcon img,
.animationHeading span,
.historyCarousel .animationHeading,
.ext-ie8 .carousel .animationHeading {
  display:                        none;
}
.carousel .animationContentItemArticle.display,
.ext-ie8 .employeeCarousel .animationHeading {
  display:                        block;
}
.animationContentItemCover .cover img {
  border-width:                   1px;
  border-style:                   solid;
}
.slider .animationNavigationPrev,
.slider .animationNavigationNext {
  margin-top:                     4px;
}
.carousel .discountPriceItem .biblioPrice,
.carousel .discountPriceItemEUR .biblioPrice,
.carousel .dynamicDiscountPriceItem .biblioPrice,
.carousel .reductionPriceItem .biblioPrice {
  padding-top:                    0;
}
.carousel .animationContentItemArticleSubtitle {
  font-size:                      10px;
}

/* ------------------------------ quick and long tip */
#quicktip {
  width:                          172px;
}
.quicktipContentTitle,
.longQuicktipContentTitle {
  padding-top:                    8px;
  padding-right:                  8px;
  padding-bottom:                 4px;
  padding-left:                   8px;
  background-repeat:              no-repeat;
  font-weight:                    bold;
}
.quicktipContentText,
.longQuicktipContentText {
  overflow:                       hidden;
  max-height:                     188px;
  padding-top:                    4px;
  padding-right:                  8px;
  padding-bottom:                 8px;
  padding-left:                   8px;
  background-position:            100% 100%;
  background-repeat:              no-repeat;
  line-height:                    15px;
}
.quicktipContentText p,
.longQuicktipContentText p {
  padding-bottom:                 2px;
}
#longQuicktip {
  width:                          172px;
  display:                        none;
  position:                       absolute;
  z-index:                        2;
}
.quicktipContentSubTitle {
  background-repeat:              no-repeat;
  padding-top:                    4px;
  padding-right:                  8px;
  padding-bottom:                 8px;
  padding-left:                   8px;
  background-position:            50% 50%;
  line-height:                    15px;
}
.quicktipContentText p:first-child,
.longQuicktipContentText p:first-child {
  border-top:                     0;
}
.longQuicktipContentText p {
  border-top:                     1px dotted #d7d7d7;
}
.quicktipContentText p {
  border-top:                     1px dotted #d7d7d7;
}

/* ------------------------------ download tip */
.downloadtip {
  position:                       absolute;
  cursor:                         help;
}

/* ------------------------------ tabs */
.otherTabs {
  border-top-width:               1px;
  border-top-style:               dotted;
}
.otherTabs:first-child {
  border-top:                     0;
}
.tabs {
  margin-top:                     15px;
  height:                         auto;
  list-style:                     none;
  border-bottom:                  none;
  padding-left:                   0;
  letter-spacing:                 -4px;
  word-spacing:                   1px;
}
.tabs li,
.tabs span {
  display:                        inline-block;
  letter-spacing:                 normal;
  word-spacing:                   normal;
}
.tabs li a,
.tabs span {
  padding:                        2px 8px 2px 8px;
  color:                          #ffffff;
  cursor:                         pointer;
  font-weight:                    bold;
  line-height:                    inherit;
}
.tabs li a {
  display:                        block;
  outline:                        0;
}
.tabs li a:hover,
.tabs span:hover {
  color:                          #ffffff;
  background-color:               #333333;
  text-decoration:                none;
}
.tabs li.activeTab a,
.tabs span.on {
  padding:                        2px 8px 2px 8px;
  color:                          inherit;
}

/* ------------------------------ calendar */
.calendarMenu {
  padding-bottom:                 4px;
  font-weight:                    bold;
  text-align:                     center;
  padding-top:                    4px;
  border-top-width:               1px;
  border-top-style:               solid;
  border-left-width:              1px;
  border-left-style:              solid;
  border-right-width:             1px;
  border-right-style:             solid;
}
.calendarMenu > p {
  display:                        inline-block;
  padding-top:                    0;
  padding-right:                  2px;
  padding-bottom:                 0;
  padding-left:                   2px;
}
.calendarMenu a,
.right .calendarMenu a,
.left .calendarMenu a {
  display:                        block;
  width:                          24px;
  border-width:                   1px;
  border-style:                   solid;
  border-radius:                  2px;
  -moz-border-radius:             2px;
  -webkit-border-radius:          2px;
}
.calendarMenu a:hover {
  text-decoration:                none;
}
.calendarDays {
  border-width:                   1px;
  border-style:                   solid;
}
.calendarDays th {
  padding-top:                    1px;
  padding-right:                  1px;
  padding-bottom:                 1px;
  padding-left:                   1px;
  font-weight:                    normal;
}
.calendarDays td {
  padding-top:                    1px;
  padding-right:                  1px;
  padding-bottom:                 1px;
  padding-left:                   1px;
  text-align:                     center;
  border:                         none;
}
.calendarDaysEvent a {
  display:                        block;
  outline:                        0;
  border-width:                   1px;
  border-style:                   solid;
  border-radius:                  2px;
  -moz-border-radius:             2px;
  -webkit-border-radius:          2px;
  font-weight:                    bold;
}
.calendarDaysToday {
  border-radius:                  2px;
  -moz-border-radius:             2px;
  -webkit-border-radius:          2px;
  font-weight:                    bold;
}
.calendarSelection {
  display:                        none;
  position:                       absolute;
  z-index:                        10;
  min-width:                      160px;
  max-width:                      400px;
  margin-top:                     2px;
  margin-right:                   2px;
  margin-bottom:                  2px;
  margin-left:                    2px;
  border-width:                   1px;
  border-style:                   solid;
  border-radius:                  2px;
  -moz-border-radius:             2px;
  -webkit-border-radius:          2px;
  padding-top:                    2px;
  padding-right:                  0;
  padding-bottom:                 2px;
  padding-left:                   0;
  font-size:                      11px;
  text-align:                     left;
}
.calendarSelection a {
  display:                        block;
  padding-top:                    4px;
  padding-right:                  8px;
  padding-bottom:                 4px;
  padding-left:                   8px;
  text-decoration:                none;
}
.ext-chrome .calendarSelection a {
  min-width:                      250px;
}
.eventCalendar > p {
  margin-bottom:                  5px;
}
.calendarMenu > p {
  display:                        inline-block;
  padding-top:                    0;
  padding-right:                  0;
  padding-bottom:                 0;
  padding-left:                   0;
}
.calendarDaysEvent a {
  border-color:                   #977537;
  background-color:               #eae3d7;
}
.calendarMenu a:hover {
  border-color:                   #977537;
  background-color:               #eae3d7;
}
.calendarDays {
  border-color:                   #977537;
}
.calendarDays th {
  color:                          #ffffff;
  background-color:               #977537;
}
.calendarDaysToday {
  background-color:               #e9cdd2;
}
.calendarSelection {
  -webkit-box-shadow:             2px 2px 4px 0 #333333;
     -moz-box-shadow:             2px 2px 4px 0 #333333;
      -ms-box-shadow:             2px 2px 4px 0 #333333;
          box-shadow:             2px 2px 4px 0 #333333;
  background-color:               #eeeeee;
  border-color:                   #999999;
}
.calendarSelection a:hover {
  background-color:               #eae3d7;
}
.calendarDaysLast,
.calendarDaysNext {
  color:                          #999999;
}

/* ------------------------------ imageshow tip item */
#imageshowtip {
  display:                        none;
  position:                       absolute;
  z-index:                        1;
  overflow:                       hidden;
  height:                         176px;
  width:                          266px;
  padding:                        3px 12px 12px 15px;
}
.imageshowtipItem {
  position:                       relative;
  color:                          #ffffff;
}
.imageshowtipItem .priceDiscounted *,
.imageshowtipItem a {
  color:                          #ffffff;
}
.imageshowtipItem h4,
.imageshowtipItem h5,
.imageshowtipItem h6,
.imageshowtipItem p {
  width:                          260px;
  overflow:                       hidden;
  line-height:                    13px;
  font-size:                      10px;
  white-space:                    nowrap;
  text-overflow:                  ellipsis;
}
.imageshowtipItem .sectionData {
  position:                       absolute;
  top:                            45px;
}
.imageshowtipItem .sectionData p {
  position:                       absolute;
}
.imageshowtipItem .biblioProduct {
  top:                            2px;
}
.imageshowtipItem .biblioPublisher {
  top:                            40px;
  font-weight:                    normal;
}
.imageshowtipItem .biblioTitle {
  font-family:                    georgia, serif;
  font-size:                      13px;
  line-height:                    18px;
}
.imageshowtipItem .biblioSubTitle {
  font-family:                    georgia, serif;
  font-size:                      11px;
}
.imageshowtipItem .biblioText {
  top:                            60px;
  height:                         65px;
  line-height:                    13px;
  white-space:                    normal !important;
}
.imageshowtipItem .biblioPrice {
  position:                       absolute;
  top:                            67px;
}
.imageshowtipItem .biblioPrice span {
  display:                        inline-block;
}
.imageshowtipItem .priceDiscountType .currency {
  display:                        none;
}
.imageshowtipItem .biblioAvailability {
  max-width:                      180px;
}
.imageshowtipItem .biblioAvailability img {
  width:                          7px;
}
.imageshowtipItem .sectionAction,
.imageshowtipItem .biblioPrice .description,
.imageshowtipItem .priceRetail,
.imageshowtipItem .priceDiscounted,
.imageshowtipItem .additionalPrices,
.imageshowtipItem .priceDescription,
.imageshowtipItem .biblioLink,
.imageshowtipItem .animationContentItemArticleActions,
.imageshowtipItem .animationContentItemArticleLink,
.imageshowtipItem .animationContentItemArticleText a,
.imageshowtipItem .biblioIsbn,
.imageshowtipItem .biblioAvailability,
.imageshowtipItem .biblioLink,
.imageshowtipItem .priceDiscountType + .priceDiscounted + .priceCurrent {
  display:                        none;
}
.imageshowtipItem .priceDiscountType + .priceDiscounted {
  display:                        inline-block !important;
}

/* ------------------------------ payoff */
.payoff > div {
  float:                          left;
  height:                         100%;
  min-height:                     30px;
  overflow:                       hidden;
}
.payoff p {
  padding-top:                    0px;
  padding-right:                  10px;
  padding-bottom:                 0;
  padding-left:                   10px;
}
.payoff a {
  font-weight:                    normal !important;
  text-decoration:                none;
}
.payoff a:hover {
  color:                          #ffffff !important;
}
.payoff .dash {
  padding-top:                    3px;
  font-size:                      28px;
}
.payoff1 {
  width:                          475px;
  font-size:                      28px;
}
.payoff2 {
  width:                          130px;
  font-size:                      20px;
}
.payoff3 {
  width:                          130px;
  font-size:                      20px;
}
.payoff4 {
  width:                          215px;
}
.start .payoff1 {
  height:                         240px;
}
.portal .payoff1,
.portal .payoff2 a,
.portal .payoff1 .dash,
.verlag .payoff2,
.verlag .payoff2 a,
.verlag .payoff2 .dash,
.buchshop .payoff3,
.buchshop .payoff3 a,
.buchshop .payoff3 .dash {
  color:                          #eae3d7;
}
.verlag .payoff1,
.verlag .payoff1 a,
.verlag .payoff1 .dash,
.buchshop .payoff2,
.buchshop .payoff2 a,
.buchshop .payoff2 .dash,
.portal .payoff2,
.portal .payoff2 a,
.portal .payoff2 .dash{
  color:                          #dcd7d7;
}
.portal .payoff3,
.portal .payoff3 a,
.portal .payoff3 .dash,
.buchshop .payoff1,
.buchshop .payoff1 a,
.buchshop .payoff1 .dash,
.verlag .payoff3,
.verlag .payoff3 a,
.verlag .payoff3 .dash {
  color:                          #dbe4eb;
}

/* ------------------------------ navigation */
.otherNavigation:before {
  content:                        "\2014\2014";
  line-height:                    100%;
  font-size:                      13px;
}
.otherNavigation {
  border-bottom:                  none;
  margin-top:                     30px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
  line-height:                    150%;
}
.left .otherNavigation .opened ul {
  padding-top:                    2px;
}
.left .otherNavigation .opened ul li a {
  border-top:                     none;
  font-size:                      11px;
  font-weight:                    normal;
  padding-top:                    2px;
  padding-right:                  2px;
  padding-bottom:                 4px;
  padding-left:                   20px;
}
.main.about .otherNavigation {
  width:                          195px;
  position:                       relative;
  top:                            42px;
}
.main .navItems a {
  display:                        inline-block;
  padding-top:                    0;
  padding-bottom:                 0;
}
.main.about .navItems a:hover {
  text-decoration:                underline;
}
.right .navItems a {
  border-top:                     none;
  margin-top:                     0;
  margin-right:                   0;
  margin-bottom:                  2px;
  margin-left:                    0;
  padding-top:                    5px;
  padding-right:                  2px;
  padding-bottom:                 5px;
  padding-left:                   20px;
}
.left .navItems a:hover {
  text-decoration:                underline;
  background-color:               transparent;
}
.left .navItems a {
  font-size:                      13px;
  font-weight:                    bold;
  padding-top:                    2px;
  padding-right:                  2px;
  padding-bottom:                 2px;
  padding-left:                   20px;
  border-top-width:               1px;
  border-top-style:               dotted;
}
.left .navItems .active ul {
  border-top-width:               1px;
  border-top-style:               dotted;
}
.left .navItems li:first-child a {
  border-top:                     0 none;
}
.navItems a > img {
  margin-left:                    10px;
}
.left .navItems .closed > img {
  clip:                           rect(10px, 4px, 15px, 0);
  margin-top:                     -5px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    10px;
}
.left .navItems a:hover > img {
  clip:                           rect(10px, 4px, 15px, 0);
  margin-top:                     -5px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -10px;
}
.left .navItems a > img {
  clip:                           rect(10px, 4px, 15px, 0);
  margin-top:                     -5px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -10px;
}
.left .navItems .opened.active > img {
  clip:                           rect(9px, 25px, 15px, 4px);
  margin-top:                     -4px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    6px;
}
.main .otherNavigation {
  padding-bottom:                 10px;
}
.main .navItems .closed > img {
  clip:                           rect(18px, 10px, 27px, 0);
  margin-top:                     -14px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -15px;
}
.main .navItems a:hover > img {
  clip:                           rect(27px, 10px, 36px, 0);
  margin-top:                     -23px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -15px;
}
.left .navItems .closed:hover img {
  clip:                           rect(15px, 4px, 20px, 0);
  margin-top:                     -10px;
}
.otherHistory  .link {
  display:                        block;
}
.otherHistory  .link:before {
  content:                        '';
}
.otherHistory a {
  display:                        block;
  font-size:                      13px;
  padding-top:                    2px;
  padding-right:                  2px;
  padding-bottom:                 2px;
  padding-left:                   20px;
}
.otherHistory span {
  border-top-width:               1px;
  border-top-style:               dotted;
}

/* ------------------------------ sections */
/* unused ??? */
.section.sectionTitle {
  min-height:                     0;
}
.section.sectionText a {
  display:                        block;
  line-height:                    100%;
  padding-top:                    5px;
  padding-right:                  2px;
  padding-bottom:                 2px;
  padding-left:                   13px;
}
.section.sectionText a .clip9 {
  left:                           0;
}

/* ------------------------------ login form */
.customerLogin > div:not(:empty) {
  margin-bottom:                  8px;
}
.customerLogin .key {
  display:                        block;
  min-height:                     0;
  width:                          auto;
  font-weight:                    bold;
}
.customerLogin .key + .value {
  display:                        block;
  width:                          auto;
}
.customerLogin .autoLogin {
  margin:                         4px 0 8px 0;
}
.customerLogin .autoLogin .key {
  padding-left:                   20px;
  font-weight:                    normal;
}
.customerLogin .autoLogin .value {
  margin-top:                     -16px;
}
.customerLogin .link {
  display:                        block;
}
.customerLogin .button {
  margin-top:                     16px;
}

/* ------------------------------ lost password form */
.customerLostPassword > div:not(:empty) {
  margin-bottom:                  8px;
}
.customerLostPassword form > div div {
  margin-top:                     8px;
}
.customerLostPassword .key {
  display:                        block;
  min-height:                     0;
  font-weight:                    bold;
}
.customerLostPassword .key + .value {
  display:                        block;
  width:                          auto;
}
.customerLostPassword .button {
  margin-top:                     8px;
}

/* ------------------------------ register form */
.customerRegister {
  border-bottom:                  0;
}
.customerRegister form div > h2,
.customerRegister form div > div {
  margin-top:                     8px;
}
.customerRegister form div > div:first-of-type {
  word-spacing:                   normal;
}
/* unused ??? */
#registerloginFormEmail {
  width:                          233px;
}

/* ------------------------------ address selection (account) */
.customerAddressSelection.customer form > div {
  padding:                        0;
  background-color:               transparent;
}
.customerAddressSelection tr {
  border-top-style:               dotted;
  border-top-width:               1px;
}
.customerAddressSelection .clipIcon img {
  margin-top:                     -32px;
  clip:                           rect(32px 16px 48px 0);
}
.customerAddressSelection .clipIcon:hover img {
  margin-top:                     -48px;
  clip:                           rect(48px 16px 64px 0);
}

/* ------------------------------ address add/edit (account) */
.customerAddressAdd form > div div,
.customerAddressEdit form > div div {
  margin-top:                     4px;
}
.customerAddressAdd form > div div:first-of-type,
.customerAddressEdit form > div div:first-of-type {
  margin-top:                     16px;
}

/* ------------------------------ print plus (account) */
.customerPrintPlus form > div div {
  margin-top:                     16px;
}
.customerPrintPlus .readonly {
  margin-top:                     16px;
  padding:                        8px;
}
.customerPrintPlus .readonly div:first-child {
  margin-top:                     16px;
}
.customerPrintPlus .readonly .actions {
  text-align:                     right;
}
.customerPrintPlus .readonly .actions .link {
  float:                          left;
  margin-top:                     12px;
}
.customerPrintPlus .readonly .actions .button {
  margin:                         8px 0 2px 8px;
}
.customerPrintPlus .downloadList {
  border-top:                     0;
  padding:                        8px;
}
.customerPrintPlus .downloadItem div {
  word-spacing:                   normal;
}
.customerPrintPlus .downloadItem .sectionDesc {
  width:                          404px;
}
.customerPrintPlus .downloadItem .biblioProductType {
  margin-left:                    4px;
}

/* ------------------------------ properties (account) */
.customerProperties .key {
  font-weight:                    bold;
}
.customerProperties .button {
  position:                       absolute;
  top:                            100px;
  right:                          16px;
  min-height:                     16px;
}
.customerProperties .button a {
  min-height:                     16px;
  line-height:                    16px;
  background-image:               url(images/edit.png);
}
.customerProperties .button a:hover {
  background-position:            0 16px;
}
.customerPropertiesEdit form > div div {
  margin-top:                     4px;
}
.customerPropertiesEdit form > div div:first-of-type {
  margin-top:                     16px;
}

/* ------------------------------ conditions (account) */
.customerPayment dl {
  padding-top:                    24px;
}
.customerPayment dt {
  width:                          152px;
}
.customerPayment .clipIcon {
  height:                         16px;
  width:                          16px;
}
.customerPayment span .clipIcon img {
  top:                            60px;
  margin-top:                     -32px;
  clip:                           rect(32px, 16px, 48px, 0);
}
.customerPayment span .clipIcon img:hover {
  margin-top:                     -48px;
  clip:                           rect(48px, 16px, 64px, 0);
}
.customerPaymentMethodEdit form > div div {
  margin-top:                     4px;
}
.customerPaymentMethodEdit form > div div:first-of-type {
  margin-top:                     16px;
}

/* ------------------------------ credit cards (account) */
.customerCreditCard dl {
  margin-top:                     0;
  border-top:                     0;
}
.customerCreditCard span .clipIcon img {
  top:                            8px;
  margin-top:                     -32px;
  clip:                           rect(32px, 16px, 48px, 0);
}
.customerCreditCard span .clipIcon img:hover {
  margin-top:                     -48px;
  clip:                           rect(48px, 16px, 64px, 0);
}

/* ------------------------------ notepads (account) */
.customerNotepads {
  border-bottom:                  0;
}
.customerNotepads .tableColumnTitle {
  max-width:                      400px;
  overflow:                       hidden;
}
.customerNotepads .tableColumnTitle .link:before {
  content:                        "";
}
.customerNotepads .tableColumnTitle a {
  padding:                        0;
  font-size:                      13px;
}
.customerNotepads .tableColumnTitle small {
  display:                        block;
  font-size:                      11px;
}
.customerNotepads table tr:nth-child(2n),
.customerNotepads tbody tr:nth-child(4n-1),
.customerNotepads tbody tr:nth-child(4n) {
  background-color:               transparent;
}
.customerNotepads thead,
.customerNotepads .tableColumnDesc {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.customerNotepads .tableColumnDesc .link {
  max-width:                      500px;
  word-wrap:                      break-word;
}
.customerNotepads .tableColumnDesc .button {
  display:                        none;
}
.customerNotepads .clipIcon {
  height:                         16px;
  min-width:                      16px;
}
.customerNotepads .clipIcon img {
  margin-top:                     -32px;
  clip:                           rect(32px, 16px, 48px, 0);
}
.customerNotepads .clipIcon img:hover {
  margin-top:                     -48px;
  clip:                           rect(48px, 16px, 64px, 0);
}
.customerNotepads .clipIcon16 {
  margin-left:                    4px;
  padding-right:                  16px;
}

/* ------------------------------ orders (account) */
.customerOrderSearch {
  border-bottom:                  0;
}
.customerOrderSearch form > div div {
  margin-top:                     4px;
}
.customerOrderSearch .onChangeToBetween select {
  width:                          101px;
}
.customerOrderSearch .onChangeToBetween input[type=text] {
  width:                          210px;
}
.customerOrderSearch .onChangeToBetween input[type=text] + input[type=text] {
  margin-left:                    2px;
  width:                          100px;
}
.customerOrderList th,
.customerOrderList td {
  overflow:                       hidden;
  text-overflow:                  ellipsis;
}
.customerOrderList .tableColumnId {
  max-width:                      80px;
}
.customerOrderList .tableColumnReference {
  max-width:                      70px;
}
.customerOrderList .tableColumnDate {
  max-width:                      70px;
}
.customerOrderList .tableColumnAmount {
  max-width:                      30px;
  text-align:                     center;
}
.customerOrderList .tableColumnStatus {
  max-width:                      70px;
}
.customerOrderList .tableColumnActions {
  max-width:                      20px;
  text-align:                     right;
}
.customerOrderDetail {
  margin-bottom:                  16px;
}
.customerOrderDetail + .actions .button {
  margin:                         0 8px 8px 0;
  vertical-align:                 top;
}
.customerOrderDetail + .actions .button span:empty {
  display:                        none;
}

/* ------------------------------ invoices (account) */
.customerInvoiceSearch {
  border-bottom:                  0;
}
.customerInvoiceSearch form > div div {
  margin-top:                     4px;
}
.customerInvoiceSearch .onChangeToBetween select {
  width:                          101px;
}
.customerInvoiceSearch .onChangeToBetween input[type=text] {
  width:                          210px;
}
.customerInvoiceSearch .onChangeToBetween input[type=text] + input[type=text] {
  margin-left:                    2px;
  width:                          100px;
}

/* ------------------------------ notifications (account) */
.customerNotification.customer {
  border-bottom:                  0;
}
.customerNotification.customer form > div {
  padding:                        0;
  background-color:               transparent;
}
.customerNotification table {
  margin-bottom:                 12px;
}
.customerNotification thead,
.customerNotification tbody {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.customerNotification .tableColumnDesc {
  width:                          240px;
}
.customerNotification .clipIcon {
  height:                         16px;
  margin-top:                     2px;
}
.customerNotification .clipIcon img {
  margin-top:                     -32px;
  clip:                           rect(32px, 16px, 48px, 0);
}
.customerNotification .clipIcon:hover img {
  margin-top:                     -48px;
  clip:                           rect(48px, 16px, 64px, 0);
}

/* ------------------------------ biblio detail */
/* print icon */
.biblioDetail .actions {
  padding-top:                    8px;
  text-align:                     right;
}
/* heading */
.biblioDetail .biblioTitle {
  padding:                        8px 0 2px 0;
  font-size:                      18px;
}
.biblioDetail .biblioSubTitle {
  padding:                        4px 0 2px 0;
  font-family:                    georgia, serif;
  font-size:                      13px;
}
/* overview */
.biblioDetail .overview {
  display:                        table;
  width:                          100%;
  table-layout:                   fixed;
  margin:                         16px 0 16px 0;
  border-top-style:               dotted;
  border-top-width:               1px;
  padding-top:                    16px;
  line-height:                    18px;
}
.biblioDetail .overview .section {
  display:                        table-cell;
  vertical-align:                 top;
}
.biblioDetail .overview .section:first-child {
  width:                          140px;
  padding-right:                  20px;
}
.biblioDetail .overview .section:last-child {
  padding-top:                    12px;
}
.biblioDetail .overview .value {
  display:                        block;
  padding-top:                    0;
  overflow:                       hidden;
  white-space:                    nowrap;
  text-overflow:                  ellipsis;
}
.biblioDetail .overview .value .link a {
  white-space:                    normal;
}
.biblioDetail .overview .biblioOverlay {
  position:                       relative;
  height:                         16px;
  line-height:                    16px;
  margin-right:                   8px;
  text-align:                     right;
}
.biblioDetail .overview .biblioOverlay span,
.biblioDetail .overview .biblioOverlay a {
}
.biblioDetail .overview .biblioOverlay img {
  position:                       absolute;
  top:                            0;
  right:                          -16px;
}
.biblioDetail .overview .biblioCover {
  position:                       relative;
}
.biblioDetail .overview .biblioCover .downloadtip,
.biblioDetail .overview .biblioCover .downloadIcon {
  position:                       absolute;
  right:                          0;
  bottom:                         30px;
}
.biblioDetail .overview .biblioCover .cover {
  height:                         auto !important;
  width:                          100%;
  max-width:                      100%;
  min-width:                      100%;
}
.biblioDetail .overview .biblioAuthorLink li {
  display:                        inline-block;
  margin-right:                   4px;
}
.biblioDetail .overview .biblioEditors {
  margin-bottom:                  16px;
}
.biblioDetail .overview .biblioEditors li a:after {
  content:                        '(Hrsg.)';
  font-weight:                    normal;
}
html[lang='fr-CH'] .biblioDetail .overview .biblioEditors li a:after {
  content:                        '(Editeur)';
}
.biblioDetail .overview .biblioBibliographies .key {
  display:                        none;
}
.biblioDetail .overview .biblioBibliographies li {
  display:                        inline-block;
  margin-right:                   4px;
}
.biblioDetail .overview .biblioPublishingTown,
.biblioDetail .overview .biblioPublishingTown + .biblioPublishingYear {
  display:                        inline-block;
  vertical-align:                 text-bottom;
}
.biblioDetail .overview .biblioPublishingTown:not(:last-child) {
  margin-right:                   -4px;
}
.biblioDetail .overview .biblioPublishingTown .value span:after {
  content:                        ",";
  margin-right:                   4px;
}
.biblioDetail .overview .biblioPublishingTown .value span:empty {
  display:                        none;
}
.biblioDetail .overview .biblioPublishingYear .value span:empty {
  margin-left:                    -8px;
  padding-left:                   4px;
  background-color:               #ffffff;
}
.biblioDetail .overview .biblioProductType {
  margin-left:                    0;
}
.biblioDetail .overview .biblioSubscriptionType,
.biblioDetail .overview .biblioFrequencyCode {
  display:                        inline-block;
  margin-top:                     16px;
  vertical-align:                 text-bottom;
}
.biblioDetail .overview .biblioSubscriptionType:not(:last-child) {
  margin-right:                   -4px;
}
.biblioDetail .overview .biblioSubscriptionType .value span:after {
  content:                        ",";
  margin-right:                   4px;
}
.biblioDetail .overview .biblioSubscriptionType .value span:empty {
  display:                        none;
}
.biblioDetail .overview .biblioFrequencyCode .value span:empty {
  margin-left:                    -8px;
  padding-left:                   4px;
  background-color:               #ffffff;
}
.biblioDetail .overview .biblioPrice.detailPrice {
  display:                        block;
  max-width:                      190px;
  margin:                         16px 0 4px 0;
}
.biblioDetail .overview .biblioPrice.detailPrice .priceCurrent,
.biblioDetail .overview .biblioPrice.detailPrice .priceCurrent .currency,
.biblioDetail .overview .biblioPrice.detailPrice .priceCurrent strong,
.biblioDetail .overview .biblioPrice.detailPrice .additionalPrices span,
.biblioDetail .overview .biblioPrice.detailPrice .additionalPrices strong,
.biblioDetail .overview .biblioPrice.detailPrice.discountPriceItemEUR .additionalPrices .currency,
.biblioDetail .overview .biblioPrice.detailPrice.discountPriceItemEUR .additionalPrices strong {
  font-weight:                    bold;
}
.biblioDetail .overview .biblioPrice.detailPrice .priceRetail {
  left:                           0;
}
.biblioDetail .overview .biblioStoreAvailability .storeLink {
  margin-left:                    4px;
}
.biblioDetail .overview .biblioStoreAvailability .storeLink:not(:last-child):after {
  content:                        ',';
}
.biblioDetail .overview .actions {
  float:                          right;
  position:                       relative;
  z-index:                        10;
  margin-top:                     8px;
  text-align:                     center;
}
.biblioDetail .overview .actions .button a {
  padding:                        0 12px 0 12px;
  line-height:                    36px;
}
.biblioDetail .overview .actions a {
  display:                        block;
}
/* price (used in overview and bibliographies)  */
.biblioDetail .biblioPrice.detailPrice {
  text-align:                     left;
}
.biblioDetail .biblioPrice.detailPrice .priceCurrent,
.biblioDetail .biblioPrice.detailPrice .priceCurrent .currency,
.biblioDetail .biblioPrice.detailPrice .priceCurrent strong,
.biblioDetail .biblioPrice.detailPrice.discountPriceItemEUR .additionalPrices .currency,
.biblioDetail .biblioPrice.detailPrice.discountPriceItemEUR .additionalPrices strong {
  display:                        inline;
}
.biblioDetail .biblioPrice.detailPrice.discountPriceItem .biblioPrice .priceDiscountType, 
.biblioDetail .biblioPrice.detailPrice .priceDiscounted {
  padding-top:                    16px;
}
.biblioDetail .biblioPrice.detailPrice .priceRetail {
  position:                       absolute;
  top:                            0;
  left:                           188px;
}
.biblioDetail .biblioPrice.detailPrice.discountPriceItemEUR .biblioPrice .priceDiscountType {
  position:                       relative;
  top:                            15px;
}
.biblioDetail .biblioPrice.detailPrice .publisherEUR .additionalPrices .description,
.biblioDetail .biblioPrice.detailPrice.discountPriceItem .biblioPrice .priceDiscountType .currency, 
.biblioDetail .biblioPrice.detailPrice.discountPriceItem .biblioPrice .priceDiscountType .description,
.biblioDetail .biblioPrice.detailPrice.discountPriceItemEUR .biblioPrice .priceDiscountType .currency,
.biblioDetail .biblioPrice.detailPrice.discountPriceItemEUR .biblioPrice .priceDiscountType .description,
.biblioDetail .biblioPrice.detailPrice.noApproxPriceItem .priceCurrent span:empty,
.biblioDetail .biblioPrice.detailPrice.approxPriceItem .priceCurrent {
  display:                        none;
}
.biblioDetail .biblioPrice.detailPrice.discountPriceItem .priceCurrent {
  display:                        none !important;
}
.biblioDetail .biblioPrice.detailPrice .publisherEUR .additionalPrices {
  width:                          200px;
  text-align:                     left;
}
.biblioDetail .biblioPrice.detailPrice.discountPriceItemEUR .priceDiscountType strong,
.biblioDetail .biblioPrice.detailPrice.discountPriceItem .priceDiscountType strong {
  color:                          #a0001b;
}
.biblioDetail .biblioPrice.detailPrice .priceEUR .currency:after {
  content:                        " ";
}
/* alternative */
.biblioDetail .alternative {
  margin-top:                     16px;
}
.biblioDetail .alternative .heading:only-child {
  display:                        none;
}
.biblioDetail .alternative .heading h2,
.biblioDetail .alternative .biblioList h2 {
  border-bottom:                  0;
  padding-top:                    16px;
  color:                          #333333;
  font-size:                      14px;
}
.biblioDetail .alternative .biblioList {
  padding:                        0;
}
.biblioDetail .alternative .biblioList .pageTop {
  border:                         0;
}
.biblioDetail .alternative .biblioList .resultItem {
  opacity:                        0.6;
}
.biblioDetail .alternative .biblioList .resultItem:hover,
.biblioDetail .alternative .biblioList .resultItem:focus {
  opacity:                        1;
}
.biblioDetail .alternative .biblioList .resultItem:first-child {
  margin-top:                     0;
  border-top-style:               dotted;
  border-top-width:               1px;
  padding-top:                    20px;
}
.biblioDetail .alternative .groups .heading ~ div {
  border-top-style:               dotted;
  border-top-width:               1px; 
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding:                        8px 8px 8px 0;
} 
.biblioDetail .alternative .groups .heading ~ div:last-child {
  padding:                        8px 0 8px 0;
}
.biblioDetail .alternative .groups .heading + div:not(:last-child),
.biblioDetail .alternative .groups .heading + div + div {
  display:                        table-cell;
  width:                          250px;
  vertical-align:                 top;
}
.biblioDetail .alternative .groups .key {
  display:                        none;
} 
.biblioDetail .alternative .groups .value {
  padding-top:                    0;
}
/* tabs */
.biblioDetail .otherTabs {
  margin:                         28px 0 16px 0;
  border-top:                     0;
}
.biblioDetail .tabs {
  height:                         18px;
  margin-bottom:                  16px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 2px;
}
.biblioDetail .tabs li {
  margin-right:                   1px;
}
.biblioDetail .panel {
  margin-bottom:                  16px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 16px;
  line-height:                    20px;
  font-size:                      13px;
}
.biblioDetail .panel:empty {
  display:                        none;
}
.biblioDetail .panel h2,
.biblioDetail .panel h3 {
  margin:                         20px 0 0 0;
  padding:                        0;
  font-size:                      14px;
}
.biblioDetail .panel .biblioText.crop {
  max-height:                     200px;
  overflow:                       hidden;
}
.biblioDetail .panel .biblioText + .link {
  display:                        none;
}
.biblioDetail .panel .biblioAnnot ol {
  padding-left:                   30px;
}
.biblioDetail .panel .biblioAnnot ol ol,
.biblioDetail .panel .biblioAnnot ul,
.biblioDetail .panel .biblioAnnot ul ul {
  padding-left:                   15px;
}
.biblioDetail .panel .biblioAnnot p:not(:last-child) {
  margin-bottom:                  20px;
}
.biblioDetail .panel .biblioAnnotAuthor ul {
  padding-left:                   0;
}
.biblioDetail .panel .biblioAnnotAuthor h2 {
  display:                        none;
}
.biblioDetail .panel .biblioAnnotAuthor ul h2 {
  display:                        block;
}
.biblioDetail .panel .biblioAnnotAuthor .articlePicture {
  float:                          right;
  max-width:                      calc(100% + 8px);
}
.biblioDetail .panel .biblioAnnotAuthor .articlePicture img {
  display:                        block;
  max-width:                      100%;
  margin:                         8px 0 8px 8px;
}
.biblioDetail .panel .biblioAnnotAuthor .articlePicture:empty,
.biblioDetail .panel .biblioAnnotAuthor .articleSubTitle:empty,
.biblioDetail .panel .biblioAnnotAuthor .articleText:empty {
  display:                        none;
}
.biblioDetail .panel .biblioAnnot > ul + div {
  display:                        none;
}
/* media files */
.biblioDetail .media {
  margin-top:                     24px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 8px;
}
.biblioDetail .media h2 {
  margin-bottom:                  8px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 16px;
  color:                          #333333;
  font-family:                    georgia, serif;
  font-size:                      14px;
}
/* suggestions (as animation) */
.biblioDetail .suggestions .animation {
  margin-top:                     24px;
}
.biblioDetail .suggestions .animation:before {
  display:                        none;
}
.biblioDetail .suggestions h2 {
  color:                          #333333;
  font-size:                      14px;
}
/* suggestions (as biblio list) */
.biblioDetail .suggestions .resultItem .biblioAuthor {
  color:                          #333333;
}
.biblioDetail .suggestions .resultItem .biblioTitle {
  padding:                        0;
}
.biblioDetail .suggestions .resultItem .biblioSubTitle {
  padding:                        0;
  color:                          #333333;
  font-family:                    verdana, sans-serif;
  font-size:                      11px;
}
/* bibliographies */
.biblioDetail .bibliographies {
  margin-top:                     24px;
  line-height:                    18px;
}
.biblioDetail .bibliographies .heading h2 {
  color:                          #333333;
  font-size:                      14px;
}
.biblioDetail .bibliographies > div {
  margin:                         4px 0 4px 0;
  padding:                        0;
  color:                          #333333;
  font-family:                    verdana, sans-serif;
  font-size:                      11px;
  font-weight:                    normal;
  text-align:                     left;
}
.biblioDetail .bibliographies .key {
  min-height:                     18px;
  padding-top:                    0;
  font-weight:                    bold;
}
.biblioDetail .bibliographies .value {
  padding-top:                    0;
}
.biblioDetail .bibliographies .key + :last-child {
  display:                        inline-block;
  width:                          312px;
}
.biblioDetail .bibliographies .biblioTitle .value {
  font-weight:                    bold;
}
.biblioDetail .bibliographies .biblioAuthorLink ul,
.biblioDetail .bibliographies .biblioBibliographies .value {
  display:                        inline-block;
  width:                          312px;
  margin-left:                    -4px;
}
.biblioDetail .bibliographies .biblioProductType {
  margin-left:                    0;
}
.biblioDetail .bibliographies .biblioPublishing .key:last-child {
  display:                        none;
}
.biblioDetail .bibliographies .biblioPublishing > div {
  display:                        inline-block;
  margin:                         0;
  line-height:                    100%;
  vertical-align:                 text-bottom;
}
.biblioDetail .bibliographies .biblioPublishing .key + div {
  margin-left:                    -4px;
}
.biblioDetail .bibliographies .biblioPublishing > div .value {
  width:                          auto;
}
.biblioDetail .bibliographies .biblioPublishing > div:not(:last-child) .value span:after {
  content:                        ", ";
}
.biblioDetail .bibliographies .biblioMaker {
  margin-top:                     16px;
}
/* other format item */
.otherFormatItem {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding:                        8px 0 8px 0;
  opacity:                        0.6;
}
.otherFormatItem:first-child {
  border-top-style:               dotted;
  border-top-width:               1px;
}
.biblioList + .biblioList .otherFormatItem:first-child {
  border-top:                     0;
}
.otherFormatItem:hover,
.otherFormatItem:focus {
  opacity:                        1;
}
.otherFormatItem [class*='section'] {
  display:                        inline-block;
  height:                         40px;
  margin-right:                   16px;
  vertical-align:                 top;
}
.otherFormatItem .sectionCover {
  width:                          24px;
  font-size:                      0;
}
.otherFormatItem .sectionCover a {
  position:                       relative;
  display:                        block;
  line-height:                    40px;
}
.otherFormatItem .sectionCover .downloadtip,
.otherFormatItem .sectionCover .downloadIcon {
  width:                          20px;
  right:                          0;
  bottom:                         10px;
}
.otherFormatItem .sectionCover .cover {
  height:                         auto !important;
  max-height:                     100%;
  width:                          auto !important;
  max-width:                      100%;
  vertical-align:                 middle;
}
.otherFormatItem .sectionDesc {
  width:                          316px;
}
.otherFormatItem .sectionDesc a {
  color:                          #333333;
  font-weight:                    normal;
  text-decoration:                none;
}
.otherFormatItem .sectionDesc a > span {
  display:                        block;
}
.otherFormatItem .sectionDesc .value {
  padding-top:                    0;
}
.otherFormatItem .sectionDesc .biblioProductType {
  margin-left:                    0;
}
.otherFormatItem .sectionDesc .biblioProduct + .biblioPublishingYear:before {
  content:                        ', ';
  margin-left:                    -4px;
}
.otherFormatItem .sectionDesc .biblioPrice {
  display:                        inline-block;
  text-align:                     left;
}
.otherFormatItem .sectionDesc .biblioPrice + .biblioAvailability:before {
  content:                        ', ';
  margin-left:                    -4px;
}
.otherFormatItem .sectionActions {
  width:                          128px;
  margin-right:                   0;
}
.otherFormatItem .sectionActions .button {
  display:                        block;
  margin-top:                     4px;
  text-align:                     center;
}
.otherFormatItem .sectionActions .button a {
  line-height:                    32px;
}
/* other format item */
.otherProductItem {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding:                        8px 0 8px 0;
  opacity:                        0.6;
}
.otherProductItem:first-child {
  border-top-style:               dotted;
  border-top-width:               1px;
}
.biblioList + .biblioList .otherProductItem:first-child {
  border-top:                     0;
}
.otherProductItem:hover,
.otherProductItem:focus {
  opacity:                        1;
}
.otherProductItem [class*='section'] {
  display:                        inline-block;
  margin-right:                   16px;
  vertical-align:                 top;
}
.otherProductItem .sectionCover {
  width:                          56px;
  font-size:                      0;
}
.otherProductItem .sectionCover a {
  position:                       relative;
  display:                        block;
}
.otherProductItem .sectionCover .downloadtip,
.otherProductItem .sectionCover .downloadIcon {
  width:                          20px;
  right:                          0;
  bottom:                         10px;
}
.otherProductItem .sectionCover .cover {
  height:                         auto !important;
  max-height:                     100%;
  width:                          auto !important;
  max-width:                      100%;
  vertical-align:                 middle;
}
.otherProductItem .sectionDesc {
  width:                          412px;
}
.otherProductItem .sectionDesc a {
  color:                          #333333;
  font-weight:                    normal;
  text-decoration:                none;
}
.otherProductItem .sectionDesc a > span {
  display:                        block;
}
.otherProductItem .sectionDesc a > h4 {
  padding-top:                    0;
  font-size:                      13px;
}
.otherProductItem .sectionDesc .value {
  padding-top:                    0;
}
.otherProductItem .sectionDesc .biblioProductType {
  margin-left:                    0;
}
.otherProductItem .sectionDesc .biblioProduct + .biblioPublishingYear:before {
  content:                        ', ';
  margin-left:                    -4px;
}
.otherProductItem .sectionDesc span + .biblioPublisher:before {
  content:                        ', ';
  margin-left:                    -4px;
}
.otherProductItem .sectionDesc .biblioPrice {
  display:                        inline-block;
  text-align:                     left;
}
.otherProductItem .sectionDesc .biblioPrice + .biblioAvailability:before {
  content:                        ', ';
  margin-left:                    -4px;
}
/* store (in overlay) */
.overlay .store h2 + div {
  margin-bottom:                  16px;
}
.overlay .store .key {
  margin-right:                   4px;
  font-weight:                    bold;
}
.overlay .store .value {
  margin-bottom:                  16px;
}
/* bibliomaker advise (in overlay) */
.overlay .biblioMaker textarea {
  height:                         200px;
  width:                          100%;
  margin:                         16px 0 16px 0;
}

/* ------------------------------ search refine */
.searchRefine {
  margin-top:                     8px;
  padding-bottom:                 8px;
  border-bottom-width:            1px;
  border-bottom-style:            dotted;
}
.searchRefine form {
  padding-bottom:                 10px;
}
.searchRefine form div div,
.searchRefine .magnifier {
  display:                        inline-block;
  vertical-align:                 bottom;
}
.searchRefine .key {
  display:                        block;
  min-height:                     0;
  padding:                        0 0 2px 0;
  font-weight:                    normal;
}
.searchRefine .value {
  display:                        inline-block;
  width:                          455px;
  margin-right:                   4px;
}
.searchRefine form > div > div + div {
  display:                        none;
}
.searchRefine .magnifier input {
  width:                          20px;
  height:                         20px;
  background-color:               transparent;
  background-position:            0 40px;
  background-repeat:              no-repeat;
  cursor:                         pointer;
  font-size:                      0;
  text-indent:                    -100000px; 
}
.searchRefine .magnifier input:hover {
  background-position:            0 -60px;
  background-color:               transparent;
}

/* ------------------------------ result page */
.result .headActions {
  margin-top:                     8px;
}
.result .heading {
  margin-bottom:                  0;
}
.result .correction {
  margin:                         16px 0 16px 0;
  border-left:                    4px solid #ff0000;
  padding-left:                   4px;
}
.result .biblioList {
  margin-top:                     8px;
  padding-top:                    0;
}

/* ------------------------------ quick search (main) */
.main .quicksearch {
  margin-bottom:                  8px;
  padding:                        8px 8px 16px 8px;
  background-color:               #dbe4eb;
}
.main .quicksearch .key {
  text-align:                     left;
  font-weight:                    bold;
}
.main .quicksearch input[type=text] {
  margin-bottom:                  4px;
  width:                          195px;
}
.main .quicksearch select {
  width:                          200px;
}
.quicksearch {
  line-height:                    20px;
}
.quicksearch .button {
  min-height:                     0;
  max-height:                     20px;
  margin:                         0 0 1px 4px;
  overflow:                       hidden;
  vertical-align:                 bottom;
}
.quicksearch .button input[type=submit] {
  height:                         20px;
  width:                          20px;
  padding:                        0;
  background-color:               transparent;
}
.quicksearch .button input[type=submit]:hover {
  background-position:            0 20px;
}

/* ------------------------------ head actions (notepad, basket, detail) */
.headActions {
  float:                          right;
  margin-top:                     21px;
}
.headActions a {
  display:                        inline-block;
  height:                         16px;
  width:                          16px;
  margin-left:                    4px;
}

/* ------------------------------ select all (basket, notepad) */
.selectAll {
  float:                          left;
}
.selectAll .clipIcon16 {
  display:                        inline-block;
  height:                         16px;
  width:                          16px;
  margin:                         2px 2px 0 0;
}

/* ------------------------------ collection item (basket, notepad) */
.collectionItem {
  margin-top:                     28px;
  word-spacing:                   -4px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.collectionItem > div {
  word-spacing:                   normal;
}
.collectionItem .sectionCover {
  position:                       relative;
  display:                        inline-block;
  width:                          88px;
  padding:                        4px 0 4px 0;
  vertical-align:                 top;
}
.collectionItem .sectionDesc {
  display:                        inline-block;
  width:                          412px;
  line-height:                    150%;
  vertical-align:                 top;
}
.collectionItem .sectionActions {
  margin-bottom:                  4px;
}
.collectionItem .remove {
  float:                          right;
  height:                         9px;
  width:                          9px;
  margin-left:                    8px;
}
.collectionItem .remove img {
  position:                       absolute;
  margin-top:                     -16px;
  clip:                           rect(18px, 9px, 27px, 0);
}
.collectionItem .remove img:hover {
  margin-top:                     -7px;
  clip:                           rect(9px, 9px, 18px, 0);
}
.collectionItem .downloadtip {
  right:                          15px;
  bottom:                         20px;
}
.collectionItem .biblioPublishingYear,
.collectionItem .biblioPublisher,
.collectionItem .biblioPrice,
.collectionItem .biblioAvailability {
  display:                        inline-block;
  vertical-align:                 top;
}
.collectionItem .biblioPublishingYear .value:after {
  content:                        ",";
}
.collectionItem .key {
  min-height:                     0;
  width:                          auto;
  padding:                        0 4px 0 0;
}
.collectionItem .value {
  display:                        inline;
  padding:                        0;
}
.collectionItem .biblioProduct span {
  display:                        inline-block;
  vertical-align:                 top;
}
.collectionItem .biblioPrice {
  float:                          none;
}
.collectionItem .biblioPrice,
.collectionItem .biblioAvailability {
  padding:                        4px 0 4px 0;
}
.collectionItem .biblioAvailability:before {
  content:                        " | ";
}
.collectionItem .biblioPrice span {
  white-space:                    nowrap;
}
.collectionItem .biblioPrice span:empty {
  display:                        none;
}
.collectionItem .sectionActions > div {
  display:                        inline-block;
  vertical-align:                 top;
}
.collectionItem .sectionActions .biblioCheck {
  width:                          88px;
}

/* ------------------------------ result item */
.resultItem {
  margin-top:                     28px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 4px;
  letter-spacing:                 -4px;
  word-spacing:                   -4px;
}
.resultItem > * {
  letter-spacing:                 normal;
  word-spacing:                   normal;
}
.resultItem .sectionCover {
  position:                       relative;
  display:                        inline-block;
  width:                          60px;
  padding:                        4px 20px 4px 0;
  vertical-align:                 top;
}
.resultItem .sectionCover .cover {
  height:                         auto !important;
  width:                          inherit !important;
  max-width:                      100%;
  overflow:                       hidden;
}
.resultItem .sectionCover .downloadtip {
  position:                       absolute;
  right:                          20px;
  bottom:                         20px;
}
.resultItem .sectionDesc {
  display:                        inline-block;
  width:                          420px;
  line-height:                    150%;
  vertical-align:                 top;
}
.resultItem .biblioAuthor + .biblioAuthor {
  display:                        none;
}
.resultItem .biblioTitle {
  font-size:                      13px;
}
.resultItem .biblioPublishingYear,
.resultItem .biblioPublisher {
  display:                        inline-block;
  vertical-align:                 top;
  font-weight:                    bold;
}
.resultItem .biblioPublishingYear .value:after {
  content:                        ",";
}
.resultItem .key {
  min-height:                     0;
  width:                          auto;
  padding:                        0 4px 0 0;
}
.resultItem .value {
  display:                        inline;
  padding:                        0;
}
.resultItem .biblioAvailability {
  padding-bottom:                 4px;
  text-align:                     right;
}
.resultItem .biblioAvailability:after {
  content:                        "|";
}
.resultItem .biblioActions {
  text-align:                     right;
}
.resultItem .biblioActions .link {
  float:                          left;
}
.resultItem .biblioActions .clipIcon {
  margin-left:                    4px;
}
.resultItem .biblioActions .biblioLinkToPrint {
  min-height:                     0;
  vertical-align:                 top;
}
.resultItem .biblioActions .biblioLinkToPrint > a {
  min-height:                     0;
  border-radius:                  2px;
  line-height:                    20px;
}
.resultItem .biblioPrice {
  float:                          right;
  padding:                        0 0 0 4px;
}
.resultItem .biblioPrice.publisherEUR,
.resultItem .biblioPrice.discountPriceItemEUR,
.resultItem .biblioPrice.discountPriceItem {
  max-height:                     18px;
  margin-top:                     -15px;
}
.resultItem .biblioPrice .priceEUR,
.resultItem .biblioPrice .priceRetail {
  position:                       relative;
}
.resultItem .biblioPrice.discountPriceItemEUR .priceRetail {
  top:                            -15px;
}
.resultItem .biblioPrice.discountPriceItemEUR .priceEUR {
  top:                            -45px;
}
.resultItem .biblioPrice.discountPriceItemEUR .biblioAvailability,
.resultItem .biblioPrice.discountPriceItemEUR .priceDiscountType,
.resultItem .biblioPrice.discountPriceItemEUR .priceDiscounted {
  position:                       relative;
  top:                            15px;
}
.resultItem .priceRetail strong,
.resultItem .additionalPrices > span strong {
  font-weight:                    normal;
}
.resultItem .biblioPrice .priceCurrent *,
.resultItem .biblioPrice .priceDiscounted * {
  display:                        inline-block;
  font-weight:                    normal;
}

/* ------------------------------ biblio item */
.biblioItem {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 8px;
}
.biblioItem .sectionCover {
  position:                       relative;
  display:                        inline-block;
  width:                          60px;
  padding:                        4px 20px 4px 0;
  vertical-align:                 top;
}
.biblioItem .sectionCover img {
  height:                         auto !important;
  width:                          inherit !important;
  max-width:                      100%;
}
.biblioItem .sectionCover .downloadtip {
  position:                       absolute;
  right:                          20px;
  bottom:                         20px;
}
.biblioItem .sectionActions {
  display:                        inline-block;
  width:                          100px;
  padding:                        4px 0 4px 0;
  vertical-align:                 top;
}
.biblioItem .sectionDesc {
  line-height:                    150%;
}
.biblioItem .key {
  min-height:                     0;
  width:                          auto;
  padding:                        0 4px 0 0;
}
.biblioItem .value {
  display:                        inline;
  padding:                        0;
}
.biblioItem .biblioPrice {
  padding-bottom:                 8px;
  font-weight:                    bold;
  text-align:                     left;
}
.biblioItem .clipIcon {
  margin-right:                   4px;
}
.biblioItem .biblioText {
  padding:                        4px 0 4px 0;
}

/* ------------------------------ notepad */
/* heading */
.notepad > h2 {
  border-bottom:                  1px dotted #4a769a;
  padding:                        16px 0 4px 0;
}
/* positions */
.notepad .biblioPositions {
}
.notepad .biblioPositions .sectionActions > div a {
  display:                        block;
  height:                         16px;
  margin:                         2px 16px 0 0;
  padding-left:                   20px;
  background-position:            0 -32px;
  background-repeat:              no-repeat;
}
.notepad .biblioPositions .sectionActions > div a:hover {
  background-position:            0 -48px;
}
.notepad .biblioPositions .sectionActions > div.add a {
  background-image:               url(images/ic_book_cart_small.png);
}
.notepad .biblioPositions .sectionActions > div.move a {
  background-image:               url(images/ic_book_list_small.png);
}
/* bottom actions */
.notepad > .scrollTop.show {
  margin-bottom:                  16px;
}
.notepad .action {
  border-bottom:                  1px dotted #4a769a;
}
.notepad .action:last-child {
  border-bottom:                  0;
}

/* ------------------------------ basket */
/* heading */
.basket > h2 {
  margin-top:                     20px;
  border-bottom:                  1px dotted #4a769a;
  padding:                        15px 0 5px 0;
}
/* positions */
.basket .collectionItem .biblioComment .key {
  width:                          128px;
  padding:                        4px 0 0 0;
  text-align:                     left;
}
.basket .collectionItem .biblioComment .value {
  display:                        inline-block;
  padding-top:                    2px;
}
.basket .collectionItem .biblioComment input[type=text] {
  width:                          180px;
  margin-bottom:                  8px;
}
.basket .sectionActions {
  position:                       relative;
}
.basket .sectionActions .button {
  width:                          183px;
  margin-top:                     0;
  border-bottom:                  0;
}
.basket .sectionActions > .button + div {
  width:                          130px;
  text-align:                     right;
}
.basket .sectionActions input[type=number] {
  width:                          30px;
}
.basket .sectionActions > div:last-child {
  float:                          right;
  font-weight:                    bold;
}
.basket .sectionActions .biblioTotalPriceBeforeDiscount {
  position:                       absolute;
  right:                          0;
  top:                            -32px;
}
.basket .sectionActions .biblioDiscount {
  position:                       absolute;
  right:                          50px;
  top:                            -15px;
  font-size:                      9px;
}
.basket .sectionActions .biblioDiscount .key {
  float:                          right;
  padding-right:                  0;
}
.basket .sectionActions .biblioDiscountAmount {
  position:                       absolute;
  right:                          0;
  top:                            -16px;
}
/* basket related actions */
.basketActions .action {
  border-bottom:                  1px dotted #4a769a;
}
.basketActions .showComment {
  position:                       relative;
  display:                        inline-block;
  height:                         9px;
  margin:                         16px 0 4px 0;
  padding-left:                   13px;
  background-repeat:              no-repeat;
  background-position:            0 -18px;
  font-weight:                    bold;
  color:                          #4a769a;
  cursor:                         pointer;
}
.basketActions .showComment span {
  display:                        block;
  margin-top:                     -3px;
}
.basketActions .showComment.off {
  background-image:               url(images/ic_collapse_plus.png);
}
.basketActions .showComment.on {
  background-image:               url(images/ic_collapse_minus.png);
}
.basketActions .showComment:hover {
  background-position:            0 -27px;
  color:                          #333333;
  text-decoration:                underline;
}
.basketActions .showComment a {
  position:                       relative;
  top:                            -3px;
}
/* comment */
.basket .dialog.comment {
  padding-left:                   24px;
}
.basket .dialog.comment .key,
.basket .dialog.comment .value {
  display:                        block;
  width:                          auto;
  margin-bottom:                  4px;
  text-align:                     left;
}
.basket .dialog.comment textarea {
  width:                          440px;
}
/* summary */
.basket .summary {
  margin:                         16px 0 16px 0;
  border-bottom:                  1px solid #4a769a;
  padding-bottom:                 8px;
  font-size:                      12px;
  font-weight:                    bold;
}
.basket .summary div {
  display:                        inline-block;
}
.basket .summary div:last-child {
  float:                          right;
}
.basket .summary .key {
  width:                          auto;
}
/* navigation */
.basket .navigation {
  border-bottom:                  1px dotted #4a769a;
  padding:                        28px 0 8px 0;
  text-align:                     right;
}
.basket .navigation > span {
  display:                        inline-block;
  vertical-align:                 bottom;
}
.basket .navigation .printLink {
  float:                          left;
  position:                       relative;
  margin-top:                     16px;
}
.basket .navigation .printLink a {
  outline:                        none;
  padding-left:                   20px;
  line-height:                    16px;
}
.basket .navigation .printLink a img {
  position:                       absolute;
  top:                            0;
  left:                           0;
  margin-top:                     -32px;
  clip:                           rect(32px, 16px, 48px, 0);
}
.basket .navigation .printLink:hover a img {
  margin-top:                     -48px;
  clip:                           rect(48px, 16px, 64px, 0);
}
.basket .navigation .continue {
  margin-left:                    16px;
}
.basket .navigation .continue a {
  padding:                        8px 12px 8px 12px;
}

/* ------------------------------ checkout login */
.checkout .customerLogin > div {
  font-size:                      13px;
  line-height:                    150%;
}
.checkout .customerLogin .actions {
  text-align:                     left;
}
.checkout .customerLogin .submits {
  text-align:                     right;
}
.checkout .customerLogin .submits .button {
  margin:                         2px 0 0 8px;
}
.checkout .customerLogin ~ .actions {
  margin-bottom:                  16px;
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
  padding-bottom:                 8px;
}
.checkout .customerLogin ~ .actions .text {
  margin-bottom:                  0;
  border-bottom:                  0;
}
.checkout .customerLogin ~ .actions .textText {
  font-weight:                    normal;
}
.checkoutOnce form > div {
  padding:                        16px 8px 8px 8px;
}
.checkoutOnce input[type=radio] + label {
  padding-left:                   4px;
  padding-right:                  8px;
}
.checkoutOnce input[type=radio] + label + br {
  display:                        none;
}
.checkoutOnce input[type=email],
.checkoutOnce input[type=tel],
.checkoutOnce input[type=text] {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
}
.checkoutOnce select {
  width:                          100%;
}
.checkoutOnce .value {
  width:                          292px;
}
.checkoutOnce .actions {
  margin:                         8px 8px 8px 192px;
}
.checkoutOnce .actions .link {
  margin-bottom:                  8px;
}
.checkoutOnce .actions .button:last-child {
  margin-left:                    8px;
}

/* ------------------------------ checkout verify and confirm */
.checkoutVerify h2,
.checkoutConfirm h2 {
  color:                          #333333;
  font-family:                    verdana, sans-serif;
  font-size:                      13px;
}
.checkoutConfirm > h2:first-child {
  margin-top:                     32px;
  font-size:                      15px;
}
/* address */
.checkoutVerify .address,
.checkoutConfirm .address {
  min-height:                     32px;
  margin-top:                     32px;
}
.checkoutVerify .address .button {
  float:                          right;
}
.checkoutVerify .address + .address,
.checkoutConfirm .address {
  border-top:                     1px dotted #4a769a;
  padding-top:                    8px;
}
.checkoutVerifyDeliveryAddress .address {
  margin-top:                     0;
}
.checkoutVerifyDeliveryAddress .address + .address.alternate {
  border-top:                     0;
  padding-top:                    0;
}
.checkoutVerifyDeliveryAddress .item {
  width:                          148px;
  padding:                        4px;
  margin:                         8px 8px 8px 0;
  border-top:                     2px solid #999999;
}
.checkoutVerifyDeliveryAddress .item address {
  min-height:                     80px;
}
.checkoutVerifyDeliveryAddress .item:hover {
  border-top-color:               #333333;
  background-color:               #e8e8e8;
}
.checkoutVerifyDeliveryAddress .item.assigned:only-child {
  width:                          auto;
  margin:                         0 0 8px 0;
  border-top:                     0;
  padding-left:                   0;
  background-color:               transparent;
}
.checkoutVerifyDeliveryAddress .item.assigned:only-child address {
  min-height:                     0;
}
.checkoutVerifyDeliveryAddress .link {
  float:                          left;
  margin-top:                     4px;
}
/* basket positions */
.checkoutVerify .basketPositions,
.checkoutConfirm .basketPositions {
  margin-top:                     32px;
  border-top:                     1px dotted #4a769a;
  padding-top:                    8px;
}
.checkoutVerify .basketPositions .sectionActions,
.checkoutConfirm .basketPositions .sectionActions {
  text-align:                     right;
  font-weight:                    bold;
}
.checkoutVerify .basketPositions .sectionActions > div:first-child .key:after,
.checkoutConfirm .basketPositions .sectionActions > div:first-child .key:after {
  content:                        ":";
}
.checkoutVerify .basketPositions .sectionActions > div:last-child,
.checkoutConfirm .basketPositions .sectionActions > div:last-child {
  min-width:                      100px;
}
.checkoutVerify .basketPositions .sectionActions > .biblioTotalPriceBeforeDiscount,
.checkoutVerify .basketPositions .sectionActions > .biblioDiscount,
.checkoutVerify .basketPositions .sectionActions > .biblioDiscountAmount,
.checkoutConfirm .basketPositions .sectionActions > .biblioTotalPreiceBeforeDiscount,
.checkoutConfirm .basketPositions .sectionActions > .biblioDiscount,
.checkoutConfirm .basketPositions .sectionActions > .biblioDiscountAmount {
  display:                        none;
}
.checkoutVerify .basketPositions .summary,
.checkoutConfirm .basketPositions .summary {
  margin-top:                     16px;
}
.checkoutVerify .basketPositions .summary > div,
.checkoutConfirm .basketPositions .summary > div {
  min-width:                      90px;
  display:                        inline-block;
  vertical-align:                 top;
  text-align:                     right;
}
.checkoutVerify .basketPositions .summary div div,
.checkoutConfirm .basketPositions .summary div div,
.checkoutVerify .basketPositions .summary .key,
.checkoutConfirm .basketPositions .summary .key,
.checkoutVerify .basketPositions .summary .value,
.checkoutConfirm .basketPositions .summary .value {
  display:                        inline;
  min-height:                     0;
  width:                          auto;
  padding:                        0;
}
.checkoutVerify .basketPositions .summary > div:first-child,
.checkoutConfirm .basketPositions .summary > div:first-child {
  text-align:                     left;
}
.checkoutVerify .basketPositions .summary > div:first-child + div,
.checkoutConfirm .basketPositions .summary > div:first-child + div {
  width:                          210px;
  text-align:                     left;
}
.checkoutVerify .basketPositions .summary > div:last-child,
.checkoutConfirm .basketPositions .summary > div:last-child {
  float:                          right;
  font-weight:                    bold;
}
.checkoutVerify .basketPositions .summary > div:last-child .key,
.checkoutConfirm .basketPositions .summary > div:last-child .key {
  padding-right:                  4px;
}
/* shipping conditions */
.checkoutVerify .shipping,
.checkoutConfirm .shipping {
  margin-top:                     32px;
  border-top:                     1px dotted #4a769a;
  padding-top:                    8px;
}
.checkoutVerify .shipping .conditions,
.checkoutConfirm .shipping .conditions {
  display:                        inline-block;
}
.checkoutVerify .shipping .conditions .key,
.checkoutConfirm .shipping .conditions .key {
  width:                          78px;
  text-align:                     left;

}
.checkoutVerify .shipping .conditions select {
  width:                          220px;
}
.checkoutVerify .shipping > div:last-child,
.checkoutConfirm .shipping > div:last-child {
  float:                          right;
}
.checkoutVerify .shipping > div:last-child .key,
.checkoutConfirm .shipping > div:last-child .key {
  width:                          auto;
}
/* payment summary */
.checkoutVerify .payment,
.checkoutConfirm .payment {
  margin-top:                     32px;
  border-top:                     1px dotted #4a769a;
  padding-top:                    8px;
}
.checkoutVerify .payment .conditions,
.checkoutConfirm .payment .conditions {
  display:                        inline-block;
}
.checkoutVerify .payment .conditions .key,
.checkoutConfirm .payment .conditions .key {
  width:                          78px;
  text-align:                     left;
}
.checkoutVerify .payment .conditions .value select {
  width:                          220px;
}
.checkoutVerify .payment .conditions .value span {
  display:                        inline-block;
  padding:                        0 6px 0 6px;
}
.checkoutVerify .payment .clipIcon {
  vertical-align:                 bottom;
}
.checkoutVerify .payment > div:last-child,
.checkoutConfirm .payment > div:last-child {
  float:                          right;
  font-weight:                    bold;
  border-bottom:                  3px double #333333;
}
.checkoutVerify .payment > div:last-child .key,
.checkoutConfirm .payment > div:last-child .key {
  width:                          auto;
}
/* comment */
.checkoutVerify .basketComment,
.checkoutConfirm .basketComment {
  margin-top:                     32px;
  border-top:                     1px dotted #4a769a;
  padding-top:                    8px;
}
/* terms */
.checkoutVerify .terms {
  margin-top:                     32px;
  border-top:                     2px solid #333333;
  border-bottom:                  1px dotted #4a769a;
  padding:                        8px 0 8px 0;
}
.checkoutVerify .terms div {
  display:                        inline-block;
  padding-right:                  4px;
  vertical-align:                 bottom;
}
.checkoutVerify .terms a {
  margin-left:                    4px;
}
.overlay .terms .text {
  width:                          700px;
  height:                         500px;
  margin-right:                   -16px;
  overflow:                       auto;
}
/* navigation */
.checkoutVerify .navigation,
.checkoutConfirm .navigation {
  margin-top:                     32px;
  border-bottom:                  1px dotted #4a769a;
  padding-bottom:                 8px;
}
.checkoutVerify .navigation .link,
.checkoutConfirm .navigation .link {
  display:                        block;
}
.checkoutVerify .navigation .button,
.checkoutConfirm .navigation .button {
  margin-top:                     8px;
}
.checkoutVerify .navigation .button.continue,
.checkoutConfirm .navigation .button.continue {
  float:                          right;
}
.checkoutVerify .navigation .button.continue input[type=submit] {
  height:                         24px;
}

/* ------------------------------ article defaults */
.articleVenue,
.articleCategories {
  font-weight:                    bold;
  font-size:                      11px;
}
.articleTitle {
  font-size:                      13px;
  font-weight:                    bold;
}
.articleText {
  font-size:                      13px;
  margin-top:                     5px;
  margin-right:                   0;
  margin-bottom:                  5px;
  margin-left:                    0;
}
.articleDate {
  display:                        inline-block;
  font-size:                      13px;
}

/* ------------------------------ enployee */
.employeeList {
  margin-top:                     42px;
}
.employeeList .link {
  display:                        block;
  max-width:                      180px; /* SJM-3925 */
  padding-left:                   13px;
}
.ext-ie8 .employeeList {
  top:                            50px;
}
.employeeList + .text {
  margin-top:                     120px;
  margin-right:                   0;
  margin-bottom:                  120px;
  margin-left:                    0;
}
.employeeDetail .articleTitle {
  font-size:                      18px;
  padding-top:                    2px;
  padding-right:                  0;
  padding-bottom:                 8px;
  padding-left:                   0;
}
.employeeDetail .articleHeading {
  font-size:                      13px;
  font-weight:                    bold;
  margin-bottom:                  16px;
}
.employeeDetail .articleHtmlText {
  font-size:                      13px;
  padding-bottom:                 10px;
}

/* ------------------------------ authors */
.authorList .link {
  display:                        block;
}

/* ------------------------------ events */
.main .events:before {
  content:                        "\2014\2014";
  line-height:                    100%;
  font-family:                    arial, sans-serif;
  font-size:                      13px;
}
.main .events div {
  padding-top:                    8px;
}
.main .events .key {
  display:                        none;
}
.main .events .eventHeading {
  padding:                        2px 0 4px 0;
  font-family:                    georgia, serif;
  font-size:                      13px;
  font-weight:                    bold;
  line-height:                    130%;
}
.main .events .eventText {
  line-height:                    150%;
}
.main .events .eventLink {
  display:                        block;
  height:                         9px;
  margin:                         4px 0 4px 0;
  border-bottom:                  none;
  padding-left:                   13px;
  background-image:               url(images/ic_link.png);
  background-position:            0 0;
  background-repeat:              no-repeat;
  line-height:                    9px;
  font-size:                      11px;
}
.main .events .eventLink:hover {
  background-position:            0 -27px;
}
.eventMoreLink {
  margin-bottom:                  8px;
  border-bottom:                  1px dotted #4a769a;
  padding-bottom:                 4px;
}
/* unused ??? */
.event {
  float:                          left;
  margin-top:                     30px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
}

/* ------------------------------ contact */
.contact .otherTabs {
  margin:                         30px 0 8px 0;
  border-top:                     none;
}
.contact .tabs {
  margin-top:                     0;
}
.contact form > div {
  padding:                        8px;
}
.contact form > div > div {
  margin:                         8px 0 8px 0;
}
.contact .panel > h2 {
  padding:                        16px 8px 2px 8px;
}
.contact form h2 {
  margin-top:                     16px;
}
.contact .floated {
  display:                        inline-block;
  width:                          240px;
}
.contact .key {
  text-align:                     left;
}
.contact .value {
  width:                          292px;
}
.contact .floated .value {
  width:                          auto;
}
.contact .value .counter {
  display:                        block;
}
.contact .value input[type=email],
.contact .value input[type=tel],
.contact .value input[type=text],
.contact .value textarea {
  width:                          97%; /* ie<=8, safari<=6 */
  width:                          calc(100% - 5px);
}
.contact .value textarea {
  height:                         80px;
}
.contact input[type=radio] + label {
  display:                        inline-block;
  max-width:                      262px;
  padding:                        0 8px 4px 4px;
}
.contact input[name="Form[Salutation]"] + label + br {
  display:                        none;
}
.contact .actions {
  margin:                         8px 0 8px 0;
  text-align:                     right;
}

/* ------------------------------ newsletter */
.newsletter {
  margin:                         30px 0 8px 0;
  border-bottom:                  1px dotted #977537;
  padding-bottom:                 8px;
}
.newsletterTitle {
  color:                          #977537;
  font-weight:                    bold;
  font-size:                      13px;
}
.newsletterText {
  margin:                         4px 0 4px 0;
  line-height:                    150%;
}
.newsletterCheck {
  margin:                         4px 0 4px 0;
}
.newsletterCheck input {
  vertical-align:                 text-bottom;
}
.newsletterForm {
  padding:                        4px 8px 4px 8px;
  background-color:               #eae3d7;
}
.newsletterForm span {
  display:                        inline-block;
  width:                          120px;
}
.newsletterForm select {
  width:                          325px;
  margin-top:                     8px;
}
.newsletterForm input {
  width:                          320px;
}
.newsletterActions {
  margin-bottom:                  8px;
  text-align:                     center;
}

/* ------------------------------ terms */
.agb h2 {
  margin-top:                     30px;
}
.agb .articleHtmlText {
  margin-top:                     5px;
  margin-right:                   0;
  margin-bottom:                  20px;
  margin-left:                    0;
}

/* ------------------------------ imprint */
.impressum h2 {
  margin-top:                     30px;
}
.impressum p {
  margin-top:                     16px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
  font-size:                      13px;
}

/* ------------------------------ biblio price defaults */
.biblioPrice .priceRetail .currency:after {
  content:                        " ";
}
.discountPriceItemEUR .priceDiscountType .strong,
.discountPriceItem .priceDiscountType .strong {
  margin-right:                   5px;
}
.approxPriceItem .priceDescription {
  color:                          #999999;
}
.priceRetail,
.priceDiscounted,
.reductionPriceItem .priceCurrent,
.discountPriceItemEUR .priceDiscountType strong,
.discountPriceItem .priceDiscountType strong {
  color:                          #a0001b;
}
.left .priceCurrent .description,
.right .priceCurrent .description,
.left .priceRetail .description,
.right .priceRetail .description,
.left .additionalPrices,
.right .additionalPrices,
.left .priceDiscounted .description,
.right .priceDiscounted .description,
.priceDiscount,
.priceDiscountAmount,
.left .priceDescription,
.right .priceDescription,
.discountPriceItem .priceCurrent,
.discountPriceItemEUR .priceCurrent,
.dynamicDiscountPriceItem .priceCurrent,
.additionalPriceItem .priceRetail,
.additionalPriceItem .priceCurrent .description,
.additionalPriceItem .priceDescription,
.approxPriceItem .priceCurrent,
.right .discountPriceItem .priceDiscountType .currency,
.right .discountPriceItem .priceDiscountType .description,
.right .discountPriceItemEUR .priceDiscountType .currency,
.right .discountPriceItemEUR .priceDiscountType .description,
.discountPriceItem .priceRetail .description,
.discountPriceItem .priceDiscounted .description,
.discountPriceItem .priceDiscountType .currency,
.discountPriceItem .priceDiscountType .description,
.discountPriceItemEUR .priceRetail .description,
.discountPriceItemEUR .priceDiscounted .description,
.discountPriceItemEUR .priceDiscountType .description,
.discountPriceItemEUR .priceDiscountType .currency {
  display:                        none;
}
.right .approxPriceItem .additionalPrices {
  display:                        block;
}
.right .discountPriceItemEUR a,
.right .discountPriceItem a {
  text-decoration:                none;
}
.right .discountPriceItem a {
  padding-right:                  1px;
}
.discountPriceItem .priceDiscounted,
.discountPriceItemEUR .priceDiscounted {
  display:                        inline-block;
}
.right .biblioPrice .priceCurrent * {
  font-weight:                    bold;
}
.priceDiscounted span {
  padding-right:                  4px;
}
.main .dynamicDiscountPriceItem .biblioPrice,
.main .reductionPriceItem .biblioPrice {
  padding-top:                    50px;
}
.main .discountPriceItemEUR .sectionData,
.main .discountPriceItem .sectionData {
  width:                          240px;
}
.main .discountPriceItemEUR .sectionPrice,
.main .discountPriceItem .sectionPrice {
  z-index:                        -1;
  height:                         80px;
  margin-top:                     -50px;
}
.priceRetail {
  display:                        block;
  font-size:                      11px;
  text-decoration:                line-through;
}
.additionalPrices>span:before {
  content:                        " | ";
}
.resultItem .additionalPrices {
  margin-bottom:                  0;
}
.priceDiscounted {
  display:                        block;
}
.priceDiscountType strong {
  padding-right:                  4px;
  font-weight:                    normal;
}
.priceDescription {
  display:                        block;
  overflow:                       hidden;
  position:                       absolute;
  font-weight:                    bold;
  font-size:                      14px;
  text-align:                     center;
}
.main .discountPriceItemEUR .biblioPrice,
.main .discountPriceItem .biblioPrice {
  padding-top:                    50px;
}
.approxPriceItem .additionalPrices {
  display:                        inline-block;
}
.approxPriceItem .currency:before,
.approxPriceItem .currency:after {
  content:                        " ";
}
.approxPriceItem .priceDescription {
  height:                         auto;
  width:                          auto;
  padding-top:                    15px;
  line-height:                    100%;
  background-image:               none;
  font-weight:                    normal;
  text-align:                     right;
}
.checkout .discountPriceItem .additionalPrices,
.basket .discountPriceItem .additionalPrices,
.priceEUR {
  display:                        none !important;
}

/* ------------------------------ global defaults */
.clearTabs,
.employeeDetail {
  margin-top:                     30px;
}
.headerNav li img,
.printHeader,
.resultItem .biblioPrice.approxPriceItem .biblioAvailability + span.priceCurrent,
.left .otherNavigation .opened ul li img,
.customer form .warning img,
.right .pagination,
.biblioList .priceDescription,
.biblioPositions .biblioOrderReference .key {
  display:                        none;
}
.content,
.animationContentItem,
.biblioResultSort li,
.quicksearch .generic,
.articleTime,
.notepadPublic .additionalPrices > span,
.resultItem .biblioPrice .biblioAvailability + span {
  display:                        inline-block;
}
.navItems .opened>ul,
.additionalPrices,
.calendarSelection a span,
.biblioPositions .PositionDiscount {
  display:                        block;
}
.navItems a:hover,
.otherHistory li:hover {
  background-color:               transparent;
  text-decoration:                none;
}
.right .animation,
.segment-newsletter-kataloge .main > .text {
  margin-bottom:                  0;
}
.textHtml .clear {
  font-size:                      0;
}
.pagination .no,
.notepadSelectionExist .active,
.calendarSelection a span:first-child,
.left .otherNavigation ul li.active > a,
.biblioAuthor {
  font-weight:                    bold;
}
.pagination .next:after,
.pagination .prev:before,
.additionalPrices>span:first-child:before,
.notepad .additionalPrices>span:before,
.notepadPublic .additionalPrices>span:before,
.basket .additionalPrices>span:before,
.main.about .animation:before,
.main.about .otherNavigation:before,
.main .text + .otherNavigation:before {
  content:                        "";
}
.biblioPositions .item:first-child,
.articleListItem:first-child,
.otherTabsClear .customer {
  border-top:                     none;
}
.left .articleListItem .section,
.right .articleListItem .section {
  width:                          auto;
}
.left .biblioCover,
.right .biblioCover {
  float:                          left;
}
.animationImagestage,
.imageshow .animationContainerWrapSlide {
  text-align:                     center;
}
.notepadSelectionExist a:hover {
  text-decoration:                none;
}
.animationHeading .link,
.resultSort > span {
  float:                          right;
}
.productTypePicture {
  margin-bottom:                  1px;
  vertical-align:                 bottom;
}
.panel>div,
.textHtml > p:first-child,
.about .textHtml p,
.about .textHtml {
  margin:                         0;
}
.articleList .pagination,
.customer .pagination {
  text-align:                     right;
}
.main.narrow .text,
.right .text,
.employeeList  .link a {
  font-size:                      11px;
}
.articleListItem .articleTextHtml {
  padding-top:                    2px;
  padding-right:                  0;
  padding-bottom:                 2px;
  padding-left:                   0;
}
.main.about .animation {
  border-bottom:                  none;
}
.tableColumnCardNo,
.tableColumnPostingText {
  width:                          20%;
}
.tableColumnDate,
.tableColumnStore {
  width:                          10%;
}
.tableColumnPostingType {
  width:                          15%;
}
.tableColumnTransactionNo,
.tableColumnPostedAmount,
.tableColumnBonificationAmount,
.tableColumnBonificationDiscount,
.tableColumnBalanceAfterPosting {
  width:                          5%;
}
.carousel {
  position:                       relative;
}
.payoff,
.biblioPositions {
  clear:                          both;
}
.clearTabs h2,
.notepadSelection .button a:first-child {
  padding-left:                   10px;
}
.customerInterestList form div {
  background-color:               transparent;
  border:                         none;
}
.left .navItems li {
  margin-bottom:                  2px;
}
.tabs li.activeTab a:hover,
.calendarDaysToday .calendarDaysEvent a {
  background-color:               inherit;
}
.main .imageshow .animationContainer,
.notepadPublic .biblioPositions .biblioPrice {
  padding-bottom:                 0;
}
.left .otherNavigation .opened ul li:first-child {
  margin-top:                     2px;
}
.start .payoff2,
.start .payoff3 {
  height:                         240px;
}
.left.wide .text:before,
.main.narrow .text:before,
.right .text:before,
.animation:before,
.eventCalendar:before,
.otherHistory:before,
.otherBreadcrumb:before,
.right .biblioList:before {
  content:                        "\2014\2014";
  line-height:                    100%;
  font-size:                      13px;
}
.main .navItems a > img,
.right .navItems .closed > img,
.right .navItems a > img {
  clip:                           rect(18px, 10px, 27px, 0);
  margin-top:                     -14px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -15px;
}
.main .navItems .opened.active > img,
.right .navItems a:hover > img,
.right .buchshop .navItems a:hover > img,
.right .navItems .opened.active > img {
  clip:                           rect(27px, 10px, 36px, 0);
  margin-top:                     -23px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    -15px;
}
.left .navItems img:hover,
.left .navItems a:hover img {
  clip:                           rect(15px, 4px, 20px, 0);
  margin-top:                     -10px;
}
.customer form div > div,
.searchRefine .searchEnhance,
.searchRefine .searchOptions {
  padding-top:                    0;
  padding-right:                  0;
  padding-bottom:                 0;
  padding-left:                   0;
}
.textHtml p + ul.gap,
.customer div.warning:not(:empty) {
  margin-top:                     16px;
}
.searchRefine .searchOptions p:first-child,
.eventCalendar table {
  margin-top:                     0;
}
.searchRefine .searchOptions input[type=text],
.biblioPositions .biblioOrderReference input {
  width:                          150px;
}
.eventCalendar {
  margin-top:                     30px;
  margin-right:                   0;
  margin-bottom:                  0;
  margin-left:                    0;
}
.calendarText {
  margin-bottom:                  10px;
}

/* SJM-2829 */
.printPlusItem {
  border:                         none;
} 

/* ------------------------------ global defaults */
input,
select,
textarea,
.pagination *,
.otherHistory h2,
.biblioResultSort h2,
.left .otherNavigation .opened ul li a {
  font-family:                    verdana,sans-serif;
}
h1,
h2,
h3,
.headerSection1 a,
.headerSection2 a,
.headerSection3 a,
.headerNavLeft,
.payoff p,
.otherNavigation:before,
.left .navItems a,
.otherHistory a,
.employeeDetail .articleTitle {
  font-family:                    georgia,serif;
}
.small,
.left.wide .text:before,
.main.narrow .text:before,
.right .text:before,
.animation:before,
.eventCalendar:before,
.otherHistory:before,
.otherBreadcrumb:before,
.right .biblioList:before,
.otherNavigation:before,
.animationNavigationIndexItem,
.calendarSelection {
  font-family:                    arial,sans-serif;
}
#longQuicktip,
#quicktip,
.tabs li,
.payoff p {
  color:                          #ffffff;
}
.notepadPublic .additionalPrices>span,
.left .navItems a:hover {
  color:                          #333333;
}
.red,
.calendarDaysToday {
  color:                          #a0001b;
}
.headerTopAccount a:before,
.headerNav li.active a,
.feedItemInfo,
.navItems .active>a,
.biblioPositions .biblioSubTitle,
.biblioResultSort h2,
.animationNavigationIndexSelected,
.right .discountPriceItemEUR a span:first-child .description,
.right .discountPriceItem a span:first-child .description,
.biblioPrice .priceRetail * {
  color:                          #333333;
}
.calendarDaysWeekend {
  background-color:               #eeeeee;
}
.articleListItem .articlePicture img,
.ddElement,
.animationContentItemCover .cover img {
  border-color:                   #999999;
}
.left .otherNavigation .opened ul {
  border-top:                     1px dotted #4a769a;
}
.left .navItems,
.employeeDetail .articleHtmlText,
.otherSitemap h2 {
  border-bottom:                  1px dotted #977537;
}
.calendarMenu a,
.right .calendarMenu a,
.left .calendarMenu a {
  background-color:               #eeeeee;
  border-color:                   #d7d7d7;
}
.customer div.warning div {
  color:                          #ff0000;
}
.resultSort {
  border-bottom-style:            dotted;
  border-bottom-width:            1px;
}
.employeeDetail .articleTitle {
  color:                          #977537;
}
.otherSitemap a:before {
  content:                        url(/sjmweb/css/default/images/ic_navi_normal_light.png);
}
.animationNavigationPrev {
  background-image:               url(/sjmweb/css/default/images/ic_page_back.png);
}
.animationNavigationNext {
  background-image:               url(/sjmweb/css/default/images/ic_page_forward.png);
}
.quicktipContentTitle,
.quicktipContentText,
.quicktipContentSubTitle,
.longQuicktipContentTitle,
.longQuicktipContentText {
  background-image:               url(/sjmweb/css/default/images/bubble.png);
}
.quicksearch .button input,
.searchRefine .magnifier input,
.quickSearchButton input[type=submit] {
  background-image:               url(/sjmweb/css/default/images/ic_search.png);
}
.customer form p.warning {
  background-image:               url(/sjmweb/css/default/images/error.png);
}
.notPurchasable {
  margin-top:                     16px;
  font-size:                      13px;
}

/* ------------------------------ product type codes */
.biblioProduct .value {
  position:                       relative;
  line-height:                    20px;
}
.biblioProductType {
  margin-left:                    22px;
}
.biblioProductType:before {
  position:                       absolute;
  left:                           0;
  clip:                           rect(0, 18px, 20px, 0);
}
.ptc10 .biblioProductType:before {
  content:                        url(images/pt_10_book.png);
}
.ptc11 .biblioProductType:before {
  content:                        url(images/pt_11_paperback.png);
}
.ptc12 .biblioProductType:before {
  content:                        url(images/pt_12_audiobook.png);
}
.ptc13 .biblioProductType:before {
  content:                        url(images/pt_13_ebook.png);
}
.ptc14 .biblioProductType:before {
  content:                        url(images/pt_14_bookondemand.png);
}
.ptc15 .biblioProductType:before {
  content:                        url(images/pt_15_journal.png);
}
.ptc16 .biblioProductType:before {
  content:                        url(images/pt_16_continuation.png);
}
.ptc17 .biblioProductType:before {
  content:                        url(images/pt_17_map.png);
}
.ptc18 .biblioProductType:before {
  content:                        url(images/pt_18_calendar.png);
}
.ptc19 .biblioProductType:before {
  content:                        url(images/pt_19_musicscore.png);
}
.ptc20 .biblioProductType:before {
  content:                        url(images/pt_20_movie.png);
}
.ptc21 .biblioProductType:before {
  content:                        url(images/pt_21_music.png);
}
.ptc22 .biblioProductType:before {
  content:                        url(images/pt_22_software.png);
}
.ptc23 .biblioProductType:before {
  content:                        url(images/pt_23_game.png);
}
.ptc30 .biblioProductType:before {
  content:                        url(images/pt_24_hardware.png);
}
.ptc50 .biblioProductType:before {
  content:                        url(images/pt_50_toy.png);
}
.ptc60 .biblioProductType:before {
  content:                        url(images/pt_60_pbs.png);
}
.ptc70 .biblioProductType:before {
  content:                        url(images/pt_70_foot.png);
}
.ptc79 .biblioProductType:before {
  content:                        url(images/pt_79_nonbook.png);
}
.ptc90 .biblioProductType:before {
  content:                        url(images/pt_90_dlpostage.png);
}
.ptc99 .biblioProductType:before {
  content:                        url(images/pt_99_vatfree.png);
}

/* ------------------------------ overlay boxes */
.overlayBg, 
.messageBg {
  background-color:               rgba(0,0,0,0.2);
}
.overlay, 
.message {
  box-shadow:                     2px 2px 8px 0 rgba(0,0,0,0.8), inset 0 1px 0 0 rgba(255,255,255,0.8);
  border:                         1px solid #adadad;
  border-radius:                  2px;
  padding:                        16px;
  background-color:               #ffffff;
}
.overlay.selection,
.message.selection {
  margin:                         2px;
  box-shadow:                     1px 1px 4px 0 rgba(0,0,0,0.8);
  padding:                        0;
}
.overlay .close,
.message .close {
  float:                          right;
  height:                         9px;
  width:                          9px;
  margin-left:                    4px;
  background-image:               url(images/ic_delete.png);
  background-repeat:              no-repeat;
  cursor:                         pointer;
  color:                          transparent;
  font-size:                      0;
}
.overlay .close:hover,
.message .close:hover {
  background-position:            bottom;
}
.overlay h2,
.message h2 {
  padding-top:                    0;
}
.overlay .heading,
.message .heading {
  max-width:                      600px;
  margin-bottom:                  8px;
}
.overlay .key,
.message .key {
  width:                          120px;
}
.overlay .actions,
.message .actions {
  margin:                         8px 0 4px 132px;
  border-top:                     0;
  padding:                        0;
}
.overlay .actions .link,
.message .actions .link {
  margin-top:                     8px;
}
.overlay .confirm .actions,
.message .confirm .actions {
  margin:                         16px 4px 4px 4px;
  text-align:                     center;
}
.overlay .confirm .actions a,
.message .confirm .actions a {
  min-width:                      60px;
}
/* message types */
.message.success,
.message.info,
.message.warning,
.message.error {
  border-radius:                  4px;
  color:                          #333333;
  font-size:                      13px;
  font-weight:                    normal;
}
.message.success .close:after,
.message.info .close:after,
.message.warning .close:after,
.message.error .close:after {
  position:                       absolute;
  top:                            14px;
  right:                          12px;
}
.message.success span,
.message.info span,
.message.warning span,
.message.error span {
  display:                        block;
  margin-bottom:                  4px;
}
.message.success span:first-child,
.message.info span:first-child {
  display:                        none;
}
.message.warning span:first-child,
.message.error span:first-child {
  color:                          #ff0000;
}
.message.error span:first-child {
  display:                        none;
}
.SingleValueBasket
{ padding-left:370px;}

/* Foooter Version 2014*/
.fourcolumns h2
{ font-size:1em; font-weight:bold; color:#000;}
.fourcolumns li
{ list-style:none;}
ul.footerlinks
{ padding-top:5px; padding-bottom:10px;}
.fourcolumns .col1
{ width:24%; float:left;}
.fourcolumns .col2
{ width:24%; float:left;}
.fourcolumns .col3
{ width:24%; float:left;}
.fourcolumns .col4
{ width:24%; float:left;}
.footer .fourcolumns a
{ border:none;margin-left: 0px; padding-left: 10px; font-size:.9em;}
.footer .fourcolumns a:before {
    content: url("/sjmweb/css/default/images/ic_navi_normal_light.png");
	margin-left: -8px;
    position: absolute;
	clip: rect(15px, 8px, 30px, 0px);
	margin: -9px -15px 0 -8px;
}

/* SJM-3578 */
/* -- default (FF+IE) -- */
.tabAbisZ ul {
  margin-bottom:        30px !important;
}
.tabAbisZ ul > li {
  height:               25px;
  width:                25px !important;
  text-align:           center;
  line-height:          25px;
  font-size:            14px;
  margin-bottom:        5px !important;
  margin-right:         5px;
}
.tabAbisZ ul > li > a,
.tabAbisZ ul > li.activeTab > a,
.tabAbisZ ul > li > span {
  padding:              0;
  font-weight:          normal;
}
.tabAbisZ .authorList.link::before {
  content:              '';
}
.tabAbisZ .authorList > .link {
  overflow:             hidden;
  display:              inline-block;
  width:                100%;
}
.tabAbisZ .authorList {
  width:                100%;
  -webkit-column-count: 2;
  -moz-column-count:    2;
  column-count:         2;
  -webkit-column-gap:   30px;
  -moz-column-gap:      30px;
  column-gap:           30px;
}
/* -- webkit fix -- */
.ext-webkit .tabAbisZ .authorList > .link {
  display:              inline-block;
  background-repeat:    no-repeat;
  background-position:  0 4px;
}
.ext-webkit.verlag .tabAbisZ .authorList > .link { background-image:     url(images/ic_link_2.png); }
.ext-webkit.verlag .tabAbisZ .authorList > .link:hover { background-image: url(images/ic_link_4.png); }
.ext-webkit.zhaw .tabAbisZ .authorList > .link { background-image:     url(images/ic_link_3.png); }
.ext-webkit.zhaw .tabAbisZ .authorList > .link:hover { background-image: url(images/ic_link_4.png); }
.ext-webkit .tabAbisZ .authorList > .link::before {
  margin-top:           0;
  clip:                 auto;
  top:                  0;
  content:              '';
}
.ext-webkit .tabAbisZ .authorList > .link:hover::before {
  margin-top:           0;
  clip:                 auto;
}

.glossarList .panel
{ padding-bottom:10px;display: block; margin-bottom:15px;}

.glossarList .panel .link
{ font-size:11px;}

.glossarList .activeTab
{
	background-color: #4a769a !important;
	color: #ffffff !important;
	}
.glossarList .activeTab:hover
{
	background-color: #000 !important;

	}
	
.glossarList .value {
    padding-top: 2px;
	padding-left:12px;
}	

.tagunghidden li.activeTab, .tagunghidden ul.tabs
{ visibility:hidden; display:none;}