/* *** Product Wizard Start *** */

html, body {
  background-image: none;
}

/* common classes */
div#second_col {  /* redefine, because for the wizard #second_col is inside #content_copy */
  display:none;
}

div#second_col_result {  /* second box only on result page */
  display:none;
}

div#content_pic {
  display:none;
}

* html div#content_copy {  /* IE up to 6 */
  margin-top: 163px;
}
*+html div#content_copy {  /* IE7 */
  padding-top: 40px;
}

div#content_copy {
  width: auto;    /* GJ 01.05.2007 - was 500px */
}

.bottomBorder {
  border-bottom: 1px dotted #999999;
}

div.rightAlignCont {
  float: right;
}

div.floatTerminator {
  clear:both;   /* to set the parent container's height to the bottom of the last float item */
}


/*  Wizard Progressbar */
#wizardProgressbar {
  display:none;
}

/*  Wizard Title + Info */
#wizardTitle {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #330000;
  border-top-style: dotted;
  border-bottom-style: dotted;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-color: #999999;
  border-bottom-color: #999999;
  line-height: 24px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 595px;
}

#wizardInfo {
  font-family: Verdana;
  font-size: 11px;
  color: #000000;
  width: 595px;
  margin-bottom: 20px;
}

/*  Wizard Content and its elements */
#wizardContent {
  font-family: Verdana;
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  border: 1px dotted #999999;
  padding: 2px;
  width: 486px;  /* for IE */
  w\idth: 490px; /* IE hack due to the other box-model */
  margin-bottom: 20px;
}

/* list of radio buttons with labels - ul - not used */
#wizardContent ul { 
  list-style-type: none;
  text-align: left;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

#wizardContent ul li { 
  margin-top: 5px;
}

#wizardContent li label { 
  position: relative;
  left: 25px;
  display: block;
  top: -17px;
  margin-bottom: -10px; 
  width: 100px;
  cursor: pointer;
}

/* list of radio buttons with labels - table */
#wizardContent table { 
  width: 100%;
  border: none;
  border-collapse:collapse;
  border-spacing: 0px;
}

#wizardContent td.radiocheck { 
  padding: 5px 0px 5px 0px;
  vertical-align: top;
  width: 20px;    
}

#wizardContent td.label { 
  padding: 7px 0px 5px 5px;
  text-align: left;
  vertical-align: top;    
}

#wizardContent td label {
  cursor: pointer;
}

/* selectbox with label */
#wizardContent div.selectBox {
 margin: 9px 0px 7px 5px;
}
html>body #wizardContent div.selectBox {
 margin: 7px 0px 7px 5px;
}


#wizardContent div.label {
  float: left;
  width: 50%;
  margin: 2px 0px 2px 0px;
/*  margin: 9px 0px 9px 5px;*/

}

#wizardContent select { 
/*  margin-top: 7px;*/
}

#wizardContent a.titleLink, #wizardContent a.titleLink:link, #wizardContent a.titleLink:visited, #wizardContent a.titleLink:hover {
  font-size: 12px;
  font-weight: bold;
  color: #000000;  
  text-decoration: none;
}

/* numeric input box with label */
#wizardContent div.numericInputBox { 
 margin: 9px 0px 7px 5px;
}
html>body #wizardContent div.numericInputBox {
 margin: 7px 0px 7px 5px;
}

#wizardContent .numericInputBox input { 
  font-size: 11px;
  font-weight: normal;
  color: #666666;  
}

#wizardContent .numericInputBox .error { 
  font-size: 11px;
  font-weight: normal;
  color: #D94B52;  
  text-decoration: none;
}


/*  Wizard Buttons */
#wizardButtons {
  display:none;
}


/* Wizard Result Item as value with label only */
div.resultValueBox { 
  position: relative;
  width: 575px;
  margin: 0px 0px 20px 0px;
  padding: 5px 10px 5px 10px;
  color: #000000;
  border: 1px dotted #999999;  
}

div.resultValueBox .resLabel { 
  font-size: 12px;
  font-weight: bold;
  color: #000000;  
}

div.resultValueBox .resValue { 
  margin-left: 20px;
  font-size: 12px;
  font-weight: bold;
  color: #000000;  
}




/* Wizard Result Box */
.wizardResultBox {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 1px solid #999999;
  border-bottom: none;
  width: 595px;
  margin-bottom: 20px;
}

.wizardResultBox .wizardResultBoxTitle {
  border-bottom: 1px solid #999999;
  background-color: #CCCCCC;
  padding: 5px 10px 5px 20px;
  color: #FFFFFF;
  font-weight: bold;  
}

.wizardResultBox .wizardResultBoxContent {
  position: relative;
/*  border-top: 1px solid #FFFFFF; */ /* without it IE doesn't show the bottom border */
  border-bottom: 1px solid #999999;
  padding: 10px 5px 10px 15px;  
}

.wizardResultBox .wizardResultBoxContent table { 
  border: none;
  border-collapse:collapse;
  border-spacing: 0px;
}

.wizardResultBox .wizardResultBoxContent td {
  vertical-align: top;
}


/* Wizard Result Config */
#wizardResultConfig {
  margin-top: 15px;
  position: relative;
}

#wizardResultConfig .wizardResultBoxContent .row {
  clear: left;  /* GJ 01.05.2007 - was both */
  position: relative;
  margin: 5px 5px 5px 5px;
}

#wizardResultConfig .wizardResultBoxContent .configLabel {
/*  position: absolute; */
  float: left;
  top: 0px;
  left: 0px;
  width: 155px;
  font-size: 10px;
  font-weight: normal;
  color: #000000;
  line-height: 12px;
  margin-top: 1px;
  margin-bottom: 2px;
}
html>body #wizardResultConfig .wizardResultBoxContent .configLabel {
  margin-bottom: 7px;
}

#wizardResultConfig .wizardResultBoxContent .configValue {
/*  position: relative; */
  padding-left: 160px;
  font-size: 10px;
  font-weight: bold;
}

#wizardResultConfig a, #wizardResultConfig a:link, #wizardResultConfig a:visited, #wizardResultConfig a:hover {
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-decoration: none;
}


/* Wizard Result Items */

table#wiz_productlist {
   width: 595px;
   text-align: left;
   vertical-align: top;   
   color: #000000;
   background-color: white;
   border-collapse: collapse;
   border-spacing: 0px;
   border-bottom: 1px solid #BCC0CF;
   padding-top: 10px;
   padding-bottom: 0px;
}

table#wiz_productlist .head, table#wiz_productlist .head_extra {
   color: white;
   background-color: #BCC0CF; 
   white-space: nowrap;
   visibility: hidden;
}

table#wiz_productlist .image {
   background-color: white;   
   border-top: 1px solid #BCC0CF;
   padding: 10px 10px 0px 0px;
   vertical-align: top;
}
table#wiz_productlist .image img {
   margin-bottom: 8px;
}
* html table#wiz_productlist .image img {  /* IE up to 6 */
   margin-bottom: 8px;
}
*+html table#wiz_productlist .image img {  /* IE7 */
   margin-bottom: 10px;
}

table#wiz_productlist .articletext {
   width: 100%;
   border-top: 1px solid #BCC0CF;
   padding: 10px 10px 0px 0px;
   line-height: 20px;
}

table#wiz_productlist .articletext strong {
  margin-right: 5px;
}


table#wiz_productlist .articletext a, table#wiz_productlist .articletext a:hover {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  font-size: 12px;
}

table#wiz_productlist .min_height {  /* emulate min-height by putting an invisible div */
  display: none;
}

table#wiz_productlist .articletext .flow_text {
  min-height: 45px;
  padding-bottom: 5px;
}

table#wiz_productlist .icons {
  display: none;
  clear: left;
}

table#wiz_productlist .article_508a_p {
   white-space: nowrap;
   border-top: 1px solid #BCC0CF;
   vertical-align: top;
   padding: 10px 10px 0px 0px;  
}

table#wiz_productlist .icons_p img {
  margin-top: 5px;
}

table#wiz_productlist .size {
   white-space: nowrap;
   border-top: 1px solid #BCC0CF;
   padding: 10px 10px 0px 0px;
}

table#wiz_productlist .vpe {
   white-space: nowrap;
   border-top: 1px solid #BCC0CF;
   padding: 10px 10px 0px 0px;
}

table#wiz_productlist .price {
   white-space: nowrap; 
   color: #000000;
   border-top: 1px solid #BCC0CF;
   padding: 10px 10px 0px 0px;
}

table#wiz_productlist .artnr {
   white-space: nowrap; 
   color: #000000;
   font-weight: bold;
   border-top: 1px solid #BCC0CF;
   padding: 10px 10px 0px 0px;
}



/* Wizard Result Legend */
#wizardResultLegend .wizardResultBoxContent p {
  margin: 12px 5px 12px 5px;
}

#wizardResultLegend .wizardResultBoxContent .legendSymbol {
  padding-left: 6px;
  margin: 2px 5px 2px 5px;
  background-color: #FFFFFF;
  color: #000000;
  font-size: 10px;
  font-weight: bold;
  width: 51px;
}
html>body #wizardResultLegend .wizardResultBoxContent .legendSymbol {
  width: 50px;
}

#wizardResultLegend .wizardResultBoxContent .legendText {
  font-size: 10px;
  font-weight: normal;
  line-height: 11px;
  width: 160px;
  margin-top: 4px;
}

/* *** Product Wizard End *** */