p, ul, h1, h2 { margin-top: 1em; margin-bottom: 0.5em; }
html, body { background: #600 url(/img/background_main.png) repeat-x; color: #fff; margin: 0px; }
body, td, input, textarea, select { font-family: "Lucida Grande", Ariel, Verdana, sans-serif; font-size: 12px; line-height: 14px; }
h1 { font-size: 16px; line-height: 20px; }
div h1:first-child { margin-top: 0; padding-top: 0; }
#main { width: 900px; height: 600px; left: 50%; top: 50%; margin-left: -450px; margin-top: -300px; background: #000; position: absolute; }	
img { border: 0px; }

#topimage { position: absolute; top: 0 left: 0; }
#logo { position: absolute; top: 20px; left: 650px; width: 197px; height: 46px; }

#whiteleftvertical { position: absolute; top: 0; left: 20px; height: 209px; width: 3px; }
#whiterightvertical { position: absolute; top: 0; left: 877px; height: 209px; width: 3px; }
#whiteleftcorner { position: absolute; top: 209px; left: 20px; height: 21px; width: 21px; }
#whiterightcorner { position: absolute; top: 209px; left: 859px; height: 21px; width: 21px; }
#whitehorisontal { position: absolute; top: 227px; left: 41px; height: 3px; width:818px; }

#redleftvertical { position: absolute; top: 291px; left: 20px; height: 309px; width: 3px; }
#redrightvertical { position: absolute; top: 291px; left: 877px; height: 309px; width: 3px; }
#redleftcorner { position: absolute; top: 270px; left: 20px; height: 21px; width: 21px; }
#redrightcorner { position: absolute; top: 270px; left: 859px; height: 21px; width: 21px; }
#redhorisontal { position: absolute; top: 270px; left: 41px; height: 3px; width:818px; }

#headerbackground { position: absolute; top: 0px; left: 40px; width: 320px; height: 210px; opacity: 0.5; filter:alpha(opacity=50); }
#header { position: absolute; top: 0px; left: 40px; width: 298px; color: #fff; padding: 11px; }

#mainbuttons { position: absolute; color: #fff; text-align: center; top: 320px; left: 50px; width: 800px; }
#mainbuttons ul { margin: 0 auto; padding: 0; width: 480px; }
#mainbuttons ul li { text-align: center; float: left; list-style-type: none; padding: 10px; width: 100px; }
#mainbuttons img { height: 98px; width: 98px; margin-top: 10px; border: #c00 solid 1px; opacity: 0.9; filter:alpha(opacity=90); }
#mainbuttons img:hover { height: 98px; width: 98px; margin-top: 9px; margin-left: -1px; border: #c00 solid 2px; opacity: 1.0; filter:alpha(opacity=100); }

#footer { position: absolute; top: 530px; left: 50px; width: 800px; text-align: center; color: #ddd; font-size: 10px; }
#footer a:link { color: #ddd; text-decoration: none; }
#footer img { width: 80px; height: 37px; }

#productdetail { position: absolute; top: 0; left: 40px; height: 210px; width: 820px; color: #000; }
#productdetail .left { position: absolute; top: 0; left: 0; height: 199px; width: 11px; background: #fff; }
#productdetail .right { position: absolute; top: 0; left: 809px; height: 199px; width: 11px; background: #fff; }
#productdetail .leftcorner img { position: absolute; top: 199px; left: 0; height: 11px; width: 11px; }
#productdetail .rightcorner img { position: absolute; top: 199px; left: 809px; height: 11px; width: 11px; }
#productdetail .contents { position: absolute; top: 0; left: 11px; height: 188px; width: 776px; background: #fff; padding: 11px; }
#productdetail .contents img { float: left; height: 188px; width: 188px; margin-right: 22px; }

#tipdetail { position: absolute; top: 0; left: 40px; height: 210px; width: 480px; color: #fff; }
#tipdetail .contents { position: absolute; top: 0; height: 188px; width: 458px; padding: 11px; }

#prev { position: absolute; top: 385px; left: 60px; }
#next { position: absolute; top: 385px; left: 810px; }

#close { position: absolute; top: 10px; left: 700px; width: 150px; text-align: right; }
#back { position: absolute; top: 253px; left: 40px; }
#contactbutton { position: absolute; top: 253px; left: 760px; width: 100px; text-align: right; }
#back a, #close a, #contactbutton a { color: #c00; text-decoration: none; font-weight: bold; }

#contact, #manuals { position: absolute; top: 290px; left: 40px; width: 780px; height: 270px; padding: 20px; background: url(/img/background_beige.png); color: #000; }
#contact th, #manuals th { text-align: left; }
#contact th:last-child { text-align: right; }
#contact td:last-child { text-align: right; }
#contact td, #manuals td { font-size: 9px; }
#contact a:link, #manuals a:link { color: #000; text-decoration: none; }
#contact a:visited, #manuals a:visited { color: #000; text-decoration: none; }
#contact a:hover, #manuals a:hover { text-decoration: underline; }