html, body, div, ul, ol, li, h1, h2, h3, h4, h5, p, img, form { margin: 0; padding: 0; }
img { border: none; } ul { list-style: none; }
table, tr, th, td { margin: 0; padding: 0; border-collapse: collapse; border-spacing: 0; vertical-align: top; }
div.clear, div.c, span.c { clear: both; height: 1px; overflow: hidden; }
span.c { display: block; }
body.tilaus {background-color:#f8f8f8; text-align:center; font-family:Arial,sans-serif; font-size:14px;}


#container {width:740px; min-height:400px; text-align:left; margin:0 auto; margin-top:20px; margin-bottom:50px;border:1px solid #cccccc; background-color:#fff;}
#topcontainer {float:left;}
#bottomcontainer {float:left; margin-top:20px; margin-bottom:40px;}
#magcover {float:left;width:150px; padding:25px 0 0 25px;}
#magpuffi {float:left;width:520px; margin-top:45px; margin-left:20px;}
#magpuffi div.imgpuffi {width:520px;border-bottom:1px dotted #000;}
#magpuffi div.imgpuffi img {margin-bottom:10px;}
#magpuffi div.textpuffi {margin-top:10px;}
#arrow {position:relative; float:left; width:190px; height:200px; background: url(/images/tilaus/seiska_arrow.gif) no-repeat;}
#arrow div.txt {position:absolute; top: 45px; left: 33px; width: 95px; height: 110px; font-size:16px; }
#arrow div.txt table tr td {padding-left:5px; width:95px; height:110px; vertical-align:middle; font-weight:bold;}
#arrow div.txt table tr td span.yellow {background:#fff200;}
#listpuffi {float:left;width:530px;}
#listpuffi h2 {background:#d0071b; font-size:12px; color:#fff; font-weight:bold; padding:4px;}
#listpuffi table {width:100%;}
#listpuffi table tr.odd {background:#f2f2f2; border-bottom:1px dotted #000;}
#listpuffi table tr.even {background:#fff; border-bottom:1px dotted #000;}
#listpuffi table tr td.col1 {width:30px;font-size:11px; padding:5px 0 5px 0;}
#listpuffi table tr td.col2 {width:130px;font-size:11px; padding:5px 0 5px 0;}
#listpuffi table tr td.col3 {width:110px;font-size:11px; vertical-align:middle; text-align:center;}
#listpuffi table tr td.col3 div.price {text-decoration:line-through;}
#listpuffi table tr td.col4 {width:80px;font-size:14px; color:#303b36; font-weight:bold; vertical-align:middle; text-align:center;}
#listpuffi table tr td.col4 div.price {color:#e2001a; padding-bottom:8px; background: url(/images/tilaus/price_line.png) bottom center no-repeat;}

#listpuffi table tr td.col5 {width:120px;vertical-align:middle;}
#listpuffi table tr td.col5 img {border:0;}

table tr td.littlehead {padding: 10px 10px 0px 10px; font-size:12px; font-weight: bold;}
table tr td.littlelist {padding: 10px 20px 0px 10px; font-size:12px; vertical-align: top}
table tr td.littlelist ul {list-style-type: disc; margin:0 0 0 15; list-style-position:outside;}
table tr td.littlelist li {margin:0 0 5px 0;}