/*----------------------------------------------------*/
/* StyleSheets for the "SAP B2C Project"              */
/*                                                    */
/* Version:        3.0                                */
/* Authors:        SAP AG                             */
/* Creation-Date:  11.08.2002                         */
/*----------------------------------------------------*/
body {
    color: #000000;
    background: none #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    height: 100%;
}

h1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 15px;
}

h2 { 
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
}

h3 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
}

div.module-name {
    color: #277;
    font-size: 10px;
}

div.uiarea-info {
    color: blue;
    font-size: 10px;
}

#header {
    z-index: 100;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    margin: -1px 0px 0px -1px;
    border-width: 0px;
}

#header-appl {
    margin: 0px;
    background: url(images/head_bg.jpg) repeat-x top;
    font-family: Verdana,Geneva,sans-serif;
    height: 50px;
}
#header-appl .header-logo {
    background: url(images/logo.gif) no-repeat 5px 5px;
    width: 85px;
    height: 45px;
}

#header-appl .header-navtop {
    position: absolute;
    top: 5px;
    right: 3px;
}

#header-appl .header-navtop ul {
    margin: 0px;
}
#header-appl .header-navtop ul li {
    margin: 0px;
    display: inline;
    padding-left: 4px;
    padding-right: 1px;
    border-right: 1px solid #5b5b5b;
}
#header-appl .header-navtop ul li.last {
    border-right-width: 0px;
    padding-right: 0px;
}
#header-appl .header-navtop ul li a {
    font-size: 10px;
    color: #5b5b5b;
    text-decoration: none;
}
#header-appl .header-welcome {
    position: absolute;
    top: 4px;
    left: 100px;
    font-size: 11px;
    font-weight: bold;
    color: #5b5b5b;
}

#header-appl .header-navmain {
    position: absolute;
    top: 32px;
    right: 3px;
}
#header-appl .header-navmain ul {
    margin: 0px;
}
#header-appl .header-navmain ul li {
    margin: 0px;
    display: inline;
    padding-left: 6px;
    padding-right: 3px;
    border-right: 2px solid #003366;
}
#header-appl .header-navmain ul li.last {
    border-right-width: 0px;
    padding-right: 0px;
}
#header-appl .header-navmain ul li a {
    font-size: 11px;
    font-weight: bold;
    color: #003366;
    text-decoration: none;
}
#header-appl .header-bar {
    /* background: url(images/head_bar.jpg) no-repeat; */
    background-color: #F7F9FF;
    border-top: 1px solid #CCC;
    border-bottom: 2px solid #525B5C;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 24px;
    width: 100%;
    text-align: right;
}
#header-appl .header-bar .header-search {
    font-size: 10px;
    font-weight: bold;
    color: #5b5b5b;
    margin: 3px;
}
#header-appl .header-bar .header-search input.header-search-btn {
    color: #003366;
    font-weight: bold;
    background-color: #FFF;
    border: 1px solid #036;
    height: 16px;
    padding: 0px 3px 0px 3px;
}
#header-appl .header-bar .header-search input.header-search-input {
    width: 160px;
    border: 1px solid Gray;
}

#workarea {
    z-index: 70;
    position: absolute;
    top: 50px;
/*  left: 17.2%;     customer modif: move the workarea to the left because the product navigator is hidden
    width: 82.4%; */
	left: 5%;
	width: 94%;
    border-width: 0px;
    overflow: auto;
}
#workarea .fw-box {
	width: 99.9%; /* avoid horiz. scrollbar in FF */
}

#navigator {
    z-index: 50;
    position: absolute;
    top: 80px;
    left: 4px;
    width: 16%;
}
#navigator #inner {
    top: 0px;
    width: 100%;
    overflow: hidden;
}

#miniBasket {
    z-index: 50;
    position: absolute;
    top: 80px;
    left: 83.5%;
    width: 16%;
}
#miniBasket #inner {
    width: 100%;
    overflow: hidden;
}

#store-locator {
    z-index: 70;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 82%;
    border-width: 0px;
    overflow: visible;
}

#basketEntry,
#leaflet {
    z-index: 70;
    position: absolute;
    top: 80px;
    left: 0px;
    width: 82%;
    padding: 0px 5px 0px 5px;
    border-width: 0px;
    overflow: visible;
}

#checkout,#login {
    z-index: 50;
    position: absolute;
    top: 80px;
    left: 0px;
    padding: 0px 5px 0px 5px;
    border-width: 0px;
    overflow: visible;
}

#errorarea {
    position: absolute;
    top: 80px;
    height: 100%;
    left: 0%;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: hidden;
}

#configheader {
    position: absolute;
    top: 80px;
    height: 50px;
    left: 0%;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: hidden;
}

#configstatus {
    position: absolute;
    top: 130px;
    height: 30px;
    left: 0%;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
}

#configmessages {
    position: absolute;
    top: 160px;
    height: 30px;
    left: 0%;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
    /*   background: none #EE0000; */
}

#instances {
    position: absolute;
    top: 190px;
    height: 316px;
    width: 25%;
    left: 0%;
    margin: 0px;
    border: 0px solid #EE0000;
}

#mfatabarea {
    position: absolute;
    top: 190px;
    height: 18px;
    left: 75%;
    width: 25%;
    margin: 0px;
    border: 0px solid #EE0000;
}

#multifunctionalarea {
    position: absolute;
    top: 208px;
    left: 75%;
    width: 25%;
    margin: 0px;
    border: 1px solid #E27000;
    background: none #FFF;
    overflow: visible;
}


/* style definitions for different combinations */
    /* | instances area      | multifunctional area | characteristic groups |  grouptabarea style, workarea style           | */
    /* |         0           |          0           |          0            | n.a., singlelevelworkarea                     | */
    /* |         0           |          0           |          1            | singlegrouptabarea, singlegroupworkarea       | */
    /* |         0           |          1           |          0            | n.a., singlelevelmfaworkarea                  | */
    /* |         0           |          1           |          1            | singlemfagrouptabarea, singlegroupmfaworkarea | */
    /* |         1           |          0           |          0            | n.a., multilevelworkarea                      | */
    /* |         1           |          0           |          1            | multigrouptabarea, multigroupworkarea         | */
    /* |         1           |          1           |          0            | n.a., multilevelmfaworkarea                   | */
    /* |         1           |          1           |          1            | multimfagrouptabarea, multigroupmfaworkarea   | */
#singlelevelworkarea {
    position: absolute;
    top: 190px;
    left: 0px;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#singlegrouptabarea {
    position: absolute;
    top: 190px;
    height: 20px;
    left: 0px;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
}

#singlegroupworkarea {
    position: absolute;
    top: 210px;
    left: 0%;
    width: 100%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#singlelevelmfaworkarea {
    position: absolute;
    top: 208px;
    left: 0%;
    width: 75%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#singlemfagrouptabarea {
    position: absolute;
    top: 190px;
    left: 0%;
    width: 75%;
    height: 20px;
    margin: 0px;
    border: 0px solid #EE0000;
}

#singlegroupmfaworkarea {
    position: absolute;
    top: 210px;
    left: 0%;
    width: 75%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#multilevelworkarea {
    position: absolute;
    top: 190px;
    left: 25%;
    width: 75%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#multigrouptabarea {
    position: absolute;
    top: 190px;
    height: 20px;
    left: 25%;
    width: 75%;
    margin: 0px;
    border: 0px solid #EE0000;
}

#multigroupworkarea {
    position: absolute;
    top: 210px;
    left: 25%;
    width: 75%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#multilevelmfaworkarea {
    position: absolute;
    top: 208px;
    height: 70%;
    left: 25%;
    width: 50%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

#multimfagrouptabarea {
    position: absolute;
    top: 190px;
    height: 20px;
    left: 25%;
    width: 50%;
    margin: 0px;
    border: 0px solid #EE0000;
}

#multigroupmfaworkarea {
    position: absolute;
    top: 210px;
    left: 25%;
    width: 50%;
    margin: 0px;
    border: 0px solid #EE0000;
    overflow: visible;
}

/*----------------------------------------------------*/ /* body */
    /*----------------------------------------------------*/
body.ipcBody {
    background: none #FFF;
    margin-left: -1px;
    margin-top: -1px;
}

body.ipcBodyReadOnly {
    background: none #FFF;
    margin-left: -1px;
    margin-top: -1px;
}

/* margin-left and margin-top definitions are (only) necessary for Netscape 4.x */
.body-meta-nav {
    background: none #b2b2b2;
    margin-left: -1px;
    margin-top: -1px;
}

.body-left {
    background: none #F2F7FC;
    margin-left: -1px;
    margin-top: -1px;
}

.body-mid {
    background: none #FFFFFF;
}

.body-right {
    background: none #3F85CB;
    margin-left: -1px;
    margin-top: -1px;
}

.ipcBody {
    background: none #F4F4F4;
    margin-left: -1px;
    margin-top: -1px;
}

.partnerLocBody {
    color: #555555;
    background: none #ffffff;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    font-size: 11px;
    margin: 7px 6px 0px 7px;
    padding: 0px;
}

body.advisor { /* from advisor */
    background: #FFFFFF;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 14px;
}

/*----------------------------------------------------*/
/* styles for the header, if the application runs in a portal */
/*----------------------------------------------------*/
.portalHeader {
    background: "#636D84";
}

table.portalHeader {
    background: "fff";
}

table.portalHeader td {
    background: #636D84;
    color: #fff;
    font-family: arial, sans-serif;
    font-size: x-small;
}

table.portalHeader a:link,
table.portalHeader a:visited {
    color: #fff;
    font: normal;
    text-decoration: none;
}

table.portalHeader a:hover {
    color: #CFDBC5;
    font: normal;
    text-decoration: none;
    background: #636D84;
}

/*----------------------------------------------------*/ 
/* list */
/*----------------------------------------------------*/
div.opener {
    text-align: left;
    padding-bottom: 10px;
    font-weight: bold;
}

/*----------------------------------------------------*/ 
/* modules */
/*----------------------------------------------------*/
div.module-name-new {
    color: #0066cc;
    text-align: right;
    font-weight: bold;
    display: inline; /* use switch in web-xml to disable the ouput */
}

.border2D { /* from bw.css */
    border: 1px solid Gray;
}

/*----------------------------------------------------*/ 
/* links */
/*----------------------------------------------------*/
a:link {
    color: #000000;
}

a:visited {
    color: #000000;
}

a:active {
    color: #000000;
}

a.selected {
    font-weight: bold;
}

/* this hover is not suitable for header and minibasket - please DO NOT reactivate  
a:hover { background: #f0f0f0; }
*/
a.navi:link { /* from advisor.css */
    background: #003366;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

a.navi:visited { /* from advisor.css */
    background: #003366;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-size: 11px;
}

/*----------------------------------------------------*/ 
/* images */
/*----------------------------------------------------*/
img.tree {
    border-style: none;
}

img.conflict {
    border-style: none;
}
/*----------------------------------------------------*/
/* form elements */
/*----------------------------------------------------*/
form {
    margin: 0;
}

input {
    font-family: Verdana, Geneva, sans-serif; /* monospace; */
    font-size: 10px;
}
input [type='text'] {
    text-align: left;
}
input.detailCount {
    background: #eee;
    border: none;
}
input.dealertext {
    width: 130px;
    border-color: #555555;
    border-width: 1px;
}
select {
    font-family: Verdana, Geneva, sans-serif; /* monospace; */
    font-size: 10px;
}
text {
    font-family: Verdana, Geneva, sans-serif; /* monospace; */
    font-size: 10px;
}
.submitDoc {
    margin-bottom: 5px;
}  /* from bw.css */
.bigCatalogInput {
    width: 155px;
}
.middleCatalogInput {
    width: 131px;
}
.smallCatalogInput {
    width: 40px;
}
.customerAddrDetailsInput {
    width: 170px;
    font-family: Verdana, Geneva, sans-serif; /* monospace; */
    font-size: 10px;
}
.selectDocument {
    width: 180px;
    color: #555555;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.95em;
    font-weight: normal;
}

.selectDealer {
    width: 130px;
    color: #555555;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 0.95em;
    font-weight: normal;
}

/*----------------------------------------------------*/
/* global classes */
/*----------------------------------------------------*/
.nav {
    font-weight: bold;
    color: #FFFFFF;
}
.nav1 {
    background-color: #f2f7fc;
}
.nav2 {
    background-color: #003366;
}

.emphasize {
    font-family: Verdana,Geneva,sans-serif;
    background: none #EEEEEE;
}

.emphasizeDarkBlue {
    font-family: Verdana, Geneva, sans-serif;
    color: #FFFFFF;
    background: none #003366;
}
.menuclass,.menuclass:visited {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica,
        Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px
}
.menuclass:hover,.menuclass:active {
    color: white;
    background-color: #003366;
}

.menuclass_selected {
    color: white;
    background-color: #003366;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica,
        Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
    padding-left: 10px;
    padding-right: 10px
}

.menuclass_next {
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif, Arial, Helvetica,
        Geneva, Swiss, SunSans-Regular;
    text-decoration: none;
    background-color: white;
    padding-left: 10px;
    padding-right: 10px
}

table.ipcCharacteristicBar {
    font-family: Verdana, Geneva, sans-serif;
    background: none #f0f1f5;
    color: #000;
    border: 0px
}

table.ipcStatusbar {
  width:100%;
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  background: none #cbe0f7;
  color: #000;
}
table.ipcStatusbar td{
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  vertical-align: middle;
}

table.ipcDetailHeader {
  font-family: Verdana, Geneva, sans-serif;
  width:100%;
}
table.ipcDetailHeader td {
  font-family: Verdana, Geneva, sans-serif;
  font-weight:bold;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.ipcDetailStatusbar {
  font-family: Verdana, Geneva, sans-serif;
  background: none #f0f1f5;
  color: #000;
}
table.ipcDetailStatusbar td{
  vertical-align: middle;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.ipcDetailBody {
  font-family: Verdana, Geneva, sans-serif;
  background: none #FFF;
  color: #000;
}

table.ipcMessageCsticBar {
  font-family: Verdana, Geneva, sans-serif;
  background: none #f0f1f5;
  color: #000;
  border: 0px

}
table.ipcMessageCsticInfo{
  border-collapse:collapse;
  border: 2px solid #329200;
  margin-bottom: 5px;
  margin-top: 5px;
  text-align: left;
}
table.ipcMessageCsticError{
  border-collapse:collapse;
  border: 2px solid #CC0000;
  margin-bottom: 5px;
  margin-top: 5px;  
  text-align: left;
}
table.ipcMessageCsticWarning{
  border-collapse:collapse;
  border: 2px solid #FF6600;
  margin-bottom: 5px;
  margin-top: 5px;  
  text-align: left;
}

table.ipcProductVariants{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  color: #000;
  caption-side:bottom;
  border-collapse: collapse;
  border: 1px solid #c1c5d0;
  background: none #cbe0f7;
  padding-top: 3px;
  padding-bottom: 3px;
}

table.ipcProductVariants th{
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  width: auto;
  border-right: 1px solid #c1c5d0;
  border-bottom: 1px solid #c1c5d0;
  text-align: center;
}
table.ipcProductVariants td {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
}

table.ipcProductVariants td.action {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
}

table.ipcProductVariants td.price {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
}

td.compareBtn {
  padding: 4px;
}

table.ipcProductVariants a:link, table.ipcProductVariants a:visited {
  color: #000;
}

table.ipcHeader {
  font-family: Verdana, Geneva, sans-serif;
  width:100%;
}
table.ipcHeader th {
  font-family: Verdana, Geneva, sans-serif;
  font-weight:bold;
  font-size: 11px;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.ipcHeader td {
  font-family: Verdana, Geneva, sans-serif;
  padding-top: 3px;
  padding-bottom: 3px;
}
table.ipcHeader td.productPicture {
  text-align: left;
}

.ipcConflictHandlingValueLayout {
    font-weight: bold;
}
.ipcAreaFrame {
    border: 1px solid #FFFFFF;
    padding: 3px;
}
.ipcConflictGroupText {
    font-family: Verdana, Geneva, sans-serif;
    color: #FFCC33;
}

table.ipcMessages {
  font-size: 10px;
}
td.messageIcon {
  width: 14px;
}
td.messageKey {
  font-size: 10px;
  white-space:nowrap;
  text-align:left;
}
td.messageShortText {
  text-align:left;
}
td.messageLongText {
}


table.ipcConfigComparisonHidden{
}

table.ipcConfigComparisonHidden td.featureRow{
  text-align: right;
}  

table.ipcConfigComparisonHidden td.messageRow{
  text-align: center;
}  

table.ipcConfigComparisonHidden a:link, table.ipcConfigComparison a:visited {
}  

table.ipcConfigComparison{
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  color: #000;
  caption-side:bottom;
  border-collapse: collapse;
  border: 1px solid #c1c5d0;
  background: none #cbe0f7;
  text-align: left;
}

table.ipcConfigComparison th{
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  width: auto;
  color: #000;
  text-align: center;
}

table.ipcConfigComparison th.statusIcon {
  width: auto;
  border-right: 2px solid #c1c5d0;  
  text-align: center;
}

table.ipcConfigComparison th.applySnapLine {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  width: auto;
  text-align: center;
  font-weight: normal;
  background: none #f0f1f5;
}

table.ipcConfigComparison th.applySnapLine a:link, table.ipcConfigComparison a:visited {
  background: none #f0f1f5;
  border: none;
  padding:0px;  
}

table.ipcConfigComparison th.statusIconApplySnapLine {
  width: auto;
  border-right: 2px solid #c1c5d0;  
  text-align: center;
  background: none #f0f1f5;
}

table.ipcConfigComparison th.secondLine {
  font-size: 10px;
  font-family: Verdana, Geneva, sans-serif;
  width: auto;
  border-bottom: 1px solid #c1c5d0;
  text-align: center;
  font-weight: normal;
  background: none #f0f1f5;
}

table.ipcConfigComparison th.statusIconSecondLine {
  width: auto;
  border-bottom: 1px solid #c1c5d0;
  border-right: 2px solid #c1c5d0;  
  text-align: center;
  background: none #f0f1f5;
}

table.ipcConfigComparison td {
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
  padding-left: 3px;
  padding-right: 3px;  
}

table.ipcConfigComparison td.configObjects {
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
  text-align: left;
  padding-right: 3px;  
  padding-left:2em;
}

table.ipcConfigComparison td.configObjectsProduct {
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
  text-align: left;
  padding-right: 3px;  
  font-weight: bold;
}

table.ipcConfigComparison td.configObjectsGroup {
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;
  text-align: left;
  padding-right: 3px;  
  padding-left:1em;
}

table.ipcConfigComparison td.statusIcon {
  border-bottom: 1px solid #c1c5d0;
  border-right: 2px solid #c1c5d0;
  text-align: center;
}

table.ipcConfigComparison td.statusIconGroup {
  border-bottom: 1px solid #c1c5d0;
  border-right: 2px solid #c1c5d0;
  text-align: center;
}

table.ipcConfigComparison td.deltaGroup {
  border-bottom: 1px solid #c1c5d0;
  border-right: 1px solid #c1c5d0;
  background: none #fafbfc;  
}

table.ipcConfigComparison td.separatorLine {
  border-bottom: 1px solid #b2bdd2;
  border-right: 0px solid #b2bdd2;
  background: none #f0f1f5;
}

table.ipcConfigComparison a:link, table.ipcConfigComparison a:visited {
  color: #000;
}

td.layout {
  font-size: 10px;
  vertical-align: baseline;
}

table.ipcCharacteristicBarConflict {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 10px;
  background-color:#FFCC33;
  border: 0px
}
.ipcComparisonHeader{
	font-weight:bold;
	font-size:10px;
}

.ipcConflictHandlingHeader{
	font-weight:bold;
	font-size:10px;
}

.ipcConflictHandlingValueLayout{
  	font-weight:bold;
  	font-size:10px;
}

table.conflictGroup{
 
}

table.conflictGroup td.csticName {
  font-weight: bold;
}

table.ipcAreaFrame{
	font-size: 10px;
	padding:3px;
    width:100%;
}

table.ipcGridTable {
  font-family: Verdana, Geneva, sans-serif;	
  border: 0px;
}

table.ipcGridTable th {
  font-family: Verdana, Geneva, sans-serif;
  background: none #DCE3EC;
  border: 1px solid #C9D7E9;	
}

table.ipcGridTable th.empty{
	background: none #F4F4F4;
	border: 0px;
}

table.ipcGridTable td {
  font-family: Verdana, Geneva, sans-serif;
  background: none #F0F4FA;
  border: 1px solid #C9D7E9;
}

input.editableGrid{
	background: none #FFFFFF;
    border: 1px solid #C9D7E9;
}

input.displayGrid{
	background: none #F0F4FA;
    border: 1px solid #C9D7E9; 
}

var {
    font-size: 10px;
}

p {
    margin: 0 0 .5em 0;
}

p#path {
    background: none #EEEEEE;
    padding: .5ex;
    border: thin solid #AAAAAA;
}

span.eauction,span.eauction a:link,span.eauction a:visited,span.eauction a:active {
    color: #0066CC;
}

span.icon { /* font-size: .8em; */
    
}

/*----------------------------------------------------*/ 
/* tables */
/*----------------------------------------------------*/
th {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    color: White;
}

th a:link,
th a:visited,
th a:active {
    color: White;
}

table.ipc {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    text-align: left;
    vertical-align: top;
    color: #000000;
}

table.ipcValueSingleOption {
    border: 0px;
    border-collapse: collapse;
}

tr.ipcValue {
    margin: 0px;
    padding: 0px;
}

td.ipcValue {
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

td.ipcConflict {
    background-color: #FFCC33;
}

td {
    font-family: Verdana,Geneva,sans-serif;
    font-size: 10px;
    vertical-align: top;
}

td.systemAssigned {
    font-style: italic;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

table.LineNavTabOrganizer {
    background: none #F0F4FA;
    border-top: 2px solid #225A8D;
}

table.list {
    padding: 0px;
    border: 0px;
    margin: 0px;
    background-color: white;
    color: black;
    border-collapse: collapse;
}
table.list th {
    background-color: #cbe0f7;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    color: #036;
    padding: 4px 4px 3px 4px;
    margin: 0px;
    border-right: 1px solid #99b5cf;
    border-bottom: 1px solid #99b5cf;
}
table.list th.last {
    border-right-width: 0px;
}
table.list td {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    vertical-align: top;
    padding: 4px 4px 5px 4px;
    margin: 0px;
    border-right: 1px solid #c1c5d0;
}
table.list td table td { /* prevent inherit of "border-right: 1px solid #c1c5d0;" in nested tables */
	border-right-width: 0px;
}
table.list td.last {
    border-right-width: 0px;
}
table.list td.noBorder {
    border: 0px;
}
td.whiteCell {
    background: none #FFFFFF
}
table.list tr.odd,table.list td.odd {
    background-color: #fafbfc;
}
table.list tr.even,table.list td.even {
    background-color: #f0f1f5;
}
table.list .prd-img {
    text-align: center;
}
table.list .prd-img img {
    border: 1px solid #ddd;
}
td.navMain,
td.navMain a:link,
td.navMain a:visited,
td.navMain a:active {
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    font-family: Verdana,Geneva,sans-serif;
    text-decoration: none;
    vertical-align: middle;
}
table.secNav tr.odd {
    background: none #B3CEEA;
}
table.secNav tr.even {
    background: none #B3CEEA;
}
th.secNav {
    color: #003366;
    font-family: Verdana, Geneva, sans-serif;
    padding-bottom: 5px;
}
td.secNav,
td.secNav a:link,
td.secNav a:visited,
td.secNav a:active {
    border-width: 0px;
    padding: 0px;
    color: #003366;
    font-family: Verdana,Geneva,sans-serif;
    text-decoration: none;
}
.secNav #title {
    padding: 0px 0px 3px 0px;
}
.secNav #webCatAreaTitle {
    padding: 3px 0px 3px 10px;
    border-bottom: 2px solid #82B0DD;
}
table.navPath {
    color: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    background: none #003366;
}
table.navPath td,
table.navPath td a:link,
table.navPath td a:visited,
table.navPath td a:active {
    color: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    background: none #003366;
    vertical-align: middle;
}
td.navPath,
td.navPath a:link,
td.navPath a:visited,
td.navPath a:active {
    color: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    background: none #003366;
    vertical-align: middle;
    font-weight: bold;
}
table.meta-nav {
    background: none #b2b2b2;
}
td.vertical-align-middle {
    vertical-align: middle;
}
tr.odd {
    background: none #EEEEEE;
}
tr.even {
    background: none #CCCCCC;
}

td.odd {
    background: none #EEEEEE;
}

td.even {
    font-family: Verdana, Geneva, sans-serif;
    background: none #CCCCCC;
}

td.headline {
    font-family: Verdana, Geneva, sans-serif;
    background: none #B2B2B2;
}

td.td-description {
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    text-align: right;
    background: none #FFFFFF;
}

td.helpNavTab {
    background: #CBE0F7;
    border-bottom: 1px solid #84B2DE;
	border-left: 1px solid #84B2DE;
	border-right: 1px solid #84B2DE;
    padding-top: 7px;
    padding-bottom: 5px;
}
td.helpNavTab a {
	font-weight: bold;
	text-decoration: none;
	color: #003366 !important;
}

td.actualHelpNavTab {
    background: #F7F9FF;
    font-weight: bold;
    padding-top: 7px;
    padding-bottom: 5px;
}

td.actualHelpNavTab a {
	font-weight: bold;
    text-decoration: none;
	color: #E27000 !important;
}

td.ipcActiveTab {
    background: none #225A8D;
    color: #FFFFFF;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: none;
}

td.ipcActiveTab a:link {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcActiveTab a:visited {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF
}

td.ipcActiveTab a:hover {
    background: none #225A8D;
    color: #FFFFFF;
}

td.ipcActiveTab a:active {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcInactiveTab {
    background: none #DCE3EC;
    vertical-align: middle;
}

td.ipcInactiveTab a:link {
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
}

td.ipcInactiveTab a:visited {
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
}

td.ipcInactiveTab a:hover {
    
}

td.ipcInactiveTab a:active {
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
}

td.ipcActiveGroupTab {
    background: none #225A8D;
    color: #FFFFFF;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: none;
}

td.ipcActiveGroupTab a:link {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcActiveGroupTab a:visited {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF
}

td.ipcActiveGroupTab a:hover {
    background: none #225A8D;
    color: #FFFFFF;
}

td.ipcActiveGroupTab a:active {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcInactiveGroupTab {
    background: none #DCE3EC;
    vertical-align: middle;
}

td.ipcInactiveGroupTab a:link {
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
}

td.ipcInactiveGroupTab a:visited {
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
}

td.ipcInactiveGroupTab a:hover {
    
}

td.ipcInactiveGroupTab a:active {
    color: #000000;
    text-decoration: underline;
    font-size: 10px;
}

td.ipcConflictGroupTab {
    background: none #FFCC33;
    color: #FFFFFF;
    vertical-align: middle;
    font-weight: bold;
    border-bottom: none;
}

td.ipcConflictGroupTab a:link {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcConflictGroupTab a:visited {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcConflictGroupTab a:hover {
    background: none #FFCC33;
    color: #FFFFFF;
}

td.ipcConflictGroupTab a:active {
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    color: #FFFFFF;
}

td.ipcTabScroll {
    background: none #F0F4FA;
    vertical-align: middle;
    border-bottom: none;
}

td.ipcTabScroll a:link {
    
}

td.ipcTabScroll a:visited {
    
}

td.ipcTabScroll a:hover {
    background: none #F0F4FA;
}

td.ipcTabScroll a:active {
    
}

table.partnerlist {
    background: #A4A4A4;
}

table.partnerlist td.head {
    background: none #ffffff;
    vertical-align: top;
    font-size: 10px;
}

table.partnerlist td {
    color: #555555;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

table.partnerlist tr.odd {
    background: none #e4e4e4;
    font-size: 10px;
}

table.partnerlist tr.even {
    background: none #f4f4f4;
    font-size: 10px;
}

table.partnerlist td.odd {
    background: none #e4e4e4;
    vertical-align: top;
    font-size: 10px;
}

table.partnerlist td.select {
    vertical-align: middle;
    font-size: 10px;
}

table.partnerlist td.even {
    background: none #f4f4f4;
    vertical-align: top;
    font-size: 10px;
}

table.partnerlist2 {
    background: #FFFFFF;
}

table.partnerlist2 td {
    color: #555555;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: normal;
}

table.partnerlist2 td.odd {
    background: none #e4e4e4;
    vertical-align: top;
    font-size: 10px;
}

td.catalog-left { /* from bw.css  */
    font-family: Verdana, Geneva, sans-serif;
    background: none #C6C6C6;
}

td.catalog-mid { /* from bw.css  */
    font-family: Verdana, Geneva, sans-serif;
    background: none #EEEEEE;
}

td.catalog-right { /* from bw.css  */
    font-family: Verdana, Geneva, sans-serif;
    background: none #DADADA;
}

/*----------------------------------------------------*/ 
/* pre */
/*----------------------------------------------------*/
pre.comment {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

/*----------------------------------------------------*/
/* div classes */
/*----------------------------------------------------*/
@media screen {
    img.display-image {
        display: block;
    }
    td.whiteLine {
        background: none #FFFFFF;
    }
    td.blueLine {
        background: none #003366;
    }
    input.FancyButton {
        color: #003366;
        background-color: #FFFFFF;
        border: 1px solid #003366;
    }
    input.FancyButtonGrey {
        color: #003366;
        background-color: #EEEEEE;
        border: 1px solid #003366;
    }
    a.FancyLink:link,
    a.FancyLink:visited,
    a.FancyLink:active {
        color: #003366;
        background-color: #FFFFFF;
        border: 1px solid #003366;
        text-decoration: none;
        padding: 2px 4px 2px 8px;
    }
    a.FancyLink:link,
    a.FancyLink:visited,
    a.FancyLink:active {
        color: #003366;
        background-color: #FFFFFF;
        border: 1px solid #003366;
        text-decoration: none;
        padding: 2px 4px 2px 8px;
    }
    a.FancyLinkGrey:link,
    a.FancyLinkGrey:visited,
    a.FancyLinkGrey:active {
        color: #003366;
        background-color: #EEEEEE;
        border: 1px solid #003366;
        text-decoration: none;
        padding: 2px 4px 2px 8px;
    }
    a.FancyLinkGrey:link,
    a.FancyLinkGrey:visited,
    a.FancyLinkGrey:active {
        color: #003366;
        background-color: #EEEEEE;
        border: 1px solid #003366;
        text-decoration: none;
        padding: 2px 4px 2px 8px;
    }
    div.mod-part {
        border: thin solid #777777;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 5px;
    }
    input.ipcButton {
        color: #003366;
        background-color: #EEEEEE;
        border: 1px solid #003366;
    }
    input.ipcButtonInvert {
        color: #003366;
        background-color: #FFFFFF;
        border: 1px solid #003366;
    }
	/* Styling for Link rendered as ipcButton */
	a.ipcButton:link,
	a.ipcButton:visited,
	a.ipcButton:active,
	a.ipcButton:hover {
	    font-family: Verdana, Geneva, sans-serif;
	    font-size: 10px;            
	    color: #003366;
	    background-color: #EEEEEE;
	    border: 1px solid #003366;
	    text-decoration: none;
	    padding: 2px 4px 2px 4px;
	    margin: 0; 
	}

    /* Styling for IPC Customization-List */
	.ipcBody  ul {
        padding-left: 12px;
        margin-left: 5px;
    }
    
    
    div.module-head {
        width: 100%;
    }
    div.module-content {
        width: 100%;
    }
    .submitDoc,
    .bigCatalogInput,
    .textInput,textarea {
        border: 1px solid Gray;
    }
    div.bold {
        color: #555555;
        font-family: Verdana, Geneva, sans-serif;
        font-weight: bold;
        font-size: 11px;
    }
    /* Generic result list embedding START */
    div.filter-result-msg {
        font-family : Verdana, Geneva, sans-serif;
        margin-bottom: 10px;
        font-family: Verdana, Geneva, sans-serif;
    }
    div.filter-result table {
        width: auto;
        font-family: Verdana, Geneva, sans-serif;
        border-collapse: collapse;
        background: none #EEEEEE;
    }
    div.filter-result th,
    div.filter-result th a:link,
    div.filter-result th a:active,
    div.filter-result th a:visited {
        background-color: #cbe0f7;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 11px;
        font-weight: normal;
        text-align: left;
        vertical-align: top;
        color: #036;
        padding: 4px 4px 3px 4px;
        margin: 0px;
        border-left: 1px solid #99b5cf;
        border-bottom: 1px solid #99b5cf;
    }
    div.filter-result th.first {
        border-left-width: 0px;
    }
    div.filter-result td {
        font-family: Verdana, Geneva, sans-serif;
        font-size: 10px;
        vertical-align: top;
        padding: 4px 4px 5px 4px;
        margin: 0px;
        border-right: 1px solid #c1c5d0;
    }
    div.filter-result td a:link,
    div.filter-result td a:active,
    div.filter-result td a:visited {
        color: #0F0F0F;
        font-family: Verdana, Geneva, sans-serif;
        width: auto;
        text-align: center;
        vertical-align: middle;
    }
    div.filter-result td.cr-date {
        border-right-width: 0px;
    }
    div.filter-result tr.odd {
        background-color: #fafbfc;
    }
    div.filter-result tr.even {
        background-color: #f0f1f5;
    }
    div.filter-result td.odd {
        background-color: #fafbfc;
    }
    div.filter-result td.even {
        background-color: #f0f1f5;
    }
}

/* elements from advisor.css */
body.advisor {
    background: #FFFFFF;
    color: #000000;
    font-family: Verdana, sans-serif;
    font-size: 10px;
    margin: 10px 10px 10px 10px;
}

/*   Button  */
input.button {
    background: none #9399A4;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

.radio {
    background-color: #F2F7FC;
}

.checkbox {
    background-color: #F2F7FC;
}

td.navi {
    background: #003366;
    color: #FFFFFF;
    font-family: Verdana, sans-serif;
}

.boxout {
    background: #003366;
}

.boxin {
    background: #F2F7FC;
}

.boxtitle {
    color: white;
    background: #003366;
    font-family: Verdana, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.message {
    color: #009900;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

.matcheditem {
    color: #FF9933;
    font-family: Verdana, sans-serif;
    font-weight: bold;
}

/* end of elements from advisor.css */
td.item-sub-1 {
    background: url(../images/spacer.gif) no-repeat -6px 50%;
    padding-left: 20px;
    background-color: #F2F2F2
}
td.item-sub-2 {
    background: url(../images/spacer.gif) no-repeat -6px 50%;
    padding-left: 40px;
    background-color: #F2F2F2
}
td.item-sub-3 {
    background: url(../images/spacer.gif) no-repeat -6px 50%;
    padding-left: 60px;
    background-color: #F2F2F2
}

#buttons {
    margin: 0px;
    padding: 5px 0px 0px 0px;
    border-top: 1px solid #003366;
}


ul.buttons-1 {
    clear: both;
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.buttons-1 li {
    float: left;
    background-color: #FFFFFF;
    border: 1px solid #003366;
    margin: 0;
    margin-right: 1em;
    padding: 0;
}
ul.buttons-1 li a {
    float: left;
    display: block;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
    height: 1em; /* needed for IE to get the complete box as link */
    color: #003366;
    font-weight: normal;
    text-align: left;
}
html>body ul.buttons-1 li a {
    height: auto;
}
ul.buttons-1 li a:hover {
    color: #8F8F8F;
}


ul.buttons-1 li.btn-add-to-bskt {
    background: #eee url(images/symb-cart.gif) 4px 3px no-repeat;
}
ul.buttons-1 li.btn-add-to-bskt a {
    padding-left: 23px;
}

ul.buttons-1 li.btn-back-to-bskt {
    background: #eee url(images/symb-cart-rv.gif) 4px 3px no-repeat;
}
ul.buttons-1 li.btn-back-to-bskt a {
    padding-left: 23px;
}

ul.buttons-1 li.btn-add-to-lflt {
    background: #eee url(images/symb-lflt.gif) 4px 3px no-repeat;
}
ul.buttons-1 li.btn-add-to-lflt a {
    padding-left: 23px;
}

ul.buttons-1 li.btn-create-lead {
    background: #eee url(images/symb-lead.gif) 4px 3px no-repeat;
}
ul.buttons-1 li.btn-create-lead a {
    padding-left: 23px;
}

ul.buttons-1 li.btn-refr {
    background: #eee url(images/symb-refr.gif) 7px 3px no-repeat;
}
ul.buttons-1 li.btn-refr a {
    padding-left: 23px;
}

ul.buttons-1 li.btn-back {
    background: #eee url(images/symb-back.gif) 4px 3px no-repeat;
}
ul.buttons-1 li.btn-back a {
    padding-left: 23px;
}

ul.buttons-1 li.btn-go-to-chkout {
	float: none;
    background: #eee url(images/symb-chkout.gif) 4px 3px no-repeat;
}
ul.buttons-1 li.btn-go-to-chkout a {
    float: none;
    padding-left: 31px;
    color: #e27000;
}

/*...error message..............................................*/
.error {
    border: 1px solid #C40026;
    background: white url('../images/error.gif') no-repeat 4px 4px;
    padding: 5px 5px 5px 25px;
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: bold;
    color: #C40026;
}

/*...warning message..............................................*/
.warn {
    border: 1px solid #ff9900;
    background: white url('../images/warn.gif') no-repeat 4px 4px;
    padding: 5px 5px 5px 25px;
    margin: 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    color: #000;
}


/*...info message..............................................*/
.info {
    border: 1px solid green;
    background: white url('../images/info.gif') no-repeat 4px 4px;
    padding: 5px 5px 5px 25px;
    margin: 0px 0px 0px 0px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: normal;
    color: green;
}

h1 {
    color: #FFFFFF;
    font-family: Verdana, Geneva, sans-serif;
    background: none #003366;
    vertical-align: middle;
}

#message-content {
    padding: 5px 5px 0px 5px;
}

.fw-msg-area {
    padding-bottom: 5px;   
}

/* --- Styles with prefix 'body.tabcontent' are used to enable the IPC pricing analysis screen in the ISA application -- */
body.tabcontent {
    background-color: #D7DDE5;
}

/*   Start: Styles for data boxes  */
/* Set a space around the data box */
body.tabcontent .content {
    margin: 10px;
    width: 100%;
}

body.tabcontent table.conditionTable {
    border-style: solid;
    border-width: 1px;
    border-collapse: separate;
    width: 100%;
}

body.tabcontent table.conditionTable tr {
    background-color: #E9ECEF;
    font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
    font-size: 11px;
}

body.tabcontent table.conditionTable tr.Subtotal {
    color: blue;
}

body.tabcontent table.conditionTable td.conditionStatus {
    width: 16px;
}

body.tabcontent table.conditionTable td.conditionType {
    width: 10%;
    text-align: center;
}

body.tabcontent table.conditionTable td.description {
    
}

body.tabcontent table.conditionTable td.conditionRate {
    width: 15%;
}

body.tabcontent table.conditionTable td.priceUnit {
    width: 8%;
}

body.tabcontent table.conditionTable td.conditionValue {
    width: 15%;
}

body.tabcontent table.conditionTable td.operation {
    width: 16px;
}

/* ***5.1******************************************************* */
#navigator #secNav {
    width: 100%;
    margin-bottom: 8px;
}
#navigator #secNav #navCategories {
    padding-top: 2px;
    background: url(images/cr_tl_box4.gif) top left no-repeat;
}
#navigator #secNav #navCategories_l1 {
    padding: 2px 0px 0px 12px;
    background: url(images/cr_tl_box4.gif) top left no-repeat;
}
#navigator #secNav ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}
#navigator #secNav li {
    border-bottom: 1px dashed #B5CFEF;
    margin: 0;
    padding: 0;
    background: url(images/cat_cl.gif) 4px 5px no-repeat;
}
#navigator #secNav li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    height: 1em; /* needed for IE to get the complete box as link */
    text-decoration: none;
    padding-left: 19px;
}
html>body #navigator #secNav li a {
    height: auto; /* deactivate hight declaration from "#navigator #secNav li a" for all other browsers as IE  */
}
#navigator #secNav li a:hover {
    color: #8F8F8F;
}

/* selected area in the navigation tree */
#navigator #secNav li#selArea {
    border-bottom: 1px dashed #FF9A00;
    background: url(images/cat_cl_act.gif) 4px 5px no-repeat;
}
#navigator #secNav li#selArea a {
    color: #e27000;
}


/* main title of the navigation tree */
#navigator #secNav li.home {
    border-bottom-width: 0px;
    border-right: 8px solid #84b2de;
    background: #cbe0f7 url(images/cat_op.gif) 4px 5px no-repeat;
}
#navigator #secNav li.home a {
    padding-left: 19px;    
    height: 1em; /* needed for IE to get the complete box as link */
    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #036;
}
#navigator #secNav li.home a:hover {
    color: #036; 
}

/* sub title (1st level) of the navigation tree */
#navigator #secNav li.webCatAreaTitle {
    border-bottom-width: 0px;
    border-right: 8px solid #84b2de;
    background: #cbe0f7 url(images/cat_op.gif) 15px 2px no-repeat;
}
#navigator #secNav li.webCatAreaTitle a {
    padding: 2px 5px 5px 31px;
    color: #036;
}
#navigator #secNav li.webCatAreaTitle a:hover {
    color: #8F8F8F;
}

/* selected sub title (1st level) of the navigation tree */
#navigator #secNav li#selWebCatAreaTitle {
    background-image: none;
}
#navigator #secNav li#selWebCatAreaTitle a {
    padding-top: 2px;
    color: #e27000;
    background: url(images/cat_op_act.gif) 15px 2px no-repeat;
}

/* ---------------------------------- */
/* main title of the navigation tree */
#navigator #account-navigator #secNav li.sub {
    padding: 10px 5px 5px 0.5em;
    background-image: none;

    font-weight: bold;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #003366;
}

/* ---------------------------------- */
#miniBasket .b2c-minibsk-leaf,
#miniBasket .b2c-minibsk-bsk,
#miniBasket #savedBaskets {
    width: 100%;
    margin-bottom: 8px;
}

#miniBasket .b2c-minibsk-chkout {
    margin: 10px 5px 0px 5px;	
}

#miniBasket .b2c-minibsk-leaf ul,
#miniBasket .b2c-minibsk-bsk ul,
#miniBasket #savedBaskets ul { 
    list-style: none;
    margin: 0;
    padding: 0;
}
#miniBasket .b2c-minibsk-leaf li.title,
#miniBasket .b2c-minibsk-bsk li.title {
    margin: 0;
    padding: 0;
    text-align: center;
}
#miniBasket .b2c-minibsk-leaf li.title a,
#miniBasket .b2c-minibsk-bsk li.title a {
    display: block;
    padding: 5px 0.5em 5px 5px;
    border-right: 8px solid #84b2de;
    background-color: #cbe0f7;
    color: #003366;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-weight: bold;
    height: 1em; /* needed for IE to get the complete box as link */
}
#miniBasket #savedBaskets li.title {
    /* border-bottom: 1px solid #8cb0d2; */
    margin: 0;
    padding: 0;
    text-align: center;
    display: block;
    padding: 5px 0.5em 5px 5px;
    border-right: 8px solid #84b2de;
    background-color: #cbe0f7;
    color: #003366;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-weight: bold;
}

html>body #miniBasket .b2c-minibsk-leaf li.title a,
html>body #miniBasket .b2c-minibsk-bsk li.title a {
    height: auto; /* deactivate hight deklaration from "#navigator #secNav li a" for all other browsers as IE  */
}
#miniBasket .b2c-minibsk-leaf .content,
#miniBasket .b2c-minibsk-svdbsk .content {
    padding: 5px 5px 5px 5px;
    background: url(images/cr_tl_box4.gif) top left no-repeat;
}

#miniBasket .b2c-minibsk-bsk .content {
    padding: 5px 0px 0px 0px;
    background: url(images/cr_tl_box4.gif) top left no-repeat;
}
#miniBasket .b2c-minibsk-bsk-numitms-eq0,
#miniBasket .b2c-minibsk-bsk-numitms-gt0 {
    padding: 0px 5px 5px 5px;
}
#miniBasket .b2c-minibsk-bsk-numitms-gt0,
#miniBasket .b2c-minibsk-bsk-numitms-gt0 a {
    color: #e27000;
    font-weight: bold;
}
#miniBasket .b2c-minibsk-bskitems {
    padding: 0px 5px 3px 5px;	
}
#miniBasket .b2c-minibsk-bsk .content .cont-total_amount {
    padding: 0px 5px 10px 5px;
}
#miniBasket .b2c-minibsk-chkoutbtn {
    padding: 0px 5px 5px 5px;	
}

#miniBasket #savedBaskets #message-content {
    padding: 0px;
}
#miniBasket #savedBaskets #gensearch-col-1 {
    background: url(images/cr_tl_box4.gif) top left no-repeat;
}
#miniBasket #savedBaskets .filter-result-msg {
    margin: 0px;
    padding: 8px 0px 8px 5px;
}
#miniBasket #savedBaskets .filter-result {
    margin: 0px;
    padding: 0px 0px 0px 1px;
}

/* Items table in minibasket view */
table.miniBasket {
    border-collapse: collapse;
    width: 100%;
}
td.miniBasketCell_qn {
    padding: 4px 5px 2px 0px;
    border-bottom: 1px dashed #B5CFEF;
    font-weight: bold;
    width: 1%;
}
td.miniBasketCell_qn_right {
    padding: 4px 5px 2px 15px;
    border-bottom: 1px dashed #B5CFEF;
    font-weight: bold;
    width: 1%;
}
td.miniBasketCell_desc {
    padding: 4px 3px 2px 0px;
    border-bottom: 1px dashed #B5CFEF;
    width: 98%;
}
td.miniBasketCell_desc_right {
    padding: 4px 3px 2px 15px;
    border-bottom: 1px dashed #B5CFEF;
    width: 98%;
}
td.miniBasketCell_fkt {
    padding: 2px 0px 1px 0px;
    border-bottom: 1px dashed #B5CFEF;
    width: 1%;
}

#miniBasket #savedBaskets .filter-result table {
    margin: 0px;
    border-collapse: collapse;
    width: 100%;
}
#miniBasket #savedBaskets .filter-result table tr {
    background-color: #F7F9FF;
}
#miniBasket #savedBaskets .filter-result table th {
    padding: 5px 2px 2px 2px;
    border-bottom: 1px solid #B5CFEF;
    border-top: 0px solid #B5CFEF;
    border-left-width: 0px;
    border-right-width: 0px;
    text-align: left;
    background-color: #F7F9FF;
    color: #036;
    font-weight: bold;
    font-size: 10px;
}
#miniBasket #savedBaskets .filter-result table td {
    padding: 3px 2px 0px 2px;
    border-bottom: 1px dashed #B5CFEF;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
}
#miniBasket #savedBaskets .filter-result table td.del-btn {
    text-align: right;
}

.b2c-secnav-mkt .fw-box,
#b2c-checkout .fw-box-chkout-paym-txtenbl,
#b2c-checkout .fw-box-chkout-paym-txtdisb {
    background: url(images/br3_tr.gif) top right no-repeat;
    margin: 0;
    padding: 0;
}

.b2c-secnav-mkt .fw-box .fw-box-i1,
#b2c-checkout .fw-box-i1-chkout-paym-txtenbl,
#b2c-checkout .fw-box-i1-chkout-paym-txtdisb {
    background: url(images/br3_tl.gif) top left no-repeat;
    margin: 0;
    padding: 0;
}

.b2c-secnav-mkt .fw-box .fw-box-i2,
#b2c-checkout .fw-box-i2-chkout-paym-txtenbl,
#b2c-checkout .fw-box-i2-chkout-paym-txtdisb {
    background: url(images/br3_br.gif) bottom right no-repeat;
    margin: 0;
    padding: 0;
}

.b2c-secnav-mkt .fw-box .fw-box-i3,
#b2c-checkout .fw-box-i3-chkout-paym-txtenbl,
#b2c-checkout .fw-box-i3-chkout-paym-txtdisb {
    background: url(images/br3_bl.gif) bottom left no-repeat;
    margin: 0;
    padding: 0;
}

.b2c-secnav-mkt .fw-box .fw-box-content,
#b2c-checkout .fw-box-content-chkout-paym-txtenbl,
#b2c-checkout .fw-box-content-chkout-paym-txtdisb {
    padding: 7px 2px 0px 11px;
}

#navigator div#recomm,
#navigator div#bests,
#navigator div#camp {
    padding-bottom: 10px;
}

#navigator div#recomm a,
#navigator div#bests a {
    color: #003366;
    font-family: Verdana, Geneva, sans-serif;
    text-decoration: none;
    font-weight: bold;
}

h1.areatitle {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    color: #036;
    background-color: white;
    margin: 2px 0px 15px 0px;
}
h1.fw-msg-err-title {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    color: #C40026;
    background-color: white;
    margin: 2px 0px 15px 0px;
}
h2.areatitle {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #036;
    background-color: white;
    margin: 2px 0px 5px 0px;
}
h3.subtitle {
    background: url(images/bg_h3.jpg) bottom left no-repeat;
    padding: 3px 3px 9px 1px;
    margin: 0px 0px 2px 3px;
    font-size: 10px;
    font-weight: bold;
    color: #036;
}
h5.subtitle {
    background: url(images/bg_h5.jpg) bottom left no-repeat;
    padding: 3px 3px 3px 0px;
    margin: 0px 0px 3px 0px;
    font-size: 10px;
    font-weight: normal;
    color: #036;
}
h6.subtitle {
    padding: 3px 3px 3px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 10px;
    font-weight: normal;
}

.areainfo {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #5b5b5b;
    margin-bottom: 15px;
}


.loginForBests {
    margin-bottom: 10px;
}

#b2c-pcat-prd-cmp .b2c-pcat-prd-sccmp-head .fw-box-sccmp-head .fw-box-i2-sccmp-head,
#b2c-pcat-cua .b2c-pcat-cua-head .fw-box-cua-head .fw-box-i2-cua-head,
#b2c-basket-cua .b2c-basket-cua-head .fw-box-cua-head .fw-box-i2-cua-head,
.b2c-catentry-recomm-head .fw-box-rec-head .fw-box-i2-rec-head,
.b2c-catentry-bests-head .fw-box-bests-head .fw-box-i2-bests-head,
.b2c-cuabasket .fw-box-cuainc-head .fw-box-i2-cuainc-head,
#b2c-checkout .fw-box-i2-chkout-addr,
#b2c-checkout .fw-box-i2-chkout-paym,
#b2c-checkout .fw-box-i2-chkout-shcond,
#b2c-checkout .fw-box-i2-chkout-dlvprio,
#b2c-checkout .fw-box-i2-chkout-notes,
#b2c-confirm .fw-box-i2-confrm-addr,
#b2c-confirm .fw-box-i2-confrm-paym,
#b2c-confirm .fw-box-i2-confrm-shcond,
#b2c-confirm .fw-box-i2-confrm-dlvprio,
#b2c-confirm .fw-box-i2-confrm-notes,
#b2c-printordr .fw-box-i2-printordr-addr,
#b2c-printordr .fw-box-i2-printordr-paym,
#b2c-printordr .fw-box-i2-printordr-shcond,
#b2c-printordr .fw-box-i2-printordr-dlvprio,
#b2c-printordr .fw-box-i2-printordr-notes,
#b2c-login .fw-box-i2-login-login-head,
#b2c-login .fw-box-i2-login-reg-head {
    background: url(images/bxs2_tl.gif) top left no-repeat;
    margin: 0;
    padding: 0;
}

#b2c-pcat-prd-cmp .b2c-pcat-prd-sccmp-head .fw-box-sccmp-head .fw-box-i3-sccmp-head,
#b2c-pcat-cua .b2c-pcat-cua-head .fw-box-cua-head .fw-box-i3-cua-head,
#b2c-basket-cua .b2c-basket-cua-head .fw-box-cua-head .fw-box-i3-cua-head,
.b2c-catentry-recomm-head .fw-box-rec-head .fw-box-i3-rec-head,
.b2c-catentry-bests-head .fw-box-bests-head .fw-box-i3-bests-head,
.b2c-cuabasket .fw-box-cuainc-head .fw-box-i3-cuainc-head,
#b2c-checkout .fw-box-i3-chkout-addr,
#b2c-checkout .fw-box-i3-chkout-paym,
#b2c-checkout .fw-box-i3-chkout-shcond,
#b2c-checkout .fw-box-i3-chkout-dlvprio,
#b2c-checkout .fw-box-i3-chkout-notes,
#b2c-confirm .fw-box-i3-confrm-addr,
#b2c-confirm .fw-box-i3-confrm-paym,
#b2c-confirm .fw-box-i3-confrm-shcond,
#b2c-confirm .fw-box-i3-confrm-dlvprio,
#b2c-confirm .fw-box-i3-confrm-notes,
#b2c-printordr .fw-box-i3-printordr-addr,
#b2c-printordr .fw-box-i3-printordr-paym,
#b2c-printordr .fw-box-i3-printordr-shcond,
#b2c-printordr .fw-box-i3-printordr-dlvprio,
#b2c-printordr .fw-box-i3-printordr-notes,
#b2c-login .fw-box-i3-login-login-head,
#b2c-login .fw-box-i3-login-reg-head {
    background: url(images/bxs2_br.gif) bottom right no-repeat;
    margin: 0;
    padding: 0;
}

#b2c-pcat-prd-cmp .b2c-pcat-prd-sccmp-head .fw-box-sccmp-head .fw-box-content-sccmp-head,
#b2c-pcat-cua .b2c-pcat-cua-head .fw-box-cua-head .fw-box-content-cua-head,
#b2c-basket-cua .b2c-basket-cua-head .fw-box-cua-head .fw-box-content-cua-head,
.b2c-catentry-recomm-head .fw-box-rec-head .fw-box-content-rec-head,
.b2c-catentry-bests-head .fw-box-bests-head .fw-box-content-bests-head,
#b2c-checkout .fw-box-content-chkout-addr,
#b2c-checkout .fw-box-content-chkout-paym,
#b2c-checkout .fw-box-content-chkout-shcond,
#b2c-checkout .fw-box-content-chkout-dlvprio,
#b2c-checkout .fw-box-content-chkout-notes,
#b2c-confirm .fw-box-content-confrm-addr,
#b2c-confirm .fw-box-content-confrm-paym,
#b2c-confirm .fw-box-content-confrm-shcond,
#b2c-confirm .fw-box-content-confrm-dlvprio,
#b2c-confirm .fw-box-content-confrm-notes,
#b2c-printordr .fw-box-content-printordr-addr,
#b2c-printordr .fw-box-content-printordr-paym,
#b2c-printordr .fw-box-content-printordr-shcond,
#b2c-printordr .fw-box-content-printordr-dlvprio,
#b2c-printordr .fw-box-content-printordr-notes,
#b2c-login .fw-box-content-login-login-head,
#b2c-login .fw-box-content-login-reg-head {
    background: url(images/bxs2_bl.gif) bottom left no-repeat;
    font-size: 10px;
    font-weight: bold;
    color: #036;
    padding: 6px 5px 6px 10px;
}

#b2c-pcat-prd-cmp .b2c-pcat-prd-sccmp-cont .fw-box-sccmp-cont,
#b2c-pcat-cua .b2c-pcat-cua-cont .fw-box-cua-cont,
#b2c-basket-cua .b2c-basket-cua-cont .fw-box-cua-cont,
.b2c-catentry-recomm-cont .fw-box-rec-cont,
.b2c-catentry-bests-cont .fw-box-bests-cont,
#b2c-checkout td.b2c-chkout-shipto-addr,
#b2c-checkout td.b2c-chkout-paym-dflt-nomsg-shown,
#b2c-checkout td.b2c-chkout-paym-2nd-nomsg-shown,
#b2c-checkout td.b2c-chkout-shcond,
#b2c-checkout td.b2c-chkout-dlvprio,
#b2c-checkout td.b2c-chkout-notes,
#b2c-confirm td.b2c-confrm-shipto-addr,
#b2c-confirm td.b2c-confrm-paym-dflt,
#b2c-confirm td.b2c-confrm-paym-2nd,
#b2c-confirm td.b2c-confrm-shcond,
#b2c-confirm td.b2c-confrm-dlvprio,
#b2c-confirm td.b2c-confrm-notes,
#b2c-printordr td.b2c-printordr-shipto-addr,
#b2c-printordr td.b2c-printordr-paym-dflt,
#b2c-printordr td.b2c-printordr-paym-2nd,
#b2c-printordr td.b2c-printordr-shcond,
#b2c-printordr td.b2c-printordr-dlvprio,
#b2c-printordr td.b2c-printordr-notes,
#b2c-login .fw-box-login-login-cont,
#b2c-login .fw-box-login-reg-cont {
    background: url(images/bxs2_sub_tr.gif) top right no-repeat;
    padding: 5px 5px 15px 0px;
    background-color: white;
}
#b2c-checkout td.b2c-checkout-paym-msgarea {
    background: url(images/bxs2_sub_tr.gif) top right no-repeat;
    padding: 5px 5px 0px 0px;
    background-color: white;
}

.b2c-chkout-contbox,
.b2c-confrm-contbox,
.b2c-printordr-contbox,
.fw-box-content-login-login-cont,
.fw-box-content-login-reg-cont {
    padding: 0px 0px 10px 10px;
}
td.b2c-chkout-soldto-addr,
td.b2c-chkout-paym-1st-nomsg-shown,
td.b2c-confrm-soldto-addr,
td.b2c-printordr-soldto-addr,
td.b2c-confrm-paym-1st,
td.b2c-printordr-paym-1st {
    padding: 5px 5px 5px 0px;
}
.b2c-chkout-btn,
.b2c-confrm-btn,
.b2c-printordr-btn {
    padding: 0px 0px 10px 10px;
}
.b2c-chkout-datainfo {
    background: white url('../images/info.gif') no-repeat 0px 4px;
    padding: 8px 5px 2px 21px;
    margin-left: 10px;
}


#shoplist .content,
#logoff .content {
    padding: 8px 5px 10px 8px;
}

#shoplist .inner,
#logoff .inner,
#b2c-selsoldto .inner {
    padding: 10px 0px 0px 20px;
}

#b2c-basket-cua {
    float: left; /* workaround to prevent 100% width of DIV area */
    margin: 50px 0px 0px 8px;
}

#b2c-checkout #b2c-checkout-laytab-main {
    border-collapse: collapse;
    width: 780px;
    margin-left: 10px;
}
#b2c-checkout #b2c-checkout-laytab-main {
    border-collapse: collapse;
    width: 780px;
    margin-left: 10px;
}
table#b2c-printordr-laytab-main,
table#b2c-confirm-laytab-main {
    margin: 0px 0px 10px 10px;   
}
td.b2c-printordr-itmlist {
    padding-bottom: 10px;   
}
td.b2c-printordr-headinfo,
td.b2c-confirm-headinfo {
    padding-bottom: 5px;   
}
td.b2c-printordr-headinfo table,
td.b2c-confirm-headinfo table {
    border-collapse: collapse;
}

.b2c-login-headdesc {
    padding: 5px 0px 10px 0px;
}
.b2c-login-btn {
    padding: 10px 0px 0px 0px;   
}
.b2c-login-sec {
    background: white url('../images/info.gif') no-repeat 4px 4px;
    padding: 8px 5px 2px 25px;
    margin: 0;
}

.b2c-reg-headdesc,
#b2c-reg .formfields  {
    padding: 0px 0px 10px 10px;
}
.b2c-reg-btn {
    padding: 10px 0px 20px 0px;   
}
.b2c-reg-datainfo {
    background: white url('../images/info.gif') no-repeat 0px 4px;
    padding: 8px 5px 2px 21px;
}

.b2c-mydatah-prof {
	padding-top: 10px;	
}
.b2c-mydatah-sec {
	background: white url('../images/info.gif') no-repeat 0px 4px;
    padding: 8px 5px 2px 21px;
    margin-top: 20px;
}

.b2c-persdata-btn {
    padding: 10px 0px 20px 0px;   
}
.b2c-maintprof-btn {
    padding: 10px 0px 20px 0px;   
}
.b2c-pwchng-btn {
    padding: 10px 0px 20px 0px;
}

#b2c-shipto .formfields  {
    padding: 0px 0px 10px 10px;
}
.b2c-shipto-btn {
    padding: 10px 0px 20px 0px;
}
.b2c-shipto-datainfo {
    background: white url('../images/info.gif') no-repeat 0px 4px;
    padding: 8px 5px 2px 21px;
}


/*...Column-Based Data Input & Output..................................*/
.formfields table {
   border-collapse: collapse;   
}
.formfields td.label,
.formfields td.labelObl,
.formresults td.label { 
    vertical-align: top; 
    white-space: nowrap;
    background-color: #fafbfc;
}
.formfields td.label,
.formfields td.labelObl { 
    padding: 6px 5px 4px 7px; 
}
.formresults td.label { 
    padding: 6px 5px 0px 7px; 
    font-weight:bold; 
}

.formfields td.labelObl,    /* use only when some of the labels within '.formfields td.label' are obligatory */  
.formfields td.label .labelPartObl { 
    font-weight:bold; 
} 

.formfields td.input,
.formresults td.data {
    vertical-align: top; 
    padding: 3px;
    background-color: #f0f1f5;
}
.formfields td.input .txtdata { 
    font-weight: bold; 
}

.formfields td.input img,
.formfields td.label img,
.formfields td.labelObl img,
.formresults td.label img { 
    vertical-align: text-bottom; 
}

.formfields h4,           /* for any subtitles embedded in the formfields table */
.formresults h4 {
    margin: 0px; 
    padding: 15px 5px 5px 5px; 
    font-family:Verdana,Geneva,sans-serif; 
    font-weight:bold;
    font-size: 10px;  
}

.formfields td.msgarea,    /* for any (info, warning, error) messages embedded in the formfields table */ 
.formresults td.msgarea {
    padding: 15px 5px 2px 5px;
}

.formfields td.inputradio_singleline {  
    vertical-align: top; 
    padding: 5px 0px 0px 20px; 
}