@charset "UTF-8";
/* CSS Document */


* { margin: 0; padding: 0; border: 0; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #606060; }

body { background-color: #fff; }

hr { border-top: #dcdcd8 1px solid; border-bottom: 0; }

h1, h2, h3, h4, h5, h6 { width: 100%; margin: 0 0 10px; padding-bottom: 2px; font-size: 12px; color: #008dd8; text-transform:uppercase; }

a { text-decoration: none; color: #606060; }
a:hover { text-decoration: none; color: #008dd8; }

table { width: 100%; }

th, td, input, textarea, select { text-align: left; vertical-align: middle; margin: 0; }

input, textarea, select, option { width: 98%;  margin: 2px 1px; border: #dcdcd8 1px solid; color: #606060; }
input { padding: 0 2px; }
textarea { height: 100px; }
label { padding-left: 2px; }
input.checkbox { width: 20px; }

th { height: 20px; padding: 0 3px 2px; font-size: 11px; border-top: #4c4b1c 1px solid; border-bottom: #000 1px solid; }

th select { margin: 1px; font-weight: bold; font-size: 11px; font-variant: small-caps; background-color: #dcdcd8; border: 0; }

form { margin: 8px 0 0; }
th form { margin: 0; }

div { margin: 0; padding: 0; border: 0; float: left; }
div#shop { width: 560px; height: 1200px; margin: 0; overflow-x: hidden; overflow-y: auto; }
div#shop div.inner { width: 560px; margin: 0 0 10px; }
div#sidebar { width: 180px; height: 1185px; margin: 0 0 0 10px; padding: 10px 0; border: 0; overflow-x: hidden; overflow-y: auto; }
div#sidebar div.inner { width: 180px; margin: 0; padding: 0; border: 0; }
div#overlay { width: 560px; height: 990px; margin: 0;  padding: 0; background: #fff; opacity: 0.7; position: absolute; z-index: 998; top: 0; left: 0; overflow: hidden; display: none; }
div#popup { width: 480px; height: 340px; margin: 0; padding: 10px; background: #fff; border: #dcdcd8 3px double; position: absolute; z-index: 999; top: 40px; left: 30px; overflow-x: hidden; overflow-y: auto; display: none; }
div#productinfo { width: 560px; padding: 5px 0; }

ul { list-style-type: none; }
ul ul { border: 0; }
ul li { width: 265px; float: left; text-align: center; margin: 10px 10px 0 0; border: #dcdcd8 1px solid; }
ul li:hover { background: #dcdcd8; }
ul li a { display: block; padding: 4px; color: #606060; }
ul li a:hover { color: #008dd8; }
ul li img { padding: 4px; }

.sidebar { color: #606060; }
.catimg { padding: 20px 0 10px; }

.error { background-color: #cc0000; color: #fff; font-weight: bold; padding: 3px; text-align: center; }
.success { background-color: #006600; color: #fff; font-weight: bold; padding: 3px; text-align: center; }
.clr { clear: both; }