@charset "UTF-8";
/* CSS Document */

body, td#sitePreview {
	font: 13px Arial, sans-serif;
	background:url(../images/bg.jpg) top center no-repeat #000;
	color:#fff;
}

/* * { margin: 0; padding: 0; }*/

/**	basic structure	**/

div#wrapper {
	width:985px;
	/*
	width:1010px;
	padding:0 25px 0 0;
	*/
	margin:25px auto;
	padding:0px;
	
}

div#header {
	clear:both;
	margin:0px;
}

#logo {
	float:left;
	display: block;
	width: 300px;
	height: 70px;
	background-color: transparent;
	background-image: url("../images/sht.png");
	_background-image: url("../images/sht.gif");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
}

/*
#logo:hover {
	background-position: 0px -70px;
}
*/

div#leftColumn {
	width:740px;
	float:left;
}

div#rightColumn {
	width:225px;
	float:right;
	margin:38px 0 20px 0;
}

div#pageImage {
	width:740px;
	height:350px;
	margin-bottom:20px;
	background:url(../images/bg_pageimage.jpg) right bottom no-repeat;
}

div#sliderHolder {
	width:740px;
	height:350px;
	margin-bottom:20px;
	background:url(../images/bg_slider.jpg) right bottom no-repeat;
}

div#sliderPora {
	position:absolute;
	z-index:999;
	display:block;
	width:740px;
	height:350px;
	/*
	opacity:0.5;*/
	background:url(../images/slider_pora.jpg) top left no-repeat #000;
	/*
	border:1px solid red;*/
}

div#content {
	background:url(../images/bg_grey.gif) top left repeat-x #181818;
	min-height:200px;
	padding:5px 15px 20px 15px;
	margin:0 0 20px 25px;

	/*_padding:0px;  IE6 hack */
}

div#content.withGallery {
	float:left;
	width:440px;
	_width:465px; /* IE6 hack */
	*margin-left:25px; /* IE7 and below hack */
	_margin-left:12px; /* IE6 hack */
}

div#gallery {
	float:right;
	width:225px;
	_width:200px;	/* IE6 hack */
	background:url(../images/bg_grey.gif) top left repeat-x #181818;
	text-align:center;
	padding:0 0 20px 0;
}

div#bgFrontpage {
	background:url(../images/bg_frontpage.png) bottom left no-repeat;
	*background:url(../images/bg_frontpage.gif) bottom left no-repeat;
	background-position: -10px bottom;
	min-height:200px;
	height:200px;
}

.inside {
	padding:0 40px 0 260px;
	
	margin:0px; !important
}

div#content.contentFrontpage {
	padding:0;
	
	_margin:0px; /* IE6 hack */
	_padding:0px; /* IE6 hack */
}


/**	basic structure eof	**/

/**	DROPDOWN MENU basic **/

div#mainMenu {
	float: right;	/*	menu align; left or right	*/
	margin:0px;
	padding:0px;
}

div#mainMenu ul {
	float:left;	/*	left or contents are mirrored	*/
	list-style-image: none;
	list-style-type: none;
	margin:0px;
	padding:0px;
	white-space: nowrap;
}

div#mainMenu li {
	position: relative;
}

div#mainMenu ul ul {
	list-style:none;
	list-style-position: outside;
	position: absolute;
	z-index: 10;
	margin:0px;
	padding:0px;
}

div#mainMenu ul ul,
div#mainMenu ul li:hover ul ul,
div#mainMenu ul ul li:hover ul ul {display: none;}

div#mainMenu ul li:hover ul,
div#mainMenu ul ul li:hover ul,
div#mainMenu ul ul ul li:hover ul {
	display: block;	!important
	background:#fff;
	padding:0px;
}

/**	DROPDOWN MENU basic eof	**/

/**	DROPDOWN MENU design	**/

div#mainMenu {
	font-size: 16px;
	font-family: 'Arial', sans-serif;
	padding:10px 0 0 0;
}

div#mainMenu ul li a.current_page {	/*	1st level current_page	*/
	color:#ffae00;
	background:url(../images/bg_menu.png);
	_background:url(../images/bg_menu.gif) top left repeat #332300;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div#mainMenu ul ul li a.current_page {	/*	submenu current_page	*/
	color:#000;
	background:#ffbd00;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul li.hasChildren a.current_page {	/*	submenu current_page hasChildren	*/
	background:url(../images/bg_submenu_has_children.gif) center right no-repeat #ffbd00;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul li.noChildren a.current_page {	/*	submenu current_page noChildren	*/
	background:#ffbd00;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul li a {	/*	1st level menuitems	*/
	color: #fff;
	display: block;
	padding: 6px 10px 4px 10px;
	text-decoration: none;
}

div#mainMenu ul ul li {	/*	2nd level and below menuitem */
	border-left:4px solid #ffae00;
}

div#mainMenu ul ul ul li {	/*	3nd level and below menuitem */
	left:-4px;
	border-left:4px solid #ffae00;
}

div#mainMenu ul li a:hover {	/*	1st level menuitems :hover	*/
	color:#fff;
	background:url(../images/bg_menu.png);
	_background:url(../images/bg_menu.gif) top left repeat #332300;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div#mainMenu ul li a.current_page:hover {	/*	1st level menuitems current_page :hover	*/
	color:#ffae00;
}

div#mainMenu ul ul li a.current_page:hover {	/*	submenu menuitems current_page :hover	*/
	color:#000;
}

div#mainMenu ul ul li a {	/*	submenu menuitems	*/
	color:#000;
	background:#fdd636;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	padding-right:30px;
}

div#mainMenu ul ul li a:hover {	/*	submenu menuitems :hover	*/
	color:#000;
	background:#ffbd00;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul li.hasChildren a {	/*	submenu menuitems hasChildren	*/
	background:url(../images/bg_submenu_has_children.gif) center right no-repeat #fdd636;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul li.hasChildren a:hover {	/*	submenu menuitems hasChildren :hover	*/
	background:url(../images/bg_submenu_has_children_hover.gif) center right no-repeat #ffbd00;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul ul li.noChildren a {	/*	submenu menuitems noChildren	*/
	background:#fdd636;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul ul li.noChildren a:hover {	/*	submenu menuitems noChildren :hover	*/
	background:#ffbd00;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}

div#mainMenu ul ul {
	font-size:12px;
}

div#mainMenu ul ul a {
	color:#000;
} 

div#mainMenu ul ul ul {
	margin-left: 0;
	position:absolute;
	top:0;
	left:100%;
}

/*
#lineFx {
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 100px;
	height: 30px;
	background:url(../images/bg_line_fx.png);
	_background:url(../images/bg_line_fx.gif) top left repeat #332300;	// IE6 hack //
	z-index:-1;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
*/

.current_page a {
	color: #ffae00 !important;
}

/**	DROPDOWN MENU desing eof	**/

/**	offices	**/

div#offices {
	background:url(../images/bg_grey.gif) top left repeat-x #181818;
	min-height:200px;
	padding:0px 0px 0px 15px;
	margin:0 0 0 25px;
}

div.officesImg {
	float:right;
	margin:0 0 10px 10px;
	*margin:0px; /* IE7 and below hack */
	border:2px solid #181818;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

div.officesImg:hover {
	border:2px solid #c33c0d;
}

div.officesImg.espooMap {
	background:url(../images/map_espoo.gif) top left no-repeat #181818;
}

div.officesImg.kuopioMap {
	background:url(../images/map_kuopio.gif) top left no-repeat #181818;
}

div#bgOffices {
	background:url(../images/bg_offices.png) bottom left no-repeat;
	_background:url(../images/bg_offices.gif) bottom left no-repeat; /* IE6 hack */
	background-position: -20px bottom;
	min-height:200px;
	height:200px;
	padding:0px;
}

.insideOffices {
	padding:0 15px 0 15px;
	
}

div#offices ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

div#offices ul li {
	width:205px;
	float:left;
	display:inline;
	padding:0 20px 0 0;
	
	margin:0px; !important
}

/**	offices eof	**/

/** nosto	**/

div.nosto {
	margin:0 0 21px 0;
	
	padding:0px; !important
}

div.nosto ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

div.nosto li {
	width:205px;
	float:left;
	display:inline;
	
	margin:0px; !important
	padding:0px; !important
}

div.nosto li a.nostoHeader:link, div.nosto li a.nostoHeader:visited, div.nosto li a.nostoHeader:hover, div.nosto li a.nostoHeader:active, div.nosto li a.nostoHeaderGrey:link, div.nosto li a.nostoHeaderGrey:visited, div.nosto li a.nostoHeaderGrey:hover, div.nosto li a.nostoHeaderGrey:active {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	
	margin:0px; !important
	padding:0px; !important
	
}

div.nosto li a.nostoHeader h3, div.nosto li a.nostoHeaderGrey h3 {
	font-size:20px;
	font-weight:normal;
	
	margin:0px; !important
	padding:0px; !important
}

div.nosto li a.nostoHeader:link, div.nosto li a.nostoHeader:visited {
	background:url(../images/bg_nosto_header.gif) top left no-repeat #ffe424;
}

div.nosto li a.nostoHeader:hover, div.nosto li a.nostoHeader:active {
	background:url(../images/bg_nosto_header_hover.gif) top left no-repeat #fff;
}

div.nosto li a.nostoHeaderGrey:link, div.nosto li a.nostoHeaderGrey:visited {
	background:url(../images/bg_grey_nosto_header.gif) top left no-repeat #ffe424;
	color:#c33c0d;
}

div.nosto li a.nostoHeaderGrey:hover, div.nosto li a.nostoHeaderGrey:active {
	background:url(../images/bg_nosto_header_hover.gif) top left no-repeat #fff;
	color:#c33c0d;
}

div.nosto li a:link, div.nosto li a:visited, div.nosto li a:hover, div.nosto li a:active {
	display:block;
	width:100%;
	min-height:35px;
	line-height:35px;
	padding:0 5px 0 15px;
	text-decoration:none;
}

div.nosto li a:link, div.nosto li a:visited {
	color:#000;
	background:url(../images/bg_nosto.gif) top left no-repeat #ffbe00;
}

div.nosto li a:hover, div.nosto li a:active {
	background:url(../images/bg_nosto_hover.gif) top left no-repeat #ffd400;
	color:#000;
}

/** nosto eof	**/

/** ajankohtaista	**/

div.ajankohtaista {
	margin:0px;
	background-color:#181818;
	min-height:100%;
	
	margin:0px; !important
	padding:0px; !important
}

div#ajankohtaistaIeFix {
	background-color:#181818;
	
	margin:0px; !important
	padding:0px; !important
}

div.ajankohtaista ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

div.ajankohtaista li {
	width:205px;
	float:left;
	display:inline;
	
	margin:0px; !important
	padding:0px; !important
}

div.ajankohtaista li a.nostoHeaderGrey:link, div.ajankohtaista li a.nostoHeaderGrey:visited, div.ajankohtaista li a.nostoHeaderGrey:hover, div.ajankohtaista li a.nostoHeaderGrey:active {
	display:block;
	width:100%;
	height:40px;
	line-height:40px;
	padding-right:20px;
	
}

div.ajankohtaista li a.nostoHeaderGrey h3 {
	font-size:20px;
	font-weight:normal;
	padding:0px 5px 5px 15px;
	
	margin:0px; !important
	padding:0px; !important
}

div.ajankohtaista li a.nostoHeaderGrey:link, div.ajankohtaista li a.nostoHeaderGrey:visited {
	background:url(../images/bg_grey_nosto_header.gif) top left no-repeat #181818;
	color:#c33c0d;
	text-decoration:none;
}

div.ajankohtaista li a.nostoHeaderGrey:hover, div.ajankohtaista li a.nostoHeaderGrey:active {
	background:url(../images/bg_nosto_header_hover.gif) top left no-repeat #fff;
	color:#c33c0d;
	text-decoration:none;
}

div.ajankohtaista p {
	
	margin:0px; !important
	padding:0px; !important
	
	
	display:block;
	line-height:16px;
	padding:5px 15px 15px 15px;
	color:#808080;
	
}

div.ajankohtaista a:link, div.ajankohtaista a:visited {
	color:#c33c0d;
	text-decoration:none;
}

div.ajankohtaista a:hover, div.ajankohtaista a:active {
	color:#c33c0d;
	text-decoration:underline;
}

/** ajankohtaista eof	**/

/** text formatting	**/

div#bgFrontpage h1, div#offices h2 {
	color:#c33c0d;
	font-size:20px;
	line-height:24px;
	padding:10px 0 20px 0;
	font-weight:normal;
	
	margin:0px; !important
}

div#content p, div#offices p {
	color:#fff;
	font-size:13px;
	line-height:18px;
	padding:5px 0 5px 0;
	
	margin:0px; !important
}

div#offices p {
	font-size:11px;
}

div#content h1.header {
	padding-bottom:20px;
	
	margin:0px; !important
}

div#gallery h2.header {
	color:#c33c0d;
	font-size:20px;
	line-height:24px;
	padding:10px 0 20px 0;
	font-weight:normal;
	
	margin:0px; !important
}

div#content h1, div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 {
	color:#c33c0d;
	font-weight:normal;
	
	margin:0px; !important
}

div#content ul {
	list-style:square;
	margin:10px 15px 10px 30px;
}

div#content a, div#offices a {
	color:#c33c0d;
}

div#content a:link, div#content a:visited, div#offices a:link, div#offices a:visited  {
	text-decoration:none;
}

div#content a:hover, div#content a:active, div#offices a:hover, div#offices a:active {
	text-decoration:underline;
}

div#offices p {
	font-size:12px;
	
	margin:0px; !important
}

div#bgOffices ul li {
	font-size:12px;
	
	margin:0px; !important
}

.grey {
	color:#808080;
}

/**	text formatting eof	**/

/**	basic formatting	**/

div.clearfix {
	clear:both;
}

hr {
	border:none;
	background:none;
	margin:10px 0 10px 0;
	border-bottom:1px solid #333;
}

/**	basic formatting eof	**/

/**	trademarks	**/

#trademarks {
	padding:20px 0 0 25px;
	height:70px;
}

#trademarks a {
	color:#000;
}

.logoDewalt, .logoMilwaukee, .logoRems, .logoRidgid, .logoAlto, .logoKemppi, .logoFlygt, .logoNocchi, .logoNovopress  {
	float:left;
	display: block;
	width: 120px;
	*width: 116px;	/* IE7 and below hack */
	height: 50px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	*background-position: -2px 0px;	/* IE7 and below hack */
	margin-bottom: 0px;
	margin-top: 0px;
	text-align: center;
}

.logoDewalt {
	background-image: url("../images/logo_dewalt.gif");
}

.logoMilwaukee {
	background-image: url("../images/logo_milwaukee.gif");
}

.logoRems {
	background-image: url("../images/logo_rems.gif");
}

.logoRidgid {
	background-image: url("../images/logo_ridgid.gif");
}

.logoAlto {
	background-image: url("../images/logo_alto.gif");
}

.logoKemppi {
	background-image: url("../images/logo_kemppi.gif");
}

.logoFlygt {
	background-image: url("../images/logo_flygt.gif");
}

.logoNocchi {
	background-image: url("../images/logo_nocchi.gif");
}

.logoNovopress {
	background-image: url("../images/logo_novopress.gif");
}

.logoDewalt:hover, .logoMilwaukee:hover, .logoRems:hover, .logoRidgid:hover, .logoAlto:hover, .logoKemppi:hover, .logoFlygt:hover, .logoNocchi:hover, .logoNovopress:hover {
	background-position: 0px -50px;
	*background-position: -2px -50px;	/* IE7 and below hack */
}

/** trademarks eof	**/

/**	footer	**/

#footer {
	margin:0px;
	padding:0px;

	background:#181818;
	padding:10px 15px 10px 15px;
	margin:0 0 0 25px;
	font-size:12px;
	
	
}

#footer p {
	margin:5px 0 5px 0;
}

div#footer a {
	color:#c33c0d;
}

div#footer a:link, div#footer a:visited  {
	text-decoration:none;
}

div#footer a:hover, div#footer a:active {
	text-decoration:underline;
}

/**	footer eof	**/

/**	ad kiivin kuittaus	**/

#kiivi {
	display: block;
	width: 50px;
	height: 27px;
	background-color: transparent;
	background-image: url(../images/ad_kiivi.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	margin-bottom: 20px;
	margin-top: 10px;
	text-align: center;
}

#kiivi:hover {
	background-position: -50px 0px;
}

/**	ad kiivin kuittaus eof	**/

/**	cms tweak	**/

#cms #sitePreview .nosto li, #cms #sitePreview .ajankohtaista li {
	padding-top: 0px;
}

#cms #sitePreview a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #c33c0d;
	font-size: 12px;
}

#cms #sitePreview .nosto a {
	color: #000;
}

#cms #sitePreview .nosto a.nostoHeaderGrey {
	color: #c33c0d;
}

#cms #sitePreview #mainMenu a {
	color: #fff;
	font-size:16px;
}


/**	cms tweak eof	**/