body { padding: 0px; margin: 0px; background-image: url("/images/header-background.png"); background-repeat: repeat-x; background-color: #afb2bc; }
div.mainbody { background-image: url("/images/main-background.png"); background-repeat: repeat-x; background-color: #bfd2ec;}
div.footerbody { background-image: url("/images/footer-background.png"); background-repeat: repeat-x;}

div.centrecolumn { width: 806px; margin-left: auto; margin-right: auto; padding-left: 4px; padding-right: 4px; }

div.header { height: 277px; background-image: url("/images/header.png"); background-repeat: no-repeat; }
div.main { background-color: white; min-height: 200px;}
div.footer { height: 133px; background-image: url("/images/footer.gif"); background-repeat: no-repeat; }

div.header div.topnav { text-align: right; color: #4f4f4f; font-size: 0.8em; padding-top: 16px; padding-right: 8px;  font-weight: bold;}
div.header div.topnav a:first-child { font-weight: normal; color: #afafaf;}
div.header div.mainnav { text-align: center; color: #4f4f4f; font-size: 1em; padding-top: 172px; line-height: 34px; font-weight: bold;}

div.main div.sidepanel { float: left; width: 243px; padding: 8px; }

div.main div.siteinfo { background-image: url("/images/site-information.png"); width: 243px; height: 250px; margin-top: 0px; }
div.main div.siteinfo div { padding: 8px; padding-top: 40px; margin: 0px; font-size: 0.9em; text-align: left; padding-right: 16px; }

div.main div.rdi { background-image: url("/images/rdi-information.png"); width: 243px; height: 250px; margin-top: 8px; text-align: center; }
div.main div.rdi div { padding: 8px; padding-top: 40px; margin: 0px; font-size: 0.9em; padding-right: 16px; }
div.catch { clear: both; }
div.catch-right { clear: right; }

div.main h1 { font-size: 1.4em; color: black; margin-top: 0px; padding-top: 6px; background-color: #e6efe6; border-bottom: 4px solid #cfdfdf; border-top: 1px solid #afffdf; }
div.main p { margin: 0px; padding-bottom: 0.5em; }
div.main img.side { float: right; margin: 8px;}
div.main img.side2 { float: right; margin: 8px; -moz-border-radius: 16px; border: 1px solid black; padding: 4px; background-color: white; clear:right; }
div.main ul { float: left; margin: 0px; }
div.main div.rightcolumn { float: left; width: 530px; }
div.footer div.mainnav { text-align: center; color: #3f3f3f; font-size: 0.8em; padding-top: 12px;  font-family: "Arial"; font-weight: bold;}

div.mainnav a { color: #4f4f4f; text-decoration: none;}
div.mainnav a:hover { color: black; border-bottom: 1px solid silver; border-top: 1px solid silver; }

div.topnav a { color: #4f4f4f; text-decoration: none;}
div.topnav a:hover { color: black;}

div.form div.fieldset { float: left; border: 1px solid #6f6f6f; padding-top: 8px; background-color: #efefef; }
div.form div.label { float: left; width: 150px; font-weight:bold; text-align: right; font-size: 0.9em; margin-bottom: 6px; }
div.form div.field { float: left; margin-left: 10px; width: 350px; text-align: left; margin-bottom: 6px; }
div.form img { border: 1px solid #6f6f6f; margin-bottom: 6px; }
div.form div.field { text-align: left; }
div.form div.field input { width: 290px; padding: 2px; border: 1px solid #6f6f6f; }
div.form div.field textarea { width: 290px; height: 190px; padding: 2px; border: 1px solid #6f9f6f; }
div.form div.field img { padding: 2px; }
div.form div.submitrow { width: 510px; text-align: center; }
div.form div.submitrow input[type="submit"] { width: 150px; padding: 2px; }
div#error-divs { text-align: center; }
div.errordiv { width: 300px; margin-left: auto; border: 2px solid #af5f5f; background-color: #ffcfcf; color: black; text-align: center; margin-right: auto; margin-bottom: 6px; }
div.acceptdiv { width: 300px; margin-left: auto; border: 2px solid #5faf5f; background-color: #cfffcf; color: black; text-align: center; margin-right: auto; margin-bottom: 6px; }

div.left { float: left; }
div.right { float: right; }

div.areas { margin-left: 8px; margin-right: 8px; text-align: center; }
div.areas p { width: 200px; padding: 4px; background-color: #efefef; margin: 4px; border: 1px solid #afafaf; border-top: 16px solid #afafaf; }

table.spare-parts { width: 100%; border-collapse: collapse; font-size: 0.8em; border: 1px solid #6f6f6f; }
table.spare-parts+table.spare-parts { margin-top: 16px; }
table.spare-parts tr th { background-color: #dfdfef; border: 1px solid #6f6f9f; font-size: 1.4em; font-weight: normal; }
table.spare-parts tr td { padding: 6px; border: 1px solid #6f6f9f; }
table.spare-parts tr td input[type="text"] { width: 90%; padding: 2px; border: 1px solid #6f6f6f; }
table.spare-parts tr.even td { background-color: #cfcfdf; }
table.spare-parts tr.odd td { background-color: #cfdfef; }
table.spare-parts tr th { font-size: 0.9em; }
table.spare-parts tr th:first-child { width: 20%; font-size: 1.4em;}
table.spare-parts tr td:first-child { width: 20%; }
table.spare-parts tr th:first-child+th { width: 20%;  font-size: 1.4em;}
table.spare-parts tr td:first-child+td { width: 20%;  }
table.spare-parts tr th.price { width: 15%; font-size: 1.4em;}
table.spare-parts tr td.price { width: 15%; text-align: right;}

table.spare-parts tr.add-part td { text-align: center; background-color: #dfdfef; }

a.photo { width: 100%; display: block; text-align: center; margin-right:8px; margin-bottom: 8px; border: none; background-color: #efefef; }
a.left { clear: left; float: left; }
a.left img { border: 1px solid #6f6f6f; }