body { font-size: 14px; line-height: 18px; color: black; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; letter-spacing: 1px; margin: 0    }
#container           { margin-top: 10px; margin-left: auto; width: 807px; height: auto; min-height: 500px; margin-right: auto; }
#header { font-weight: bold; font-style: italic; background-color: #fff; background-image: url(../images/optimum_header.gif); background-repeat: no-repeat; text-align: center; width: 804px; height: 104px; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 2px; padding-bottom: 2px; border: solid 1px #ccf; }
#bottom   { font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #fff; text-align: center; width: 804px; height: auto; margin-top: 10px; margin-right: auto; margin-left: auto; float: left; clear: both ; padding-top: 2px; padding-bottom: 2px; border: solid 1px #ccf; }
#bodycontent   { font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #fff; background-image: url(../images/optimum_faint_200.gif); background-repeat: no-repeat; background-position: center 96%; letter-spacing: 1px; width: 420px; height: 460px; float: left; clear: none; overflow: auto; min-height: 400px; padding-right: 10px; padding-left: 10px; border: solid 1px #ccf; }
#bodycontent a { color: #666; font-size: 11px; font-family: "century gothic", Geneva, Helvetica, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: normal; }
#bodycontent a:hover { color: #000; font-size: 11px; text-decoration: underline; letter-spacing: normal; }
#bodycontent h1 { color: #000; font-size: 14px; font-family: "century gothic", Geneva, Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; margin-top: 5px; }
#bodycontent h2 { color: #000; font-size: 11px; font-family: "century gothic", Geneva, Helvetica, Arial, SunSans-Regular, sans-serif; font-weight: bold; line-height: 16px; }
#right   { color: #000; font-size: 0.8em; font-variant: small-caps; line-height: 14px; text-align: center; letter-spacing: 2px; margin: 0 0 0 20px; width: 180px; height: 460px; float: right; clear: right; border: solid 1px #ccf; }
#rightProducts { color: #000; font-size: 0.8em; font-variant: small-caps; line-height: 14px; background-image: url(../images/brand_list_img.jpg); text-align: center; letter-spacing: 2px; margin: 0 0 0 20px; width: 180px; height: 460px; float: right; clear: right; border: solid 0.05em #ccf; }
#right h3 { color: #486292; font-size: 11px; font-family: monospace; line-height: 13px; text-align: center; }
#leftnav { width: 140px; height: 460px; color: #fff; float: left; clear:left; margin-right: 20px; border: solid 1px #ccf; }
#leftnav a { color: #000; font-size: 12px; font-family: "Century Gothic", Verdana, Geneva; font-weight: 600; text-decoration: none; height: 22px; padding-left: 14px; border-bottom: 0.05em solid #ccf; display: block; }
#leftnav a:hover { font-weight: 600; background: #a9a9a9 url(../images/wheelbase_nav_over.gif) no-repeat 2px 7px; }
#leftnav a:active { font-weight: 600; background: #0075b2 url(../images/wheelbase_nav_over.gif) no-repeat 2px 7px; }
.logopad { margin: 10px 0 10px 2px; }
.hide { display:none; }
#faint { color: #bbb; font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; height: 20px; clear: both; }
ul { font-size: 13px; font-weight: bold; margin-top: 2px; margin-bottom: 2px; margin-left: 10px; list-style-type: disc; ; list-style-image: url(../images/arrow.gif); }
.contactletters { font-size: 12px; text-align: left; width: 170px; height: auto; float:left; padding: 6px; border: solid 1px #ccf; }
.contactnos { font-size: 12px; text-align: left; width: 210px; height: auto; float:right; padding: 6px 2px 6px 6px; border: solid 1px #ccf; }
.img { background-color: #fff; padding: 6px 4px 4px; }