/*
Kotitehdas.fi 
XHTML / CSS Author: Harri Kilpiö, Ego Beta Ltd.
Visual Design Copyright 2008 Ego Beta Ltd.

If you have ideas/suggestions for improvement please send us email:
harri.kilpio@egobeta.fi
*/

/* =hx*/ 
#content-main h1,
#content-main h2,
#content-main h3 {font-family:Helvetica,Arial,sans-serif;font-size:16px;  padding-left:10px; font-weight: bold;}
#content-main h1 {letter-spacing:0; color:#333;margin-bottom:10px; font-size: 18px; background: transparent url('/assets/img/bg_h1_frontpage.png') no-repeat top left; height: 31px; margin-left: 40px; width: 333px; text-indent: -999em;}

/* =supplementary_info*/
body.home #supplementary_info {top:0;}
body.home #supplementary_info h3 {margin-bottom:7px;padding-left:10px;font-weight:bold;}

/* =branding */
body.home #branding { height: 120px;}

/* =main_tsr */
#main_tsr { position: relative; margin-left: 26px; height: 331px; width: 908px;}
#main_tsr ul { font-size: 11px; width: 197px; margin: 0; padding: 0; position: absolute; top: 0; right: 0; display: block;}
#main_tsr li { height: 82px; margin: 0 0 1px 0; padding: 0; background:transparent url("/assets/img/bg_maintsr_li.png") top left no-repeat; display: block; float: left; width: 100%;}
#main_tsr li:hover { background-position: 0 -92px;}
#main_tsr li.active { background-position: 0 -184px;}
#main_tsr li a { display: block; padding: 15px 30px; color: white;}
#main_tsr li.active a { color:#5b5647; }
#main_tsr li strong { color:#e4dec2; display: block; }
#main_tsr li:hover strong { color:#e4dec2; }
#main_tsr li.active strong { color:#333; }
#main_tsr #tsr_container { width: 720px; height: 331px; position: relative; }
#main_tsr #tsr_container img { position: absolute; left: 0; top: 0; width: 720px; height: 331px;}

/* =site-shortcuts*/
#site-shortcuts { position: relative; display: block; width:934px; clear: both; overflow: hidden; padding: 0; margin: 18px 12px 30px 13px; background: transparent url('/assets/img/bg_shortcuts.gif') no-repeat 13px 0;}
#site-shortcuts li {display: block; margin: 0 13px; float: left; width: 282px; position: relative;}
#site-shortcuts h2 { text-indent: -999em; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 170px; margin: 0; padding: 0;}
#site-shortcuts a { cursor: pointer; }
#site-shortcuts ul { margin: 0; margin-top: 185px; }
#site-shortcuts ul li { float: none; width: 100%; margin: 0; }
#site-shortcuts a.show-more { text-transform: uppercase; font-weight: bold; margin: 10px 8px; display: block;}

#site-shortcuts .shortcut-sites li { overflow: hidden; margin-bottom: 5px; padding: 0;}
#site-shortcuts .shortcut-sites img { display: block; float: left; margin-right: 9px; border: 2px solid white;}
#site-shortcuts .shortcut-sites dl { margin: 6px 0 0 0; width: 134px; padding: 0; display: block; float: left;}
#site-shortcuts .shortcut-sites dd { margin: 0 0 5px 0; padding: 0; display: block; float: left; font-size: 11px; }
#site-shortcuts .shortcut-sites dd.updated { border-bottom: 1px solid #d7cca9; width: 100%; }
#site-shortcuts .shortcut-sites dd.title { font-weight: bold;}
#site-shortcuts .shortcut-sites dd.designer { clear: left; }
#site-shortcuts .shortcut-sites dd.comments { margin-left: 3px; font-size: 12px;}
#site-shortcuts .shortcut-sites dd.comments a { padding-left: 19px; padding-top: 3px; background: transparent url('/assets/img/bg_icon_comments.gif') no-repeat top left; }

#site-shortcuts .shortcut-products { margin-right: 9px; width: 286px;}
#site-shortcuts .shortcut-products ul { overflow: hidden; }
#site-shortcuts .shortcut-products li { float: left; width: 135px; margin: 0 4px 4px 0; padding: 0; border: 2px solid white; }
#site-shortcuts .shortcut-products img { display: block; }

#site-shortcuts .shortcut-scrapbooks { width: 291px; }
#site-shortcuts .shortcut-scrapbooks img { display: block; border: 2px solid white; margin-bottom: 4px;}