@charset "iso-8859-1";

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

version history:
2.6.1-0  29.06.2009  sb  initial release
2.7.0-0  13.01.2010  sb  synced with zueribuch
2.7.1-0  28.01.2010  sb  synced with zueribuch
2.7.2-0  30.03.2010  sb  synced with zueribuch
2.7.2-1  27.04.2010  sb  synced with zueribuch
3.0.1-0  27.09.2011  sb  animation renewed
*/

/*** Global Defaults ***/
* {
  margin:               0;
  border:               0 solid #999999;
  padding:              0;
}
li {
  float:                left;
  list-style:           none;
}
a, a:visited {
  color:                #0052A7;
}
h3 {
  font-size:            13px;
}
.heading {
  font-size:            22px;
  font-weight:          bold;
  margin:               5px 0;
}
.smallText {
  font-size:            10px;
}
.warning {
  color:                red;
  font-weight:          bold;
}
.noBorder {
  border-width:         0 !important;
}
.link, .button {
  cursor:               pointer;
}
.floatleft { float: left; }
.floatright { float: right; }
.floatcenter { float: center; }
.clear { clear: both; }
#clear { clear: both; }
.alignleft { text-align: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }

.inputParagraph {
  margin-bottom:        7px;
}

/*** forms and buttons ***/
form {
  display:              inline;
}
input, select {
  border-width:         1px;
}
input.actionButton {
  background-color: #cc0000;
  padding: 4px 5px;
  border: 0;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-family: Verdana;
  font-variant:         small-caps;
}

.imageshow {
  height: 240px;
}

.actionButton, .actionButton:visited {
  display:inline-block;
  padding: 5px;
  background-color: #cc0000;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  font-family: Verdana;
  font-variant:         small-caps;
  cursor:               pointer;
}
.actionButtonBorder {
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  margin: 5px 0;
  border: 1px solid #cc0000;
  padding: 1px;
  margin: 5px;
}

/** ANIMATION DEFALUTS **/
.animation {
  background-position:  0 100%;
  position:             relative;
}
.animationConfig {
  display:              none;
}
.animationHeading {
  display:              inline-block;
  color:                #EEEEEE;
  height:               0;
  left:                 10%;
  margin-bottom:        -5px;
  position:             absolute;
  text-align:           center;
  width:                80%;
  font-size:            22px;
  font-weight:          bold;
  margin:               5px 0; 
  top:                  205px;
  z-index:              100;
}
.animationHeadingLink {
  display:              none;
}
.animationImagestage {
  text-align:           center;
}
.animationImagestageIndicator {
  padding:              32px;
}
.animationContainer {
  position:             relative;
  overflow:             hidden;
  clear:                both;
  padding:              25px 0 45px 0;
  background-position:  0 100%;
  background-repeat:    repeat-x;
}
.ext-ie7 .animationContainer {
  overflow:             visible;	
}
.animationContainerWrap {
  position:             relative;
  letter-spacing:       -4px;
  word-spacing:         -4px;
}
.animationContainerWrapSlide {
  display:              inline-block;
  letter-spacing:       normal;
  word-spacing:         normal;
}
.ext-ie6 .animationContainerWrapSlide, .ext-ie7 .animationContainerWrapSlide {
  display:              inline;
}
.animationContainerWrapStage {
  margin:               0 150px; 	
}
.animationContent {
  clear:                both;
  visibility:           hidden;
  height:               0;
}
.animationContentItem {
  display:              inline-block;
}
.ext-ie6 .animationContentItem, .ext-ie7 .animationContentItem {
  display:              inline;
}
.animationContentItemCover {
  text-align:           center;
  visibility:           hidden;
}
.ext-ie6 .animationContentItemCover, .ext-ie7 .animationContentItemCover {
  display:              inline;
}
.animationContentItemArticleAuthor {
  font-weight:          bold;
}
.animationContentItemArticleTitle {
  font-size:            16px;
  font-weight:          bold;
}
.animationContentItemArticleSubtitle {
  font-size:            10px;
}
.animationContentItemArticleText {
  padding:              8px 0 4px 0;
}
.animationContentItemArticleInfo {
  color:                #999999;
}
.animationContentItemArticlePrice {
  float:                left;
  margin-top:           4px;
  font-size:            14px;
  font-weight:          bold;
}
.animationContentItemArticleActions {
  text-align:           right;
}
.animationNavigation {
  text-align:           center;
}
.animationNavigationPrev {
  float:                left;
  background-image:     url('images/goPrev.png');
}
.animationNavigationNext {
  float:                right;
  background-image:     url('images/goNext.png');
}
.animationNavigationPrev, .animationNavigationNext {
  height:               24px;
  width:                28px;
  cursor:               pointer;
  font-size:            0;
}
.ext-ie7 .animationNavigationPrev, .ext-ie7 .animationNavigationNext {
  position: relative;
}
.animationNavigationPrev:hover, .animationNavigationNext:hover {
  background-position:  0 100%;
}
.animationNavigationPrev.animationNavigationDisabled:hover, .animationNavigationNext.animationNavigationDisabled:hover {
  background-position:  0 0;
}
.animationNavigationIndex {
  display:              inline-block;
  border-top:           0;
  padding:              2px;
  margin-top:           10px;
}
.ext-ie7 .animationNavigationIndex {
  display:              inline;	
}
.animationNavigationIndexItem {
  display:              inline-block;
  width:                18px;
  padding:              2px 4px;
  outline:              0 none;
  line-height:          13px;
  font-weight:          bold;
  font-size:            12px;
  border:               1px solid #AAAAAA;
  color:                #AAAAAA;
  margin:               5px 4px 0 4px;
  text-decoration:      none;
}
.animationNavigationIndexSelected {
  border:               1px solid #EEEEEE;
  color:                #EEEEEE;
}
.animationNavigationIndexItem:hover {
  background-color:     #333333;
}

/** ANIMATION IMAGESHOW **/
.imageshow .animationNavigationPrev, .imageshow .animationNavigationNext {
  position:             relative;
  z-index:              1;
  margin-top:           -30px;
}	
.imageshow .animationNavigationNext {
  margin-right:         10px;	
}
.imageshow .animationNavigationPrev {
  margin-left:          6px;	
}
.imageshow .animationContainerWrapSlide {
  text-align:           center;
}
.imageshow .animationContentItemArticle {
  display:              none;
}
#imageshowtip {
  display:              none;
  position:             absolute;
  overflow:             hidden;
  height:               170px;
  width:                266px;
  padding:              8px 12px 12px 15px;
  background-image:     url(images/toolbox.png);
  font-size:            10px;
  color:                #ffffff;
  z-index:              110;
}
#imageshowtip a {
  color:                #ffffff;
  text-decoration:      none;	
}
#imageshowtip .animationContentItemArticleTitle {
  font-size:            14px;
  color:                #ffffff;
}
#imageshowtip .animationContentItemArticleText {
  max-height:           96px;
  overflow:             hidden;
  color:                #ffffff;
}
#imageshowtip .animationContentItemArticlePrice {
  float:                right;
  margin-top:           -16px;
  font-size:            14px;
  color:                #ffffff;  
}
#imageshowtip .animationContentItemArticleActions, #imageshowtip .animationContentItemArticleLink, #imageshowtip .animationContentItemArticleText a {
  display:              none;
}
#imageshowtip .animationContentItemArticleInfo {
  color:                #ffffff;  	
}

/*** Page Body ***/
body {
  background-color:     #6884AB;
  color:                #333333;
  font-family:          Arial, sans-serif;
  font-size:            11px;
}
div.body {
  position:             relative;
  width:                1000px;
  margin:               12px auto auto auto;
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color:     #ffffff;
}

/*** Roof Area ***/
div.roof {
  position:             relative;
  height:               24px;
  margin:               0 -1px 0 -1px;
  border-left:          1px solid transparent;
  border-right:         1px solid transparent;
  background-color:     #6884AB;
  letter-spacing:       0px;
  font-variant:         normal;
  font-weight:          normal;
  color:                #ffffff;
}
div.roof a,
div.roof a:visited {
  display:              block;
  padding:              4px 6px;
  text-decoration:      none;
  color:                #fff;
}
div.roof a:hover {
  text-decoration:      underline;
}

div.roof .topCart {
  float:                right;
  display:              block;
  margin:               0 -1px 0 0;
  border-width:         1px 1px 0 0;
  background-color:     #cc0000;
  background-image:     url(images/roofRed.png);
  background-repeat:    repeat-x;
  letter-spacing:       2px;
  text-align:           center;
}
div.roof .topCart a {
  font-size:            13px;
  font-family:          Arial;
  font-weight:          bold;
  text-transform:       uppercase;
}
div.roof .topNav {
  float:                left;
  border-width:         1px 1px 0 1px;
  margin: 0 0 0 -1px;
}
div.roof .topNav li {
  border-width:         0 0 1px 0;
  background-color:     #3653a9;
  background-image:     none;
  background-repeat:    repeat-x;
}
div.roof .topNav li.selected {
  background-color:     #cc0000;
  background-image:     url(images/roofRed.png);
  background-repeat:    repeat-x;
}
div.roof .topNav li a {
  color:white;
  font-size:12px;
  font-family:Arial;
letter-spacing:       1px;
font-weight:bold;
}
div.roof .topNav li.selected a {
background-color:#cc0000;
background-image:     url(images/roofRed.png);
color:white;
letter-spacing:       1px;
font-weight:bold;
}
div.roof .topPub {
  position:             absolute;
  color:                black;
  left:                 600px;
  top:                  0;
}

/*** Header Area ***/
div.header {
  height:               75px;
  border-width:         1px 0 0 0;
  padding:              4px;
  background-color:     #072249;
  background-image:     url(images/headerBg.png);
  background-repeat:    repeat-x;
  color:                #ffffff;
}
div.header.lehrmittel {
  background-color:     #c94300;
  background-image:     url(images/headerLehrmittelBg.png);
}
div.header a, div.header a:visited {
  color:                inherit;
  text-decoration:      none;
  color:                #ffffff;
}
div.header a:hover {
  color:                #ffdd00;
  text-decoration:      underline;
}
div.header .headerLogo {
  float:                left;
  padding:              18px 22px 0 18px;
}
div.header .headerSearch {
  float:                left;
  width:                512px;
  margin-top:           16px;
  padding:              0 0 10px 30px;
  background-image:     url(images/searchBg.png);
  background-repeat:    no-repeat;
}
div.header.lehrmittel .headerSearch {
  background-image:     url(images/searchLehrmittelBg.png);
}
div.header .headerSearchLabel {
  padding:              4px 0 0 122px;
}
div.header .headerSearchForm {
  padding:              0 0 4px 2px;
}
div.header .headerSearchForm select {
  width:                116px;
  padding:              3px;
}
div.header .headerSearchForm input {
  padding:              4px;
}
div.header .headerSearchForm input.qs {
  width:                277px;
}
div.header .headerSearchForm img {
  margin:               -3px 0 -9px 0;
}
div.header .headerMenu {
  padding:              2px;
  font-weight:          bold;
  text-align:           right;
}
div.header .headerMenu a {
  font-variant:         small-caps;
}
div.header .headerMenu a.hmla {
  padding-bottom:       4px;
}
div.header .headerBottom {
  clear:                both;
  padding:              4px;
  font-weight:          bold;
  text-align:           center;
  display:              none;
}
div.header .headerBottom a {
  text-decoration:      underline;
}

/*** Hint Area (morphShow) ***/
.hint {
  border-top-width:     1px;
}
.hintStage {
  width:                100%;
  height:               255px;
  overflow:             hidden;
  font-size:            0;
}
.hintStageItem {
  position:             absolute;
  visibility:           hidden;
}
.hintNext {
  position:             absolute;
  z-index:              20;
  height:               24px;
  width:                24px;
  margin:               -38px 0 0 955px;
  background-image:     url('images/nextSlide.png');
  cursor:               pointer;
}
.hintNext:hover {
  background-position:   0 24px;
}

/*** imageShow ***/
.imageShow {
  display:              none;
  width:                100%;
  border-top-width:     1px;
  font-size:            0;
}
.imageShow .info {
  float:                left;
  width:                210px;
  overflow:             hidden;
  padding:              10px 10px 20px 10px;
  background-color:     #333333;
  background-position:  0 100%;
  color:                #ffffff;
  font-size:            17px;
}
.imageShow .title {
  position:             relative;
  top:                  -36px;
  left:                 10%;
  width:                80%;
  height:               0;
  margin-bottom:        -5px;
  color:                #eeeeee;
  text-align:           center;
}
.imageShow .hidden {
  display:              none;
}
.imageSlider {
  height:               0;
  overflow:             hidden;
  padding:              10px 0 50px 0;
  background-color:     #999999;
  background-position:  0 100%;
}
.ux-carousel-slides-wrap {
  overflow:             hidden;
  position:             relative;
}
.ux-carousel-slide {
  float:                left;
  overflow:             hidden;
  text-align:           center;
}
.sliderItem {
  text-align:           center;
  white-space:          nowrap;
}
.sliderItem img {
  margin:               0 15px 0 15px;
  border-width:         1px;
}
.ux-carousel-nav {
  height:               32px;
  width:                100%;
  margin:               15px 0 -23px 0;
}
.ux-carousel-caption {
  display:              none;
}
.ux-carousel-nav-next, .ux-carousel-nav-prev {
  display:              block;
  height:               24px;
  width:                24px;
  margin:               5px 16px 0 16px;
}
.ux-carousel-nav-next {
  float:                right;
  background-image:     url('images/nextSlide.png');
}
.ux-carousel-nav-prev {
  float:                left;
  background-image:     url('images/prevSlide.png');
}
.ux-carousel-nav-prev:hover, .ux-carousel-nav-next:hover {
  background-position:   0 24px;
}
.ux-carousel-nav-play {
  display:               none;
}
.ux-carousel-indexnav {
  width:                100%;
  text-align:           center;
}
.ux-carousel-indexnav a {
  padding:              2px 4px;
  font-weight:          bold;
  font-size:            12px;
  text-decoration:      none;
}
.ux-carousel-indexnav a:hover {
  background-color:     #333333;
}
.ux-carousel-nav-item {
  margin:               0 4px;
  border:               1px solid #aaaaaa;
  color:                #aaaaaa;
}
.ux-carousel-nav-item:hover {
  border:               1px solid #dbdbbc;
  color:                #dbdbbc;
}
.ux-carousel-nav-item-selected {
  border:               1px solid #eeeeee;
  color:                #eeeeee;
}

/*** Navigation Area ***/
div.nav {
  border-width:         1px 0 0 0;
  font-family:          Arial;
}
div.nav ul {
  margin-top:           -1px;
}
div.nav li {
  margin:               0 -1px -1px 1px;
  border-width:         1px 1px 1px 0;
}
div.nav li.selected {
  background-repeat:    repeat-x;
  font-weight:          bold;
background-color:     #f0f4f5;
}
div.nav a {
  display:              inline-block;
  padding:              2px 8px;
  color:                #333333;
  font-size:            12px;
  text-decoration:      none;
}
div.subnav {
  height:               18px;
  overflow:             hidden;
  border-width:         1px 0 0 0;
  background-color:     #f0f4f5;
}
div.subnav li {
  margin:               -2px 0 0 0;
  border-top-width:     1px;
  background-color:     #f0f4f5;
}
div.subnav li.selected {
  font-weight:          bold;
}
div.subnav a {
  display:              inline-block;
  padding:              2px 8px;
  color:                #333333;
  font-size:            12px;
  text-decoration:      none;
}

/*** Bread Crump Area ***/
div.breadCrumb {
  padding:              4px;
  border-top-width:     1px;
}

/*** Headline Bar ***/
.headlineBar {
  width:                100%;
  border-top-width:     1px;
  
}
.headlineBar table td {
  vertical-align:       top;
  padding:              15px;
}

/*** EMPTY SPACE ***/
.emptySpace {
  border-top-width:     1px;
  margin-top:           -1px;
}

/*** Main Area ***/
div.main {
  padding:              10px;
}
.addMainPad {
  padding:              0 10px;
}

/*** Footer Link Area ***/
div.footerLinks {
  height:               50px;
  border-width:         1px 0 0;
  padding:              10px 80px;
  text-align:           center;
  margin-top:           -1px;
}

div.footerLinks a, div.footerLinks a:visited {
  display:              inline-block;
  margin:               5px -5px 5px 0;
  border-left-width:    1px;
  padding:              0 12px;
  color:                #999999;
}
div.footerLinks a:first-child, div.footerLinks a:visited {
  border-left-width:    0;	
}
div.footerLinks a:hover {
  color:                #333333;
}

/*** login and register area ***/
div.login, div.register {
  border-width:         0;
}
table.login, table.register {
  margin:               16px 0 16px 0;
}
table.login td, table.register td {
  padding:              2px 8px 2px 0;
  vertical-align:       top;
}
table.login td:first-child, table.register td:first-child {
  width:                180px;
  padding-top:          4px;
  text-align:           right;
}
input.login, input.register, textarea.register {
  width:                248px;
  border:               1px solid #999999;
  padding:              2px;
}
select.register {
  width:                254px;
  border:               1px solid #999999;
}

/*** Book Pack ***/
.bookPackMain {
  width:                100%;
  border-top-width:     1px;
}
.bookPack {
  float:                left;
  width:                500px;
  height:               320px;
  overflow:             hidden;
  border-width: 1px 1px 1px;
  margin: -1px -1px 0;
}
.bookPack ul {
  height:               18px;
  margin-left: 2px;
  border-width:  0 0 1px 0;
  background-color:     #dddddd;
}
.bookPack li {
  position:             relative;
  border-right-width:   1px;
  color:                #550000;
  cursor:               pointer;
}
.bookPack li.activeTab {
  height:               18px;
  background-color:     #ffffff;
  border-bottom: 1px solid #fff;
}
.bookPack li {
  background-color:     #eeeeee;
  border-bottom: 1px solid #999;
}
.bookPack li span {
  display:              block;
  padding:              2px 8px;
}
.bookPack a,
.bookPack a:visited {
  color:                #003366;
  text-decoration:      none;
}
.bookPack a:hover {
  color:                #CC0000;
}
.bookPack .panel {
  display:              none;
  padding:              20px 5px 5px 15px;
}
.bookPack .panel .heading {
  margin:               0;
  padding-bottom:       5px;
  color:                #ff6600;
  font-family:          Georgia, Serif;
  font-size:            27px;
}
.bookPack .panel .bookPackCover {
  float:                left;
  width:                150px;
  overflow:             hidden;
}
.bookPack .panel .bookPackData {
  float:                left;
  width:                310px;
  overflow:             hidden;
}
.bookPack .panel .twoArticles {
  padding:              0 10px 10px 0;
  float:                left;
  width:                222px;
  overflow:             hidden;
}
.bookPack .panel .twoArticles div {
  width:                222px;
}
.bookPack .panel .threeArticles {
  width:                146px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack .panel .threeArticles div {
  width:                146px;
}
.bookPack .cover {
  height:               auto;
  width:                120px;
  border-width:         1px;
}
.bookPack .title, .bookPack .onlinePrice {
  font-size:            15px;
  font-weight:          bold;
}
.bookPack .author {
  font-size:            13px;
  font-weight:          bold;
}
.bookPack .subTitle, .bookPack .storePrice {
  font-size:            13px;
}
.bookPack .annotText, .bookPack .onlinePrice, .bookPack .details {
  padding-bottom:       5px;
}
.bookPack .onlinePrice a {
  white-space:          nowrap;
}
.bookPack div.twoArticles .cover {
  width:                auto;
  height:               150px;
}
.bookPack div.threeArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack div.twoArticles .subTitle,
.bookPack div.twoArticles .storePrice,
.bookPack div.twoArticles .annotText,
.bookPack div.twoArticles .details,
.bookPack div.twoArticles .isbn,
.bookPack div.threeArticles .subTitle,
.bookPack div.threeArticles .storePrice,
.bookPack div.threeArticles .annotText,
.bookPack div.threeArticles .details,
.bookPack div.threeArticles .isbn {
  display:              none;
}
.bookPack div.twoArticles .onlinePrice, .bookPack div.threeArticles .onlinePrice {
  padding-top:          10px;
  font-size:            11px;
}
.bookPack .textPackBlock {
  float:                left;
  overflow:             hidden;
  width:                230px;
  height:               260px;
  margin-right:         10px;
}
.bookPack .textPackBlock2 {
  float:                left;
  overflow:             hidden;
  width:                430px;
  height:               260px;
  margin-right:         10px;
}
ul.bookPackList {
  background-color:     transparent;
  border:               0;
  margin-left:          18px;
}
ul.bookPackList li {
  float:                none;
  font-size:            11px;
  padding:              0 0 5px 0;
  font-weight:          bold;
  list-style-type:      decimal;
  background-color:     transparent;
  border:               0 none;
}
.bookPackList .author {
  font-weight:          normal;
  display:              inline;
  padding:              0;
}

/*** Book Pack2 ***/
.bookPack2 {
  float:                left;
  width:                1000px;
  height:               260px;
  overflow:             hidden;
  border-width: 1px 1px 1px;
  margin: -1px -1px 0;
}
.bookPack2 ul {
  height:               18px;
  margin-left: 2px;
  border-width:  0 0 1px 0;
  background-color:     #dddddd;
}
.bookPack2 li {
  position:             relative;
  border-right-width:   1px;
  color:                #550000;
  cursor:               pointer;
}
.bookPack2 li.activeTab {
  height:               18px;
  background-color:     #ffffff;
  border-bottom: 1px solid #fff;
}
.bookPack2 li {
  background-color:     #eeeeee;
  border-bottom: 1px solid #999;
}
.bookPack2 li span {
  display:              block;
  padding:              2px 8px;
}
.bookPack2 a {
  color:                #003366;
  text-decoration:      none;
}
.bookPack2 a:hover {
  color:                #CC0000;
}
.bookPack2 .panel {
  display:              none;
  padding:              20px 5px 5px 15px;
}
.bookPack2 .panel .heading {
  margin:               0;
  padding-bottom:       5px;
  color:                #ff6600;
  font-family:          Georgia, Serif;
  font-size:            27px;
}
.bookPack2 .panel .bookPackCover {
  float:                left;
  width:                150px;
  overflow:             hidden;
}
.bookPack2 .panel .bookPackData {
  float:                left;
  width:                310px;
  overflow:             hidden;
}
.bookPack2 .panel .twoArticles {
  padding:              0 10px 10px 0;
  float:                left;
  width:                222px;
  overflow:             hidden;
}
.bookPack2 .panel .twoArticles div {
  width:                222px;
}
.bookPack2 .panel .threeArticles {
  width:                146px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack2 .panel .threeArticles div {
  width:                146px;
}
.bookPack2 .panel .nineArticles {
  width:                98px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack2 .panel .nineArticles div {
  width:                98px;
}
.bookPack2 .cover {
  height:               auto;
  width:                120px;
  border-width:         1px;
}
.bookPack2 .title, .bookPack .onlinePrice {
  font-size:            15px;
  font-weight:          bold;
}
.bookPack2 .author {
  font-size:            13px;
  font-weight:          bold;
}
.bookPack2 .subTitle, .bookPack .storePrice {
  font-size:            13px;
}
.bookPack2 .annotText, .bookPack .onlinePrice, .bookPack .details {
  padding-bottom:       5px;
}
.bookPack2 .onlinePrice a {
  white-space:          nowrap;
}
.bookPack2 div.twoArticles .cover {
  width:                auto;
  height:               150px;
}
.bookPack2 div.threeArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack2 div.nineArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack2 div.twoArticles .subTitle,
.bookPack2 div.twoArticles .storePrice,
.bookPack2 div.twoArticles .annotText,
.bookPack2 div.twoArticles .details,
.bookPack2 div.twoArticles .isbn,
.bookPack2 div.nineArticles .subTitle,
.bookPack2 div.nineAticles .storePrice,
.bookPack2 div.nineArticles .annotText,
.bookPack2 div.nineArticles .details,
.bookPack2 div.nineArticles .isbn,
.bookPack2 div.threeArticles .subTitle,
.bookPack2 div.threeArticles .storePrice,
.bookPack2 div.threeArticles .annotText,
.bookPack2 div.threeArticles .details,
.bookPack2 div.threeArticles .isbn {
  display:              none;
}
.bookPack2 div.nineArticles .onlinePrice, .bookPack div.threeArticles .onlinePrice {
  padding-top:          10px;
  font-size:            11px;
}

/*** Book Pack3 ***/
.bookPack3 {
  float:                left;
  width:                1000px;
  height:               430px;
  overflow:             hidden;
  border-width: 1px 1px 1px;
  margin: -1px -1px 0;
}
.bookPack3 ul {
  height:               18px;
  margin-left: 2px;
  border-width:  0 0 1px 0;
  background-color:     #dddddd;
}
.bookPack3 li {
  position:             relative;
  border-right-width:   1px;
  color:                #550000;
  cursor:               pointer;
}
.ext-ie .bookPack3 li {
  height: 18px; 	
}
.bookPack3 li.activeTab {
  height:               18px;
  background-color:     #ffffff;
  border-bottom: 1px solid #fff;
}
.bookPack3 li {
  background-color:     #eeeeee;
  border-bottom: 1px solid #999;
}
.bookPack3 li span {
  display:              block;
  padding:              2px 8px;
}
.ext-ie .bookPack3 li span {
  display: inline;
}
.bookPack3 a {
  color:                #003366;
  text-decoration:      none;
}
.bookPack3 a:hover {
  color:                #CC0000;
}
.bookPack3 .panel {
  display:              none;
  padding:              20px 5px 5px 15px;
}
.bookPack3 .panel .heading {
  margin:               0;
  padding-bottom:       5px;
  color:                #ff6600;
  font-family:          Georgia, Serif;
  font-size:            27px;
}
.ext-ie7 .bookPack3 .panel .heading {
  line-height: 10px;
}
.bookPack3 .panel .bookPackCover {
  float:                left;
  width:                150px;
  overflow:             hidden;
}
.bookPack3 .panel .bookPackData {
  float:                left;
  height:               50px;
  width:                310px;
  overflow:             hidden;
}
.bookPack3 .panel .twoArticles {
  padding:              0 10px 10px 0;
  float:                left;
  width:                222px;
  overflow:             hidden;
}
.bookPack3 .panel .twoArticles div {
  width:                222px;
}
.bookPack3 .panel .threeArticles {
  width:                146px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack3 .panel .threeArticles div {
  width:                146px;
}
.bookPack3 .panel .nineArticles {
  width:                98px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack3 .panel .nineArticles div {
  width:                98px;
}
.bookPack3 .cover {
  height:               auto;
  width:                120px;
  border-width:         1px;
}
.bookPack3 .title, .bookPack .onlinePrice {
  font-size:            15px;
  font-weight:          bold;
}
.bookPack3 .author {
  font-size:            13px;
  font-weight:          bold;
}
.bookPack3 .subTitle, .bookPack .storePrice {
  font-size:            13px;
}
.bookPack3 .annotText, .bookPack .onlinePrice, .bookPack .details {
  padding-bottom:       5px;
}
.bookPack3 .onlinePrice a {
  white-space:          nowrap;
}
.bookPack3 div.twoArticles .cover {
  width:                auto;
  height:               150px;
}
.bookPack3 div.threeArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack3 div.nineArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack3 div.twoArticles .subTitle,
.bookPack3 div.twoArticles .storePrice,
.bookPack3 div.twoArticles .annotText,
.bookPack3 div.twoArticles .details,
.bookPack3 div.twoArticles .isbn,
.bookPack3 div.nineArticles .subTitle,
.bookPack3 div.nineAticles .storePrice,
.bookPack3 div.nineArticles .annotText,
.bookPack3 div.nineArticles .details,
.bookPack3 div.nineArticles .isbn,
.bookPack3 div.threeArticles .subTitle,
.bookPack3 div.threeArticles .storePrice,
.bookPack3 div.threeArticles .annotText,
.bookPack3 div.threeArticles .details,
.bookPack3 div.threeArticles .isbn {
  display:              none;
}
.bookPack3 div.nineArticles .onlinePrice, .bookPack div.threeArticles .onlinePrice {
  padding-top:          10px;
  font-size:            11px;
}

/*** Book Pack4 ***/
.bookPack4 {
  float:                left;
  width:                1000px;
  height:               120px;
  overflow:             hidden;
  border-width: 1px 1px 1px;
  margin: -1px -1px 0;
}
.bookPack4 ul {
  height:               18px;
  margin-left: 2px;
  border-width:  0 0 1px 0;
  background-color:     #dddddd;
}
.bookPack4 li {
  position:             relative;
  border-right-width:   1px;
  color:                #550000;
  cursor:               pointer;
}
.bookPack4 li.activeTab {
  height:               18px;
  background-color:     #ffffff;
  border-bottom: 1px solid #fff;
}
.bookPack4 li {
  background-color:     #eeeeee;
  border-bottom: 1px solid #999;
}
.bookPack4 li span {
  display:              block;
  padding:              2px 8px;
}
.bookPack4 a {
  color:                #003366;
  text-decoration:      none;
}
.bookPack4 a:hover {
  color:                #CC0000;
}
.bookPack4 .panel {
  display:              none;
  padding:              20px 5px 5px 15px;
}
.bookPack4 .panel .heading {
  margin:               0;
  padding-bottom:       5px;
  color:                #ff6600;
  font-family:          Georgia, Serif;
  font-size:            27px;
}
.bookPack4 .panel .bookPackCover {
  float:                left;
  width:                150px;
  overflow:             hidden;
}
.bookPack4 .panel .bookPackData {
  float:                left;
  width:                310px;
  overflow:             hidden;
}
.bookPack4 .panel .twoArticles {
  padding:              0 10px 10px 0;
  float:                left;
  width:                222px;
  overflow:             hidden;
}
.bookPack4 .panel .twoArticles div {
  width:                222px;
}
.bookPack4 .panel .threeArticles {
  width:                146px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack4 .panel .threeArticles div {
  width:                146px;
}
.bookPack4 .panel .nineArticles {
  width:                98px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack4 .panel .nineArticles div {
  width:                98px;
}
.bookPack4 .cover {
  height:               auto;
  width:                120px;
  border-width:         1px;
}
.bookPack4 .title, .bookPack .onlinePrice {
  font-size:            15px;
  font-weight:          bold;
}
.bookPack4 .author {
  font-size:            13px;
  font-weight:          bold;
}
.bookPack4 .subTitle, .bookPack .storePrice {
  font-size:            13px;
}
.bookPack4 .annotText, .bookPack .onlinePrice, .bookPack .details {
  padding-bottom:       5px;
}
.bookPack4 .onlinePrice a {
  white-space:          nowrap;
}
.bookPack4 div.twoArticles .cover {
  width:                auto;
  height:               150px;
}
.bookPack4 div.threeArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack4 div.nineArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack4 div.twoArticles .subTitle,
.bookPack4 div.twoArticles .storePrice,
.bookPack4 div.twoArticles .annotText,
.bookPack4 div.twoArticles .details,
.bookPack4 div.twoArticles .isbn,
.bookPack4 div.nineArticles .subTitle,
.bookPack4 div.nineAticles .storePrice,
.bookPack4 div.nineArticles .annotText,
.bookPack4 div.nineArticles .details,
.bookPack4 div.nineArticles .isbn,
.bookPack4 div.threeArticles .subTitle,
.bookPack4 div.threeArticles .storePrice,
.bookPack4 div.threeArticles .annotText,
.bookPack4 div.threeArticles .details,
.bookPack4 div.threeArticles .isbn {
  display:              none;
}
.bookPack4 div.nineArticles .onlinePrice, .bookPack div.threeArticles .onlinePrice {
  padding-top:          10px;
  font-size:            11px;
}

/*** Book Pack5 ***/
.bookPack5 {
  float:                left;
  width:                250px;
  height:               120px;
  overflow:             hidden;
  border-width: 1px 1px 1px;
  margin: -1px -1px 0;
}
.bookPack5 ul {
  height:               18px;
  margin-left: 2px;
  border-width:  0 0 1px 0;
  background-color:     #dddddd;
}
.bookPack5 li {
  position:             relative;
  border-right-width:   1px;
  color:                #550000;
  cursor:               pointer;
}
.bookPack5 li.activeTab {
  height:               18px;
  background-color:     #ffffff;
  border-bottom: 1px solid #fff;
}
.bookPack5 li {
  background-color:     #eeeeee;
  border-bottom: 1px solid #999;
}
.bookPack5 li span {
  display:              block;
  padding:              2px 8px;
}
.bookPack5 a {
  color:                #003366;
  text-decoration:      none;
}
.bookPack5 a:hover {
  color:                #CC0000;
}
.bookPack5 .panel {
  display:              none;
  padding:              20px 5px 5px 15px;
}
.bookPack5 .panel .heading {
  margin:               0;
  padding-bottom:       5px;
  color:                #ff6600;
  font-family:          Georgia, Serif;
  font-size:            27px;
}
.bookPack5 .panel .bookPackCover {
  float:                left;
  width:                150px;
  overflow:             hidden;
}
.bookPack5 .panel .bookPackData {
  float:                left;
  width:                310px;
  overflow:             hidden;
}
.bookPack5 .panel .twoArticles {
  padding:              0 10px 10px 0;
  float:                left;
  width:                222px;
  overflow:             hidden;
}
.bookPack5 .panel .twoArticles div {
  width:                222px;
}
.bookPack5 .panel .threeArticles {
  width:                146px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack5 .panel .threeArticles div {
  width:                146px;
}
.bookPack5 .panel .nineArticles {
  width:                98px;
  padding:              0 10px 10px 0;
  float:                left;
  overflow:             hidden;
}
.bookPack5 .panel .nineArticles div {
  width:                98px;
}
.bookPack5 .cover {
  height:               auto;
  width:                120px;
  border-width:         1px;
}
.bookPack5 .title, .bookPack .onlinePrice {
  font-size:            15px;
  font-weight:          bold;
}
.bookPack5 .author {
  font-size:            13px;
  font-weight:          bold;
}
.bookPack5 .subTitle, .bookPack .storePrice {
  font-size:            13px;
}
.bookPack5 .annotText, .bookPack .onlinePrice, .bookPack .details {
  padding-bottom:       5px;
}
.bookPack5 .onlinePrice a {
  white-space:          nowrap;
}
.bookPack5 div.twoArticles .cover {
  width:                auto;
  height:               150px;
}
.bookPack5 div.threeArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack5 div.nineArticles .cover {
  width:                auto;
  height:               110px;
}
.bookPack5 div.twoArticles .subTitle,
.bookPack5 div.twoArticles .storePrice,
.bookPack5 div.twoArticles .annotText,
.bookPack5 div.twoArticles .details,
.bookPack5 div.twoArticles .isbn,
.bookPack5 div.nineArticles .subTitle,
.bookPack5 div.nineAticles .storePrice,
.bookPack5 div.nineArticles .annotText,
.bookPack5 div.nineArticles .details,
.bookPack5 div.nineArticles .isbn,
.bookPack5 div.threeArticles .subTitle,
.bookPack5 div.threeArticles .storePrice,
.bookPack5 div.threeArticles .annotText,
.bookPack5 div.threeArticles .details,
.bookPack5 div.threeArticles .isbn {
  display:              none;
}
.bookPack5 div.nineArticles .onlinePrice, .bookPack div.threeArticles .onlinePrice {
  padding-top:          10px;
  font-size:            11px;
}

/*** imagePack ***/
.imagePack {
  text-align:           left;
  height:               240px;
  width:                220px;
  float:                left;
}
.imagePack img {
  height:               240px;
}
/*** Currently Viewed ***/
.currentlyViewed {
  border-width:         1px 0 0 0;
  margin:               -1px 0;
}
.currentlyViewedItem {
  float:                left;
  overflow:             hidden;
  width:                150px;
  margin:               0 10px;
  padding:              15px;
}
.currentlyViewed .cover {
  height:               180px;
  width:                auto;
  border-width:         1px;
}
.currentlyViewed .title, .bookPack .onlinePrice {
  font-size:            15px;
  font-weight:          bold;
 }
.currentlyViewed a, .currentlyViewed a:visited {
  color:                #003366;
  text-decoration:      none;
}
.currentlyViewed a:hover {
  color:                #CC0000;
}
.currentlyViewed .author {
  font-size:            13px;
  font-weight:          bold;
}
.currentlyViewed .author, .currentlyViewed .title {
  height:               40px;
}
.currentlyViewed .onlinePrice {
  font-size:            12px;
  font-weight:          bold;
}
.currentlyViewed .onlinePrice a {
  white-space:          nowrap;
}

/*** bestseller list ***/
.bestseller {
  border-width:         1px 0 0 0;
  margin-top:           -5px;
  clear:                both;
}
.ext-ie7 .bestseller, .ext-ie6 .bestseller {
  margin-top:           0;	
}
.bestsellerList {
  border-left-width:    1px;
  float:                left;
  padding:              10px 0 0 10px;
  margin-left:          -1px;
  height:               130px;
}
.ext-ie6 .bestsellerList {
  margin-left:          -2px;	
}
.ext-chrome .bestsellerList, .ext-safari .bestsellerList {
  margin-top:           4px;	
}
.bestsellerListHeading {
  font-size:            16px;
  font-weight:          bold;
  color:                #bb0000;
}
.bestsellerList ul {
  list-style-type:      none;
  list-style:           none;
  width:                190px;
}
.bestsellerList ul:first-child {
  border:               none;
}
.bestsellerList li {
  float:                none;
  font-size:            14px;
}
.bestsellerList a, .bestsellerList a:visited {
  color:                #003366;
  text-decoration:      none;
}
.bestsellerList a:hover {
  color:                #CC0000;
}
.bestsellerImage {
  margin:               -32px 0 0 -10px;
}

/*** Article Detail ***/
.articleDetailWrap {
  position:             relative;
  border-width:         1px 0 0;
}
.articleDetail {
  float:                left;
  width:                670px;
  overflow:             hidden;
  border-right-width:   1px;
  margin-right:         -1px;
}
.articleDetail div.cover {
  float:                left;
  padding:              8px;
}
.audioPlayer {
  margin-top:           5px;
  display:              -moz-inline-stack;
  display:              inline-block;
  zoom:                 1;
  display:             inline;
}
.articleDetail .action {
  display:              inline-block;
  zoom:                 1;
  margin-top:           5px;
  vertical-align:       top;
  padding:              2px 3px 0 0;
}
p.moreFromHeading {
  font-weight:          bold;
  font-size:            12px;
  background-color:     #ccc;
  padding:              0;
}
.moreFrom {
  background-color:     #e8e8e8;
  width:                412px;
  border:               1px solid #ccc;
  margin:               10px 10px 10px 0;
  display:              inline-block;
  zoom:                 1;
  padding:              2px;
}
.moreFrom p {
  padding:              2px 5px;
}
.articleDetail img.cover {
  height:               auto;
  max-width:            200px;
  border:               1px solid #cccccc;
}
.articleDetail div.overview {
  padding:              8px 0;
  width:                442px;
  float:                right;
  text-align:           left;
}
.articleDetail .title {
  font-size:            15px;
  font-weight:          bold;
}
.articleDetail .author, .articleDetail .onlinePrice {
  font-size:            13px;
  font-weight:          bold;
}
.articleDetail .subTitle, .articleDetail .storePrice {
  font-size:            13px;
}
.articleDetail .subTitle, .articleDetail .onlinePrice, .articleDetail .details {
  padding-bottom:       5px;
}
.articleDetail #detailTabs {
  padding-top:          8px;
}
.articleDetail ul {
  height:               18px;
  width:                999px;
  margin:               -1px 0 -1px 0;
  border-width:         1px 0;
  background-color:     #dddddd;
}
.articleDetail li {
  position:             relative;
  color:                #550000;
  cursor:               pointer;
  border-right-width:   1px;
}
.articleDetail li.on, .articleDetail li.activeTab {
  background-color:     #ffffff;
  border-bottom:        1px solid #fff;
}
.articleDetail li.off {
  background-color:     #eeeeee;
  border-bottom:        1px solid #999;
}
.articleDetail li span {
  float:                left;
  display:              block;
  padding:              2px 8px;
}
.articleDetail a, .articleDetail a:visited {
  color:                #003366;
  text-decoration:      none;
}
.articleDetail a:hover {
  color:                #CC0000;
}
.articleDetail > div > .panel {
  padding:              5px;
  display:              none;
}
.articleDetail .panelSet {
  padding:              8px;
}
.articleDetail .panelSet .bookContent {
  font-size:            12px;
}
.displayMoreText {
  margin-top:           8px;
}
.articleDetail #displayMoreText {
  cursor:               pointer;
  font-weight:          bold;
}
.articleAvailability {
  width:                330px;
  overflow:             hidden;
  float: right;
}
.articleAvailability .general {
  padding:              8px 15px;
  background-color:     #2192ED;
  border-width:         0 0 1px 1px;
}
.articleAvailability .green {
  background-color:     #99FF00;
}
.articleAvailability p {
  padding:              4px 8px;
}
.articleAvailability .buy {
  margin:               16px 0;
  padding:              16px 10px;
  background-color:     #cc0000;
  color:                #ffffff;
  font-size:            28px;
  font-weight:          bold;
}
.articleAvailability .buy img {
  float:                right;
}
.articleAvailability .buy .currency {
  font-size:            17px;
  font-weight:          bold;
  font-family:          Verdana;
}
.articleAvailability .info {
  font-size:            15px;
}
.articleAvailability .action {
  margin:               32px 0;
}
.articleAvailability .store {
  border-width:         1px 0;
  padding:              8px 32px;
}
.articleAvailability .onlinePrice, .articleAvailability .storePrice {
  border-color:         #000000;
  font-weight:          bold;
  border-bottom-width:  1px;
  padding:              2px 0;
  margin:               0;
  text-align:           right;
  font-size:            12px;
}
.articleAvailability .difference {
  color:                #ffffff;
  border-color:         #ffffff;
  border-bottom-width:  1px;
  font-weight:          bold;
  padding:              2px 0;
  margin:               5px 0 0 0;
  text-align:           right;
  font-size:            12px;
}
.articleAvailability .difference span,
.articleAvailability .onlinePrice span,
.articleAvailability .storePrice span {
  float:                left;
}
.articleMoreDetails {
  clear:                both;
  margin:               8px;
}
.alsoAsItem {
  width:                240px;
  float:                left;
}
.alsoAsItem .productType {
  font-weight:          bold;
  font-size:            13px;
}

/*** Result List ***/
.result {
  border-width:         0;
}
.resultSummary {
  border-width:         0 0 1px 0;
  padding:              16px 4px;
  font-weight:          bold;
  font-size:            15px;
}
.resultSummary span {
  color:                #cc0000;
}
.resultSummary span.subject {
  font-size:            17px;
}
.resultSort {
  float:                left;
  height:               70px;
  padding:              4px 2px;
}
.resultSort th, .resultSort td {
  padding:              0 2px;
  font-weight:          normal;
  text-align:           left;
}
.resultSortNew {
  padding-left:         4px;
}
.resultRSS {
  float:                right;
  margin:               4px;
}
.resultTips {
  display: none;
  float:                right;
  height:               68px;
  overflow:             hidden;
  padding:              4px;
  font-weight:          bold;
}
.resultTips p {
  float:                left;
}
.resultTips p.tips {
  width:                464px;
  padding-left:         10px;
}
.resultTips a, .resultTips a:visited {
  float:                left;
  display:              block;
  width:                140px;
  height:               13px;
  overflow:             hidden;
  margin:               2px 12px 2px 2px;
  color:                #083982;
}
.resultTips a:hover {
  color:                #cc0000;
}
.resultRuler {
  clear:                both;
  height:               40px;
  border-top-width:     1px;
  font-weight:          bold;
}
.resultRuler p {
  float:                right;
  padding:              4px;
}
.resultRuler p:first-child {
  float:                left;
}
.resultRuler p:last-child {
  float:                right;
}
.resultRuler p span {
  color:                #550000;
}
.resultRuler p a, .resultRuler p a:visited {
  color:                #000033;
}
.resultRuler p a:hover {
  color:                #cc0000;
}
.resultItem {
  clear:                both;
  border-top-width:     1px;
}
.resultItem a, .resultItem a:visited {
  color:                #000033;
  text-decoration:      none;
}
.resultItem a:hover {
  color:                #cc0000;
}
.resultItem .counter {
  float:                left;
  width:                20px;
  padding:              4px;
  font-size:            17px;
  font-weight:          bold;
}
.resultItem .counterLarge {
  float:                left;
  width:                140px;
  padding:              4px;
  font-size:            13px;
  font-weight:          bold;
}
.resultItem .counterLarge .setQuantity {
  width:                30px;
  text-align:           right;
}
.resultItem .coverImage {
  float:                left;
  width:                140px;
  padding:              4px;
}
.resultItem .coverImage img {
  border-width:         1px;
}
.resultItem .description {
  float:                left;
  width:                500px;
  padding:              4px;
}
.resultItem .description .title {
  font-size:            17px;
}
.resultItem .description .author{
  font-weight:          bold;
  font-size:            13px;
}
.resultItem .description .delivery {
  padding-top:          10px;
  font-weight:          bold;
  font-size:            13px;
}
.resultItem .actions {
  float:                right;
  width:                290px;
  padding:              4px 0 4px 4px;
  font-weight:          bold;
  text-align:           right;
}
.resultItem .actions .buy {
  margin-top:           0;
  background-color:     #2192ED;
  padding:              5px 10px;
  min-height: 		30px;
}
.resultItem .actions .buyBike {
  margin-top:           3px;
  background-color:     #99FF00;
  padding:              5px 10px;
}
.resultItem .actions .buyBike .deliveryInfo{
  text-align:           left;
}
.resultItem .actions .buyBike .availability{
  text-align:           left;
}
.resultItem .actions p {
  margin-bottom:        0;
  color:                #000000;
}
.resultItem .actions p.delivery {
  margin-bottom:0;
}
.resultItem .actions p span {
  float:                left;
  display:              block;
}
.resultItem .actions .buy a, .resultItem .actions .redBox {
  margin-top:           3px;
  margin-bottom:         3px;
  padding:              7px 10px;
  background-color:     #cc0000;
}
.resultItem .actions .buy a, .resultItem .actions .redBox span {
  color:                #ffffff;
  font-size:            19px; 
}
.resultItem .actions .redBox a {
  padding:0;
}
.resultItem .actions a span {
  padding:              0 10px;
  font-size:            20px;
}
.resultItem .actions img {
  margin-bottom:        -6px;
}
.resultItem .actions .onlinePrice {
  border-color:         #000000;
  border-bottom-width:  1px;
}
.resultItem .actions .difference {
  color:                #ffffff;
  border-color:         #ffffff;
  border-bottom-width:  1px;
}
.resultItem .actions .availability span {
  float:                none;
  display:              inline;
  font-size:            15px;
}
.resultItem .smallAction {
  margin-top:           10px;
}
.resultOrderTop {
  padding:              4px;
}
.resultOrderBottom {
  clear:                both;
  border-top-width:     1px;
  padding:              4px;
}

/*** BASKET ***/

/* overall */

.basketNavi {
  margin: 10px 0;
  padding: 10px;
  text-align: center;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  height: 38px;
}

.basketNavi_0 { background-image: url(images/basket_navi_0.png); }
.basketNavi_1 { background-image: url(images/basket_navi_1.png); }
.basketNavi_2 { background-image: url(images/basket_navi_2.png); }
.basketNavi_3 { background-image: url(images/basket_navi_3.png); }
.basketNavi_4 { background-image: url(images/basket_navi_4.png); }
.basketNavi_5 { background-image: url(images/basket_navi_5.png); }

.basketNavi a,
.basketNavi a:visited {
  font-size: 16px;
  color: white;
  font-family: Arial;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}

.basketNavi p {
  width: auto;
  float: left;
  vertical-align: middle;
  height: 28px;
  padding: 10px 0 0 0;
  font-size: 16px;
  color: white;
  font-family: Arial;
  font-weight: bold;
  text-transform: uppercase;
}

p.p_0 { margin: 0 0 0 10px;}
p.p_1 { margin: 0 0 0 53px;}
p.p_2 { margin: 0 0 0 70px;}
p.p_3 { margin: 0 0 0 68px;}
p.p_4 { margin: 0 0 0 42px;}
p.p_5 { margin: 0 0 0 50px;}


.basket {
  width: 100%;
}

div.basketWrap {
  padding: 0;
}

.basketHeading {
  padding-left: 10px;
  font-size: 22px;
  font-weight: bold;
  margin: 5px 0;
  float: left;
  width: 490px;
}

.basketHeadingVelo {
  padding-left: 10px;
  font-size: 22px;
  font-weight: bold;
  margin: 5px 0;
  float: left;
}

.basketWrap .infoText {
  width: 490px;
  padding-left: 10px;
}

/* normal */

.basketItems {
  background-color: #55BBF7;
  min-height: 150px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  padding: 0 10px;
  width: 480px;
  float: left;
  margin-left: -1px;
}

.basketItemRight .buyBike {
  float: right;
  width: 26px;
  height: 26px;
}

.basketItemRight .buyBike img {
  width: 26px;
  height: 26px;
}

/* velo */

.basketItemsVelo {
  background-color: #99FF00;
  min-height: 150px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #999;
  padding: 0 10px;
  width: 479px;
  float: right;
  margin-left: -1px;
}

/* items */

table.basketItem {
  border-bottom: 1px dotted #333;
  width: 100%;
  margin-bottom: 15px;
}

.borderTop {
  border-top: 1px dotted #333;
  padding-top: 5px;
  margin-top: 5px;
}

table.basketItem td {
  padding: 8px 0;
  vertical-align: top;
}

td.basketItemRight {
  vertical-align: top;
}

td.basketItemLeft { 
  vertical-align: top;
  width: 95px;
}

table.basketItem p.basketItemTitle {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #0B479D;
}

table.basketItem p.basketItemAuthor {
  font-size: 11px;
}

table.basketItem p.basketItemTitle a,table.basketItem p.basketItemTitle a:visited  {
  color: #000;
}

table.basketItem p.basketItemSubtitle {
  font-size: 11px;
}

table.basketItem p.basketItemPrice {
  font-size: 11px;
  display: inline;
  font-weight: bold;
}

table.basketItem p.basketItemPreSum {
  text-align: right;
  font-weight: bold;
  font-size: 11px;
  display: inline;
  float: right;
}

table.basketItem p.basketItemComment {
  margin-top: 2px;
  font-size: 11px;
  
}

table.basketItem p.basketItemData {
  font-size: 11px;
}

table.basketItem p.basketItemActions {
  margin-top: 7px;
  margin-bottom: 5px;
  height: 40px;
  vertical-align: top;
  border-bottom: 1px dotted #000;
}

table.basketItem p.basketItemQuantity {
  font-size: 11px;
}

input.BasketQuantity {
  background-color: #fff;
  border: 1px solid #ccc;
  width: 30px;
  font-size: 11px;
  height: 15px;
}

p.sum {
  text-align: right;
  font-size: 20px;
  font-weight: bold;
  margin: 5px;
  
}

p.sumInfo {
  font-size: 10px;
  font-weight: normal;
  display: inline;
}

p.checkoutLink {
  font-size: 13px;
  text-align: right;
}

p.checkoutStep {
  font-weight: bold;
  color: #0B479D;
  font-size: 13px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

span.comment {
  float: left;
  font-size: 10px;
}

p.basketItemActions span.actions {
  float: right;
  padding-top: 9px;
}


/*########################*/

/* small */

.smallBasketItems {
  background-color: #55BBF7;
  min-height: 150px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  padding: 0 10px;
  width: 400px;
  float: left;
}

.smallBasketItemsVelo {
  background-color: #99FF00;
  min-height: 150px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  border-right: 1px solid #999;
  padding: 0 10px;
  width: 400px;
  float: left;
}

.smallBasketItemRight .buyBike {
  float: right;
  width: 26px;
  height: 26px;
}

/* SmallItems */

table.smallBasketItem {
  border-bottom: 1px dotted #333;
  width: 100%;
  margin-bottom: 15px;
}

.borderTop {
  border-top: 1px dotted #333;
  padding-top: 5px;
  margin-top: 5px;
}

table.smallBasketItem td {
  padding: 8px 0;
  vertical-align: top;
}

td.smallBasketItemRight {
  vertical-align: top;
  text-align: left;
}

td.smallBasketItemLeft { 
  vertical-align: top;
  width: 95px;
}

table.smallBasketItem p.smallBasketItemTitle {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #0B479D;
}

table.smallBasketItem p.smallBasketItemAuthor {
  font-size: 11px;
}

table.smallBasketItem p.smallBasketItemTitle a,table.smallBasketItem p.smallBasketItemTitle a:visited  {
  color: #000;
}

table.smallBasketItem p.smallBasketItemPrice {
  font-size: 11px;
  display: inline;
  font-weight: bold;
}


table.smallBasketItem p.smallBasketItemData {
  font-size: 11px;
}


table.smallBasketItem p.smallBasketItemQuantity {
  font-size: 11px;
}

/** CHECKOUT **/
.checkout {
  width: 100%;
}
.infoText {
  font-size: 11px;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
}
.checkoutLogin {
  width:                579px;
  border-width:         1px 0 1px 0;
  padding:              10px;
  background-color:     #e8e8e8;
  text-align:           left;
}
.checkoutLogin .key {
  padding-right:        10px;
  text-align:           right;
}
.checkoutForm {
  font-size: 12px;
  border-width: 1px 0;
  text-align: left;
  float: right;
  padding: 10px;
  width: 559px;
  margin: 0;
  background-color: #e8e8e8;
}
table.checkoutForm {
  width: 579px;
}

.checkoutForm td {
  vertical-align: top;
  padding: 0 5px;
}
.checkoutForm input, .checkoutForm select, .checkoutForm textarea{
  border: 1px solid #999;
}
.checkoutForm input {
  height: 18px;
  width: 238px;
  padding: 0;
}
.checkoutForm input[type=radio] {
  width:             20px;
  border:            0;
}
.checkoutForm select {
  height: 20px;
  width: 240px;
  padding: 0;
}
.checkoutForm textarea {
  height: 70px;
  width: 238px;
  padding: 0;
}
.checkoutContent {
  width: 100%;
  font-size: 12px;
}

/*** CHECKOUT 1 ***/
.checkout1ChooseAction {
  margin: 0;
  text-align: left;
  border-width: 1px 0;
  padding: 20px 0 20px 440px;
  background-color: #e8e8e8;
}

/*** CHECKOUT 2 ***/
.chooseAddresses {
  font-weight: bold;
  border-bottom: 1px dotted #999;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.chooseAddresses p {
  margin-bottom: 4px;
}

/*** CHECKOUT 3 ***/
textarea.checkout3 {
  width: 240px;
  height: 70px;
  margin-bottom: 10px;
}
table.checkout3Addresses {
  width: 240px;
}
table.checkout3Addresses td {
  border: 1px solid #999;
}
table.checkout3Addresses td.checkout3AddressesSecond {
  width: 30px;
  text-align: center;
}
input.letterCount {
  width: 30px;
  text-align: center;
}
.checkout input[type="checkbox"] {
  width: auto;
  vertical-align: bottom;
}

/*** CHECKOUT 4 ***/
.checkoutForm .checkout4GroupHeading {
  font-size: 1.1em;
  font-weight: bold;
  color: #333;
  margin: 15px 0 0 0;
  padding: 0;
}
.checkoutForm .shippingNotes {
  margin-top: 10px;
}

/*** CONFIRMATION ***/
div.confirmation div.main {
  margin: 15px;
  border: 1px solid #999;
  float: left;
  width: 448px;
}

/** NOTEPAD **/
.notepad {
  padding:              10px;
}
.notepadSave, .notepadRecommend {
  width:                640px;
  border-top-width:     1px;
  padding:              10px;
}
.notepadSave p, .notepadRecommend p {
  margin-bottom:        10px;
}
.notepadSave .key, .notepadRecommend .key {
  float:                left;
  width:                100px;
  padding-right:        10px;
}
.notepadSave input, .notepadRecommend input {
  width:                400px;
  border-width:         1px;
}
.notepadSave textarea, .notepadRecommend textarea {
  height:               160px;
  width:                400px;
  border-width:         1px;
}
.notepadSave .button, .notepadRecommend .button {
  width:                auto;
}

/* items */
.notepadItem {
  clear:                both;
  border-top-width:     1px;
}
.notepadItem a, .notepadItem a:hover {
  color:                #000033;
  text-decoration:      none;
}
.notepadItem a:hover {
  color:                #cc0000;
}
.notepadItem .counter, .notepadItem .coverImage {
  float:                left;
  padding:              4px;
}
.notepadItem .counter p {
  font-weight:          bold;
  font-size:            17px;
}
.notepadItem .coverImage img {
  height:               auto;
  width:                120px;
  border-width:         1px;
}
.notepadItem .description {
  float:                left;
  width:                500px;
  padding:              4px;
}
.notepadItem .description .title {
  font-size:            17px;
}
.notepadItem .description .author{
  font-weight:          bold;
  font-size:            13px;
}
.notepadItem .description .delivery {
  padding-top:          10px;
  font-weight:          bold;
  font-size:            13px;
}
.notepadItem .actions {
  float:                right;
  width:                290px;
  padding:              4px 0 4px 4px;
  font-weight:          bold;
  text-align:           right;
}
.notepadItem .actions .buy {
  margin-top:           0;
  background-color:     #2192ED;
  padding:              10px;
  min-height:           30px;
}
.notepadItem .actions .buyBike {
  margin-top:           5px;
  background-color:     #99FF00;
  padding:              10px;
}
.notepadItem .actions .buyBike .deliveryInfo{
  text-align:           left;
}
.notepadItem .actions .buyBike .availability{
  text-align:           left;
}
.notepadItem .actions p {
  margin-bottom:        5px;
  color:                #000000;
}
.notepadItem .actions p span {
  float:                left;
  display:              block;
}
.notepadItem .actions .buy a, .notepadItem .actions .redBox {
  margin-top:           15px;
  padding:              10px;
  background-color:     #cc0000;
}

.notepadItem .actions .buy a, .notepadItem .actions .redBox span {
  color:                #ffffff;
  font-size:            19px; 
}
.notepadItem .actions a span {
  padding:              0 10px;
  font-size:            20px;
}
.notepadItem .actions img {
  margin-bottom:        -6px;
}
.notepadItem .actions .onlinePrice {
  border-color:         #000000;
  border-bottom-width:  1px;
}
.notepadItem .actions .difference {
  color:                #ffffff;
  border-color:         #ffffff;
  border-bottom-width:  1px;
}
.notepadItem .actions .availability span {
  float:                none;
  display:              inline;
  font-size:            15px;
}
.notepadItem .smallAction {
  margin-top:           10px;
}

/*** big covers and overlays and iFrames***/
div.bigcover {
  display:              none;
  position:             fixed;
  top:                  0px;
  left:                 0px;
  height:               100%;
  width:                100%;
  background-image:     url(images/bigcoverbg.png);
  text-align:           center;
  z-index:              200;
}
div.bigcover img {
  margin:               40px;
  border:               1px solid #999999;
  cursor:               pointer;
}
div.bigcover iframe {
  margin:               40px;
  background-color:     #ffffff;
}
body.overlay {
  min-height:           540px;
  width:                500px;
  text-align:           center;
}
body.overlay div, div.overlay {
  height:               524px;
  width:                484px;
  margin:               auto;
  border-width:         1px;
  padding:              8px;
  background-color:     #ffffff;
  text-align:           justify;
}
div.overlay {
  margin-top:           40px;
}
.overlay p.title {
  padding:              4px 0 16px 0;
  font-weight:          bold;
  text-align:           center;
}
.overlay img.close, .overlayDMR img.close {
  float:                right;
  margin:               2px 0 0 0;
  border:               0;
}
.overlay div.excerpt, .overlay div.terms {
  clear:                both;
  height:               460px;
  overflow:             auto;
  padding:              8px;
  text-align:           justify;
}
.overlayBody {
  display:              none;
  position:             fixed;
  top:                  0px;
  left:                 0px;
  height:               100%;
  width:                100%;
  background-image:     url(images/iFrameBG.png);
  text-align:           center;
  z-index:              200;
}
.overlayDMR {
  margin:               15px auto;
}
.overlayHeader {
  height:               26px;
  border-width:         1px;
  padding:              2px;
  background-color:     #333333;
  color:                #999999;
  font-size:            19px;
  text-align:           left;
}

/*** Recommend ***/
.recommendForm td {
  vertical-align:       top;
  padding:              10px;
}
table.recommendItem {
  border-bottom: 1px dotted #333;
  width: 100%;
  margin-bottom: 15px;
}
table.recommendItem td {
  padding: 10px;
  vertical-align: top;
}
td.recommendItemRight {
  width:  80%;
  vertical-align: top;
}
td.recommendItemLeft { 
  vertical-align: top;
}
table.recommendItem p.recommendItemTitle {
  font-size: 12px;
  font-family: Verdana;
  font-weight: bold;
  color: #0B479D;
}
table.recommendItem p.recommendItemAuthor {
  font-size: 11px;
}
table.recommendItem p.recommendItemTitle a,table.recommendItem p.recommendItemTitle a:visited  {
  color: #000;
}
table.recommendItem p.recommendItemSubtitle {
  font-size: 11px;
}
table.recommendItem p.recommendItemPrice {
  font-size: 11px;
  display: inline;
  font-weight: bold;
}
table.recommendItem p.recommendItemData {
  font-size: 11px;
}

/*** HTML TEXT Classes ***/
.HtmlTextImg {
  border: 1px solid red;
}
.HtmlText {
  font-size: 11px;
}

/***** ACCOUNT *****/
.accountTab {
  text-align: center;
  margin: 10px 10px 0;
}
.accountTab li {
  width: auto;
  padding: 5px;
  margin-right: 2px;
  border: 1px solid #ccc;
  list-style-type: none;
  list-style: none;
  float: left;
  background-color: #f8f8f8;
}
.accountTab ul li.accountTabCurrent {
  background-color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #f8f8f8;
}
.accountTab li.accountTabCurrent a, .accountTab li.accountTabCurrent a:visited {
  color: #990000;
  font-weight: bold;
  text-decoration: none;
}
.accountTab a, .accountTab a:visited {
  color: #666;
  font-weight: bold;
  text-decoration: none;
  padding: 0 5px;
}
.accountTab a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.ext-ie .accountForm .colEdit a, .ext-chrome .accountForm .colEdit a, .ext-opera .accountForm .colEdit a {
text-decoration: none;	
}
/*** tabbox ***/
div.tabcontent {
  display:              none;
  min-height:           310px;
  padding: 5px 10px;
  border: 1px solid #ccc;
  margin-top: -1px;
}
#tabContent1 {
  display:              block;
}

/* ACCOUNT CONTENT */
.account {
  font-size:            12px;
  margin: 0 10px 10px;
}
table.account {
  margin: 0;
  width: 100%;
}
.account th, .account td {
  border-width:         1px;
  padding:              2px 5px;
  border-width: 0 0 1px;
  border-color: #ccc;
}
.account th {
  background-color:     #eeeeee;
  color:                #333333;
  text-align:           left;
}
.account .colChoose {
  width:                100px;
  text-align:           center;
}
.account .colEdit {
  width:                100px;
  text-align:           center;
}
.account .colActions {
  text-align:           center;
}
.account .colValue {
  text-align:           left;
  width:                600px;
}
.account img {
  border:               0;
}
.account .mainAddress {
  font-weight:          bold;
}
#addform {
  display:              none;
}
.accountButtons {
  float: right;
  margin: 5px;
}
.addAdressButton {
  float: left;
  margin: 5px;
}
.orders {
  margin-top:           10px;
}
.orders input[type=text] {
  width:                222px;
  padding:              2px;
}
.orderButtons {
  margin-left:          203px;
}
.orderResults {
  width:                100%;
}
.notepads td {
  border-bottom-width:  0;
}
.notepads .colEdit {
  width:                180px;
}
.notepads .colPath {
  border-bottom-width:  1px;
  padding:              0 0 10px 5px;
}

/** DETAIL **/
.detailBiblio {
  padding:              2px;
}
.detailBiblio .key {
  float:                left;
  width:                120px;
  padding-right:        10px;
  text-align:           right;
}

/** SITEMAP (MAIN) **/
.sitemap {
  margin:               16px;
}
.sitemapContent {
  margin-left:          32px;
}

/** QUICK TIP **/
#quicktip {
  width:                172px;
  display:              none;
  position:             absolute;
  color:                #ffffff;
}
.quicktipContentTitle {
  padding:              8px 8px 4px 8px;
  background-image:     url(images/bubble.png);
  background-repeat:    no-repeat;
  font-weight:          bold;
  font-size:            18px;
}
.quicktipContentText {
  padding:              4px 8px 8px 8px;
  background-image:     url(images/bubble.png);
  background-position:  100% 100%;
  background-repeat:    no-repeat;
  font-size:            14px;
}

/** ALERT MESSAGE BOX **/
#alert {
  display:              none;
}
.alertBg {
  position:             fixed;
  top:                  0;
  left:                 0;
  height:               100%;
  width:                100%;
  background-image:     url(images/alertBg.png);
}
.alertbox {
  position:             absolute;
  min-width:            200px;
}
.alertboxTopLeft {
  float:                left;
  height:               30px;
  width:                15px;
  background-image:     url(images/alertbox.png);
}
.alertboxTopRight {
  width:                100%;
  margin-left:          15px;
  padding:              5px 10px 0 0;
  line-height:          25px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 0;
  font-weight:          bold;
}
.alertboxMiddleLeft {
  background-image:     url(images/alertboxBody.png);
}
.alertboxMiddleRight {
  width:                100%;
  margin:               0 -15px 0 15px;
  padding:              10px 10px 5px 0;
  background-image:     url(images/alertboxBody.png);
  background-position:  100% 0;
}
.alertboxBottomLeft {
  clear:                both;
  float:                left;
  height:               15px;
  width:                15px;
  background-image:     url(images/alertbox.png);
  background-position:  0 100%;
}
.alertboxBottomRight {
  height:               15px;
  width:                100%;
  margin-left:          15px;
  padding-right:        10px;
  background-image:     url(images/alertbox.png);
  background-position:  100% 100%;
}
.alertboxTopRight .alertboxClose {
  float:                right;
  height:               16px;
  width:                16px;
  margin-top:           5px;
  background-image:     url(images/alertboxClose.png);
  cursor:               pointer;
}
.ext-ie8 .alertboxTopRight .alertboxClose {
  margin-top:           3px;	
}
.alertboxTopRight .alertboxClose:hover {
  background-position:  100% 100%;
}
.alertboxMiddleRight .alertboxButton {
  padding:              10px 10px 0 0;
  text-align:           center;
}

/** OVERLAY CONTENT **/
.overlay {
  display:              none;
}
.directOrder {
}
.directOrder .inputs {
  margin-bottom:        15px;
}



/* VARIANTE TOPNAV 100427pr.topNav li {
background-image:none !important;
background-color:#3C4E6B !important;
}
.topNav li a {
color:#FFF !important;
font-size:12px !important;
font-family:tahoma !important;
}
.topNav li.selected a {
background-color:#FFF !important;
color:#35455F  !important;
font-weight:700 !important;
}
*/


/* Verfügbar Sihlcity */
.articleAvailability .general.green #StoreQuantity.info {
font-weight: 700;
}

/* CHECKOUT */
td.basketItemLeft a img {
max-width:80px !important;
max-height:160px !important;
}
td.smallBasketItemLeft a img {
max-width:80px !important;
max-height:160px !important;
}
.smallBasketItem .smallBasketItemQuantity {
font-size:110% !important;
font-weight:600;
}

/* RESULT LIST */
.resultItem .coverImage,
.notepadItem .coverImage {
width:120px;
}
.resultItem .description,
.notepadItem .description {
width:500px;
}
.resultItem .actions,
.notepadItem .actions {
width:320px;
}
.resultItem .coverImage a img,
.notepadItem .coverImage a img {
max-width:105px !important;
max-height:155px !important;
}
.resultItem .actions .buy a,
.notepadItem .actions .buy a {
padding:0;
}

.actions .listPrice {
margin-bottom:3px
}
p.redBox {
height:30px;
}
p.redBox span {
float:left;
}
.actions .buy {
padding-bottom:10px;
}
.actions .buy .delivery {
float:left;
}
.actions .buy a {
background:inherit;
}

.resultItem .actions .buyBike,
.notepadItem .actions .buyBike {
height:40px;
padding-bottom: 0;
}
.resultItem .actions .buyBike .availability a {
float:right;margin-top:-12px;
}
.notepadItem .actions .buyBike .availability a {
float:right;margin-top:-19px;
}
.resultItem .actions .redBox,
.notepadItem .actions .redBox {
padding:7px 10px 3px;
}

/* BASKET ITEMs vertikal */
table.basketItem p.basketItemActions {
margin-top:-10px;
}
table.basketItem {
margin-bottom:1px;
}

/* LOGO LINK HOME */
.logoLink {
text-decoration:none !important;
border:none !important;
outline:none !important;
}

/* VA FLOAT IE6 */
* html .articleAvailability {
width:328px;
}

/* IMAGESHOW IE6 */
* html .imageShow .imageSlider {
width:1000px !important;
height:260px !important;
}
.help {
  display:         none;	
}

/** DOWNLOAD TIP **/
.downloadtip {
  position:             absolute;
  margin:               -8px 0 0 -8px;
  border:               none;
}
.notepadItem .coverImage img.downloadtip {
  width:                auto;
  height:               auto;	
}
.downloadtipInfo {
  display:              none;
}
/** DOWNLOAD **/
.download {
  margin:               4px;
  border-top:           1px dotted #9fb2d6;
  padding-top:          8px;
  min-height:           50px;
}
.downloadSearch {
  padding:              16px 4px 16px 4px;
  border:               1px solid #d7d7d7;
  border-radius:        2px;
  -moz-border-radius:   2px;
  -webkit-border-radius:2px;
  background-color:     #eeeeee;
}
.downloadSearch .key {
  width:                280px;
}
.downloadText {
  margin-bottom:        8px;
}
.downloadRuler {
  padding:              5px 0 5px 0;
  text-align:           right;
}
.downloadActions {
  margin-top:           2px;
  border-top:           1px dotted #9fb2d6;
  padding:              8px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
  clear:                both;
}
.downloadActionsLeft {
  display:              inline-block;
  width:                80%;
  letter-spacing:       normal;
  word-spacing:         normal;
}
.ext-ie6 .downloadActionsLeft, .ext-ie7 .downloadActionsLeft {
  display:              inline;
}
.downloadActionsRight {
  display:              inline-block;
  width:                20%;
  text-align:           right;
  letter-spacing:       normal;
  word-spacing:         normal;
}
.ext-ie6 .downloadActionsRight, .ext-ie7 .downloadActionsRight {
  display:              inline;
}
.downloadContentItem {
  margin-top:           2px;
  border-top:           1px dotted #9fb2d6;
  padding:              8px 0 8px 10px;
  letter-spacing:       -4px;
  word-spacing:         -4px;
  clear:                both;
}
.downloadContentItemCover {
  float:                left;
  vertical-align:       top;
  letter-spacing:       normal;
  word-spacing:         normal;
  margin-right:         10px;
  width:                120px;
}
.ext-ie6 .downloadContentItemCover, .ext-ie7 .downloadContentItemCover {
  display:              inline;
}
.downloadContentItemCover .cover {
  border:               1px solid #999999;
}
.downloadContentItemArticle {
  font-size:            10px;
  letter-spacing:       normal;
  word-spacing:         normal;
  vertical-align:       top;
}
.ext-ie6 .downloadContentItemArticle, .ext-ie7 .downloadContentItemArticle {
  display:              inline;
}
.downloadContentItemArticle .key {
  min-height:           14px;
  width:                100px;
  text-align:           left;
}
.downloadContentItemArticle .value {
  min-height:           14px;
}
.downloadContentItemArticleAuthor, .downloadContentItemArticleCaption {
  font-weight:          bold;
}
.downloadContentItemArticleTitle {
  font-weight:          bold;
  font-size:            12px;
}
.downloadContentItemActions {
  display:              inline-block;
  text-align:           right;
  vertical-align:       top;
  letter-spacing:       normal;
  word-spacing:         normal;
  margin-top:           10px;
}
.ext-ie6 .downloadContentItemActions, .ext-ie6 .downloadContentItemActions {
  display:              inline;
}
.downloadContentItemActionsInfo {
  padding-bottom:       8px;
  font-size:            10px;
  text-align:           center;
} 
/** BUTTONS **/
.download .button {
  display:              inline-block;
  height:               22px;
  margin-right:         1px;
  padding-left:         8px;
  background-image:     url(images/button.png);
  background-repeat:    no-repeat;
  vertical-align:       text-bottom;
}
.ext-ie7 .download .button, .ext-ie6 .download .button {
  display:              inline;
}
.download .button input[type=submit], .download .button input[type=reset], .download .button a {
  position:             relative;
  display:              block;
  height:               22px;
  margin-right:         -1px;
  padding-right:        7px;
  padding-left:         0;
  outline:              none;
  background-image:     url(images/button.png);
  background-position:  100% 0;
  line-height:          22px;
  color:                #486fb7;
  cursor:               pointer;
  font-family:          Arial, sans-serif;
  font-weight:          bold;
  font-size:            11px;
}
.download .button:hover {
  background-position:  0 100%;
}
.download .button input[type=submit], .download .button input[type=reset] {
  padding-bottom:       2px;
}
.download .button:hover input[type=submit], .download .button:hover input[type=reset], .download .button:hover a {
  background-position:  100% 100%;
  color:                #0b479d;
  text-decoration:      none;
}

.detailInfoBox {
  float: 				right;
  overflow: 			hidden;
  width: 				329px;
  border-width: 		0 0 1px 1px;
  margin-top:			5px;	
}
.detailInfoBoxText1 {
  padding: 				2px 15px;	
}
.detailInfoBoxText2 {
  padding: 				2px 15px;	
}
.detailInfoBoxText .storekey {
  display: 				inline-block;	
  width:  				260px;
}
.detailInfoBoxText {
  padding: 				2px 15px;
}
.detailInfoBoxText .storevalue {
  display: 				inline-block;
  width:  				30px;
}

.articleDownloadsList {
  margin-top:           10px;	
}
.articleDownloadsListItemCover {
  display:              inline-block;	
  vertical-align:       top;
}
.articleDownloadsListItemInfo {
  display:              inline-block;	
  vertical-align:       top;
  margin-left:          5px;
}
.articleDownloadsListItemInfoText {
  margin-top:           3px;
  width:                500px;	
}
.articleDownloadsListItemInfoDownload {
  margin-top:           10px;	
}