/* */

* { margin: 0; font-size: 12px; }

a { color: blue; text-decoration: underline; }
a:hover { text-decoration: none; }

body {
    font-family: Arial, sans-serif;
    font-size: 0.8em;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1.5em;
    padding: 0;
    vertical-align: top;
}

h1 { font-size: 150%; font-weight: normal; margin: 0 20px 0.8em 0; }
h2 { font-size: 120%; font-weight: bold; margin-bottom: 0.25em; }
h3 { font-size: 80%; font-weight: bold; margin-bottom: 0; }
h4 { font-size: 80%; font-weight: normal; margin-bottom: 0; }

p     { margin: 1em 0; }
img   { border: 0 none; }
li    { font-size: 1.2em; list-style-type: none; }
table { border-collapse: collapse; }

/* stuff */
div.clr  { clear: both; }
optgroup { font-style: normal; }

input { vertical-align: middle; }
input.main { width: 30em; padding: 0; }
input[type=text], select { margin: 0; width: 16em; }

.button { padding: 0.5em 1em; vertical-align: middle; }
.rbutton { color: red; font-weight: bold; padding: 0.5em 1em; }

span.strike { text-decoration: line-through; }
span.red    { color: red; font-weight: normal; }

/* wrapper */
div#wrapper { border: 0 none; margin: 30px auto; width: 70%; }

/* head */
div#head { height: 120px; width: 100%; }

div#logo { float: left; height: 100%; width: 60%; }

div#sides {
    float: left;
    height: 100%;
    padding-top: 1em;
    text-align: right;
    width: 40%;
}

/* sub */
div#sub { height: 150px; margin: 2em 0; width: 100%; }
div#sub h1 { color: #005aaa; font-weight: normal; margin-right: 0; }

div#search { float: left; margin: 1em 0; width: 50%; }
div#search input#namesearch { width: 20em; }
div#search select { margin: 0; }
div#search p { text-align: right; width: 244px; }

div#cart {
    float: right;
    height: 60px;
    margin: 1em 0;
    text-align: right;
    width: 50%;
}

/* content */
div#content { margin: 2em 0; width: 100%; }

div#asat  { margin: 1em auto; width: 100%; }
div#amenu { margin: 1em auto; width: 100%; }

div#description { float: left; width: 40%; }
div#description ul { margin: 0; padding: 0; }

div#data { float: left; width: 40%; }

div#img {
    border: 1px solid #000;
    height: 315px;
    margin: 2px;
    width: 420px;
}
div#map {
    border: 1px solid #000;
    height: 315px;
    margin: 2px;
    width: 420px;
}

table#place { text-align: left; vertical-align: middle; }

/* order */
div#form { float: left; width: 45%; }

div#banners { float: left; width: 45%; }

/* .confirm */
table.confirm { width: 45em; }
table.confirm td.label { text-align: right; width: 7em; }
table.confirm td.input { width: 18em; }
table.confirm td.error { width: 20em; }
table.confirm td.error label.error { color: red; }
table.confirm tr#captcha { display: none; }

table.confirm input.error { border: 1px solid red; }

/* list */
table#list { margin: 0 auto; width: 100%; }

table#list tr { border-bottom: 1px solid #000; }
table#list td { text-align: center; height: 2.3em; border-top: 1px solid #000; }



table#list tr.spechead {
    background-color: #d52121;
    color: #fff;
    font-weight: 400;
    height: 3em;
}

tr.head {
    background-color: #005aaa;
    color: #fff;
    font-weight: 400;
    height: 3em;
}
tr.alt { background-color: #f2f2f2; }

td { height: 2.3em; padding: 0.3em; vertical-align: middle; }

/* cart */
table#cart { margin: 0 auto; width: 100%; }

table#cart td {
    vertical-align: middle;
    text-align: center;
    height: 2.3em;
    border-top: 1px solid #000;
}

table#cart td.width  { border-left: 1px solid #000; border-right: 1px solid #000; width: 4.7em; }
table#cart tr.alt    { background-color: #f2f2f2; }
table#cart td.green  { background-color: #33cc66; }
table#cart td.red    { background-color: red; }
table#cart td.yellow { background-color: #ffff00; }

/* copyright */
div#copyright { color: #555; font-size: 0.9em; margin: 10em 0 0 0; }