<!--
      body, h1, h2, h3, .bigtxt, .mediumtxt, .smalltxt, .vsmalltxt {
         font-family: verdana, arial, helvetica, sans serif;
         font-size: 0.75em;
         color: #333;
      }

      body {margin: 0; }
      
      h1 {font-size: 1.5em; font-weight: bold;}
      h2 {font-size: 1.2em; font-weight: bold;}
      h3 {font-size: 1em; font-weight: bold;}

      .bigtxt {font-size: 1.1em;}
      .smalltxt {font-size: 0.85em;}
      .vsmalltxt {font-size: 0.8em;}

      .imglink {
         text-decoration: none;
         border-style: none;
         vertical-align: middle; 
       }

      #content {margin-left: 5px; margin-right: 5px;}

      p.just {text-align: justify;}

      li {text-indent: 3px;}

      #shoppingcart {
         position: absolute;
         top: 0px;
         width: 300px;
         float: right;
         z-index: 1000;
      }

      #preamble {
         height: auto; 
         padding: 10px;
         margin-top: 10px;
         margin-bottom: 10px;
         background-color: #ccf;
         z-index: 1;
      }

      #ADR, #labels, #driver, #pedestrian  {
         cursor: pointer;
         width: 250px;
         padding: 0;
         margin: 0;
      }

      #ADR {border: 1px solid #f60;}

      #ADR .top, #labels .top, #driver .top, #pedestrian .top {
         width: 250px;
         height: 150px;
         padding: 0;
         margin: 0;
         background-repeat: no-repeat;
      }

      #ADR .top {background-image: url(../images/adr_range_header.jpg);}

      #ADR .body, #labels .body, #driver .body, #pedestrian .body {
         width: 240px;
         padding: 5px;
         margin: 0;
         text-align: justify;
      }

      #ADR .bottom, #labels .bottom, #driver .bottom, #pedestrian .bottom {
         width: 250px;
         text-align: center;
         padding: 0;
         padding-top: 18px;
         padding-bottom: 16px;
         margin: 0;
      }

      #ADR .bottom {background-color: #f60;}

      #labels {border: 1px solid #10238c;}

      #labels .top {background-image: url(../images/labels_range_header.jpg);}

      #labels .bottom {background-color: #10238c;}


      #driver {border: 1px solid #0f0;}

      #driver .top {background-image: url(../images/driver_range_header.jpg);}

      #driver .bottom {background-color: #0f0;}

      #pedestrian {border: 1px solid #0197e3;}

      #pedestrian .top {background-image: url(../images/ped_range_header.jpg);}

      #pedestrian .bottom {background-color: #0197e3;}

      #disclaimer {
         color: #f00;
         text-align: justify;
         background-color: #ddd;
         padding: 10px;
         margin-top: 10px;
         margin-bottom: 10px;
      }

      a, a:visited {color: #333; text-decoration: none;}
      a:hover {text-decoration: underline;}

      a.boxes {
         color: #fff;
         background-color: #333;
         padding: 5px;
         padding-top: 8px;
         padding-bottom: 8px;
         border: 1px dotted #fff;
      }

      #footer {
         width:100%;
         height: auto;
         margin-top: 10px;
         background-color: #333;
         color: #fff;
         font-size: 10px;
         padding:0px;
         padding-top:10px;
         padding-bottom:10px;
         text-align: center;
         clear: both;
      }

      #footer a {color: white; text-decoration: underline;}

      #prodfoot {
         margin-top: 10px;
         margin-bottom: 10px;
         padding: 5px;
         background-color: #ddd;
      }

      #prodfoot p {
         text-align: center;
         font-size: 0.9em;
      }

      #prodfoot a {
         text-decoration: underline;
      }

      #adrreq   {
         float: left;
         max-width: 500px;
         border: 1px orange solid;
         color: black;
         padding: 0px;
         padding-bottom: 5px;
         margin-top: 15px;
         margin-bottom: 15px;
         background-color: #ddd; 
      }

      #adrreq h1 {
         font-weight: bold;
         font-size: 1.1em;
         color: white;
         background-color: #555;
         padding: 3px;
         margin: 0;
         margin-bottom: 5px;
         text-align: left; 
      }
 
      #adrreq .inner {padding: 5px;}

      th.cellstyle {font-weight: bold; text-align: right; vertical-align: top;}
      td.cellstyle { }

      #ps {
         background-color: lightgoldenrodyellow;;
         border: 2px solid #ddd;
         padding: 5px;
      }
      #ps th {background-color: #ddd;}
      #ps td {padding: 5px;}
      #ps td.id {font-weight: bold;}
      #ps td.gt, td.st {
         font-weight: bold;
         border-top: 1px solid #333;
         border-bottom: 1px solid #333;
      }
      #ps td.st {
         border-top: 1px dashed #333;
         border-bottom: 1px dashed #333;
      }

      #paypalbutton, #chequebutton {cursor: pointer;}

      #paymessage {
         width: 450px;
         border: 1px solid #ddd; 
         padding: 15px; 
         text-align: center; 
         background-color: #ccf; 
         clear: both; 
         float: left; 
         margin-top: 5px;
         margin-bottom: 20px;
      }

      #errormessage {
         float: left;
         width: 300px;
         background-color: lightgoldenrodyellow;
         padding: 10px;
         border: 2px solid #f00; 
      }

      #paymessage b.red {
         font-size: 1.5em;
         color: #f00;
      }

      #coform {
         width: 550px;
         background-color: #ccf;
         padding: 10px;
         margin-bottom: 10px;
         float: left;
      }

      #chequeinfo {
         width: 550px;
         font-size: 1.2em;
         padding: 10px;
         background-color: #ccf;
         margin-top: 10px;
         margin-bottom: 10px;
         float: left;
      }
      
      #contactleft {float: left;}

      #cltop, #clbottom, #clmiddle {
         padding: 10px;
         padding-left: 20px;
         margin-top: 0;
         margin-bottom: 10px;
         margin-right: 10px;
         margin-left: 0;
         background-color: #ccf;
      }

      #clbottom {
         margin-bottom: 0px;
         background-color: #ccf;
      }

      #contactright {
         padding: 10px;
         margin-top: 0;
         margin-bottom: 10px;
         margin-right: 0;
         margin-left: 10px;
         background-color: #ccf;
         float: left;
      }
-->