/* ------------------------------------------------
   Standards compliant CSS attempt by Ryan Salerno
   Questions and problems: rsalerno@gmail.com
   ------------------------------------------------ */

/* --- prices page specific --- */
body { background-color: #f2eed2; width: 85%; margin: auto; padding: 0; }
div { margin: 10px; }
div#footer { text-align: center; }
div#footer a { margin: 0 20px; }

h1, h2 { margin: auto; padding: 20px 0 0 0; color: #744143; text-decoration: none; font-weight: normal; text-align: center; }
h1 { border-bottom: 2px solid black; }
h2 { padding: 0; }
h4 { font-weight: normal; text-decoration: none; padding: 40px; margin: 25px 0; border-top: 2px solid black; border-bottom: 2px solid black; text-align: center; }
a:link { text-decoration: none; color: #744143; }
a:visited { text-decoration: none; color: #744143; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; color: gray; }

div#footer a:hover { text-decoration: underline; }
a img { border: 0; }

table { width: 100%; border-collapse: collapse; }
td { padding: 5px 0; }
td.model { width: 30%; }
td.price { width: 20%; }
td.description { }
th { font-weight: bold; text-decoration: underline; text-align: left; }

/* Yeah, I know having one separate css page is lazy.  I'll fix it to be more consistent some other time.  Maybe. */