/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;-webkit-font-smoothing:antialiased;}
html, button, input, select, textarea { font-family: Arial,sans-serif; color: #555; }
body { margin: 0; font-size: 1em; line-height: 1.4; width:100%}
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
/*
::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }
*/
/* =============================================================================
Links
========================================================================== */
a { color: #06e; }
a:visited { color: #06e; }
a:hover { color: #555; }
a:focus { outline: thin dotted; outline:0 none}
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
input:invalid, textarea:invalid { background-color: #f0dddd; }
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* ==|== primary styles =====================================================
Author:
========================================================================== */
/* ==|== media queries ======================================================
EXAMPLE Media Query for Responsive Design.
This example overrides the primary ('mobile first') styles
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
/* ==|== non-semantic helper classes ========================================
Please define your styles before this section.
========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.cleardiv {clear:both;}
.unselectable {-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
/*cursor:default;*/
}
/* ==|== print styles =======================================================
Print styles.
Inlined to avoid required HTTP connection: h5bp.com/r
========================================================================== */
@media print {
* { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* h5bp.com/t */
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* ==|== print styles =======================================================
DF
========================================================================== */
h2 {margin:0}
a {text-decoration:none}
ul {list-style:none;}
body {background: url(../img/bg_body04.png) repeat-x 0 -3px white;} /*482 + header bg_blue.png zuvor*/
body.infopage {background:white;}
.main {width:980px;margin:0 auto;position:relative}
.footer {clear:both;background:url(../img/bp_bg_footer.png) repeat-x 0 -5px white}
.footer {font:11px/13px Arial, sans-serif normal;color:#7c7c7c;}
.sitemap a, .sitemap a:visited, .sitemap a:hover, .sitemap a:focus, .sitemap a:active {text-decoration:none; color:#999}
.header {position:relative;height:125px;top:5px;width:100%;z-index:2;-webkit-transform: translateZ(0px) translateX(0);}
#second_info_div {height:360px;}
#newestBest {min-height:200px;}
.headwrap {z-index:7000;position:relative;margin:0 auto;width:940px;height:86px; margin-top:0px
}
.search-formholder {
position: absolute;
top:0px;
width: 280px;
z-index:50;
}
#direct_link {position: absolute;top: 31px;left: 527px;font-size: 12px;}
.searchfilter {
background-color:#fff;
font-size:13px;
height:15px;
}
.searchfilter input {
height:15px;
}
.search-formholder form {
left: 0px;
position: absolute;
top: 30px;
width: 365px;
width: 332px;
padding-top:1px;
font-size:13px;
/*
background: url("../img/searchfield.png") no-repeat scroll 0 0 transparent;
*/
border-radius: 4px 4px 4px 4px;
border: 1px solid #d8d8d8;
}
.search-formholder input[type="search"] {
/*
background: url("../img/searchfield.png") no-repeat scroll 100% -2px transparent;
*/
text-align:left;border: 0 none; border-radius: 2px 2px 2px 2px; padding:5px; height: 27px; width:191px;
}
.search-text input {
background-color: transparent;
text-align:left;/*border: 1px solid #66AEFF;*/border: 0 none; padding-left:12px; height: 39px; width:220px;
}
.search-formholder input:focus {background-position: 100% -43px;outline:none; }
.submitSearch {display:block;position:absolute;right:-1px;top:-1px;width:40px;height:40px;background: url(../img/btn_searchMagnify.png) no-repeat 50% 50%;border-radius:0 3px 3px 0}
.search-inCat {display:block;position:absolute;left:0;top:-25px;width:380px;height:20px;}
.clear-search {display:block;display:none;position:absolute;left:0;top:0;width:40px;height:42px;background:url(../img/clearSearch.png) no-repeat 50% -34px}
.reset-search, .reset-category {position:relative;right:0px;display:inline-block;width:25px;height:22px;background:url(../img/clearSearch.png) no-repeat 50% -41px}
.reset-all {
position:relative;
background: url("../img/icon_home.png") no-repeat scroll 50% 50% transparent;
height: 17px;
padding: 9px 17px;
width: 19px;}
.all_resultlists {width:100%;position:relative;z-index:1}
.flash-active {
background: url(../img/bg_shelf_388.png) repeat-x;
}
.shelfcontainer {position:relative;height:427px;width:980px;margin:0 auto 0px;clear:both;
}
#fl_shelf {position:relative;width:3000px;height:388px;}
#cv_shelf {position:relative;width:3000px;height:423px;}
#tx_shelf {position:relative;width:3000px;height:423px;}
.fl-box {float:left;}
/*a.blue-link {height:25px;background:#5DA2EF;border-radius:5px;padding:5px;color:white;text-decoration:none;font-family:"Open Sans",Arial,sans-serif;}
a.dark-link {height:25px;background:#56585C;border-radius:5px;padding:5px;color:white;text-decoration:none;font-family:"Open Sans",Arial,sans-serif;}
*/
.btn-group {position: relative;height:39px;width: 970px;margin: 0 auto;background-color:#FFFFFF;}
.btn {height:39px;width:30px; background-image:url(../img/btn_cover_shelf_red_all.png);border:0 none;background-repeat:no-repeat}
.prev-button {width:30px;position:absolute;right:40px;background-position: -68px 7px;}
.btn.prev-button:active {background-position: -68px 7px;}
.next-button {width:30px;position:absolute;right:0px;background-position: -102px 7px;border-left:1px solid #fff;}
.btn.next-button:active {background-position: -102px 7px;}
.prev-shelf {width:30px; position:absolute;right:80px;background-position: 0px 7px;}
.btn.prev-shelf:active {background-position: 0px 7px;}
.next-shelf {width:30px;position:absolute;right:-40px;background-position: -34px 7px;}
.btn.next-shelf:active {background-position: -34px 7px;}
.btn.prev {width:34px;position:absolute;right:40px;background-position: -68px 7px;top:0px;}
.btn.prev.btn-disabled {background-position: -68px 70px;}
.btn.prev:active {background-position: -68px 7px;}
.btn.next {width:34px;position:absolute;right:0px;background-position: -102px 7px;border-left:1px solid #fff;top:0}
.btn.next.btn-disabled {background-position: -102px 70px;border:none}
.btn.next:active {background-position: -102px 7px;}
.recommendVert {float:right;width:100px;height:83%;overflow:hidden}
.recommendHorz {float:left;}
.recommendHorz li {float:left;width:100px;}
.catlist {top:58px;width:900px;height:300px;display:none;background:transparent;border:blue;position:absolute;z-index:50}
.catlist ul {list-style:none;height:300px;width:256px;float:left;background:#E1EFFE}
.catlist ul#subcat {list-style:none;height:300px;width:256px;float:left;background:#F1F8FF}
.catlist li a {color:#1275E4;padding:10px 2px}
.catlist ul li:hover {background:white;}
.catlist ul li:hover a {color:#545454}
.catlist ul li ul {display:none}
.catlist ul li:hover > ul {display:block}
.catlist a {outline:none}
.cv-box {overflow: hidden;
width: 928px;}
.cv-box img {padding: 0 15px 15px 0; float:left; max-height:230px;}
#widget_div {width:700px;text-align:center}
#widget_div img {min-width:350px;max-width:350px;}
.htmlonly {border-top:1px solid #e0e0e0; z-index:5001;}
.block {position:relative;width:100%;min-height:300px;}
.block940 {width:940px;margin:0 auto}
.whiteAndBorder {background:white;border-radius:3px;}
/*x-*/
.floatColumnLeft {margin-right:315px;border-right:1px solid #e0e0e0;position:relative;padding-top:50px;}
.floatColumnRight {float:right;width:280px;position:relative;padding-top:40px;}
.x-wrap {width:100%; float:left;}
.x-bib {margin-left:10px; padding-right:20px;padding-left:20px; }
.left-td, .right-td {display:inline-block;max-width:260px;font-weight:bold;vertical-align:top}
.left-td {margin-right:50px;}
.x-bib span.notbold {font-weight:normal;}
.x-img {float:left;width:305px;min-height: 400px;}
.bibData {padding:20px;}
.bibdata {width:100%;font-family: 'Open Sans',sans-serif;color:#333}
.bibdata img.coverImg {max-width:200px;height:auto;padding:20px 0}
.x-coverImg {max-width:242px;height:auto; float:left; margin-top:-10px;margin-left:2em}
.padd20 {padding:20px;}
h3 {font-size: 1em;
line-height: 1.4;margin: 80px 0 17px 0;font-weight:bold;}
.remark {font-size:15px;}
.rmsmall {font-size:12.5px;}
.r-specials {background:#F2F2F2;height:100%}
.results-info {width:100%;position:relative;z-index:1;}
.bg_widget {padding-bottom: 40px; background-color:#efefef;}
.background ,.fullwidth, #second_info_div { }
#blickinsbuch {width:100%;margin:0 auto}
@font-face { font-family: nexalight; src: url('../font/nexalight.otf');}
@font-face { font-family: nexabold; src: url('../font/nexabold.otf');}
.titlepointer {
/*
width: 0;
height: 0;
border-left: 22px solid transparent;
border-right: 22px solid transparent;
border-bottom: 22px solid #ffffff;
position:absolute;top:-22px;left:50%;
*/
width: 31px; height: 16px;
background:url(../img/titlepointer.png) no-repeat 0 0px;
position:absolute;top:-16px;left:50%;margin-left: -16px;z-index:5000}
.titlepointer_hide {
background-image:none; }
.titlepointerUp { width: 31px; height: 16px;
background:url(../img/titlepointer.png) no-repeat 0 -16px;
position:absolute;top:0px;left:50%;margin-left: -16px;z-index:5000}
.tdata_note {float: left; width: 25%; min-height: 150px; margin: 28px 0 0 3%;padding-right:2%;
font-family: Arial,sans-serif;
font-size: 24px;
font-style: normal;
font-weight: 200;
line-height: 22px;
color:#fff;
border-right:1px solid #6E6E6E;
-moz-box-shadow: 1px 0px #BFBCBC;
-webkit-box-shadow: 1px 0px #BFBCBC;
box-shadow: 1px 0px #BFBCBC;
filter: progid:DXImageTransform.Microsoft.Shadow(strength = 1, direction = 90, color = '#BFBCBC');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 1, Direction = 90, Color = '#BFBCBC')";
}
#titledata {width:94%;margin: 0 auto;height:auto;padding-top:28px; text-align:center;padding-bottom:0px;position:relative;}
#titledata.with-note {float:left;width:60%;padding-left:3%;text-align:left; }
.prevlistbook, .nextlistbook {background:url(../img/blue_leftright.png) no-repeat 0 -34px;padding:0 20px;}
.nextlistbook {background-position:100% 0px;}
#titledata p {margin: 0 0 5px}
#titledata p.author {color:red;font-size:11px;}
#titledata p.otherinfo {color:red;font-size:11px;}
#titledata p.title, #titledata p.subtitle {
color: #555555;
font-weight: bold;
letter-spacing: 0px;
font-family: Arial,sans-serif;
font-size: 40px;
text-align: center;
line-height:40px;
}
#titledata.with-note p.title, #titledata.with-note p.subtitle {text-align:left;}
#titledata p.subtitle {
color: #555555;
font-family: Arial,sans-serif;
font-size: 24px;
font-style: bold;
font-weight: 200;
line-height:22px;
}
span.title {color: #555555;
font-weight: bold;
letter-spacing: 0px;
font-family: Arial,sans-serif;
font-size: 40px;
line-height: 42px;}
span.subtitle {
color: #555555;
font-family: Arial;
font-size: 24px;
font-style: normal;
font-weight: bold;
line-height: 28px;}
.pricearea {width:212px;background-color:#AADE1A;border-radius:4px;text-align:center;color:white;line-height:69px;font-size:40px;margin-top: 70px;}
.pricearea p {margin:0px}
.pricearea > p:first-child {border-bottom:1px solid white;background-color:#81BF09;border-radius:4px 4px 0 0;line-height:39px;font-size:18px;}
.bp_logo_small > span.remark {width:212px;font-size:12px}
.filterlanguage {display:none;font-size:9px; margin-top:2px;text-align:right;}
.infotab {width:100%;padding-top:60px;border-collapse:separate;font:14px/18px Arial,sans-serif normal}
.infotab tr.w_border td {border-bottom: 1px solid #ddd;padding-bottom: 10px;border-right:20px solid white;}
.infotab tr.w_border td:last-child {border-right:0px solid white;}
.infotab table {border-collapse: separate;padding-top: 10px;}
.otherbooks {position:relative;width:100%;height:200px}
.onebook {position:relative;display:inline-block;border:1px solid #ccc;margin: 0 2px;}
.onebook img {max-height:120px;max-width:130px;}
.otherbook-title {display:block;max-width:130px;font-size:11px;line-height: 130%;
/*white-space:nowrap;*/
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
/* fotoslider */
.cover-container {width:100%;margin:20px auto;font-family: 'Droid Sans',sans-serif;clear:both;/*height:222px;height:445px;*/}
.otherbooks-tabs {float:left;width:100%;text-align:right}
.fotobox {float:left;position:relative;margin-right:1px;width:130px;height:225px;background:rgba(0,0,0,0);text-align:center;overflow:hidden}
.fotobox:first-child {/*margin-left:32px;*/}
.fotobox:last-child {margin-right:0}
.fotobox-coverDiv {height:170px;position:relative;top:5px;}
.fotobox img {vertical-align:bottom;max-height:170px;max-width:120px;}
.imgshim {width:0px;height:170px;}
.fotobox-cover {padding:0 5px;max-width:120px;vertical-align:bottom}
.fotobox-id {position:absolute;display:block;top:2px;left:2px;font-weight:bold}
.fotobox p {text-align:left}
.fotobox table {position:relative;margin: 34px auto 0;text-align:left}
.fotobox span {margin:0 5px}
.textcut {height:44px;vertical-align:bottom;padding: 0 0px;font-size:10px;line-height:12px; word-wrap: break-word;overflow:hidden;text-overflow:ellipsis;}
.border1rounded {border:1px solid #ddd;border-radius:5px;}
.switch-slider {display:block; float:left;margin-left:20px;background:#eee;padding:3px;border-radius:2px;color:#777;font-size:80%;}
.switch-btn-prev, .switch-btn-next {top:10px;position:absolute;left:51%;margin:0 0px;height:20px;width:60px;overflow:hidden;color:#06e;text-align:right;z-index:50;cursor:pointer;text-decoration:underline;}
.switch-btn-prev {text-align:left;right: 51%;left: auto;}
/* jtabs extra */
div.body p:empty {line-height:0;margin:0;}
.
/* Flex Control Nav */
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}
.flex-control-nav {width: 100%; position: absolute; top: 0px; text-align: center;} /*top 8*/
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(../img/bg_shelf_controlnav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
/* CONTENT-STYLES */
.jtabs .body p {margin-bottom:15px;font-family: Arial,sans-serif;}
.jtabs .body td {vertical-align:top;}
.jtabs .body .tb_bol {width:0px; height:0px; background:transparent url(http://cover.abcatalog.net/books/base/border/ol.gif) repeat-x;}
.jtabs .body .tb_bt {width:421px;height:0px; }
.jtabs .body .tb_bor {width:0px; height:0px; background:transparent url(http://cover.abcatalog.net/books/base/border/or.gif) no-repeat;}
.jtabs .body .tb_bl {width:0px; background:transparent url(http://cover.abcatalog.net/books/base/border/l.gif) repeat-y;}
.jtabs .body .tb_br {width:0px; background:transparent url(http://cover.abcatalog.net/books/base/border/r.gif) repeat-y;}
.jtabs .body .tb_bul {width:0px; height:0px; background:transparent url(http://cover.abcatalog.net/books/base/border/ul.gif) no-repeat;}
.jtabs .body .tb_bu {width:0px; height:0px; }
.jtabs .body .tb_bur {width:0px; height:0px; background:transparent url(http://cover.abcatalog.net/books/base/border/ur.gif) no-repeat;}
.jtabs .body .tb_div {margin:0px; padding:10px; width:100%; display:block; vertical-align:top; }
.jtabs .body .bigtxt {font:20px Verdana, Arial, Helvetica, sans-serif, Verdana, Tahoma, Trebuchet MS; color:#000000 }
.jtabs .body .txt {font:9px Verdana, Arial, Helvetica, sans-serif, Verdana, Tahoma, Trebuchet MS; color:#000000 }
.jtabs .body .txtd {font:10px Verdana, Tahoma, Arial, Helvetica, sans-serif, Trebuchet MS; line-height: 14px; color:#000000 }
.jtabs .body .txtm {font:7pt Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; letter-spacing:1px; color:#999999 }
.jtabs .body .txtn {font:9px Verdana, Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; color:#94B0CD ; line-height: 10px; }
.jtabs .body .txtg {font:7pt Arial, Helvetica, sans-serif, Verdana, Trebuchet MS; letter-spacing:1px; color:#999999 }
.jtabs .body .txtbold {font:8pt Arial, Helvetica, sans-serif, Verdana, Trebuchet MS; font-weight:bold; letter-spacing:1px; color:#000000 }
.jtabs .body .txtb {font:8pt Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; font-weight:bold; letter-spacing:1px; color:#000000 }
.jtabs .body .txte {font:8pt Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; font-weight:bold; letter-spacing:1px; color:#000000 }
.jtabs .body .txtt {font:18pt Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; font-weight:bold; letter-spacing:1px; color:#000000 }
.jtabs .body .txtc {font:8pt Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; letter-spacing:1px; color:#000000 }
.jtabs .body .txth {background: #FFFF33; font-weight:bold; letter-spacing:1px; color:#000000 }
.jtabs .body .txthb {font:8pt Trebuchet MS, Arial, Helvetica, sans-serif, Verdana; background: #FFFF33; font-weight:bold; letter-spacing:1px; color:#000000 }
.jtabs .body .txtl {font:7pt Tahoma, Arial, Helvetica, sans-serif, Verdana, Trebuchet MS; letter-spacing:1px; color:#000000; line-height: 14px; }
.jtabs .body .txtp {font:7pt Tahoma, Arial, Helvetica, sans-serif, Verdana, Trebuchet MS; color:#000000; letter-spacing:1px; }
.jtabs .body .txtlink {font:7pt Tahoma, Arial, Helvetica, sans-serif, Verdana; letter-spacing:1px; line-height: 14px; color:#0000FF }
.jtabs .body .txtnews {font-family: Verdana, Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif; font-size : 11px; font-style: normal; color : #000000; line-height: 18px; }
.scrollbar_positioner { padding-top: 16px; }
.scrollbar { background: #808080; border-radius: 4px; border: 2px solid #808080; border-top-color: #666; line-height: 0;
}
.scrollbar {background: rgba(0,0,0, 0.2);border:0 none;height:9px} /* like UI*/
.scrollbar .handle { border-radius: 4px; background: #D42534; cursor: pointer; line-height: 0;
-webkit-box-shadow: 0 0px 0 #D42534;
-moz-box-shadow: 0 0px 0 #D42534;
-o-box-shadow: 0 0px 0 #D42534;
box-shadow: 0 0px 0 #D42534;
}
.scrollbar .handle /* like UI*/
{
border: 0px solid white;
background-color: #D42534;
/* opacity: 0.8; */
display: block;
-webkit-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-o-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.scrollbar .handle:hover {opacity:1} /* like UI*/
.max980center {
width:980px;
}
#Photoscroll .scrollbar {height:5px;margin: 0px auto;height: 8px;margin-bottom: 10px;width: 680px;display:inline-block}
#Photoscroll .scrollbar .handle { width: 100px; height: 100%; }
.pages {display:none}
.pages li.active a {background-position: 0 -26px; cursor: default;}
#Photoscroll .sly li {margin:0;position:relative;display:inline-block;width:500px;}
#Photoscroll .sly li.active {border:0px solid red;margin-top:0px;}
#PPhotoscroll li div {min-width:300px;}
.controls { width:100%;position:absolute;text-align: center; background-color:#fff;}
.slyWrap {margin:0 auto;width:100%;position:relative;height:427px;margin-bottom:0px}
.sly:hover {cursor: url('../img/icon.cur') 32 0, move;}
.flashWrap {margin:0 auto;width:100%;position:relative;overflow:hidden;height:388px}
.sly {position:relative;top:0px;height:388px;margin-bottom:0px;clear:both;overflow:hidden;}
.slidee {margin:0px 0 0 0; padding:0;height:388px;overflow: hidden;}
.protectRightEdge:hover {cursor:pointer;}
.shelfSwitch {position:absolute;z-index:50; height:40px;padding-top:11px;font-size:14px;font-weight:bold;}
.shelfSwitch a {line-height:0px;padding:11px 14px;position:relative;}
.shelfSwitch a.cover {border-right:1px solid #E0E0E0; color:#0066EE;text-decoration:underline; height:40px;}
.shelfSwitch a.shelf {color:#D42534;font-weight:bold;}
.shelfSwitch.photo a.cover {color:#D42534;text-decoration:none;}
.shelfSwitch.photo a.shelf {color:#0066EE;text-decoration:underline;}
.shelfswitch {position:absolute;display:block;left:150px;top:10px;width:89px;height:39px;background:url(../img/shelfswitch.png) no-repeat 0px 0;margin:0;cursor:pointer}
.shelfswitch.photo {background-position:-89px 0}
.shelfswitch span {display: block;width: 10px;height: 10px;position: absolute;bottom: -12px;left:60px;
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAFCAMAAABLuo1aAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAMUExURf///84kGeaQi84lGqIQE0QAAAABdFJOUwBA5thmAAAAM0lEQVR42mJgYmRmBCFGJoAAYmBgYgQDJgaAAGKAspkYGAACiAHCBrEAAgiMmMAsgAADAAYpAC1sLrAVAAAAAElFTkSuQmCC') 0 0 no-repeat;
}
.shelfswitch.photo span {left:17px}
.backshadow { }
.imgloaded {background:url(../img/shadow_large.jpg) 0px -27px no-repeat;padding-left:110px}
#Photoscroll .sly li.active .imgloaded {background-position:-110px -27px}
.horizontalmenu_container {position: relative;top: 62px;z-index: 8000;}
.deliveryinfo {
background: url(../img/delivery.png) no-repeat;
width: 134px;
height: 49px;
top: 20px;
position: absolute;
right: 136px;
}
.deliveryinfo div {width: 113px;
position: absolute;
right: 0;
background: white;
font: normal 13px/18px Arial, sans-serif;
top: -4px;
}
.cartbutton{
width: 110px;
height: 39px;
margin: 0;
position: absolute;
top: 16px;
right: 0px;
z-index: 9000;
}
.cartbutton .dd-pointer-down {
border: solid 5px transparent;
border-top: solid 5px #000;
}
.cartbutton .dd-pointer {
width: 0;
height: 0;
position: absolute;
right: 10px;
top: 50%;
margin-top: 12px;
}
.cartbutton .megamenu_main li:first-child {border-top:0 none}
.footer_logo {background:url(../img/bp_logo_footer.png) no-repeat -8px 5px}
.btnAddToCart {display:block;position:relative;width:212px;height:106px;background:url(../img/btn_add_2color.png) 0 0 no-repeat #EBEBE4;border-radius:4px}
.btnOff {}
.btnAddToCart span {display:block;padding:30px 0 0 100px}
.btnAddToCart i {display:block;position:absolute;top:17px;left:43px;width:24px;height:37px;background:url(../img/cartItemCountGreen.png) no-repeat;background-position: 0px 0px;}
.toCartArea {}
.imageincart {max-height:45px;max-width:30px;position: absolute;left: 0;top: 0;border: 0;}
.linkincart {display: block;min-height: 40px;_height: 40px;position: relative;padding: 0 0 10px 50px;text-decoration: none;line-height: 13px;}
.cartItemCount {display:block;margin-left:4px;width:136px;height:35px;background:url(../img/cartItemCount.png) no-repeat;text-indent:-10000px}
li.top_level {height:44px;}
.brand {text-align:center; padding-top:16px;position:relative;}
.cartlinks {position:absolute;width:166px;right:0px;top:0px;margin-top:-5px;font-size:12px;line-height:12px;font-family: Arial,sans-serif}
.cartlinks a, .cartlinks span {display:inline-block;width:49%;text-transform:uppercase}
.cartlinks a {text-align:right;text-decoration:underline}
.empty-search {display: block;
position: absolute;
top: 150px;
background: rgb(230, 230, 230);
width: 600px;
border-radius: 2px;
height: 100px;
line-height: 100px;
text-align: center;
display:none;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
}
body > iframe {position:fixed;top:0;left:0;z-index:50000}
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:70px;
height:70px;
border:none;
text-indent:100%;
background:url(../img/ui.totop.png) no-repeat left top;
z-index:100000;
}
#toTopHover {
background:url(../img/ui.totop.png) no-repeat left -70px;
width:70px;
height:70px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}
/*Info Pages*/
body.infopage .brand {margin-bottom:50px;}
.sidebar {float:left;width:250px; font-family: Arial, sans-serif;color:#999;}
.sidebar ul {}
.sidebar li {
background: url("../img/listimage.png") no-repeat scroll 0 49% transparent;
color: #999999;
padding-left: 9px;
}
.sidebar li a {color:#999}
.content {float:left;width:690px;font-family: Arial, sans-serif;color:#666;}
.bordered {border: 1px solid #ddd;min-height:500px;margin:30px 0;padding:0 20px;}
.activeinfo {font-weight:bold}
/*Large Cart Button*/
a.gradient {
color: #FFFFFF;
display: inline-block;
font-family: Arial,serif;
font-size: 20px;
text-shadow: 0 -1px #35490E;
margin: 0;
position: absolute;
top: 12px;
right: 0px;
float: left;
z-index: 9000;
padding:6px 0;
width:248px;
background: #97bf0f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3M2E3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #97bf0f 0%, #73a726 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97bf0f), color-stop(100%,#73a726)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #97bf0f 0%,#73a726 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #97bf0f 0%,#73a726 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #97bf0f 0%,#73a726 100%); /* IE10+ */
background: linear-gradient(to bottom, #97bf0f 0%,#73a726 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bf0f', endColorstr='#73a726',GradientType=0 ); /* IE6-8 */
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.gradient:hover, a.button_buy_table:hover {
background: linear-gradient(to bottom, #73A726 0%, #97BF0F 100%) repeat scroll 0 0 transparent;
}
.button_buy span {
display: block;
float: left;
}
.button_value {
background: url("../img/bg_cartbutton.png") no-repeat scroll right -7px transparent;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
box-shadow: 0 1px #9CC015 inset;
padding: 6px 15px;
}
.gradient:hover .button_value {
background: url("../img/bg_cartbutton.png") no-repeat scroll right -71px transparent;
}
.button_text {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 1px #9CC015 inset;
padding: 6px 15px 6px 10px;
}
a.button_buy_table {
background: linear-gradient(to bottom, #97BF0F 0%, #73A726 100%) repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
font-family: Arial,serif;
font-size: 1.6em;
margin: 20px 0;
padding: 7px 25px;
text-shadow: 0 -1px #35490E;
}
/*addtocart button*/
.button_buy {display:inline-block;margin:10px 0;position:relative;
Wwidth:300px;}
.button_buy .gradient2 {
color: #FFFFFF;
display: inline-block;
font-family: Arial,serif;
font-weight:bold;
font-size: 1.0em;
text-shadow: 0 -1px #35490E;
margin: 0;
top:auto;right:auto;
z-index: 11000;
position:relative;
background: #97bf0f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3YmYwZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3M2E3MjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #97bf0f 0%, #73a726 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97bf0f), color-stop(100%,#73a726)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #97bf0f 0%,#73a726 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #97bf0f 0%,#73a726 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #97bf0f 0%,#73a726 100%); /* IE10+ */
background: linear-gradient(to bottom, #97bf0f 0%,#73a726 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97bf0f', endColorstr='#73a726',GradientType=0 ); /* IE6-8 */
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.floatColumnRight .gradient2 { font-size:1.24em}
.button_buy a:hover, a.button_buy_table:hover {
background: linear-gradient(to bottom, #73A726 0%, #97BF0F 100%) repeat scroll 0 0 transparent;
}
.button_buy span {
display: block;
float: left;
}
.button_value2 {
background: url("../img/bg_cartbutton.png") no-repeat scroll right -10px transparent;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
box-shadow: 0 1px #9CC015 inset;
padding: 6px 12px;
}
.button_buy a:hover .button_value2 {
background: url("../img/bg_cartbutton.png") no-repeat scroll right -71px transparent;
}
.button_text2 {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
box-shadow: 0 1px #9CC015 inset;
padding: 6px 6px 6px 8px;
}
a.button_buy_table {
background: linear-gradient(to bottom, #97BF0F 0%, #73A726 100%) repeat scroll 0 0 transparent;
border-radius: 5px 5px 5px 5px;
color: #FFFFFF;
display: inline-block;
font-family: Arial,serif;
font-size: 1.0em;
margin: 20px 0;
padding: 7px 25px;
text-shadow: 0 -1px #35490E;
font-weight:bold;
}
/* top cart link*/
.goToCartLink {position:relative;z-index:1;top:0px;left:-150px;float:right;clear:both;width:80px;height:32px;border:1px solid #fff;border-radius:3px;background:white;font-size:12px;line-height:14px;text-align:center;text-decoration:none;color:#555 !important;}
.floatColumnRight .goToCartLink {left:auto;right:-7px;position:absolute}
.goToCartLink span {display:inline;float:none;text-decoration:underline;color:#06e;}
.shippingAddon {display:block;position:absolute;top:0px;right:-145px;width:130px;height:33px;background:url(../img/flags_de.png) no-repeat 0px 13px;font-size:11px;line-height:11.5px;color:#555;text-align:left}
.shippingAddon:hover {/*color:#555; background-position:0px 13px*/}
.shippingAddon i {font-style:normal;padding-left:15px;}
.goToCartLink:hover {background:#fff !important; cursor:hand;}
/* bottom cart link*/
.goToCartLink2 {border:1px solid #eee;border-radius:3px;background:#eee !important; }
.fotowrap {position:relative;}
#imgScroll {display: none;position: absolute;top: 80px;height: 71px;width:34px;
color: white;background:url(../img/gotobook.png) 100% 0 no-repeat;}
.imgCnt {display: block;
position: absolute;
bottom: 84px;
left:77px;
padding:0 2px;
height: 17px;
text-align:center;
font: 12px/17px Arial, sans-serif normal;
color: white;
background:#a8a8a8;
border-radius:2px;
}
.active .imgCnt {background:#D42534}
.add-note-btn {display:none; position:absolute; top:100px;left:65px;height:32px;width:32px;}
.active .add-note-btn {display:block}
.add-note-btn a {color:#75D100;display: block;}
.add-shelf-btn {display:none; position:absolute; top:0;left:65px;height:40px;width:200px;}
.add-shelf-btn .add-shelf-list {display:block;visibility:hidden;width:228px;background:#333333;background:rgba(0,0,0,.75);border-radius:5px;margin:0;padding:5px;}
.active .add-shelf-btn {display:block}
.active .add-shelf-btn:hover .add-shelf-list {position:absolute;top:0;left:30px;display:block;visibility:visible;}
.add-shelf-btn2 {display:none; position:absolute; top:50px;left:65px;height:40px;width:200px;}
.add-shelf-btn2 .add-shelf-list {display:block;visibility:hidden;width:228px;background:#333333;background:rgba(0,0,0,.75);border-radius:5px;margin:0;padding:5px;}
.active .add-shelf-btn2 {display:block}
.active .add-shelf-btn2:hover .add-shelf-list {position:absolute;top:0;left:30px;display:block;visibility:visible;}
.add-shelf-list {background:rgba(0,0,0,.75)}
.add-shelf-btn ul:before, .add-shelf-btn2 ul:before {
left: -16px;
top: 28px;
border-color: transparent rgba(255,255,255,0.5) transparent transparent;}
#myspan .add-shelf-list {background: rgba(0,0,0,.75);
border-radius: 5px;
padding: 20px;
margin: 0;
}
.add-shelf-list li {width:100%;}
.add-shelf-list li a {color:white;font-size:12px;}
.add-shelf-list li span {color:white;font-size:12px; cursor:pointer;}
#subCategory {position:absolute;height:103px;width:100%;top:0;background:white;display:none;z-index:10000;}
.socialDiv, .mailDiv {width:135px;height:23px;position:absolute;bottom:15px;left:60px;}
.socialDiv a {opacity:0.55;color:#333}
.socialDiv a:hover {opacity:1}
.socialDiv a.sl-fb:hover {color:#3B5998}
.socialDiv a.sl-tw:hover{color:#3B90BF}
.socialDiv a.sl-go:hover {color:#C82C2C}
.socialDiv a.sl-ma:hover {color:#333}
.socialDivSmall {height: 23px;position: absolute;top: 25px;right: 300px;}
.socialDivSmall .socialLink {/*display:inline-block;width:18px;height:18px;background:url(../img/social_icons.png) no-repeat;*/opacity:0.55;color:#333}
.socialDivSmall .socialLink:hover {opacity:1;}
.socialDivSmall .sl-fb:hover {color:#3B5998}
.socialDivSmall .sl-tw:hover{color:#3B90BF}
.socialDivSmall .sl-go:hover {color:#C82C2C}
.hoverLi ul{display:none}
.hoverLi:hover ul {display:block;}
.catTopRow {width:100%;height:34px;border-bottom:1px solid #E0E0E0;text-align:center;margin:0;padding:6px 0; font: 19px/39px "Bree Serif",serif normal;z-index:100000}
.catTopRow > li {display:inline-block}
.catTopRow a {padding:6px;color:#6A6A6A;cursor:pointer;}
.catTopRow .catTopLinkHome {background:url(../img/icon_home.png) no-repeat 0% 50%;padding-left:10px; padding-right:16px;}
.category_filter_search:hover {color:#555; }
.category_filter_browse { }
.category_now {position: relative;text-align:left;top:6px;font-size:14px;line-height:14px;}
.category_now a {text-decoration:underline;vertical-align: baseline;line-height:14px}
.category_now span {text-decoration:underline;vertical-align: baseline;line-height:14px}
.category_now span.cat-line-phrase {text-decoration:none;vertical-align: baseline;}
.category_now span.cat-line-cat {text-decoration:none;color: #D42433;
font-weight: bold;}
.category_now .cat-line-last-red {color:#D42433;font-weight:bold;text-decoration:none;
overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 180px;display:inline-block;vertical-align: baseline;
}
.catSecLevel {font-weight:bold;}
.hitCount {border-radius: 2px;padding:0 2px;background: #aaa;font-size: 11px;color: white;font-weight:bold;font-style:normal;text-decoration: none !important;vertical-align: top;margin: 0 8px 0 4px;}
.megamenu_main .hitCount {float:right;margin-right:5px;}
.cat-line-last-red ~ .hitCount {background:#D42433;}
.catmenu li.current a {font-weight:bold}
.subCatContainer {/*max-width: 219px;*/display:inline-block;vertical-align: top;margin: 0;text-align: left;}
.subCatContainer a {font-family: sans-serif, Arial;font-weight: bold;color: #0066EE;}
.ovrl-subcat {position:absolute;display:none;max-width: 219px;vertical-align: top;margin: 0;text-align: left;}
.ovrl-subcat li, .subCatContainer li {background: rgba(255,255,255,0.8);margin-bottom: 3px;padding: 2px;}
.ovrl-subcat li span, .subCatContainer li span {float:right;margin-left:15px;}
.catmenu:first-child .cat_top_level span a:first-child {background:#ededed;padding:6px;border-radius:3px; }
#photoload {
position: absolute;
top: 317px;
width: 245px;
left: 50%;
margin-left: -100px;
background: white;
border-radius: 3px;
padding: 11px 5px;
text-align: center;
-webkit-box-shadow: 0px 3px 14px 0px #999;
box-shadow: 0px 3px 14px 0px #999;
}
#search_inCat, #search_inCat_check, #search_inCat_name { vertical-align: bottom;}
#search_inCat_name {
overflow: hidden;white-space:nowrap;text-overflow:ellipsis;max-width:220px;display:inline-block;font-weight:bold;}
/* OWN TABS */
.tabHolder {border:1px solid #ddd;}
.tabContainer{margin:10px auto;width:100%;}
.digiTabsCenter {position:relative;width:80%;margin:0 auto;border:1px solid #ddd;border-radius:4px;padding: 7px 88px;top:-18px;}
.tabContainer .digiTabs {overflow:hidden;position:relative;width:727px;margin:0 auto;}
.tabContainer .digiTabs dt{width:222px;float:left;background-color:#fff;padding:5px!important;cursor:pointer;margin-right:10px;text-align:center;font-family: Arial, sans-serif;font-size:.8em;font-weight:bold;color:#555;}
.tabContainer .digiTabs .selected{background-color:#eee;color:#6A6A6A;border-radius:4px;}
#tabContent{padding:10px;background-color:#fff;overflow:hidden;float:left;margin-bottom:10px;width:93%;}
a:-webkit-any-link{
cursor:hand;
}
/*
jQuery MegaMenu Plugin
Author: GeekTantra
Author URI: http://www.geektantra.com
body {
font-family: "Arial";
font-size: 13px;
margin: 0px;
}
*/
ul.topMmenu {
background-color: white;
border-top: 0px solid #888;
border-bottom: 0px solid #666;
margin: 0px auto;
padding: 5px 10px;
list-style: none;
display: none;
width:800px;
}
ul.topMmenu li.mm-item {
margin-right: 10px;
}
ul.topMmenu li {
margin: 0px;
padding: 0px;
}
ul.topMmenu li.clear-fix {
float: none;
clear: both;
margin: 0px;
padding: 0px;
height: 0px;
font-size: 0px;
line-height: 0px;
}
ul.topMmenu a.mm-item-link:link, ul.topMmenu a.mm-item-link:visited {
position: relative;
display: inline-block;
color: #666;
padding: 0px 6px;
text-decoration: none;
z-index: 10;
}
ul.topMmenu a.mm-item-link:visited {
color:#D42534;
}
ul.topMmenu a.mm-item-link-hover:link, ul.topMmenu a.mm-item-link-hover:visited {
color:#D42534;
background: #FFF;
/*
border-top: 1px solid #777;
border-left: 1px solid #777;
border-right: 1px solid #777;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
*/
}
ul.topMmenu div.mm-item-content {
background: #FFF;
padding: 0px;
position: absolute;
z-index: 9000;
}
.mm-content-base {
background: #FFF;
position: relative;
z-index: 11;
padding: 10px;
float:left; /*MX*/
width:100%;
min-height: 551px;
}
.mm-js-shadow {
background: #555;
position: absolute;
z-index: 10;
}
.TopMenuContainer { position: relative; width: 100%; height:55px;margin: 0 auto; padding: 0; margin-top: 0px; border-bottom:1px solid #e2e2e2}
ul.topMmenu > li > a {font: 19px/45px "Bree Serif",serif normal;}
.topMmenu i.icon-home {width: 19px; height: 17px; background: url(../img/icon_home.png) no-repeat 50% 50%; padding:9px 12px;}
.menu, .menu ul {width:830px;margin:0 auto;position:static}
.style-1.menu, .style-1.menu ul li {background:white}
.mega-menu ol li {padding: 0 6px; font-size:12px;}
.mega-menu ol li a {color:#6A6A6A;}
.mega-menu ol li a:hover {
color:#D42534;
}
.topMmenu ul li:hover {
background-color: #eb4e01;
background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.08) 0%);
background-color:white; /*MX*/
color:red;
}
.topMmenu ul li:hover > a {
color:#D42534;
}
.mega-menu.full-width {top:40px;min-height: 551px;}
/* ================ */
.mega-menu {
position: absolute;
top: 100%;
padding: 18px 11px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-top: none;
color: #777;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
box-shadow: 0 1px 1px rgba(0,0,0,0.04);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mega-menu ol {
list-style: none;
padding: 0;
}
.mega-menu ol li {
width: 100%;
}
/*
.mega-menu ol li:hover,
.mega-menu ol li a {
color: #777;
font-size:12px;
padding: 0;
font-weight: normal;
background-color: #fff;
background-image: none;
}
.mega-menu ol li a:hover {
color: #505050;
}
*/
.mega-menu div h4 {
font-size: 14px;
font-weight: bold;
color: #404040;
border-bottom: 1px solid #e4e4e4;
padding: 0 0 8px 0;
margin: 0 0 10px 0;
}
/* Grid */
.mega-menu .col-1 { width: 135px; }
.mega-menu .col-2 { width: 288px; }
.mega-menu .col-3 { width: 441px; }
.mega-menu .col-4 { width: 594px; }
.mega-menu .col-5 { width: 747px; }
.mega-menu .col-6 { width: 900px; }
.mega-menu .col-1,
.mega-menu .col-2,
.mega-menu .col-3,
.mega-menu .col-4,
.mega-menu .col-5,
.mega-menu .col-6 {
float: left;
margin: 0 9px;
}
/* Full Width Grid */
.mega-menu.full-width {
left: 0;
width: 100%;
padding: 18px 0;
}
.full-width .col-1 { width: 14.10%; }
.full-width .col-2 { width: 30.40%; }
.full-width .col-3 { width: 46.70%; }
.full-width .col-4 { width: 63.00%; }
.full-width .col-5 { width: 79.30%; }
.full-width .col-6 { width: 95.60%; }
.full-width .col-1,
.full-width .col-2,
.full-width .col-3,
.full-width .col-4,
.full-width .col-5,
.full-width .col-6 {
float: left;
margin: 0 0 0 2.2%;
}
/*==========================================================================================*/
.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
.tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }
/* Rounded corners */
.tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
/* Rules to colour arrows */
.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/*==========================================================================================*/
.snippet-container {/*display:none;*/position:absolute;bottom:0px;right:0;width:175px;height:132px;font-size:10px;padding:2px;background:rgba(255,255,255,.8);border-radius: 4px 4px 0 0;}
.snippet-container em {display:block;font-weight:bold;font-style:normal;background:white}
.snippet-container :hover {background-color:rgba(255,255,255,.9)}
.tooltipWhite:hover {color:#555;background:transparent !important;}
.snippet-totcnt {padding: 10px;border: 1px dotted #999;border-radius: 3px;text-align: center;width: 33%;margin-left: 33%;}
.highlighter {font-weight:bold;}
.highlighter a {background: url(../img/blue_leftright.png) no-repeat 0 0; display: inline-block; width: 9px; height: 17px;}
.highlighter a:first-child {background-position:0px -34px;margin-right: 5px;}
.highlighter a:last-child {background-position:0 0; margin-left:5px;}
/* custom */
#menuSwitch {display:block;position:fixed;bottom:50%;width:1px;height:1px;z-index:5000000;color: #aaa;}
.wrapNav {
/*
width:100px;
z-index: 1000;
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
background:#6a6a6a;
*/
width:100px;
/*z-index: 1000;*/
display: table-cell;
float: none;
height: 100%;
padding: 0;
vertical-align: top;
background:#6a6a6a;
}
.wrapNavHide {display:none;}
.wrapNav .spacehead {width:100px;}
.wrapNav .count-limit-box {position: fixed;
width: 100px;
margin: 0;
color: #333;
text-align: center;
background: #ccc;
font-size: 14px;
font-weight: bold;
height: 40px;
}
.wrapNav .count-limit-box:after {content: "Artikelanzahl auf virtuellen Regalen";
position: absolute;
display: block;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color: #555555;
width: 100px;
text-align: center;
left: 0;
top: 22px;
background: #ccc;
height: 40px;
}
.wrapNav .count-limit-box i, em {font-style:normal;}
.wrapNav .count-limit-box i {font-size: 12px;}
.wrapNav ul {padding:0 !important;position:fixed;top:30px;}
.wrapNav ul a {display:block;background:#6A6A6A;padding:10px;background-image:url(../img/IconsAdmin_01.png);background-position:0 0;height:48px;}
.wrapNav ul li.admCatalog a {background-position:0 -495px}
.wrapNav ul li.admCatalog a:hover, .wrapNav ul li.admCatalog a.active {background-position:94px -495px}
.wrapNav ul li.admShelf a {background-position:0 0}
.wrapNav ul li.admShelf a:hover, .wrapNav ul li.admShelf a.active {background-position:94px 0}
.wrapNav ul li.admSettings a {background-position:0px -66px}
.wrapNav ul li.admSettings a:hover {background-position:94px -66px}
.wrapNav ul li.admFav a {background-position:0px -133px}
.wrapNav ul li.admFav a:hover {background-position:94px -133px}
.wrapNav ul li.admEAL a {background-position:0px -194px;height: 75px;}
.wrapNav ul li.admEAL a:hover {background-position:94px -194px}
.wrapNav ul li.admStat a {background-position:0px -288px}
.wrapNav ul li.admStat a:hover {background-position:94px -288px}
.wrapNav ul li.admUser a {background-position:0px -421px}
.wrapNav ul li.admUser a:hover , .wrapNav ul li.admUser a.active {background-position:94px -421px}
.wrapNav ul li.admStock a {background-position:0px -637px}
.wrapNav ul li.admStock a:hover , .wrapNav ul li.admStock a.active {background-position:94px -637px}
.wrapNav ul li.admFAQ a {background-position:0px -568px}
.wrapNav ul li.admFAQ a:hover , .wrapNav ul li.admFAQ a.active {background-position:94px -568px}
.wrapNav ul li.admLogout a {background-position:0px -347px}
.wrapNav ul li.admLogout a:hover {background-position:94px -347px}
.wrap-Content-Clone {position: absolute;width:1100px;top:0;left: 100px;padding: 40px 0 0 40px;display:none}
.wrapContent {display: table-cell;float: none;height: 100%;padding: 0;vertical-align: top;margin-left:100px;width:100%;max-width:1156px;}
@media all and (max-width: 1250px)
{
.wrap-Content-Clone {width:844px;}
#wrapContent {max-width:900px;}
}
.overlay{
width:500px;
background:#fff;
padding:10px;
border:1px solid #000;
}
#overlay-content,#overlay-content2,#overlay-content1,#overlay-content3{
display:none;
}
#overlay-content .overlay-close {
display: inline;
float: right;
margin-right: -17px;
margin-top: -17px;
background:url(../js/libs/overlay/close.png) no-repeat;
text-indent:-999em;
width:16px;
height:16px;
}
#overlay-content{
background: #FFF;
border: 1px solid #AAA;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 5px 15px #BBB;
-moz-box-shadow: 0 5px 15px #BBB;
box-shadow: 0 5px 15px #BBB;
padding: 10px;
max-width: 1400px;
min-width:900px;
display:none;
}
.fullResultList {display:none;position:absolute !important;top:0;left:148px;width:472px;height:388px;background:white;overflow:hidden;}
.booklistholder {position:absolute !important;top:20px;left:0;width:472px;height:348px;background:white;}
.oneFrontCover {display:inline-block;margin-right:10px;margin-top:10px;width:100px;height:150px;}
.oneFrontCover img {height:150px;}
ul.booklist {
margin: 0 auto 5em auto;
width: 450px;
padding: 0 0 0px 0px;
background: white;
text-align: left;
list-style: none;
}
ul.booklist li {
display: inline-block;
text-align: left;
margin: 0 10px 0 0;
padding: 0;
width: 100px;
height: 160px;
line-height: 160px;
vertical-align: top;
list-style: none;
*float: left;
position: relative;
}
ul.booklist div {
display: block;
position: absolute;
width: 100%;
bottom: 0;
line-height: 1em;
padding: 0 0 10px 0;
text-align: center;
}
ul.booklist img {
border: none;
-webkit-box-shadow: 0 -2px 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -2px 8px rgba(0,0,0,0.5);
box-shadow: 0 -2px 8px rgba(0,0,0,0.5);
max-width: 100px;
max-height: 150px;
vertical-align: bottom;
line-height: 1em;
}
.lb-v-dummy { width: 100%; display: block; height: 1px; }
.lb-h-dummy { height: 100%; display: block; width: 1px; }
.lb-clear { clear: both; }
.lb-wrap { z-index: 0; overflow: auto; position: relative; }
.lb-v-scrollbar { z-index: 1; position: absolute; right: 2px; top: 2px; width: 7px; height: 100%; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar { z-index: 1; position: absolute; bottom: 2px; left: 2px; width: 100%; height: 7px; background: #cfcfcf; opacity: 0.3; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-v-scrollbar-slider { position: absolute; width: 7px; height: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
.lb-h-scrollbar-slider { position: absolute; height: 7px; width: 50px; left: 0; top: 0; background: #000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; }
ul.textbooklist {
margin: 0 auto 5em auto;
width: 450px;
padding: 0 0 0px 0px;
background: white;
text-align: left;
list-style: none;
}
ul.textbooklist li {
display: block;
text-align: left;
padding: 0;
width: 100%;
height: 99px;
vertical-align: top;
position: relative;
background-color: #F9F9F9;
border-bottom: 1px solid #FFF;
border-top: 1px solid #F9F9F9;
}
ul.textbooklist li:hover {
background: #eee;
}
ul.textbooklist div {
padding: 5px 10px 5px 71px;
text-align: left;
}
ul.textbooklist img {
position:absolute;
top:10px;left:10px;
border: none;
-webkit-box-shadow: 0 -2px 8px rgba(0,0,0,0.5);
-moz-box-shadow: 0 -2px 8px rgba(0,0,0,0.5);
box-shadow: 0 -2px 8px rgba(0,0,0,0.5);
max-width: 50px;
max-height: 100px;
vertical-align: bottom;
line-height: 1em;
}
ul.textbooklist h3 {
line-height: 1.4;
margin: 0px 0 5px 0;
font-weight: bold;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
ul.textbooklist p {
line-height: 1.4;
margin: 0px;
white-space: nowrap;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
#smartAlertContent textarea {width:365px}
#smartAlertContent .directLinkInput {display:block;width: 340px;padding:5px;}
#smartAlertContent .fa-facebook-square {color:#3B5998}
#smartAlertContent .fa-twitter-square {color:#3B90BF;margin-left:10px;}
#smartAlertContent .fa-google-plus-square {color:#C82C2C;margin-left:10px;}
.close-backend-overlay {position: absolute;right: 10px;top: 15px;font-size: 12px;text-align:right}
.userMgmt h3 {margin:0}
.userMgmt .add-new-user {position: absolute;right: 10px;top: 92px;font-size: 12px;text-align:right}
.userMgmt p {padding: 10px 20px;color:white;}
.userMgmt p.usersactive {background:#C2E97C}
.userMgmt p.usersnew {background:#F4DE01}
.userMgmt p.userslocked {background:#D9E6FF}
.userMgmt table {font-size:12px;width:100%}
.userMgmt table td {padding:5px 10px}
#trShelfContent h4 {background:#ccc; padding:5px; position:relative;margin:0;}
#trShelfContent h4 a {float:right;padding-left:10px;}
#trShelfContent h5 {background:#ddd; padding:5px; position:relative;margin:0;}
table#sort {border: 1px solid #eee;}
table#sort tr {height:3em;}
.ui-sortable-helper {border:1px solid red;opacity:0.9}
.ui-sortable-placeholder {border:1px solid #FFCCCC;background:#fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;height:3em;}
table#sort tr:nth-of-type(odd) {
background-color:#eee;
}
.item-disabled {color:#ccc;}
.item-disabled a {color:#999;}
.item-disabled a:hover {color:blue;}
.tab-pane div.legend table {
width:100px;
}
.stat-table {margin:20px 0;}
.stat-table td {border:1px solid #D9E6FF;text-align:center;font-size:17px;}
.stat-table tr:first-child td {background-color:#D9E6FF;width:30%;}
.move_left {margin-left:100px; padding:10px;z-index:5000001}
.move_right {margin-left:5px; padding:10px;z-index:5000001}