html, body { margin: 0 0 150px 0; padding: 0; }
form, div, h1, h2, p, input { margin: 0; padding: 0; }
img { float:left; border: none; margin-right: 0px;  }
body {  background: #d0d0d0 0px 0px repeat-x; color: black; }
body, input, textarea { font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; }
div.c { clear: both; height: 1px; overflow: hidden; }
a { color: #9b1d23; }

h1 { font-weight: bold; font-size: 24px; margin-top: 10px; margin-left: 21px; padding: 0; color: #db1c12; clear: left; }
h2 { font-weight: bold; font-size: 16px; padding-top: 10px; margin-left: 21px; color: #db1c12; clear: left; }

.picright { float: right; }

ul { list-style-image: url("/img/list_nub.gif"); list-style-type: square; list-style-position: outside; text-indent: 0px; padding: 10px; margin: 10px; padding-top: 5px; float: left; }

#container { float: left; padding: 0; width: 100%; background: #ffffff url(/img/metro_tausta.png) bottom center no-repeat;}
#headframe { position: relative; width: 100%; padding: 0;}
#logo { float: left; margin: 30px 0px 10px 40px;}
#logo2 { float: right; margin: 25px 50px 10px 0px;}
#ylanavi { position: relative; left: 0px; bottom: 0px; margin: 0 auto; width: 980px; height: 100px; }
#mainnavi { display: none; }
#content { position: relative; width: 935px; min-height: 550px; margin: 0 auto; padding-left: 0px; clear: both; }
#content .product { float: left; width: 225px; padding: 0 0 10px 10px; }
#content .product img { float: left; margin-right: 10px; }
#content .product h2 { font-weight: bold; font-size: 16px; margin-left: 11px; padding: 0; color: #db1c12; clear: left; text-decoration: none; }
#content .product p { padding-top: 10px; font-size: 11px;  margin-left: 11px; }

#content_left { display: none; }
#content_left_print { float: left; width: 520px; }
#content_left2 { float: left; width: 450px; margin-top: 15px; }
#content_left3 { display: none; }
#content_left3_print { float: left; width: 520px; margin-top: 10px; margin-left: 10px; }

#content_left4 { float: left; width: 670px; height: 560px; margin-top: 10px; padding-bottom: 120px; margin-left: 20px; padding-right: 160px; background: url(/img/peik.jpg) no-repeat 670px 220px;}
#content_left4 .prices { width: 100%; margin-bottom: 30px; }
#content_left4 .red, .empty { border-top: solid 1px #C0C0C0; border-left: solid 1px #C0C0C0; text-align: center; }
#content_left4 .red { font-weight: bold; color: red;}
#content_left4 .empty { background: #eeeeee; }
#content_left4 .lehti { border-top: solid 1px #C0C0C0; }

#content_left4 .green, .lila, .yellow, .blue { width: 80px; }
#content_left4 .asterix { text-align: right; }

#content_left5 { float: left; width: 670px; height: 1850px; margin-top: 10px; padding-bottom: 120px; margin-left: 20px; padding-right: 160px; background: url(/img/aineisto.jpg) no-repeat 600px 10px;}
#content_left5 h3 { float: left; padding-top: 0px; padding-left: 0px; margin: 0px; font-size: 14px; color: #db1c12; }

#content_right { float: left; width: 400px; padding-top: 20px; }
#content_right2 { float: left; width: 350px; margin-top: 30px; padding-left: 40px; border-left: 1px solid #C0C0C0; }
#content_right2 a.red { color: #db1c12; float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; text-decoration: ;}
#content_right2 a.red2 { color: #be204f; float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; }
#content_right2 a.blue { color: #0b4ea2; float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; }
#content_right2 a.lila { color: #9a3193; float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; }
#content_right2 a.pink { color: #ec008d; float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; }
#content_right2 a.black { color: #000000; float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; }

#content_right2 h2 { float: left; clear: left; font-weight: bold; font-size: 24px; margin: 0; padding: 0; }
#content_right2 img { float: left; clear: left; font-weight: bold; padding-top: 10px; }
#content_right2 p { float: left; clear: left; font-weight: bold; padding-top: 10px; width: 100%; font-size: 11px; }
#content_right3 { float: left; width: 350px; padding: 20px 0px 0px 15px; }
#content_right3 h2 { float: left; width: 280px; padding: 0px; margin: 0px; font-size: 24px; }
#content_right3 p { float: left; clear: left;  padding-top: 10px; width: 100%; }

#portfolio { float: right;  width: 400px; margin-top: 20px; }
#portfolio h3 { float: left; width: 380px; padding-top: 0px; padding-left: 10px; margin: 0px; font-size: 14px; color: #db1c12; }
#portfolio img { float: left; margin-left: 5px; }

#box_yellow, #box_blue, #box_red, #box_lila, #box_pink, #box_black { float: left; clear: left; font-weight: bold; margin-top: 10px; padding: 0px; font-size: 12px; background: #fef200; width: 100%; color: black; font-weight: normal; }
#box_yellow b, #box_blue b , #box_red b, #box_lila a, #box_pink a, #box_black b { font-weight: bold; color: #db1c12; font-size: 12px; }
#box_yellow a, #box_blue a , #box_red a, #box_lila a, #box_pink a, #box_black a { display: none; }

#bottomnavi { display: none; }
#bottomhead { display: none; }
#bottomflash { display: none; }

#bottomnavi2 { display: none; }
#bottomhead2 { display: none; }
#bottomflash2 { display: none; }

#bottombar { display: none; }
#copyright { display: none; }
#addthis { display: none; }
#sitebrowse { display: none; }
#buttons { display: none; }
.twtr-widget h3 { float: right !important; font-size:11px !important; font-weight:normal !important; margin: 0px !important; color: #000000 !important;  }
.twtr-widget .twtr-tweet-wrap { padding:15px !important; }
.twtr-hd h3 { padding-top: 12px !important;}

#contacts b { color: #db1c12; }



