@charset "iso-8859-1";

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

com colors:
blue:        #0a1f62 #0066cc #9cbeda #b2c4e5 #cdd6e8
black:       #333333 #808080 #cccccc #eeeeee #ffffff

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]
3.0.0-0  06.12.2010  sb  rebuilded for release 3 compatibility [COM-365]
3.0.0-1  07.01.2011  sb  checkout address tabs added [COM-378]
3.0.0-2  10.01.2011  sb  bpm link added
*/

/** IMPORT DEFAULT CSS **/
@import                 url(../../../bpmweb/css/default/screen.css);

/** GLOBAL DEFAULTS **/
h2 {
  font-size:            15px;
}
a, .link {
  color:                #0066cc;
}
a:hover, .link:hover {
  color:                #0a1f62;
}
.warning {
  color:                #a0001b;
}
.red {
  color:                #a0001b;
}
.disabled {
  color:                #808080;
}
.small {
  color:                #808080;
}

/** FORMS **/
input[type=text], input[type=password], select, textarea {
  border:               1px solid #808080;
  background-image:     none;
  background-color:     #ffffff;
}

/** BUTTONS **/
.button {
  background-image:     url(images/button.png);
}
.button input[type=submit], .button input[type=reset], .button a {
  background-image:     url(images/button.png);
  color:                #0066cc;
}
.button:hover input[type=submit], .button:hover input[type=reset], .button:hover a {
  color:                #0a1f62;
}

/** BODY **/
body {
  background-image:     url(images/body.png);
  color:                #333333;
}
.body {
  position:             relative;
  width:                1005px;
  border-top:           0px;
  border-right:         1px solid #cccccc;
  border-bottom:        1px solid #cccccc;
  border-left:          1px solid #cccccc;
  padding:              0;
  background-image:     url(images/headerBusiness.png);
  background-color:     #ffffff;
}

/** HEADER AREA **/
.headerLogo {
  margin:               5px 42px 0 42px;
}

/** HEADER TOP **/
.headerTop {
  color:                #eeeeee;
  font-weight:          normal;
}
.headerTop a {
  color:                #ffffff;
}
.headerTopAccount {
  top:                  8px;
  left:                 192px;
}
.headerTopAccount img {
  margin-top:           -4px;
}
.headerTopContact {
  top:                  8px;
  left:                 810px;
}
.headerTopContact img {
  float:                left;
  margin:               -3px 3px 0 0;
}
.headerTopLang {
  display:              none;
}

/** HEADER NOTEPAD **/
.headerTopNotepad {
  position:             absolute;
  top:                  3px;
  left:                 400px;
  width:                200px;
}
.headerTopNotepad a {
  display:              inline-block;
  padding-top:          5px;
  vertical-align:       top;
}

/** HEADER BASKET **/
.headerTopBasket {
  position:             absolute;
  top:                  3px;
  left:                 600px;
  width:                200px;
}
.headerTopBasket a {
  display:              inline-block;
  padding-top:          5px;
  vertical-align:       top;
}

/** HEADER SEARCH **/
.headerSearchQuick {
  color:                #808080;
}
.headerSearchQuick input[type=text] {
  width:                360px;
}
.headerSearchExpand a {
  border:               1px solid #808080;
}
.headerSearchExpand a:hover {
  border:               1px solid #808080;
  background-color:     #ffffff;
}
.headerSearchAdvanced {
  margin:               -30px 0 0 -19px;
  width:                590px;
  padding:              8px 4px 12px 12px;;
  border:               1px solid #808080;
  border-radius:        5px;
  -moz-border-radius:   5px;
  -webkit-borders-radius: 5px;
  background-image:     url(images/headerSearchBg.jpg);
  background-color:     #eeeeee;
}
.headerSearchAdvancedClose {
  margin:               0 5px 0 0;
  border:               1px solid #808080;
  color:                #0066cc;
}
.headerSearchAdvancedClose:hover {
  border:               1px solid #808080;
  background-color:     #ffffff;
  color:                #0a1f62;
}
/** HEADER SPECIALS **/
.headerSpecials {
  display:              none;
}

/** HEADER NAVIGATION **/
.headerNav {
  margin:               11px 0 0 16px;
  padding-left:         0;
}
.headerNav ul {
  width:                607px;
  height:               27px;
  overflow:             hidden;
  border:               0;
  padding:              0;
}
.headerNav li {
  border-left:          1px solid #d7d7d7;
}
.headerNav li:first-child {
  border:               0;
}
.headerNav li a {
  min-width:            57px;
  padding:              4px 9px 5px 9px;
  font-weight:          bold;
  text-align:           center;
}
.ext-ie6 .headerNav li a {
  width:                82px;
}
.headerNav li a:hover {
  background-color:     #cdd6e8;
}
.headerNav li.active {
  border-top:           0;
  border-right:         0;
  border-bottom:        0;
  border-left:          1px solid #d7d7d7;
  background-image:     url(images/hint.png);
  background-color:     transparent;
}
.headerNav li.active a {
  padding:              4px 10px 5px 10px;
  color:                #333333;
}

/** LEFT AREA **/
.left {
  width:                188px; 
  border:               0; 
  padding:              0;
}

/** MAIN AREA **/
.main {
  width:                610px;
  padding:              4px 2px 8px 2px;
}

/** RIGHT AREA **/
.right {
  width:                203px;
  border:               0;
  padding:              8px 0 2px 0;
}

/** BOX **/
.right .box {
  margin:               0 2px 0 1px;
}
.boxTitle {
  background-image:     url(images/boxTitle.png);
}
.boxTitleHeading {
  padding:              5px 7px 0 0;
  background-image:     url(images/boxTitle.png);
  color:                #0168c1;
}
.boxTitleHeadingShowhide {
  background-image:     url(images/boxShowhide.png);
}
.boxMain {
  margin:               0;
  border:               0;
  padding:              4px 4px 6px 4px;
  background-image:     url(images/boxContentMain.png);
}
.left .boxMain {
  background-image:     url(images/boxContentLeft.png);
}
.right .boxMain {
  background-image:     url(images/boxContentRight.png);
}
.boxMainText {
  border-bottom:        1px dotted #cccccc;
}
.boxFooter {
  margin-bottom:        4px;
  background-image:     url(images/boxFooter.png);
}
.boxFooterHeading {
  margin-left:          6px;
  background-image:     url(images/boxFooter.png);
  background-position:  100% 0;
}

/** STATIC BOX **/
.left .boxstatic {
  margin-left:          2px;
}
.right .boxstatic {
  margin:               0 4px 0 3px;
}
.boxstaticTitle {
  margin:               0;
  background-image:     url(images/staticTitle.png);
}
.boxstaticTitleHeading {
  padding:              5px 7px 0 0;
  background-image:     url(images/staticTitle.png);
  color:                #808080;
  font-weight:          bold;
}
.boxstaticMain {
  margin:               0;
  border-right:         2px solid #e1e1e1;
  border-left:          2px solid #e1e1e1;
  padding:              4px 4px 6px 4px;
  background-color:     #f5f5f5;
}
.boxstaticMainText {
  border-bottom:        1px dotted #9cbeda;
}
.boxstaticFooter {
  height:               15px;
  margin-bottom:        4px;
  background-image:     url(images/staticFooter.png);
}
.boxstaticFooterHeading {
  height:               15px;
  margin-left:          6px;
  background-image:     url(images/staticFooter.png);
  background-position:  100% 0;
}

/** NOBOX **/
.nobox {
  margin:               4px 0 4px 0;
}
.noboxHeading {
  border-top:           2px solid #cccccc;
  border-bottom:        2px solid #cccccc;
  margin:               0 4px 0 4px;
  padding:              2px 0 2px 0;
  line-height:          16px;
  color:                #808080;
  font-weight:          bold;
}
.box .noboxHeading, .boxstatic .noboxHeading {
  margin:               0;
}

/** PREVIEW **/
.previewTitle {
  border-bottom:        1px dotted #9cbeda;
}
.previewItem {
  border-bottom:        1px dotted #cccccc;
}
.previewItem:hover {
  background-color:     #cccccc;
}
.previewActions {
  padding-right:        4px;
}
.previewItemArticleAuthor {
  color:                #333333;
}

/** NEWSALERT **/
.newsalertHeading {
  border-bottom:        1px dotted #9cbeda;
}
.newsalertItem:hover {
  background-color:     #cdd6e8;
}
.newsalertItemTitle {
  color:                #333333;
}

/** FEED **/
.feed {
  border-top:           1px dotted #808080;
}
.feedItem:hover {
  background-color:     #cccccc;
}
.feedItemInfo {
  color:                #333333;
}

/** QUERY **/
.main .queryItem {
  border-top:           1px dotted #cccccc;
}
.box .queryItem, .boxstatic .queryItem {
  border-bottom:        1px dotted #cccccc;
}
.queryItem:hover {
  background-color:     #cccccc;
}
.queryItemCover {
  border:               1px solid #808080;
}
.queryItemArticleAuthor {
  color:                #333333;
}

/** NAVIGATION **/
.nav {
  margin:               8px 4px 0 4px;
  border-bottom:        1px solid #808080;
}
.box .nav, .boxstatic .nav {
  margin:               4px 0 0 0;
  border-bottom:        0;
}
.navHeading {
  border-top:           1px solid #808080;
  background-color:     #eeeeee;
}
.navItems a {
  border-top:           0;
  color:                #333333;
}
.navItems a:hover {
  background-color:     #cccccc;
}
.navItems .active > a {
  color:                #333333;
  font-weight:          bold;
}
.navItems .active > a:hover {
  color:                #0a1f62;
}

/** GROUP NAVIGATION **/
.group {
  border-top:           1px solid #9cbeda;
}
.groupHeading {
  background-color:     #9cbeda;
}
.groupContent .navHeading:hover {
  background-color:     #cdd6e8;
}

/** TEXT **/
.text {
  margin:               2px 4px 16px 4px;
  border-top:           1px dotted #cccccc;
}
.main .text {
  text-align:           justify;
}
.box .text {
  margin:               2px 4px 2px 4px;
}
.boxstatic .text {
  margin:               2px;
}
.textText {
  margin-bottom:        6px;
}
.left .textImg, .right .textImg {
  float:                none;
  text-align:           center;
}

/** HISTORY **/
.history {
  border-top:           1px solid #808080;
  border-bottom:        1px solid #808080;
}
.historyItem a {
  padding:              2px 2px 2px 18px;
  color:                #333333;
}
.historyItem .clipLink:hover {
  background-color:     #cccccc;
}

/** FLASH **/
.flash {
  border-top:           1px dotted #cccccc;
}
.flashSubject {
  border:               1px solid #a0001b;
  background-color:     #e9cdd2;
}

/** ARTICLEPACK **/
.articlepack {
  border-top:           1px dotted #cccccc;
}
.articlepackContent {
  width:                608px;
}
.box .articlepackContent, .boxstatic .articlepackContent {
  width:                auto;
}

/** ARTICLEPACK ITEM **/
.articlepackItem {
  height:               222px;
  width:                296px;
  margin:               4px 4px 4px 4px;
  border:               0;
  padding:              4px 0 4px 0;
  background-image:     url(images/articlePackItemBg.png);
  background-repeat:    no-repeat;
}
.box .articlepackItem {
  margin:               2px 4px 2px 4px;
  background:           none;
}
.articlepackItemContentSubtitle {
  margin-bottom:        4px;
}
.articlepackItemContentCover .cover {
  border:               1px solid #808080;
}

/** DETAIL **/
.detail {
  border-top:           1px dotted #cccccc;
}
.detailCover .cover {
  display:              inline-block;
  padding-left:         1px;
}
.detailCover .reflected {
  margin-left:          -1px;
  border:               1px solid #cccccc;
}
.detailActions .clipIcon {
  border:               1px solid #808080;
}
.detailInfoBox {
  background-image:     url(images/infoBoxBg.png);
}
.detailInfoBoxText, .detailInfoBoxMore {
  border-right:         1px solid #cccccc;
  border-left:          1px solid #cccccc;
}
.detailInfoBoxAvailability {
  border-right:         1px solid #cccccc;
  border-left:          1px solid #cccccc;
}
.detailInfoBoxAction {
  border-right:         1px solid #cccccc;
  border-left:          1px solid #cccccc;
}
.detailInfoBoxBottom {
  background-image:     url(images/infoBoxBg.png);
}
.detailInfoBox .storekey {
  color:                #808080;
}
.detailInfoBox .key {
  color:                #808080;
}
.detailInfoBoxExpand {
  background-image:     url(images/infoBoxBg.png);
}
.detailInfoBoxExpand p {
  background-image:     url(images/infoBoxExpandBg.png);
}
.detailInfoBoxExpand span {
  background-image:     url(images/infoBoxExpandBg.png);
  color:                #0066cc;
}
.detailInfoBoxExpand p:hover span {
  color:                #0a1f62;
}
.detailtabPanelText {
  padding:              2px 0 8px 0;
}

/** MAIN SLIDER **/
.mainSlider {
  border-top:           1px solid #808080;
  padding:              2px 0 4px 0;
  background-image:     none;
}
.mainSlider span {
  background-image:     url(images/mainShowhide.png);
}

/** AJAX TABS **/
.tabs {
  border-bottom:        1px solid #808080;
}
.tabs li a:hover {
  background-color:     #cdd6e8;
}
.tabs li.activeTab {
  border-top:           1px solid #808080;
  border-right:         1px solid #808080;
  border-left:          1px solid #808080;
  background-color:     #ffffff;
}

/** RECOMMEND **/
.recommendItem {
  border-top:           1px dotted #cccccc;
}
.recommendItemCover .cover {
  border:               1px solid #808080;
}
.recommendForm {
  border-top:           1px dotted #cccccc;
}
/** DOWNLOAD **/
.download {
  border-top:           1px dotted #cccccc;
}
.downloadSearch {
  border:               1px solid #cccccc;
  background-color:     #eeeeee;
}
.downloadContentItemTitle {
  border-top:           1px solid #9cbeda;
  background-color:     #cdd6e8;
}

/** EVENT **/
.event {
  border-top:           1px dotted #cccccc;
}
.eventSearch {
  border:               1px solid #cccccc;
  background-color:     #eeeeee;
}
.eventContentItemTitle {
  border-top:           1px solid #9cbeda;
  background-color:     #cdd6e8;
}

/** NEWS **/
.news {
  border-top:           1px dotted #cccccc;
}
.newsSearch {
  border:               1px solid #cccccc;
  background-color:     #eeeeee;
}
.newsContentItemTitle {
  border-top:           1px solid #9cbeda;
  background-color:     #cdd6e8;
}

/** SITEMAP **/
.sitemap {
  border-top:           1px dotted #cccccc;
}

/** ALTERNATIVE **/
.alternative {
  border-top:           1px dotted #cccccc;
}
.alternativeContent {
  width:                608px;
}
.alternativeContentItem {
  position:             relative;
  height:               122px;
  width:                290px;
  margin:               2px 3px 2px 0;
  padding:              4px;
  background-image:     url(images/altbox.png);
}
.alternativeContentItemCover .cover {
  max-height:           118px;
  margin:               2px;
  border:               1px solid #808080;
}
.alternativeContentItemArticleActions {
  position:             absolute;
  bottom:               4px;
}

/** LOGIN **/
.loginForm {
  border-top:           1px dotted #cccccc;
  border-bottom:        0;
}

/** REGISTER **/
.registerForm {
  border-bottom:        1px dotted #cccccc;
}

/** RESULT **/
.result {
  border-top:           1px dotted #cccccc;
}
.resultItem {
  border-top:           1px dotted #cccccc;
}
.resultItem:hover {
  background-color:     #cdd6e8;
}
.resultItemCover {
  border:               1px solid #808080;
}
.resultItemArticleInfo {
  color:                #808080;
}
.resultItemArticleInfo span {
  color:                #333333;
}

/** FOOTER AREA **/
.footer {
  clear:                both;
  border-top:           1px solid #cccccc;
  padding:              8px;
  background-color:     #eeeeee;
  color:                #808080;
}
.footer a {
  color:                #808080;
}
.footer a:hover {
  color:                #0a1f62;
}

/** SELECT ALL **/
.selectall {
  border-top:           1px dotted #cccccc;
}

/** NOTEPAD **/
.notepad {
  border-top:           1px dotted #cccccc;
}
.notepadEmpty {
  color:                #a0001b;
}
.notepadContentActions {
  border-top:           1px dotted #cccccc;
}
.notepadContentItem {
  border-top:           1px dotted #cccccc;
}
.notepadContentItemCover img {
  border:               1px solid #808080;
}
.notepadContentSave, .notepadContentMail {
  border-top:           1px dotted #cccccc;
}
.notepadContinueActions {
  border-top:           1px dotted #cccccc;
}
/** BASKET **/
.basketEmpty {
  color:                #a0001b;
}
.basketToPOS {
  border-top:           1px dotted #cccccc;
  background-image:     url(images/arrowBg.png);
}
.basketToPOS .button {
  background-image:     url(images/buttonPOS.png);
}
.basketToPOS .button input {
  background-image:     url(images/buttonPOS.png);
  color:                #0066cc;
}
.basketToPOS .button:hover input {
  color:                #0a1f62;
}
.basketItem {
  border-top:           1px dotted #cccccc;
}
.basketItemCover img {
  border:               1px solid #808080;
}
.basketComment {
  border-top:           1px dotted #cccccc;
}
.basketRefresh, .basketAmount {
  border-top:           1px dotted #cccccc;
}

/** ACTIONS IN BASKET **/
.basketactions {
  border-top:           1px dotted #cccccc;
}
.basketactionsSummary {
  border-top:           1px dotted #cccccc;
}

/** BASKET MANUAL ADDITION **/
.basketmanual {
  border-top:           1px dotted #cccccc;
}

/** PATH IN CHECKOUT **/
.checkoutpath {
  color:                #808080;
}
.checkoutpath .active {
  color:                #333333;
}

/** CHECKOUT **/
.checkoutNav {
  border-top:           1px dotted #cccccc;
  border-bottom:        1px dotted #9cbeda;
}
.checkoutInfo {
  background-color:     #cdd6e8;
}
.checkoutGiftcard p:first-child {
  border-right:         1px dotted #9cbeda;
}
.checkoutAddress ul {
  border-bottom:        1px solid #808080;
}
.checkoutAddress li p {
  color:                #0066cc;
}
.checkoutAddress li p:hover {
  background-color:     #cdd6e8;
  color:                #0a1f62;
}
.checkoutAddress li.active {
  border-top:           1px solid #808080;
  border-right:         1px solid #808080;
  border-bottom:        0;
  border-left:          1px solid #808080;
  background-color:     #ffffff;
  font-weight:          bold;
}
.checkoutVerifyHeading, .checkoutContentHeading {
  background-color:     #cdd6e8;
}
.checkoutContentItem {
  border-top:           1px dotted #cccccc;
}
.checkoutContentItem .key {
  color:                #808080;
}
.checkoutContentItemCover img {
  border:               1px solid #808080;
}
.checkoutSummary {
  border-top:           1px solid #9cbeda;
  border-bottom:        4px solid #0066cc;
}

/** ACCOUNT **/
.account {
  border-top:           1px dotted #cccccc;
}
.accountTable {
  border-top:           1px solid #9cbeda;
}
.accountTable th {
  border-bottom:        1px solid #9cbeda;
}
.accountTable td {
  border-bottom:        1px dotted #9cbeda;
}
.accountTable .colPath {
  border-bottom:        1px solid #9cbeda;
  color:                #808080;
}
.accountEdit {
  border-top:           1px solid #9cbeda;
  border-bottom:        1px dotted #9cbeda;
}
.accountGiftcard {
  border-top:           1px solid #9cbeda;
}
.accountFilter {
  border:               1px solid #cccccc;
  background-color:     #eeeeee;
}

/** INVOICE **/
.invoiceSummary {
  border-top:           1px solid #000000;
}

/** BREAD CRUMB PATH **/
.breadcrumb {
  color:                #808080;
}

/** ANIMATION DEFALUTS **/
.animation {
  border-top:           1px dotted #cccccc;
}
.animationContainer {
  border:               1px solid #cccccc;
  background-color:     #eeeeee;
}
.animationContentItemArticleInfo {
  color:                #808080;
}
.animationNavigationPrev {
  background-image:     url('images/goPrev.png');
}
.animationNavigationNext {
  background-image:     url('images/goNext.png');
}
.animationNavigationIndex {
  border-top:           1px solid #808080;
  border-right:         1px solid #808080;
  border-left:          1px solid #808080;
  background-color:     #cccccc;
}
.animationNavigationIndexItem {
  border:               2px solid #9cbeda;
  background-color:     #eeeeee;
}
.animationNavigationIndexSelected {
  color:                #0066cc;
  background-color:     #ffffff;
  border:               2px solid #0066cc;
}
.animationNavigationIndexItem:hover {
  border:               2px solid #0a1f62;
  background-color:     #ffffff;
}

/** ANIMATION IMAGESHOW **/
#imageshowtip {
  background-image:     url(images/toolbox.png);
}

/** ANIMATION CAROUSEL **/
.carousel .animation .cover {
  background-color:     #ffffff;
}
.carousel .animationTextstage {
  border-top:           1px dotted #808080;
}
.carousel .animationNavigation {
  background-image:     url(images/carouselNavBg.png);
}
.carousel .animationNavigationSlider {
  background-image:     url('images/carouselSliderBar.png');
}
.carousel .animationNavigationSliderKnob {
  background-image:     url('images/carouselSliderKnob.png');
}

/** QUICK TIP **/
#quicktip {
  color:                #ffffff;
}
.quicktipContentTitle {
  background-image:     url(images/bubble.png);
}
.quicktipContentText {
  background-image:     url(images/bubble.png);
}

/** ALERT MESSAGE BOX **/
.alertBg {
  background-image:     url(images/alertBg.png);
}
.alertboxTopLeft {
  background-image:     url(images/alertbox.png);
}
.alertboxTopRight {
  background-image:     url(images/alertbox.png);
}
.alertboxTopRight .alertboxClose {
  background-image:     url(images/alertboxClose.png);
}
.alertboxMiddleLeft {
  background-image:     url(images/alertboxBody.png);
}
.alertboxMiddleRight {
  background-image:     url(images/alertboxBody.png);
}
.alertboxBottomLeft {
  background-image:     url(images/alertbox.png);
}
.alertboxBottomRight {
  background-image:     url(images/alertbox.png);
}

/** NOTEPAD SELECT **/
.notepadselect {
  border:               1px solid #808080;
  background-color:     #eeeeee;
  color:                #333333;
}
.notepadselect a {
  color:                #0066cc;
}
.notepadselectExist a {
  border-top:           1px solid #cccccc;
}
.notepadselectExist a:hover {
  background-color:     #cdd6e8;
}

/** WIKIPEDIA AUTHOR **/
.wikiAuthor .infobox {
  border:               1px solid #cccccc;
}
.wikiAuthor button {
  border:               1px solid #cccccc;
}
.wikiAuthor .wikitable th, .wikiAuthor .wikitable td {
  border:               1px solid #cccccc;
}
.wikiLicense {
  border:               1px solid #cccccc;
  color:                #808080;
  background-color:     #ffffff;
}

/** FACEBOOK ACTIVITIES **/
.facebookActivity {
  padding:              2px;
}

/** DRAG AND DROP **/
.ddElement {
  border:               1px solid #808080;
}

/** BPM FOOTER LINK **/
.bpm {
  padding:              4px;
  color:                #808080;
  font-size:            10px;
  text-align:           center;
}