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;}
body.asiakaspalvelu {background-color:#ffffff;  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-bottom:40px; width:740px;}
#magcover {float:left;width:150px; padding:25px 0 0 25px;}
#ehdotcover {float:left;width:160px; padding:25px 0 0 15px;}
#magpuffi {float:left;width:520px; margin-top:25px; 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 {float:left; width:190px; height:290px; }
#arrow div.txt {color:#D0071B; background: #F2F2F2; border:1px solid #cccccc; width:100px; margin:20px 40px 0 40px; text-align:center; vertical-align:middle; font-size:16px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
#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;}
#arrow div.txt a {color:#D0071B;text-decoration:none;}

#toppuffi {float:left;width:530px;}
#toppuffi {float:left;width:530px;}
#toppuffi h1 {background:#d0071b; font-size:18px; color:#fff; font-weight:bold; padding:5px;}
#toppuffi h2 {background:#d0071b; font-size:12px; color:#fff; font-weight:bold; padding:4px;}
#toppuffi table {width:100%; margin-top:15px; font-size:13px;}
#toppuffi table tr td {padding: 0 10px 0 10px;}
#toppuffi table tr td a {text-decoration:none; color:#d0071b;}

#ehdot {float:left;width:530px;}
#ehdot {float:left;width:530px;}
#ehdot h1 {background:#E7EAED; font-size:18px; color:#000; font-weight:bold; padding:5px;}
#ehdot h2 {background:#E7EAED; font-size:12px; color:#000; font-weight:bold; padding:4px;}
#ehdot table {width:100%; margin-top:15px; font-size:13px;}
#ehdot table tr td {padding: 0 10px 0 10px;}
#ehdot table tr td a {text-decoration:none; color:#d0071b;}

#listpuffi {float:left;width:530px;margin-bottom:20px;}
#listpuffi h1 {background:#d0071b; font-size:18px; color:#fff; font-weight:bold; padding:5px;}
#listpuffi h2 {background:#d0071b; font-size:12px; color:#fff; font-weight:bold; padding:4px; text-transform:uppercase;}
#listpuffi table {width:100%; font-size:13px;}
#listpuffi table tr td {padding: 0 10px 0 10px;}

#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 {font-size:11px; padding:5px 5px 5px 0;}
#listpuffi table tr td.col1 img {margin-left:15px;}
#listpuffi table tr td.col1 span {margin-left:10px;}
#listpuffi table tr td.col1 a {text-decoration:none; color:#000;}

div.basic-form { clear: both; margin-top: 20px; margin-bottom: 20px; border: 4px solid #ECECEC; padding: 10px; width:463px; }
div.basic-form h3 { display: block !important; font-size: 15px; margin-bottom: 10px; }
div.basic-form div.options, div.basic-form div.inputcont, div.basic-form div.fldcont { margin-bottom: 20px; }
div.basic-form div.checkboxcont { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.option { clear: both; margin-top: 2px; }
div.basic-form div.checkboxcont div.checkbox { float: left; width: 20px; }
div.basic-form div.checkboxcont label { float: right; width: 425px; }
div.basic-form div.fldcont label { display: block; }
div.basic-form div.fldcont input.text { width: 455px; }
div.basic-form textarea { width: 455px; height: 100px; }
div.basic-form div.submit { margin: 20px 0; }
div.basic-form p.marketing-note { margin: 0; font-size: 11px; text-align: justify; }

div.post-frm { margin: 0 10px 20px 10px; border: 1px solid #C3C3C3; padding: 10px; background: #F4F4F4; }
div.main-pad div.post-frm  { margin: 10px 0 20px; }
div.post-frm h2 { margin-bottom: 10px; }
div.post-frm h2 span.loggedin { display: none; }
div.post-frm label { display: block; margin-top: 10px; }
div.post-frm input.text, body.blog div.post-frm textarea { font-size: 12px; }
div.post-frm input.text { width: 400px; }
div.post-frm textarea { width: 400px; height: 70px; }
div.post-frm textarea.large { height: 250px; }
div.post-frm div.image { float: right; display: inline; padding: 10px 20px 0 0; }
div.post-frm div.buttons { margin-top: 10px; clear: both; }
div.post-frm div.errors { border: 1px dotted #d10600; padding: 10px; }
div.post-frm div.errors h4 { font-size: 12px; border-bottom: 1px dotted #d10600; margin-bottom: 5px; }
div.post-frm div.errors li { list-style: disc; margin-left: 20px; }


body.asiakaspalvelu #root {margin:0 auto; width:708px;}
body.asiakaspalvelu #top_container {float:left; width:708px; height:153px; background:#fff url(/images/asiakaspalvelu/aspal_head.gif) top center no-repeat;}
body.asiakaspalvelu #content_container {float:left; widht:708px;}
body.asiakaspalvelu #content_container div.magazine {position:relative; float:left; margin:2px; width:171px; height:286px; background:#fff url(/images/asiakaspalvelu/mag_background.gif) top center no-repeat;}
body.asiakaspalvelu #content_container div.magazine div.cover {width:160px; height:200px; margin-top:10px;margin-left:3px;}
body.asiakaspalvelu #content_container div.magazine div.cover img {text-align:center; margin-bottom:3px;}
body.asiakaspalvelu #content_container div.magazine div.cover span {text-align:center; font-size:16px; font-weight:bold;}
body.asiakaspalvelu #content_container div.magazine div.other {width:170px; height:50px; font-family:Georgia,Arial,Verdana,sans-serif; font-weight:bold;}
body.asiakaspalvelu #content_container div.magazine div.other img {text-align:center; margin-top:5px;}
body.asiakaspalvelu #content_container div.magazine div.other span {text-align:center; font-size:16px; font-weight:bold;}
body.asiakaspalvelu #content_container div.magazine div.aspalv {width:170px; height:17px; padding-top:6px;}
body.asiakaspalvelu #content_container div.magazine div.aspalv a {font-family:Georgia,Arial,Verdana,sans-serif; text-decoration:none; color:#000; font-size:12px; background:url(/images/gif/nuoli.gif) 0px 5px no-repeat;}
body.asiakaspalvelu #content_container div.magazine div.aspalv a span {margin-left:13px;}
body.asiakaspalvelu #bottom_container {float:left; width:708px; height:62px; background:#fff url(/images/asiakaspalvelu/aspal_foot.gif) top center no-repeat;}