body { background-color: #f2f2f2; background-attachment: scroll; text-align: center; margin: 0; }
#core { left: auto; right: auto; width: 964px; height: 100%; margin-bottom: 24px; }
/*navi
*/
#header {
	background-color: #fff;
	width: 940px;
	height: 170px;
	padding: 0 12px;
}
#navi {
	background-color: #0074bb;
	text-align: left;
	width: 226px;
	height: 170px;
	overflow: hidden;
	float: right;
	margin-top: 0;
}
ul.navi_top { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 26px; width: 226px; margin: 24px 0 0; padding: 0; list-style-type: none; display: block; }
ul.navi_top li { margin: 0; padding: 0; border-top: 1px solid #d9d9d9; }
ul.navi_top li a { color: #fff; background-color: #0074bb; text-decoration: none; width: 206px; padding: 0 0 0 20px; display: block; text-shadow: #333 0px 1px 0px; }
ul.navi_top li a:hover { color: #424242; background-color: #d9d9d9; text-shadow: #fff 0px 1px 0px; }
ul.navi_top li a.current { color: #fff; background-color: #424242; text-shadow: #000 0px 1px 0px; }
#etusivu { text-align: left; height: 145px; float: left; margin-top: 5px; margin-left: -12px; display: block; }
/*content_main

*/
#content { background-color: #fff; text-align: left; width: 952px; overflow: auto; margin-top: 12px; padding: 12px 0 12px 12px; }
.content_top { width: 952px; overflow: auto; float: left; margin-bottom: 12px; }
.content_top h1 { color: #fff; font-size: 36px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 40px; text-align: left; }
.content_top h2 { color: #fff; font-size: 22px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 26px; text-align: left; }
.main_col img {  }
.main_col { background-color: #d9d9d9; background-image: url(../images/index_mainpic.jpg); position: relative; width: 702px; height: 365px; overflow: hidden; float: left; margin-right: 12px; }
.main_col_txt { color: #626262; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: absolute; top: 190px; left: 24px; width: 650px; }
.right_col { background-color: #212121; width: 226px; height: 365px; float: left; margin: 0; padding: 0; }
.column { background-color: #d9d9d9; text-align: left; width: 226px; height: 170px; float: left; margin-right: 12px; }
.column h2 { font-size: 1.5em; font-weight: bold; margin: 0.83em 0; }
.column img, .column_right img { margin-right: 5px; margin-bottom: -10px; }
.column h3, .column_right h3 { color: #fff; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; margin-top: 20px; margin-left: 12px; }
.column_center { text-align: left; float: left; margin-right: 12px; padding: 0; }
.column_right { text-align: left; width: 226px; height: 170px; float: left; }
.column a, .column_right a { color: #0074bb; text-decoration: none; text-shadow: #fff 0px 1px 0px; }
.column a:hover, .column_right a:hover { color: #212121; text-decoration: none; }
/*content_mallisto
*/
.main_col_model { background-color: #94d2ff; position: relative; width: 350px; height: 365px; float: left; }
.right_col_model { background-color: #212121; position: relative; width: 590px; height: 365px; overflow: hidden; float: left; margin: 0; padding: 0; }
.column_model { background-color: #d9d9d9; text-align: left; width: 464px; float: left; margin-right: 12px; }
.column_right_model { background-color: #d9d9d9; text-align: left; width: 464px; float: left; }
.column_model img, .column_right_model img {  }
.main_col_txt_model { color: #626262; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; position: absolute; top: 30px; left: 24px; width: 550px; text-shadow: #000 0px 1px 0px; }
.col_txt { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; width: 464px; height: 40px; text-shadow: #333 0px 1px 0px; }
.col_txt a { color: #fff; background-image: url(../images/nav_hover_back.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; text-decoration: none; width: 464px; height: 35px; padding-top: 5px; display: block; }
.col_txt a:hover { color: #424242; background-image: url(../images/nav_off_back.png); background-repeat: repeat-x; background-attachment: scroll; background-position: 0 top; text-shadow: #fff 0px 1px 0px; }
.col_txt span { font-size: 26px; vertical-align: -3px; }
.col_txt_right_top { color: #424242; font-size: 22px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; width: 202px; height: 118px; padding: 0; text-shadow: #fff 0px 1px 0px; }
.col_txt_right { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: center; width: 226px; height: 40px; text-shadow: #fff 0px 1px 0px; }
.col_txt_right a { color: #fff; background-color: #0074bb; text-decoration: none; width: 226px; height: 35px; padding-top: 5px; display: block; text-shadow: #333 0px 1px 0px; }
.col_txt_right a:hover { color: #424242; background-color: #94d2ff; text-decoration: none; padding-top: 5px; display: block; text-shadow: #fff 0px 1px 0px; }
.col_txt_right span { font-size: 26px; vertical-align: -3px; }
/*mallit*/
.nav_mallit { width: 952px; height: 52px; float: left; }
.nav_txt { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; text-align: center; width: 464px; height: 30px; float: left; margin-right: 12px; }
.nav_txt a { color: #fff; font-weight: normal; font-style: normal; background-image: url(../images/nav_hover_back.png); text-decoration: none; width: 464px; height: 30px; padding-top: 10px; display: block; text-shadow: #333 0px 1px 0px; }
.nav_txt a:hover { color: #333; font-weight: normal; font-style: normal; background-image: url(../images/nav_off_back.png); text-decoration: none; text-shadow: #fff 0px 1px 0px; }
.nav_txt_on { color: #fff; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; background: #424242 url(../images/nav_prod_on.png) repeat-x 0 bottom; text-align: center; width: 464px; height: 30px; float: left; margin-right: 12px; padding-top: 10px; text-shadow: #000 0px 1px 0px; }
.nav_txt_right { font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; text-align: center; float: left; }
.nav_txt_right a { color: #fff; background-color: #0074bb; text-decoration: none; width: 464px; height: 30px; padding-top: 10px; display: block; text-shadow: #333 0px 1px 0px; }
.nav_txt_right a:hover { color: #424242; background-color: #d9d9d9; text-decoration: none; text-shadow: #fff 0px 1px 0px; }
.mallit_pic { background-color: #212121; width: 940px; float: left; }
.mallit_pic_ala { background-color: #fcfcfc; text-align: center; width: 938px; float: left; margin-top: 12px; padding-top: 12px; padding-bottom: 12px; border: solid 1px #c1c1c1; }
.mallit_pic_ala img { background-color: #fff; margin-right: 3px; margin-left: 3px; padding: 5px; border: solid 1px #d9d9d9; }
.mallit_left_col { width: 464px; float: left; margin-right: 12px; padding-top: 24px; }
.mallit_left_col p, .mallit_right_col p { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; padding: 0 12px 0; }
.mallit_left_col ul, .mallit_right_col ul { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; }
.mallit_left_col h3, .mallit_right_col h3 { color: #424242; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: 26px; padding: 0 12px; }
.mallit_left_col a, .mallit_right_col a { color: #0074bb; text-decoration: none; }
.mallit_left_col a:hover, .mallit_right_col a:hover { color: #94d2ff; text-decoration: none; }
.mallit_right_col { width: 464px; float: left; padding: 24px 0 0; }
.colors { text-align: center; width: 462px; overflow: hidden; margin: 12px 0 0; padding: 12px 0; border: solid 1px #d9d9d9; }
.colors img { background-color: #d9d9d9; margin: 0 6px; padding: 4px; border: solid 1px #c1c1c1; }
/*asennus*/
.main_content_as { width: 702px; float: left; margin-right: 12px; }
.main_content_as_prod { margin-right: 12px; width: 940px; float: left; }
.vertical_col { width: 702px; float: left; padding: 0; }
.main_col_as { width: 464px; float: right; margin: 0 0 35px 0; padding: 0; }
.main_col_as span { color: #626262; font-size: 16px; font-weight: bold; background-image: url(../images/huom.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left top; height: 60px; padding: 12px 0 12px 60px; display: block; text-shadow: #f2f2f2 0px 1px 0px; }
.main_col_as img { vertical-align: middle; margin-right: 70px; }
.right_col_as { background-color: #212121; width: 226px; float: right; margin: 24px 0 0; padding: 0; }
.right_col_plus { background-image: url(../images/mallit/plus.png); background-repeat: no-repeat; background-attachment: scroll; background-position: 90px 0; width: 220px; }
.right_col_model { width: 590px; }
.right_col_as a { font-weight: normal; font-style: normal; text-decoration: none; }
.right_col_as h3 { color: #fcfcfc; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; background-color: #626262; margin: 0; padding: 5px 0 5px 5px; }.right_col_as p { color: #fcfcfc; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; padding-left: 5px; }
.right_col_as img { background-color: #fff; vertical-align: middle; margin-right: 5px; padding: 5px; }
.right_col_as_extra { background-color: #fff; width: 226px; height: 700px; float: right; margin: 0 12px 0 0; padding: 0; }
.right_col_nav { font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; width: 214px; margin: 1px 0; }
.right_col_nav a { color: #fff; background-color: #0074bb; text-decoration: none; width: 214px; padding: 5px 0 5px 12px; display: block; text-shadow: #333 0px 1px 0px; }
.right_col_nav a:hover { color: #424242; background-color: #d9d9d9; text-decoration: none; width: 214px; padding: 5px 0 5px 12px; display: block; text-shadow: #fff 0px 1px 0px; }
.left_col_as { width: 226px; float: left; margin: 0 12px 0 0; padding: 0; }
.left_col_as img { background-color: #fcfcfc; margin-top: 24px; padding: 4px; border: solid 1px #c1c1c1; }
.left_col_as a { color: #0074bb; text-decoration: none; }
.left_col_as a:hover { color: #424242; }
.left_col_as h3 { color: #424242; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: normal; margin: 0; padding: 24px 12px 0; }
.main_col_as h3 { color: #424242; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; margin: 0; padding: 24px 12px 0 0; }
.main_col_as h1, .left_col_as h1 { color: #424242; font-size: 30px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; margin: 24px 0 0; padding: 0 12px 0 0; }
.left_col_as p, .main_col_as p, .main_col_as ul { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; margin: 0; padding: 24px 12px 0 0; }
.main_col_as ul, .main_col_order ul { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; padding: 12px 12px 0; list-style-type: square; list-style-position: inside; }
#main_col_info { background-color: #fff; text-align: left; width: 952px; overflow: auto; margin-top: 12px; padding: 12px 0 12px 12px; }
.col_info { background-color: #fcfcfc; width: 702px; margin: 0; padding: 0 0 0 236px; border: solid 1px #c1c1c1; }
#main_col_info h3 { color: #424242; font-size: 18px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-style: normal; letter-spacing: 0.1em; }
#main_col_info ul { color: #424242; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; list-style-type: square; }
/*tilaus*/
.main_content_order { width: 940px; float: left; margin: 0 12px 0 0; }
.main_content_order a { color: #0074bb; text-decoration: none; }
.main_content_order a:hover { color: #424242; }
.main_col_order { font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 18px; width: 700px; float: left; margin: 0 0 35px 0; padding: 0; }
.vertical_col_order { width: 940px; float: left; padding: 0; }
.main_col_order h3 { color: #424242; font-size: 24px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; line-height: normal; margin: 0; padding: 24px 0 12px; }
table { font-size: 13px; line-height: 16px; }
td { height: 25px; padding-left: 5px; border-bottom: 1px solid #fff; }
table.price {  }
.price td { border-color: #fff #c1c1c1 #c1c1c1; border-style: solid; border-width: 1px; }
/*footer
*/
a:hover { }
#footer { background-color: #fff; background-position: 0 100px; text-align: center; width: 940px; height: 150px; margin-top: 12px; margin-bottom: 12px; padding: 12px; }
.footer_inside { background-color: #d9d9d9; background-image: url(../images/steelman_logo_footer.png); background-repeat: no-repeat; background-position: 25px 44px; height: 115px; padding-top: 35px; padding-left: 140px; }
.footer_inside span { font-size: 18px; width: 940px; }
.footer_inside_small { color: #333; font-size: 16px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin-top: -10px; text-shadow: #fff 0px 1px 0px; }
.footer_inside h3 { color: #333; font-size: 23px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; text-align: left; text-shadow: #fff 0px 1px 0px; }
.footer_inside a { color: #0074bb; text-decoration: none; }
.footer_inside a:hover { color: #424242; }
/*mix
*/
.copyright { color: #424242; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; font-style: normal; }
p {  }
td { }

