@charset "iso-8859-1";

/*
file         screen.css
license      (c) 2009 bpm consult ag, CH-Birsfelden - all rights reserved.

version history:
2.6.0-0  23.02.2009  sb  initial release
2.6.0-1  04.08.2009  sk  added classes for new style of rss notification
2.7.0-0  11.11.2009  sb  alertbox style added
2.7.0-1  16.04.2010  sb  font weight and color changed [COM-303, COM-315]
*/

/*** global defaults ***/
* {
  margin:               0;
  border:               0;
  padding:              0;
}
body {
  width:                100%;
  min-width:            980px;
  background-image:     url(images/body.png);
  background-repeat:    repeat-x;
  background-color:     #ffffff;
  color:                #333333;
  font-family:          Verdana, sans-serif;
  font-size:            12px;
}
.clear {
  clear:                both;
}
table {
  border-collapse:      collapse;
}
img.thumbnail {
  float:                left;
  width:                32px;
  height:               45px;
  padding:              0 4px 4px 0;
  background-image:     url(images/thumbnail.png);
  background-position:  0% 100%;
}
form {
  display:              inline;
}
input.text, select, textarea {
  border:               1px solid #808080;
  padding:              1px;
  width: 95px;
}
input.button {
  border-top:           1px solid #eeeeee;
  border-right:         1px solid #808080;
  border-bottom:        1px solid #808080;
  border-left:          1px solid #eeeeee;
  padding:              1px 4px 1px 4px;
}
input.hidden {
  display:								none;
}
h1 {
  padding:              12px 0 6px 0;
  font-size:            16px;
}
h2 {
  padding:              10px 0 6px 0;
  font-size:            15px;
}
a, .link {
  color:                #0066cc;
  text-decoration:      none;
}

a:hover, .link:hover {
  color:                #0a1f62;
  text-decoration:      underline;
}
dd a, dd a:hover {
  display:              inline-block;
  color:                #333333;
  text-decoration:      none;
}
.center {
  text-align:           center;
}

.vcenterRuler {
  padding-bottom: 12px;
  padding-top: 0;
}

.lefttext {
  text-align:           left;
}
.justify {
  text-align:           justify;
}
.middle {
  margin-bottom:        -3px;
}
.baseline {
  margin-bottom:        -6px;
}
.warning {
  color:                #a0001b;
  font-weight:          bold;
}
.disabled {
  color:                #808080;
}
textarea.disabled {
  border:               0;
}

/*** body area ***/
div.body {
  position:             relative;
  width:                1005px;
  margin:               0 auto 0 auto;
  border-top:           0px;
  border-right:         1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  background-image:     url(images/headerBusiness.png);
  background-repeat:    no-repeat;
  background-color:     #ffffff;
}

/*** header area ***/
div.header {
  height:               100px;
  padding:              1px 0 0 12px;
}
div.header a.logo {
  position:             absolute;
  top:                  7px;
  left:                 50px;
  cursor:               pointer;
}

/*** header top area ***/
div.top {
  height:               24px;
  margin:               2px 0 0 0;
  color:                #ffffff;
}

/*** user manager ***/
div.userMgr {
  position:             absolute;
  left:                 196px;
  padding:              4px 0 0 4px;
}
div.userMgr a, div.userMgr a:hover {
  color:                #ffffff;
}

/*** header notepad and basket area ***/
div.notepadTab, div.basketTab {
  position:             absolute;
  width:                200px;
}
div.notepadTab {
  left:                 396px;
}
div.basketTab {
  left:                 596px;
}
div.notepadTab p.summary, div.basketTab p.summary {
  padding:              4px 0 4px 28px;
}
#notepadSummary, #basketSummary {
  cursor:               pointer;
}
#notepadSummary:hover, #basketSummary:hover {
  color:                #fff;
  text-decoration:      underline;
}
div.notepadTab p.summary img, div.basketTab p.summary img {
  float:                left;
  margin:               -3px 0 0 0;
}
div.topTab {
  visibility:           hidden;
  background-image:     url(images/topTabContent.png);
  background-repeat:    repeat-y;
  z-index:              1000;
  font-weight:          bold;
  color:                #999999;
}
div.topTab img.topBorder {
  margin:               0 0 8px 0;
}
div.topTab p.title {
  margin:               -8px 0 4px 8px;
  padding:              2px 0 2px 0;
}
div.topTab p.title img {
  float:                right;
  margin-right:         8px;
}
div.topTab p.minilist {
  height:               48px;
  overflow:             hidden;
  padding:              2px 8px 0 8px;
  color:                #0168c1;
  line-height:          12px;
}
div.topTab p.minilist:hover {
  background-image:     url(images/hint.png);
  color:                #014178;
}
div.topTab p.minilist a:hover {
  text-decoration:      none;
}
div.topTab p.minilist img {
  float:                left;
  margin:               0 4px 0 0;
}
div.topTab p.goto {
  margin:               2px 4px -6px 111px;
  padding:              0 0 6px 0;
}
div.topTab img.bottomBorder {
  margin:               0 0 -4px 0;
}

/*** header contact link ***/
div.contact {
  position:             absolute;
  left:                 796px;
  padding:              5px 0 0 10px;
}
div.contact a, div.contact a:hover {
  color:                #ffffff;
}

/*** header language selection ***/
div.lang {
  position:             absolute;
  left:                 850px;
  padding:              5px 0 0 10px;
}

/*** header search area ***/
div.search {
  clear:                both;
  width:                800px;
  padding:              14px 0 10px 180px;
  line-height:          23px;
}
div.search input.text {
  width:                250px;
}

/*** header navigation area (top menu) ***/
dl.nav {
  margin:               0 0 0 178px;
  width:                607px;
}
dd.nav {
  float:                left;
  min-width:            80px;
  border-left:          1px solid #cccccc;
  font-weight:          bold;
  text-align:           center;
  cursor:               pointer;
}
dd.nav:first-child {
  border:               0;
}
dd.nav a {
  display:              inline-block;
  padding:              6px 7px 7px 7px;
  color:                #0066cc;
}
dd.nav a:hover{
  color:                #0a1f62;
}
dd.current {
  background-image:     url(images/hint.png);
  font-weight:          bold;
}

/*** left content area ***/
div.left {
  clear:                both;
  float:                left;
  width:                190px;
}

/*** right content area ***/
div.right {
  float:                left;
  width:                203px;
  max-width:            203px;
  padding:              8px 2px 2px 4px;
}

/*** left and right side content ***/

/**** drop boxes ****/
p.boxtop {
  margin:               8px 0 0 0;
  padding:              5px 8px 2px 8px;
  background-repeat:    no-repeat;
  color:                #0a1f62;
  font-weight:          bold;
}
div.left p.boxtop {
  width:                178px;
  background-image:     url(images/boxtop.png);
}
div.right p.boxtop {
  width:                188px;
  background-image:     url(images/boxtoplarge.png);
}
.boxcontent {
  margin:               0;
  padding:              2px 5px 2px 5px;
  background-repeat:    repeat-y;
  cursor:               pointer;
}
div.left .boxcontent {
  width:                178px;
  background-image:     url(images/boxcontent.png);
}
div.right .boxcontent {
  width:                188px;
  background-image:     url(images/boxcontentlarge.png);
}
p.boxbottom {
  margin:               0 0 10px 0;
  padding:              2px 8px 2px 8px;
  background-repeat:    no-repeat;
}
div.left p.boxbottom {
  width:                178px;
  background-image:     url(images/boxbottom.png);
}
div.right p.boxbottom {
  width:                188px;
  background-image:     url(images/boxbottomlarge.png);
}
img.openclose {
  float:                right;
  margin:               2px 6px 0 2px;
  cursor:               pointer;
}

/**** flat menu (in box) ****/
dl.closed {
  display:              none;
}
.boxcontent dd {
  padding:              2px 2px 2px 20px;
}
.boxcontent dd:hover {
  background-color:     #cccccc;
}
p.article {
  min-height:           48px;
  margin:               0 0 2px 8px;
}
p.article span.title {
  font-weight:          bold;
}

/*** main content area ***/
div.main {
  float:                left;
  width:                606px;
  margin:               8px 0;
}

/*** coverflow animation ***/
.mf {
  visibility:           hidden;
  z-index:              1;
  color:                #333333;
  font-weight:          bold;
}
.mf * {
  outline:none;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select:none;
  -o-user-select:none;
}
.mf div.loader {
  position:absolute;
  text-align:center;
  z-index:800;
  margin:0 auto;
  top:45%;
  width:100%;
  background:url(images/indicator.gif) no-repeat 50% 0;
  padding:50px 0;
}
.mf div.caption {
        position:absolute;
        text-align:center;
        z-index:98;
        margin:1em auto;
        bottom:50px;
        width:100%;
}
.mf div.mfNav {
        position:absolute;
        z-index:99;
        margin:0 auto;
        text-align:center;
        width:100%;
        bottom:20px;
        font-size:1px;
        line-height:1px;
        width:100%;
}
.mf div.autoPlayCon {
        float:left;
        width:10%;
        padding-left:3%;
        height:24px;
}
.mf a.play, .mf a.stop {
        width:27px;
        height:24px;
        float:left;
        cursor:pointer;
}
.mf a.play {
        background:url(images/play.gif) no-repeat;
}
.mf a.stop {
        background:url(images/stop.gif) no-repeat;
}
.mf div.sliderCon {
        margin-top:5px;
        float:left;
        width:74%;
}
.mf a.sliderNext {
        background:url(images/left.gif) no-repeat;
}
.mf a.sliderPrev {
        background:url(images/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev {
        text-decoration:none;
        width:25px;
        height:16px;
        cursor:pointer;
        float:left;
}
.mf div.resizeCon {
        float:right;
        width:10%;
        padding-right:3%;
        height:24px;
}
.mf a.resize {
        width:34px;
        height:24px;
        float:right;
        cursor:pointer;
        background:url(images/resize.gif) no-repeat;
}
.mf div.slider {
        background:url(images/middle.gif) repeat-x;
        height:16px;
        position:relative;
        text-align:left;
        float:left;
}
.mf div.knob {
        height:16px;
        background:url(images/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft {
        background:url(images/left-slider.gif) repeat-x center;
        width:8px;
        height:16px;
}

/*** slideshow animation ***/
div.largeshow {
  height:               198px;
  background-image:     url(images/largeshow.png);
  padding:              1px 0 1px 0;
  margin:               0 0 16px 0;
}
div.smallshow {
  height:               132px;
  background-image:     url(images/smallshow.png);
  padding:              4px 0 4px 0;
  margin:               0 0 16px 0;
}
div#slideshowStage {
  float:                left;
  height:               100%;
  overflow:             hidden;
}
div.largeshow div#slideshowStage {
  width:                557px;
}
div.smallshow div#slideshowStage {
  width:                551px;
}
div#slideshow {
  height:               100%;
  width:                5000px;
}
div#slideshow div {
  float:                left;
  top:                  0;
  height:               100%;
  width:                551px;
  margin:               0 0 0 6px;
}
div.largeshow div#slideshow div {
  background-image:     url(images/coverlargebg.png);
}
div.smallshow div#slideshow div {
  background-image:     url(images/coversmallbg.png);
}
div.largeshow div#slideshow img.cover {
  height:               187px;
  width:                125px;
  margin:               2px 9px 0 0;
}
div.smallshow div#slideshow img.cover {
  height:               123px;
  width:                82px;
  margin:               2px 5px 0 0;
}
#prev {
  float:                left;
  margin-left:          8px;
  cursor:               pointer;
}
#next {
  float:                right;
  margin-right:         9px;
  cursor:               pointer;
}
div.largeshow #prev, div.largeshow #next {
  margin-top:           90px;
}
div.smallshow #prev, div.smallshow #next {
  margin-top:           60px;
}

/*** welcome content ***/
div.welcome {
  clear:                both;
  margin:               2px 8px 20px 4px;
  text-align:           justify;
}
div.welcome p {
  padding:              0 0 6px 0;
}
div.callcenter {
  background-image:     url(images/callcenter.png);
  background-position:  100% 0;
  background-repeat:    no-repeat;
}

/*** trailers ***/
body.trailer {
  min-width:            420px;
}
body.trailer div.header {
  background-image:     url(images/headertrailer.png);
  font-size:            14px;
  font-weight:          bold;
}
body.trailer p.audiosample {
  border-bottom:        1px solid #cccccc;
  padding-bottom:       24px;
  background-color:     #ffffff;
  font-weight:          bold;
  font-size:            14px;
}
body.trailer p.excerpt {
  height:               350px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}
body.trailer img.bigcover {
  float:                left;
  margin:               0 20px 0 0;
  border:               1px solid #808080;
}

/*** big covers and overlays ***/
div.bigcover {
  display:              none;
  position:             fixed;
  top:                  0px;
  left:                 0px;
  height:               100%;
  width:                100%;
  background-image:     url(images/bigcoverbg.png);
  text-align:           center;
  cursor:               pointer;
  z-index:              200;
}
div.bigcover img {
  margin:               40px;
  border:               1px solid #808080;
}
div.bigcover iframe {
  margin:               40px;
  background-color:     #ffffff;
}
body.overlay {
  min-height:           540px;
  min-width:            500px;
  text-align:           center;
}
body.overlay div, div.overlay {
  height:               524px;
  width:                484px;
  margin:               auto;
  padding:              8px;
  background-image:     url(images/overlay.png);
  background-repeat:    no-repeat;
  text-align:           justify;
}
div.overlay {
  margin-top:           40px;
  position: relative;
}
.overlay p.title {
  padding:              0;
  font-weight:          bold;
  text-align:           center;
  width: 100%;
  padding-bottom: 15px;
}
.overlay img.close {
  float:                right;
  margin:               2px 0 0 0;
  border:               0;
}
.overlay .termTitle {
	width: 50%;
	text-align: center;
	margin-right: 235px;
	margin-bottom: 15px;
}
.overlay .termClose {
	width: 50%;
	text-align: right;
	padding-left: 220px;
	
}
.overlay div.excerpt {
  clear:                both;
  height:               460px;
  overflow:             auto;
  padding:              8px;
}
.overlay div.terms {
  height:               478px;
  width:                472px;
  overflow:             auto;
  padding:              13px 8px 8px 8px;
  background-image:     none;
  font-size:            12px;
  font-family:          Verdana;
}

/*** content box (bookpack) ***/
div.contentbox {
  float:                left;
  margin:               3px 3px 0 0;
}
div.contentbox div.content {
  float:                left;
  width:                300px;
  padding:              8px 0 8px 0;
  background-image:     url(images/contentbox.png);
  background-repeat:    no-repeat;
}
div.contentbox p.content {
  height:               202px;
  overflow:             auto;
  padding:              0 8px 0 8px;
}
div.contentbox p.content img {
  float:                left;
  margin:               0 8px 2px 0;
  border:               1px solid #808080;
  cursor:               pointer;
}
div.contentbox p.details {
  overflow:             hidden;
  border-top:           1px solid #cccccc;
  padding:              0 6px 0 2px;
  text-align:           right;
}
div.contentbox div.actionbar {
  position:             absolute;
  visibility:           hidden;
  height:               230px;
  width:                33px;
  overflow:             hidden;
  margin-left:          296px;
  padding:              4px 0 0 6px;
  background-image:     url(images/actionbar.png);
  background-repeat:    no-repeat;
  text-align:           left;
}
div.contentbox div.actionbar img {
  cursor:               pointer;
}

/*** content box replace animaiton ***/
div.cbreplace, div.cbreplace div.cbitem {
  height:               236px;
  width:                607px;
}
div.cbreplacenav {
  float:                right;
  margin-right:         8px;
}

/*** alternative box ***/
div.altbox {
  float:                left;
  height:               122px;
  width:                290px;
  margin:               2px 3px 2px 0;
  background-image:     url(images/altbox.png);
  background-repeat:    no-repeat;
  padding:              4px;
}
div.altbox p.content {
  height:               86px;
  padding:              4px;
}
div.altbox p.content img {
  float:                left;
  margin:               -3px 12px 0 4px;
  border:               1px solid #808080;
  cursor:               pointer;
}
div.altbox div.actions {
  position:             absolute;
  width:                282px;
  padding:              4px;
  text-align:           right;
}
div.altbox div.actions img {
  margin:               0 0 0 4px;
  cursor:               pointer;
}


/*** tabbox ***/
div.tablinks, div.tabtitle, div.tabcontent, div.tabbottom {
  clear:                both;
  width:                559px;
}
div.tablinks {
  height:               35px;
  margin:               2px 0 0 0;
  padding:              0 41px 0 0;
  background-image:     url(images/tabLinkBG.png);
  background-repeat:    no-repeat;
  background-position:  0% 100%;
}
div.tablinks p, div.tablinks img {
  display:              block;
  float:                left;
}
div.tablinks p {
  line-height:          32px;
  font-size:            11px;
  cursor:               pointer;
  padding:              2px 4px 0 4px;
  background-image:     url(images/tabLink.png);
  background-repeat:    repeat-x;
}
div.tablinks p.current {
  padding-top:          0px;
  font-weight:          bold;
  background-image:     url(images/tabCurrent.png);
}
div.tablinks p:hover {
  color:                #0066cc;
}
div.tabtitle {
  padding:              10px 20px 0 20px;
  background-image:     url(images/tabContent.png);
  font-weight:          bold;
  background-repeat:    repeat-y;
}
div.tabcontent {
  display:              none;
  min-height:           310px;
  padding:              5px 20px 5px 20px;
  background-image:     url(images/tabContent.png);
  background-repeat:    repeat-y;
}
div.tabbottom {
  padding:              8px 20px 10px 20px;
  background-image:     url(images/tabBottom.png);
  background-repeat:    no-repeat;
  background-position:  0% 100%;
}
#tabContent1 {
  display:              block;
}
div.tabcontent p {
  padding:              4px 0 2px 0;
}
div.tabcontent img {
  float:                left;
  margin:               2px 8px 4px 0;
  border:               1px solid #808080;
  cursor:               pointer;
}
div.tabcontent img.rating, div.tabcontent img.button {
  float:                none;
  margin:               0 0 0 2px;
  border:               0;
  cursor:               default;
}
div.tabcontent img.button {
  margin:               2px 0 0 0;
  cursor:               inherit;
}
div.tabcontent p.review {
  margin:               4px 0 6px 0;
  border-top:           1px solid #eeeeee;
  border-right:         1px solid #ffffff;
  border-bottom:        1px solid #ffffff;
  border-left:          1px solid #eeeeee;
  padding:              4px;
  background-image:     url(images/body.png);
  background-repeat:    repeat-x;
}
div.tabcontent p.review img {
  float:                none;
  margin:               8px 8px 0 0;
  border:               0;
}
div.tabcontent p.review img:first-child {
  float:                right;
  margin:               0 0 2px 8px;
}
div.tabcontent p.load {
  display:              none;
  color:                #808080;
  text-align:           center;
}
div.tabcontent #summary {
  padding-bottom:       8px;
}
div.tabcontent p#result, div.tabcontent span.moretext {
  display:              none;
}
div.tabbottom {
  height:               62px;
}
div.tabbottom div.actions {
  float:                left;
}
div.tabbottom div.actions img {
  margin:               28px 12px -6px 0;
  cursor:               pointer;
}
div.tabbottom div.detailBasket {
  float:                right;
  min-width:            300px;
}
div.tabbottom div.detailBasket img {
  margin:               0 0 -6px 12px;
  cursor:               pointer;
}

/*** additional suggestion ***/
p.suggestion {
  margin:               16px 0 8px 0;
  padding:              8px;
  color:                #808080;
  font-weight:          bold;
}

/*** login and register area ***/
table.register {
  margin:               16px 0 16px 0;
}
table.register td {
  padding:              2px 8px 2px 0;
  vertical-align:       top;
}
table.register p {
  padding:              2px 0px 2px 0;
}
table.register td:first-child {
  width:                180px;
  text-align:           right;
}
input.openid {
  width:                368px;
  border:               1px solid #ff6200;
  background-image:     url(http://stat.livejournal.com/img/openid-inputicon.gif);
  background-repeat:    no-repeat;
  padding:              2px 2px 2px 18px;
}
input.register, textarea.register {
  width:                248px;
  border:               1px solid #808080;
  padding:              2px;
}
select.register {
  width:                254px;
  border:               1px solid #808080;
}
p.login {
  padding:              2px 0 8px 0;
}

/*** basket and notepad ***/
div.basket, div.checkout {
  float:                left;
  margin:               0 2px 0 0;
  width:                300px;
  background-image:     url(images/basketboxtop.png);
  background-repeat:    no-repeat;
}
div.checkout {
  clear:                right;
  float:                right;
}
p.basketTitle {
  padding:              10px;
  font-weight:          bold;
}
div.basketContent {
  width:                292px;
  border-top:           0px;
  border-right:         1px solid #cccccc;
  border-bottom:        0px;
  border-left:          1px solid #cccccc;
  padding:              4px 2px 2px 2px;
}
div.basketContent p {
  padding:              4px 0 0 0;
}
div.basketContent .text {
  width:                272px;
}
table.basket {
  width:                297px;
  margin:               1px;
}
table.notepad {
  width:                597px;
  margin:               1px;
} 
table.basket th, table.notepad th {
  border:               1px solid #cccccc;
  padding:              2px;
  background-color:     #eeeeee;
}
table.basket td, table.notepad td {
  border-top:           0px;
  border-right:         1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              2px;
  vertical-align:       top;
}
table.basket .quantity, table.notepad .quantity {
  text-align:           center;
}
table.basket .description {
  max-width:            130px;
}
table.notepad .description {
  max-width:            400px;
}
table.basket .price, table.notepad .price {
  text-align:           right;
}
table.basket .action, table.notepad .action {
  text-align:           center;
}
table .description img {
  float:                left;
  margin:               0 2px 2px 0;
  cursor:               pointer;
}
table .quantity input {
  width:                20px;
  text-align:           center;
}
table .price div {
  float:                left;
}
table .action img {
  margin:               0 2px 0 2px;
  cursor:               pointer;
}
p.basket {
  padding:              8px 8px 20px 0;
}
table.creditcard, table.delivery, table.bill {
  display:              none;
  margin:               0;
}
table.addresses {
  width:                560px;
  margin:               0 0 2px 0;
  font-size:            10px;
  text-align:           left;
}
table.addresses th, table.addresses td {
  border:               1px solid #cccccc;
  padding:              2px;
}
table.addresses th {
  background-color:     #eeeeee;
  color:                #808080;
}
table.addresses td {
  background-color:     #ffffff;
}
table.addresses img {
  border:               0;
}
div#addform {
  display:              none;
}
p.basketBottom {
  background-image:     url(images/basketboxbottom.png);
  background-repeat:    no-repeat;
}
div.basketHelp {
  position:             relative;
}

/*** search lists ***/
.list {
  height:               45px;
  width:                584px;
  margin:               4px 0 2px 0;
  padding:              8px;
  background-image:     url(images/listtop.png);
  background-repeat:    no-repeat;
}
.list img.cover {
  clear:                left;
  float:                left;
  margin:               0 8px 2px 0;
}
.biginfo {
  display:              none;
  height:               114px;
}
.biginfo img.cover {
  border:               1px solid #808080;
}
.biginfo a.biginfoTitle {
  padding-right:        100px;
}
.biginfo span {
  display:              block;
}
.biginfo span.text {
  text-align:           justify;
  height:               70px;
  overflow:             auto;
}
.biginfo span.actions {
  margin-top:           -28px;
  padding:              4px;
  text-align:           right;
}
.biginfo span.actions img {
  margin:               0 2px 0 2px;
  cursor:               pointer;
}

/*** pure text pages ***/
div.listbox {
  width:                584px;
  margin:               4px 0 2px 0;
  padding:              8px;
  background-image:     url(images/listtop.png);
  background-repeat:    no-repeat;
}
div.listbox p {
  padding:              0 0 6px 0;
  text-align:           justify;
}

/*** no boxes ***/
div.nobox {
  margin:               8px 2px 8px 0;
  text-align:           left;
}
p.hinttitle {
  border-top:           2px solid #cccccc;
  border-bottom:        2px solid #cccccc;
  padding:              2px 0 4px 0;
  color:                #808080;
  font-weight:          bold;
}
p.hinttitle img {
  float:                right;
  margin:               0 2px 0 2px;
  cursor:               pointer;
}

/*** static boxes ***/
div.boxstatic {
  margin:               8px 0 8px 0;
  text-align:           left;
}
div.main div.boxstatic {
  margin:               8px 0 8px 62px;
}
p.hinttop {
  padding:              6px 8px 2px 8px;
  background-repeat:    no-repeat;
  color:                #808080;
  font-weight:          bold;
}
div.left p.hinttop {
  background-image:     url(images/hinttop.png);
}
div.right p.hinttop {
  background-image:     url(images/hinttoplarge.png);
}
.hintcontent {
  background-repeat:    repeat-y;
  padding:              2px 8px 1px 8px;
}
div.left .hintcontent {
  background-image:     url(images/hintcontent.png);
}
div.right .hintcontent {
  background-image:     url(images/hintcontentlarge.png);
  vertical-align: top;
}
.hintcontent img {
  margin:               0 4px 0 0;
}
p.hintbottom {
  padding:              2px 8px;
  background-repeat:    no-repeat;
}
div.left p.hintbottom {
  background-image:     url(images/hintbottom.png);
}
div.right p.hintbottom {
  background-image:     url(images/hintbottomlarge.png);
}

/*** textSlide slideshow ***/
#textSlideStage {
  width:                200px;
  overflow:             hidden;
}
#textSlide {
  width:                2000px;
}
#textSlide div {
  float:                left;
  width:                197px;
  padding:              8px 2px 8px 2px;
  text-align:           justify;
}
img.textSlide {
  float:                left;
  margin:               0 4px 4px 0;
  border:               1px solid #808080;
}

/*** footer area ***/
div.footer {
  clear:                both;
  border-top:           1px solid #eeeeee;
  padding:              8px;
  background-color:     #f5f5f5;
  color:                #808080;
  text-align:           center;
}
div.footer a {
  color:                #808080;
}
div.footer a:hover {
  color:                #333333;
  text-decoration:      none;
}
div.footer img {
  float:                right;
  margin:               0 0 0 8px;
}

*** event overview in side area ***/
.boxcontent .eventdate {
  display:              block;
}
.boxcontent .eventtitle {
  font-weight:          bold;
}
.boxcontent .eventsubtitle {
}

/*** event overview in main area ***/
div.eventSectionTitle {
  margin:               2px 2px 0 2px;
  background-image:     url(images/eventTop.png);
  background-repeat:    no-repeat;
}
div.closed {
  display:              none;
}
div.eventSectionTitle p.boxtop {
  font-size:            14px;
  color:                #808080;
}
div.eventSectionBottom {
  height:               12px;
  margin:               2px 2px 0 2px;
  background-image:     url(images/eventBottom.png);
  background-repeat:    no-repeat;
}

/*** books in side area (e.g. topseller)  ***/
.boxcontent .author {
}
.boxcontent .title {
  font-weight:          bold;
}

/*** accordion menu ***/
dl.accordion dt {
  position:             relative;
  padding:              4px 0 2px 20px;
  background-image:     url(images/forwd.png);
  background-position:  0 3px;
  background-repeat:    no-repeat;
  cursor:               pointer;
}
dl.accordion dt:hover {
  background-color:     #cccccc;
}
dl.accordion dt.open {
  background-image:     url(images/down.png);
  font-weight:          bold;
}
dl.accordion dt.accordionLink {
  background-image:     none;
}
dl.accordion a {
  display:              block;
}
dl.accordion dd {
  position:             relative;
  overflow:             hidden;
}
dl.accordion dd:hover {
  background-color:     transparent;
}
dl.accordion dd.accordion_content {
  padding:              0 10px 0 20px;
}
dl.accordion dd.accordion_content p {
  padding:              5px 0 7px 0;
}
dl.accordion a {
  color:                #333333;
}
dl.accordion a:hover {
  text-decoration:      none;
}

/***** accordion menu 2nd level *****/
dl.accordion dd dl dt {
  padding-left:         20px;
  background-position:  10px 3px;
}
dl.accordion dd dl dd.accordion_content {
  padding-left:         20px;
}

/***** accordion menu 3rd level *****/
dl.accordion dd dl dd dl dt
{
  padding-left:         30px;
  background-position:  20px 3px;
}
dl.accordion dd dl dd dl dd.accordion_content {
  padding-left:         30px;
}

/***** accordion menu 4th level *****/
dl.accordion dd dl dd dl dd dl dt {
  padding-left:         40px;
  background-position:  30px 3px;
}
dl.accordion dd dl dd dl dd dl dd.accordion_content {
  padding-left:         40px;
}

/*** user info box ***/
div.userInfo {
  height:               124px;
  margin:               2px 0 2px 0;
  padding:              8px;
  background-image:     url(images/smallshow.png);
  background-repeat:    no-repeat;
}
div.userInfoImg {
  display:              inline-block;
  vertical-align:       top;
}
div.userInfoImg img {
  height:               120px;
  width:                auto;
  border:               1px solid #cccccc;
}
div.userInfoText {
  height:               120px;
  width:                470px;
  display:              inline-block;
  padding:              0 0 0 16px;
  vertical-align:       top;
  overflow:             auto;
}
div.userInfoText p:first-child {
  font-weight:          bold;
}

/*** stock check ***/
div.checkStock {
  position:             absolute;
}
div#stockCheckId span img {
  margin:               1px 0 -3px 0;
}
div#stockCheck, div#stockCheckErr {
  width:                300px;
  height:               30px;
}


.heading { /* IST NEU, WIRD BISHER NUR EINMAL VERWENDET */
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 10px;
}


/*** search request form ***/
td.secondCol input.text, td.secondCol textarea {
  width:                300px;
}

.searchtable {
	width: auto;
	text-align: left;
	margin-left: 32px;
}

.searchtable td {
	padding-bottom: 11px;
}


.searchtable input.text, .searchtable textarea {
	width:                300px;
}

.confirmSubmit {
	text-align: center;
	padding-top: 125px;
	color: green;
	font-weight: bold;
	display: block;
	height: 250px;
	width: 500px;
	position: absolute;
	background-color: #fff;
}


.adressForPrint {
	display: none;
}

textarea.checkout2 {
	width: 270px;
	height: 70px;
	margin-bottom: 10px;
}

.autorSearch input.textfield {
	width: 150px;
	height: 18px;
	border: 1px solid #ccc;
}


.autorSearch select {
	width: 150px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
}

.autorSearch td {
	padding: 2px;
}

/*** download ***/
div.download img {
  float:     left;
  margin:    0 4px 4px 0;
}


/*** NEW ACCOUNT NOTIFICATION STYLE ***/

.accountNotification {
	width: 100%;
}

.accountNotification th,
.accountNotification td {
	text-align: left;
}

/** ALERT MESSAGE BOX **/
.alertbox {
  visibility:           hidden;
  height:               0;
  width:                0;
  overflow:             hidden;
}
.DefaultStickyWin .top {
  height:               30px;
}
.DefaultStickyWin .top_ul {
  margin-right:         -15px;
}
.DefaultStickyWin .top_ur {
  width:                385px;
}
.DefaultStickyWin h1 {
  display:              block;
  width:                100%;
}
.DefaultStickyWin .title {
  display:              block;
  margin:               2px 0 0 5px;
  font-weight:          bold;
  font-size:            12px;
}
.DefaultStickyWin .body {
  position:             static;
  width:                inherit;
  border:               0;
}
.DefaultStickyWin input {
  margin-top:           10px;
}


/*** ***/

img.swissOnly {
	margin-bottom: -3px;
	display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
}