/* ***************************** */
/* 'black on yellow' style sheet */
/* ***************************** */

body { background-color:#ffff99; color:#000000;
       font: medium Arial, Helvetica, sans-serif; }

/* fields to the right of the banner heading */
.f10 { font-size: 83.33%; text-align: center; }

a { color: #000000; font-weight: bold; font-size: 91.67%;
    text-decoration: underline; }
a.f12 { font-size: 100%; padding: 0px 2px; }
a.f12b { font-size: 100%; display: block; padding: 0px 2px; }
a.trgt { font-size: 100%; text-decoration: none; }

a:hover { color: #ff0000; } 
a.trgt:hover { color: #000000; }

/* the only image links are the small model pictures */
a img { border:0; float:left; margin-right:5px; }

input { background-color:#ffffff; font: normal 91.67% Arial, Helvetica, sans-serif; }

/* ordinary text describing input field (on home page) */
.input { background-color:#ffffff; }
.inputr { background-color:#ffffff; text-align:right; }

/* left aligned buttons - in headings mainly */
.buttonL { background-color: #cccccc; font-weight: bold; font-size: 91.67%;
           text-decoration: underline;
           padding: 1px 2px; overflow: visible; border: 2px outset;
           float: left; margin-right: 5px; }

/* right aligned buttons - in headings mainly */
.buttonR { background-color: #cccccc; font-weight: bold; font-size: 91.67%;
           text-decoration: underline;
           padding: 1px 2px; overflow: visible; border: 2px outset;
           float: right; margin-left: 5px; }

/* Order buttons on makes pages - seperate from buttonR for shmx.css */
.order { background-color: #cccccc; font-weight: bold; font-size: 91.67%;
         text-decoration: underline;
         padding: 1px 2px; overflow: visible; border: 2px outset;
         float: right; margin-left: 5px; }

/* search button - padding & overflow correct IE botton too wide problem
                   (max-)width needed for 800x600 resolution (IE5 anyway)
                   text-decoration doesn't seem to work on Firefox without float (?) */
.search { background-color: #cccccc; font-weight: bold; font-size: 91.67%;
          text-decoration: underline;
          padding: 1px 2px; overflow: visible;
          float: left; margin-left: 5px; } 

/* these work on Firefox but not IE */
input:hover.order { color: #ff0000; }  
input:hover.buttonL { color: #ff0000; }  
input:hover.buttonR { color: #ff0000; }
input:hover.search { color: #ff0000; }

h1 { font-weight: bold; font-size: 150%; margin:0px; }
table.title { border-left-color:#cccccc; border-top-color:#cccccc;
              border-right-color:#999999; border-bottom-color:#999999; }
form { font-size: 91.67%; margin:0px; }
input.err { background-color:#ff6666; }
textarea { background-color:#ffffff; font-size: 91.67%; }

/* used in terms.htm */
ol { margin-left:10px; margin-top:1px; margin-bottom:1px; }
ol li { list-style:decimal; margin-left:15px; }

/* this block all apply to the sub-menus on the home page */
div.menu { position:relative; }  /* just a containing tag */
/* the only ul tags are in index.html for sub-menus */
ul { display: none; padding: 5px; border: 1px solid black; margin: 0px;
     position:absolute; background-color:#ffff00; }
ul.menu { bottom: 0px; }  /* extends upwards for "Others" */
ul.menud { top: 0px; }  /* extends downwards for special makes */
ul li { list-style:none; background-color:#ffff99; padding: 0px 2px;
        border: 1px solid #999999; border-top: 0px; }
li.menu { border-top: 1px solid #999999; }
li a { background-color: #ffffcc; display: block; padding: 0px 2px;
       width: 98%; }  /* width prevents double lines on Win98 IE5 */

/* "Springhill Models" 'banner' (all pages) */
.tdhd { background-color: #ffff33; text-align: center; }

/* table of model lists by manufacturer (home page) */
.tdh2 { border-style:solid; border-width:4px }
table.tdh2 a { padding: 0px 2px; }

/* (sub) table headings - yellow on gray (home page, order list, etc. ) */
.thd { background-color:#666666; color:#ffff00; font-weight: bold; font-size: 100%; }

/* major table headings - black on dark yellow (home page) */
.thd2 { background-color:#ffff33; font-weight: bold; font-size: 100%; }

/* list of models */
.list { background-color:#ffff33; border-color:#cc0000 }

/* previous prices (crossed out) */
.spr2 { color:#000000; font-weight: lighter; text-decoration: line-through; }

/* model pictures */
.pict { background-color:#ffff99; margin:0px; }

/* warnings e.g. search words not found */
.rd { color:#ff0000; font-weight: bold; }

/* terms and conditions link on home page */
.rhs { text-align:right; }

/* text before search input and button on home page */
.floatl { float: left; }