/** styles for webSpares system */
   .webSpares.bulletinsArea {
   }

   .webSpares.bulletinsArea p {
      padding-left: 2em;
   }

   div.webSpares.modelSearch a, div.webSpares.browser a {
      display:block;
   }

   div.webSpares.browser td {
      padding: 5px;  
      text-align: center;
      vertical-align: middle;
   }

   table.webSpares.groups, 
   table.webSpares.ranges {
      width: 100%;
   }

   table.webSpares.groups td {
      padding: 1em;
   }

   .webSpares.modelSearch table {
      border-collapse: separate;
   }

   .webSpares.modelSearch table td {
      padding: 2px;
   }

   .webSpares.rangeTable td {
      border: 2px solid #aabbff;
   }
      
   .webSpares.modelDocs {
      margin-top: 1em;
   }

   .webSpares.modelDocs a {
      display: block;
      border-top: 1px solid;
   }

   .webSpares.orderTotal {
      font-weight: bold;
      margin: 0.25em;
   }

   .webSpares.partNotes div {
      width: 80%;
      border: 1px solid Red;
      padding: 3px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
   }

/**\brief parts list table, on diagram page, order page */
   .webSpares.partsTbl {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
   }

   .webSpares.partsTbl td[colspan="2"] {
      text-align: right;
      background-color: #ddeeff;
   }

   .webSpares.partsTbl td.c0  { width: 15%; }
   .webSpares.partsTbl td.c1  { width: 70%; }
   .webSpares.partsTbl td.c2  { width: 15%; text-align: right; }

/** order table */

   .webSpares.orderTbl {
      width: 95%;
      margin-left: auto;
      margin-right: auto;
   }

   .webSpares.orderTbl TH.hdr { border-bottom: 2px solid #7788ff; }
   .webSpares.orderTbl TH.st  { border-top: 2px solid #7788ff; border-bottom: 2px solid #7788ff; }
   .webSpares.orderTbl TH.ftr { border-top: 2px solid #7788ff; }
   .webSpares.orderTbl TH.cap  { text-align: left; }
   .webSpares.orderTbl TH { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; }
   .webSpares.orderTbl TD { padding-top: 2px; padding-bottom: 2px; padding-left: 8px; padding-right: 8px; border-top: solid 1px #ccddff;}

   .webSpares.orderTbl INPUT[type="text"] { text-align: right; width: 4em; } /* remove */

   /** sort out colume widths & text alignment */
   .webSpares.orderTbl .c0 { width: 6em; } /* remove */
   .webSpares.orderTbl .c1 { width: 8em; text-align: left; } /* part code */
   .webSpares.orderTbl .c2 { width: 8em; text-align: right; } /* unit price */
   .webSpares.orderTbl .c3 { width: 4em; text-align: right; } /* qty */
   .webSpares.orderTbl .c4 { width: 7em; text-align: right; } /* line price */
   .webSpares.orderTbl .c5 { width: auto; } /* desc */

   /** set colours for different parts */
   .webSpares.orderTbl .s0 { background-color:  White; } /* spares */
   .webSpares.orderTbl .s1 { background-color:  #aaffaa; } /* essentials */
   .webSpares.orderTbl .s2 { background-color:  #aabbff; } /* multi fit */
   
   .webSpares.poaItem { background-color: Orange; }
   
/** payment details control */
   .webSpares.paymentDetailsAddresses TD.c2 { width: 16em; padding-left: 0.5em; padding-right: 0.5em; }
   .webSpares.ccOrderInfo, .webSpares.loginInfo { border: solid 3px #ccddff; background-color: #ddeeff; padding: .5em; }
   .webSpares.paymentDetailsRefInfo { margin-left: auto; margin-right: auto; }
   .webSpares.paymentDiv { margin: 2em; }
   .webSpares.paymentDetailsAddresses { margin-left: auto; margin-right: auto; }

   /* hide the copy details button when printing */
   @media print {

      #_webSparesRememberDetailsTR { display: none; }
      #_webSparesPaymentDetailsCopyToLeft { display: none; }
      #_webSparesPaymentDetailsCopyToRight { display: none; }
   }

/** diagram page */
	div#_webSparesDiagramImageDiv { position:relative; top:0; left:0; }
	.webSpares.vis_v	{ border:0; margin:0; visibility:visible; z-index:2; vertical-align:top; }
	.webSpares.vis_h	{ border:0; margin:0; visibility:hidden; z-index:-1; }
   .webSpares.diagramSelectionControls select { width: 100%; }

/** decorators for messages */
   .webSpares.noResults {
      border: solid 2px #ff3300;
      background-color: Orange;
      color: White;
      width: 60%;
      margin-left: auto;
      margin-right: auto;
   }

   .webSpares.err {
      border: solid 2px #ff0000;
      background-color: #ff3333;
      color: White;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      line-height: 150%;
   }

   .webSpares.info {
      border: solid 2px #00bb00;
      background-color: #11bb11;
      color: White;
      width: 70%;
      margin-left: auto;
      margin-right: auto;
      text-align: center;
      line-height: 150%;
   }
   
   .webSpares.shouty {
      font-size: 150%;
   }
   
   .webSpares.additional {
      text-align:left;
      margin-left: 4em;
      margin-right: 4em;
      margin-top: 0.5em;
      margin-bottom: 0.5em;
      background-color: #ff4444;
      border: solid 2px #dd0000;
      padding: 0.5em;
   }

   .webSpares.errBorder {
      border: solid 2px #ff0000;
   }