body         { font-family: Verdana, Arial, Helvetica, Sans-Serif; background-color: #666666; padding: 5px }
p, td, th, h1, h2, h3, h4, select, input
             { font-family: Verdana, Arial, Helvetica, Sans-Serif; color: white  }

h1           { }
h2           { font-size: 14pt; font-weight: bold; margin-top: 10px; margin-bottom: 5px; text-align: center }
h3           { font-size: 12pt; font-weight: bold; margin-top: 10px; margin-bottom: 5px }
h4           { font-size: 10pt; font-weight: bold; margin-top: 10px; margin-bottom: 5px }
p            { font-size: 10pt; margin-top: 5px; margin-bottom: 5px }
a            { text-decoration: none; color: #FFFFFF }
a:hover      { color: yellow }

hr           { height: 1px; color: white }

td, th       { font-size: 10pt; vertical-align: top; text-align: left }
th           { font-weight: bold }

ul           { font-size: 10pt; padding-left: 15px; margin-left: 15px; margin-top: 0px; margin-bottom: 0px }

form         { display: inline }

select, input, textarea { font-size: 10pt }
/* select, input, textarea { background-color: #000066; border-style: solid; border-width: 1px; color: white } */
select, input, textarea { background-color: #000066; color: white }
select:hover       { background-color: black }

img          { border-style: none }

*.center     { text-align: center }
div.message { margin-top: 50px; margin-bottom: 50px; text-align: center }
div.submit_button { text-align: center }

/* bla */
#frame    { position: absolute; left: 50%; margin-left: -350px; width: 700px }

#header   { background-color: #000000; background-image: url(/gfx/hdr_bg1.jpg); width: 700px; text-align: left }
#headerline { background-color: #000000; background-image: url(/gfx/hdr_bg2.jpg); color: white; font-weight: bold }
#navbar   { background-color: yellow; width: 700px; text-align: center; font-weight: bold; font-size: 10pt; color: #000066 }
#navbar a { color: #000066 }
#content  { background-color: #000066; width: 680px; min-height: 400px; text-align: left; padding: 10px; color: white }
#footer   { clear: both; background-color: #000000; width: 700px; text-align: center; font-size: 7pt; color: white }
#footnote { background-color: #000066; width: 700px; text-align: center; font-size: 7pt; color: white }

/* shop.html */
div.list_categoryselector, div.list_manufactorselector, div.list_subcategoryselector { font-size: 10pt; margin: 2px; min-height: 23px; padding: 2px; vertical-align: bottom }
div.list_categoryselector a:hover, div.list_manufactorselector a:hover, div.list_subcategoryselector a:hover { color: yellow }
div.subcategory { font-size: 10pt; margin: 2px; min-height: 18px; padding: 2px; vertical-align: bottom }
div.subcategory a:hover { color: yellow }

div.list_pagenav { font-size: 10pt; text-align: center }
div.list_pagenav *.highlight { color: red }

table.list   { width: 680px }
td.list_pic     { width: 150px; text-align: center; vertical-align: top }
td.list_pic img { margin-top: 0px }
td.list_data    { vertical-align: top }

div.list_name   { float: left; padding-top: 3px; height: 17px; vertical-align: bottom; text-align: left; left: 0px; font-weight: bold; background-color: black }
div.list_price  {              height: 20px; vertical-align: bottom; text-align: right; right: 0px; background-color: black }
span.list_redprice { font-weight: bold; font-size: 12pt; color: #FF0000 }
div.list_text   { clear: both }
div.list_accessory { font-size: 8pt }

div.details_categoryselector { font-size: 10pt; margin: 2px; min-height: 18px; padding: 2px; vertical-align: bottom }
div.details_pics    { float: left; margin: 10px }
div.details_pics_nav { text-align: center; font-size: 10pt }
img.details_mainpic { }
p.details_info { margin-top: 10px; }
p.details_accessory { font-size: 8pt }
p.details_price      { margin: 0px; font-size: 14pt }
p.details_list_price { margin: 0px; }
p.details_save_price { margin: 0px; color: red }
p.details_basket     { font-weight: bold; }

p.details_comment_name { background-color: black }
/* basket.html */
th.basket_quantity { width: 15%; text-align: left; }
th.basket_name { width: 55%; text-align: left; }
th.basket_singleprice { width: 15%; text-align: right; }
th.basket_price { width: 15%; text-align: right; }

td.basket_quantity { width: 15%; text-align: left; }
td.basket_name { width: 55%; text-align: left; }
td.basket_singleprice { width: 15%; text-align: right; }
td.basket_price { width: 15%; text-align: right; }

td.basket_total { width: 15%; text-align: right; font-weight: bold }
td.basket_totalprice { width: 15%; text-align: right; font-weight: bold }

div.basket_recalculate { text-align: center; }
div.basket_action { text-align: center; font-size: 10pt; margin-top: 10px; }

div.order_submit { text-align: center }
*.addr_label { text-align: right; }
*.addr_label_failure { text-align: right; color: red }
*.addr_field { text-align: left; }

div.shop_category_list, div.shop_search_form, div.shop_popular_products, div.shop_random_products { width: 315px; border-style: solid; border-width: 1px; padding: 10px }
div.shop_category_list h4, div.shop_search_form h4, div.shop_popular_products h4, div.shop_random_products h4 { margin-top: 0px; margin-bottom: 5px; color: white }

div.shop_category_list    { float: left; }
div.shop_search_form      { float: right; }
div.shop_search_form table { width: 100% }
div.shop_popular_products { float: right; margin-top: 6px }
div.shop_popular_products div.entry { font-size: 10pt }
div.shop_random_products { float: right; margin-top: 6px }