@charset "utf-8";
@import url("reset.css");
@import url("class.css");
/*
	Puukaihdin Pukkila Oy site default styles
	Author: Blowback web-design 2010
*/

html  { height:100%; }
body {
	font:14px/130% Arial, Verdana, Tahoma, sans-serif;
	color:#222;
	height:100%;
	background:#f8fcc9 url('../img/tausta_body.jpg') repeat-x;
}

/*	Main Wrappers
	....................................	*/
#page {
	position:relative;
	width:800px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto -28px;
}

#header {
	position:relative;
	width:100%;
	height:270px;
}

#top {
	width:100%;
	height:220px;
	text-indent:-9999px;
	background:#ae3115 url('../img/top_t.jpg') no-repeat;
}

#navi 						{ width:100%; height:25px; text-align:center; position:relative; }
#footer, #footerPush 		{ clear:both; width:100%; height:28px; }
#footer 					{ line-height:28px; background:#cfab59; position:relative; }

/*	Content Wrappers	*/
.wrapper					{ float:left; width:100%; }

#content					{ position:relative; margin-bottom:15px; }
#sidebar					{ float:left; margin:15px 0; }
#content .inner				{ padding:0 50px; overflow:hidden; }
#sidebar .inner				{ padding:0 50px; overflow:hidden; }

#tuotteet #content			{ margin-right:350px; }
#tuotteet #sidebar			{ width:350px; margin-left:-350px; }
#tuotteet #content .inner	{ padding-right:0; }
#tuotteet #sidebar .inner	{ padding-left:35px; margin-left:34px; border-left:1px solid #cfab59; }

#yhteys #content			{ margin-right:460px; }
#yhteys #sidebar			{ width:460px; margin-left:-460px; margin-top:39px; }
#yhteys #content .inner		{ padding-right:0; }
#yhteys #sidebar .inner		{ padding-left:44px; margin-left:0; border-left:1px solid #cfab59; }


/*	Content
	....................................	*/
#page h1, #page h2			{ color:#790f0f; text-transform:uppercase; letter-spacing:.025em; }
#page h1					{ font-size:19px; line-height:130%; }
#page h2					{ font-size:17px; line-height:130%; }
#page h3					{ font-weight:bolder; margin-bottom:2px; }
#page table					{ width:100%; }

#content h1	span			{ padding-bottom:5px; border-bottom:1px solid #cfab59; }

#page a						{ color:#790f0f; }
#page a:hover				{ color:#ae3115; text-decoration:none; }

#page h1,
#page h2,
#page p,
#page table,
#content ul, #content ol 	{ margin-bottom:12px; }

#content ul li ul,
#content ul li ol,
#content ol li ol,
#content ol li ul			{ margin-bottom:1px; }

#content ul,
#content ol					{ margin-left:2em; }
#content ol					{ list-style:decimal; }
#content ul					{ list-style:disc; }
#content ul li ul,
#content ol li ul			{ list-style:circle; }

#content .FB_like			{ padding-top:5px; clear:both; }

/*	Etusivu	*/
#etusivu div.top			{ margin-bottom:18px; }
#etusivu div.bottom			{ margin-top:18px; }
#etusivu .FB_like_box		{  }
#etusivu .FB_like			{  }

/*	Toimittajat sivu	*/
#content ul.toimittaja		{ float:left; width:41%; margin-top:7px; margin-left:0; list-style:none; }
#content div.toimittaja		{ float:right; width:53%; margin-top:-30px; text-align:center; }
#content ul.toimittaja li	{ margin:0 0 7px 15px; padding-left:20px; background:url('../img/luettelomerkki.jpg') 1px 6px no-repeat; }
#content ul.toimittaja li a	{ font-size:16px; text-decoration:none; }
#content div.toimittaja	img	{ margin:0 0 10px 10px; }

/*	Yhteystiedot	*/
#yhteys #minimap			{ padding-top:10px; }
#yhteys .FB_like_box		{  }


/*	Navigation
	....................................	*/
#navi ul					{ position:absolute; left:18%; letter-spacing:.175em; font-size:11px; font-weight:bolder; line-height:24px; }
#navi ul li					{ float:left; }
#navi ul li a				{ color:#fae4b6; text-decoration:none; display:block; margin-right:7px; padding-right:7px; background:url('../img/nav_separator.gif') 100% 50% no-repeat; }
#navi ul li a:hover			{ color:#be910b; }
#navi ul li.last a			{ background:none; }

#navi ul li.active			{  }
#navi ul li.active a		{ color:#be910b; }

#tuotteet #sidebar ul				{ line-height:100%; }
#tuotteet #sidebar ul li			{ background:#e5c16f; text-transform:uppercase; font-size:16px; }
#tuotteet #sidebar ul li ul li		{ background:#f8fcc9; text-transform:none; font-size:14px; }
#tuotteet #sidebar ul li a			{ text-decoration:none; color:#333; line-height:175%; padding-left:7px; }
#tuotteet #sidebar ul li ul li a	{ color:#790f0f; line-height:115%; }
#tuotteet #sidebar .last			{ margin-bottom:3px; }
#tuotteet #sidebar a:hover			{ color:#ae3115; }

/*	Tuotesivujen alatable	*/
#content table.bottom			{ margin:0; }
#content table.bottom td		{ vertical-align:top; padding-top:10px; }
#content table.bottom .buttons	{ width:300px; padding-top:23px; }
#content table.bottom h3		{ color:#333; padding-bottom:3px; border-bottom:1px solid #cfab59; }
#content td.related ul,
#content td.categories ul		{ margin:0; line-height:125%; list-style:none;  }
#content td.related ul li a,
#content td.categories ul li a	{ text-decoration:none; }



/*	Contact forms
	....................................	*/
#page fieldset		{ width:100%; margin-bottom:13px; }
#page form table td	{ width:50%; padding-bottom:2px; }
#page form em		{ color:red; }

#page input,
#page textarea		{ float:left; margin:0 7px 2px 0; padding:2px; font-size:15px; font-family:sans-serif; }

#page .text			{ width:180px; }
#page .text.sml		{ width:82px; }
#page textarea		{ width:260px; }
#page .checkbox		{ margin-top:2px; margin-left:3px; }
#page .button		{ padding:.2em .65em; cursor:pointer; }

#page .errors		{ background:#fff; border:1px solid #cfab59; padding:10px; margin-bottom:12px; text-align:center; }
label.required		{ color:red; }


	
/*	Footer
	....................................	*/
#footer .inner	{ 
	text-align:center;
	color:#790f0f;
	font-size:12px;
	font-weight:bolder;
}

#footer .inner li	{ display:inline; }
#footer a 			{ color:#790f0f; text-decoration:none; }
#footer a:hover		{ text-decoration:underline; }

#footer .inner li:after			{ content:"|"; margin:0 4px; }
#footer .inner li.email:after	{ content:""; margin:0; }
#bb,
#footer .inner li.yritys,
#footer .inner li.toimialue		{ display:none; }