/* --- body stuff --- */
* { padding: 0; margin: 0; }
html,body{ height: 100%; margin:0; }
body { margin: 5px 0; background: #fff; font-family: Arial, Trebuchet ms, Verdana, Helvetica, sans-serif; font-size: 16px; color: #333; text-align: center; }
/* body { background: #fff url('xmas.jpg'); } */
a { text-decoration: none; color: #900; }
a:hover, a:active { color: #000; text-decoration: underline; }
a img { border: 1px solid #ccc; text-decoration: none; }
a:hover img { border: 1px solid #cf0; }

p { margin: 4px; }
input, textarea { padding: 1px; }
h1 { margin: 16px 0 6px 0; font-size: 130%; }
strike { padding-right: 4px; }

#out { width: 976px; text-align: left; margin: 0 auto; background: #fff; }

.small { font-weight: normal; font-family: Verdana, Arial, sans-serif; font-size: 10px; }

/* --- head content --- */
#top { width: 100%; }
#top h1 { margin: 0; margin-top: 10px; width: 250px; float: left; background: url("./logo.gif") center left no-repeat; }
#top h1 a { display: block; width: 250px; height: 60px; }
#top h1 a span { display: none; }
#bp { float: left; margin-left: 120px; }
#bp, #bp a { width: 70px; height: 70px; }
#bp a img { border: 0; }

#cart, #user, #login { padding: 0 5px; background: #fafafa; border: 1px solid #eee; margin-bottom: 5px; width: 140px; float: right; font-weight: normal; font-family: Verdana, Arial, sans-serif; font-size: 10px; }
#user { width: 210px; border-left: 1px solid #930; padding-left: 10px; }
#login input { width: 130px; font-size: 10px; }

/* --- bread crumbs --- */
#crumb { clear: both; margin: 5px 0; padding-left: 10px; border: 1px solid #FDFAF2; border-width: 2px 0;}

/* --- main content --- */
#content { height: 1%; width: 100%; line-height: 1.25em; }
#content .box { margin: 0; margin-bottom: 10px; padding: 0; font-size: 12px; }

.box h2 { margin: 5px 0 5px 5px; font-size: 14px; }
#col1 #m_cats { font-size: 13px; }
.box ul, .box ol { margin: 10px 2px; margin-top: 4px; padding: 0; list-style-type: none; }
.box li { margin: 3px 6px; }
.box ol li { margin-left: 22px; list-style-type: decimal; }
.box ul li ul { font-size: 11px; }
#col1 #m_cats ul li { margin: 3px 10px; list-style-image: none; }
ul.subcats { background: #FBF3E1; border: 1px solid #F0D9AC; }

.p_item, .l_item { clear: both; text-align: center; padding: 0; margin: 0; }
.p_item img { margin-bottom: 5px; }
.p_item a { background: #FFFBEA; display: block; margin: 0 4px 8px; border: 1px dashed #FEDA9C; width: 146px; float: left; text-decoration: none; }
.p_item a:hover { border-style: solid; }
.p_item .item_neu { position: absolute; z-index: 2; background: url("./neu.gif") no-repeat; width: 60px; height: 60px; margin-bottom: 60px; }
.p_item .item_neu_en { position: absolute; z-index: 2; background: url("./neu_en.gif") no-repeat; width: 60px; height: 60px; margin-bottom: 60px; }
.p_item .item_down { position: absolute; z-index: 5; background: url("./downer.gif") no-repeat; width: 80px; height: 80px; margin-left: 64px; margin-top: 4px;  }

.price { color: #222; font-size: 13px; font-weight: bold; }
.p_item a strike { font-weight: bold;  }

.item { margin: 0 0 5px 0; border: 1px solid #eaeaea; background: #fafafa; padding: 5px; float: left; width: 45%; text-align: center; margin-left: 5px; }
.item h3 { margin: 3px; font-size: 100%; }
.item_txt { border: 1px solid #ddd; background: #fff; padding: 5px; }

.item_tb { width: 100%; height: 100%; }
.item_tb td { vertical-align: top; background: #FFFBEA; padding: 5px; width: 25%; border: 1px dashed #FEDA9C; text-align: center; }
.item_tb td .item_neu { position: absolute; z-index: 2; background: url("./neu.gif") no-repeat; width: 60px; height: 60px; margin-bottom: 60px; }
.item_tb td .item_neu_en { position: absolute; z-index: 2; background: url("./neu_en.gif") no-repeat; width: 60px; height: 60px; margin-bottom: 60px; }

.item_tb2 { width: 100%; height: 100%; }
.item_tb2 td { vertical-align: top; background: #FFFBEA; padding: 5px; width: 50%; border: 1px dashed #FEDA9C; text-align: center; }
.item_tb2 td .item_neu { position: absolute; z-index: 2; background: url("./neu.gif") no-repeat; width: 60px; height: 60px; margin-bottom: 60px; }
.item_tb2 td .item_neu_en { position: absolute; z-index: 2; background: url("./neu_en.gif") no-repeat; width: 60px; height: 60px; margin-bottom: 60px; }

.titem { width: 100%; height: 100%; }
.titem td { padding: 0; border: 0; }

/* --- item.php --- */
#item { margin: 0 0 5px 0; border: 1px solid #eaeaea; background: #fafafa; padding: 5px; }
#item h3 { margin: 3px; font-size: 100%; }
#item_txt { border: 1px solid #ddd; background: #fff; padding: 5px; }

/* --- column 1 --- */
#col1 { float: left; width: 170px; border-top: 10px solid #c63; }
#col1 .box { border: 1px solid #F0D9AC; background-color: #FBF3E1; }
#col1 #m_cats { background: #F9EACA; }

/* --- column 2 --- */
#col2 { float: left; width: 620px; margin: 0 0 0 10px; border-top: 10px solid #c90; }

/* --- column 3/4 --- */
#col4 { float: right; width: 165px; margin: 0; padding: 0; border-top: 10px solid #c63; }
#col4 .box { border: 1px solid #F0D9AC; background-color: #FBF3E1; }

.p_show form { margin: 10px 0; }
.p_show select { font-size: 11px; width: 140px; margin: 0 5px; }
.p_show select option { padding-left: 5px; }
.p_show input { font-size: 11px; margin: 0 5px; }

#edt, #edt input { font-size: 12px; }
#edt { margin-bottom: 10px; }
.edt, .edt input { font-size: 12px; }
.edt { margin-bottom: 10px; }

.search_side { border: 1px solid #bbb; padding: 4px; margin: 5px; border-width: 1px 0; }
.search_side a img { border: 0; }

#foot { margin: 0; border: 1px solid #ddd; border-width: 1px 0; background: #efefef; font-size: 10px; text-align: center; }

.cart { background: #fafafa; border: 1px solid #eee; padding: 4px; }

.faq { background: #fafafa; border: 1px solid #eee; }
.faq li { margin: 10px 5px; }

ul.small li { margin: 5px; }
ul.small img { vertical-align: -20%; }

#topf { border-top: 1px solid #eee; background: #fafafa; font-size: 12px; text-align: center; margin: 10px 0 0 0; padding: 4px 0; }
#topf p { padding: 3px 0; }
#topf a { padding: 0 2em; text-decoration: none; font-weight: bold; }

.new_cats a { background: #fcfcfc; border: 1px solid #ccc; padding: 2px 4px; margin: 1px; }

.blog { margin-bottom: 8px; }
.blog h3 { font-size: 13px; margin-left: 13px; }
.blog .more { font-size: 11px; text-decoration: none; }
.blog a:hover img { border: 0 none; }

.item_form { float: right; width: 250px; text-align: center; margin: 15px; padding: 10px; border: 1px solid #999; background: #f9ffff; }

.release { margin: 10px 5px; border: 1px solid #eec; border-width: 2px 0; padding: 5px;  }
.release h3 { font-size: 15px; margin: 0 0 4px 0; }

#order_line ul { margin: 0; padding: 0; text-align: center; }
#order_line ul li { margin: 0; padding: 3px; display: inline; }
#order_line ul li.active { background: #c90; padding: 2px 6px; color: white; }