/* @override 
	http://kakkukeisari.fi/2009/assets/css/style.css
	http://www.kakkukeisari.fi/assets/css/style.css
*/

/* -----------------------------------------------------------

	Project:		Kakkukeisari
	Version:		1.0
	Created:		16/10/09
	Modified:
	
		[Table of contents]
		1. Reset
		2. Typography
			2.1	Headings
			2.2	Text elements
			2.3	Lists
			2.4	Tables
			2.5	Forms
		3. Structure
			3.1	Header
			3.2	Navigation
			3.3	Content
			3.4	Footer
		4. Clear floats
	

/* -----------------------------------------------------------

	Reset
	
----------------------------------------------------------- */
img, div, input, a { behavior: url("./iepngfix.htc") }
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	outline: 0 !Important;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table 			{ border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th 	{ vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }


/* -----------------------------------------------------------

	Typography
	
----------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
body { 
	font-size: 75%;
	color: #000;
	line-height: 1.5;
	font-family: "Georgia", times new roman, sans-serif;
	*margin-bottom: 20px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; font-family: "Georgia", times new roman, sans-serif; }

h1 { font-size: 1.16em; line-height: 1; margin-bottom: 0.5em; text-transform: uppercase; letter-spacing: 0.5em;}
h2 { font-size: 1em; margin-bottom: 0.75em; text-transform: uppercase; letter-spacing: 0.5em;}
h3 { font-size: 1.16em; line-height: 1; xmargin-bottom: 1em; text-transform: uppercase;}
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover{ color: #566d24; }
a           { color: #566d24; text-decoration: none; font-style: italic; outline: 0 !Important;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: none; }
ol          { list-style-type: none; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; background: #C3D9FF; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Forms
-------------------------------------------------------------- */

label { font-weight: normal; }

fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { border:1px solid #bbb; background:#f6f6f6; padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }
input{font-family: "Georgia", times new roman, sans-serif; text-indent: 2px;}

textarea            { text-align: left; float: left; display: inline; width: 200px; height: 100px; margin:0.5em 0.5em 0.5em 0; font-family: "Georgia", times new roman, sans-serif; font-size: 1em;}
textarea            { background: #f9f6ed; padding:5px; border: none;}
textarea:focus      { background:#f9f6ed; }

select              { border:1px solid #ccc; background:#f6f6f6; width:200px; }
select:focus        { border:1px solid #999; background:#fff; }


/* -----------------------------------------------------------

	Structure
	
----------------------------------------------------------- */

body {
	background: #fff url(../img/bg.gif) repeat-x 0 0;
	text-align: center; /*ie hack for centered layout. if not centered, remove this line and the next hack in wrapper*/
}

#page {
	margin: auto;
	background: transparent;
	padding-top: 15px;
	width: 950px; /*fill in the width of the page*/
	text-align: left; /*for previous ie hack*/
}


/* Header
-------------------------------------------------------------- */

#header{
	xmargin-top: -20px;
	xfloat: right;
	xdisplay: inline;
	xwidth: 165px;
	xheight: 24px;
	xbackground: red;
	text-align: right;
	padding-bottom: 10px;
	overflow: hidden;
}
#header iframe {
	float: right;
}
.facebook {
	float: right;
	display: inline-block;
	width: 57px;
	height: 21px;
	background: transparent url(../img/facebook.png) no-repeat 0 0;
}

#ajankohtaista {
	margin-top: 15px;
	margin-left: 378px;
	position: absolute;
	display: inline;
	width: 273px;
	height: 202px;
	background: transparent url(../img/ajankohtaista.png) no-repeat 0 0;
	
}

#ajankohtaista h1 {
	color: #566d24;
	text-align: center;
	margin-left: 3px;
	margin-top: 40px;
	padding-bottom: 20px;
	margin-bottom: 0;
	letter-spacing: 0.25em;
	background: transparent url(../img/alabox-border.gif) no-repeat 60px bottom;
}

#ajankohtaista p {
	font-size: 1.05em;
	width: 200px;
	float: left;
	display: inline;
	text-align: center;
	margin-left: 37px;
	margin-top: -15px;
	*margin-top: -25px;
}

.language{
	float: right;
	display: inline;
	color: #b0bd92;
}

.language span{
	padding-left: 5px;
	color: #000;
	font-style: italic;
}

.language a.selected{
	color: #b0bd92 !Important;
}

/* Navigation
-------------------------------------------------------------- */
#sidebar{
	float: left;
	display: inline;
	width: 290px;
	margin-left: 25px;
	text-align: center;
	position: relative;
}

#navi{
	float: left;
	display: inline;
	width: 290px;
	min-height: 190px;
	height: auto !Important;
	height: 190px;
	padding: 175px 0 15px 0px;
	background: transparent url(../img/navi-bg.png) no-repeat 0 0;
	_background: transparent url(../img/navi-bg.gif) no-repeat 0 0;
}

#navi a{
	display: block;
	clear:both;
	width: 100%;
	padding: 0 0px 0px 0px;
	text-transform: uppercase;
	font-style: normal;
	line-height: 2.3em;
	letter-spacing: 0.2em;
	color: #000;
	outline: 0 !Important;
}

#navi a:hover, #navi a.selected{
	color: #000;
	background: transparent url(../img/navi.gif) no-repeat center center;
}

a#home, a#home:hover{
	width: 180px !Important;
	height: 140px !Important;	
	position: absolute;
	top: 15px;
	left: 55px;
	text-indent: -9000px;
	background: none;
}

#alabox-etusivu{
	clear: both;
	width: 245px;
	*margin-top: 10px;
	min-height: 272px;
	height: auto !important;
	*height:272px;
	height:272px;
	padding: 95px 20px 0px 20px;
	*padding: 95px 20px 44px 20px;
	background: url(../img/etusivu-ala.png) no-repeat 2px 0px;
}

#alabox-etusivu h2{
	xfloat: left;
	display: block;
	clear: both;
	width:212px;
	*width:240px;
	text-align: center;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 1.16em;
	*font-size: 1.0em;
	_font-size: 1.0em;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	padding-bottom: 20px;
	background: transparent url(../img/alabox-border.gif) no-repeat bottom center;
}

#alabox-etusivu p, #alabox p{
	font-style: italic;
	margin-bottom: 0;
}

#alabox-etusivu h3, #alabox h3{
	width: 100%;
	font-style: italic;
	color: #566d24;
	font-size: 1.16em;
	text-transform: none;
}

.navi-info{
	xfloat: left;
	xdisplay: block;
	clear: both;
	width:250px;
	overflow: hidden;
	padding-left: 0px;
	padding-top: 10px;	
}

.navi-info h3 a span{
	font-size: 0.8em;
}

.navi-info h3 a{
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 0.2em !Important;
}

#ajankohtaista-uutiset-top {
	float: left;
	display: inline;
	margin-top: 10px;
	width: 240px;
	padding: 20px 20px 0px 25px;
	background: transparent url(../img/ajankohtaista-top-bg.png) no-repeat 13px 0;
}

#ajankohtaista-uutiset {
	float: left;
	display: inline;
	width: 240px;
	min-height: 170px;
	height: auto !Important;
	height: 170px;
	text-align: left;
	*margin-top: -5px;
	padding: 0px 20px 0px 25px;
	background: transparent url(../img/konsulentit.png) repeat-y 13px 0;
}

#ajankohtaista-uutiset-bottom {
	float: left;
	display: inline;
	width: 240px;
	height: 20px;
	padding: 20px 20px 0px 25px;
	background: transparent url(../img/ajankohtaista-bottom-bg.png) no-repeat 13px 0;
}

#ajankohtaista-uutiset p{
	text-align: center;
	padding: 0px 10px 25px 10px;
	margin-bottom: 15px;
	background: transparent url(../img/alabox-border.gif) no-repeat bottom center;
}

#ajankohtaista-uutiset p span{
	float: left;
	display: inline;
	text-align: left;
	width: 60px;
	color: #566d24;
}

#ajankohtaista-uutiset h2{
	xcolor: #566d24;
	text-align: center;
	padding-top: 20px;
	text-align: center;
	margin-bottom: 1em;
	font-size: 1.2em;
	letter-spacing: 0.3em;
}

#ajankohtaista-uutiset p.center{
	text-align: center;
}

#konsulentit-uutiset-yla{
	float: left;
	display: inline;
	margin-top: 10px;
	width: 240px;
	padding: 20px 20px 0px 25px;
	background: transparent url(../img/konsulentit-yla-bg.png) no-repeat 13px 0;
}

#konsulentit{
	float: left;
	display: inline;
	width: 240px;
	min-height: 170px;
	height: auto !Important;
	height: 170px;
	text-align: left;
	*margin-top: -5px;
	padding: 0px 20px 25px 25px;
	background: transparent url(../img/konsulentit.png) repeat-y 13px 0;
}

#konsulentit-ala{
	float: left;
	display: inline;
	width: 240px;
	height: 20px;
	padding: 20px 20px 0px 25px;
	background: transparent url(../img/konsulentit-ala-bg.png) no-repeat 13px 0;
}

#konsulentit p{
	padding-left: 10px;
	margin-bottom: 0.5em;
}

#konsulentit p span{
	float: left;
	display: inline;
	text-align: left;
	width: 60px;
	color: #566d24;
}

#konsulentit h2{
	padding-top: 20px;
	text-align: center;
	margin-bottom: 01em;
}

#konsulentit p.center{
	text-align: center;
}

/* Content
-------------------------------------------------------------- */

#container{
	xfloat: left;
	xdisplay: inline;
	overflow: hidden;
	width: 950px;
}

.content{
	float: left;
	display: inline;
	width: 950px;
	margin-bottom: 10px;
	
}

#etusivu{
	background: transparent url(../img/etusivu2-bg.jpg) no-repeat 0 0;
}

#etusivu2{
	background: transparent url(../img/etusivu3-bg.jpg) no-repeat 0 0;
}

#etusivu3{
	background: transparent url(../img/etusivu4-bg.jpg) no-repeat 0 0;
}

#etusivu4{
	background: transparent url(../img/etusivu5-bg.jpg) no-repeat 0 0;
}

#tuotteet{
	background: #fff url(../img/tuotteet-bg.jpg) no-repeat 0 0;
}

#tuote{
	background: #fff url(../img/tuotteet-ala3-bg.jpg) no-repeat 0 0;
}

#myyntipisteet{
	background: #fff url(../img/myyntipisteet-bg.jpg) no-repeat 0 0;
}

#ullanlinna{
	background: #fff url(../img/ullanlinna-bg.jpg) no-repeat 0 0;
}

#toolo{
	background: #fff url(../img/toolo-bg.jpg) no-repeat 0 0;
}

#ota-yhteytta{
	background: #fff url(../img/otayhteytta-bg.jpg) no-repeat 0 0;
}

#klubi{
	background: #fff url(../img/klubi-bg.jpg) no-repeat 0 0;
}

#kiitos{
	background: #fff url(../img/kiitos-bg.jpg) no-repeat 0 0;
}

#yritys{
	background: #fff url(../img/yritys-bg.jpg) no-repeat 0 0;
}

#uutiset{
	background: #fff url(../img/uutiset-bg.jpg) no-repeat 0 0;
}

.content-box-etusivu{
	margin-top: 235px;
	margin-left: 13px;
	float: left;
	display: inline;
	background: #fff;
	width: 373px;
	xmin-height: 270px;
	padding-bottom: 10px;
	xheight: auto !important;
	height: 470px;
	border: 1px solid #e5dfdb;	
}

.content-box-area{
	float: left;
	display: inline;
	width: 322px;
	min-height: 428px;
	xheight: auto !important;
	height: 428px;
	padding: 10px;
	margin: 15px 0 0 15px;
	border: 1px solid #e5dfdb;
	overflow: hidden;	
}

.contentarea{
	float: left;
	width: 570px;
	_width: 560px;
	padding: 30px 20px 0 20px;
	margin: 280px 0px 10px 10px;
	*margin: 280px 0px 20px 10px;
	border: 1px solid #e5dfdb;
	text-align: center;
	overflow: hidden;
	position: relative;
}

.contentarea h2{
	text-transform: uppercase;
	letter-spacing: 0;
}

.contentarea h1{
	text-align: center;
	padding-bottom: 18px;
	margin-bottom: 20px;
	clear: both;
	background: transparent url(../img/alabox-border.gif) no-repeat bottom center;
}

.contentarea p span{
	float: left;
	display: inline;
	text-align: center !Important;
	width: 100%;
	padding-bottom: 30px;
	_padding-bottom:0;
}

.contentarea a{
	font-style: normal;
}

.contentarea .ikonit-sample{
	position: absolute;
	top: 15px;
	left: 15px;
}

.contentarea .ikonit-sample p{
	clear: both;
	margin-bottom: 0.5em;
}

.contentarea .ikonit-sample p img{
	margin: 0;
	padding: 0 5px 0 0;
}

#yrityksestamme{
	text-align: left;	
}

#yrityksestamme a{
	position: absolute;
	top: 10px;
	left: 10px;
	font-style: italic;
}

.klubi{
	float: left;
	display: inline;
	width: 100%;
	background: transparent url(../img/alabox-border.gif) no-repeat bottom center;
	xborder-bottom: 1px solid #e5dfdb;
}

.column{
	float: left;
	display: inline;
	width: 100%;
}

.column h1{
	font-size: 1em;
	background: none;
}

.etusivu-text{
	xfloat: left;
	xdisplay: inline;
	width: 300px;
	min-height: 125px;
	height: auto !important;
	height:125px;
	margin: 0px 0px 0px 11px;	
}

.etusivu-text p{
	float: left;
	display: inline;
	width:300px;
	text-align: center;
	font-style: italic;	
}

.etusivu-text h1{
	xmargin-top: 260px;
	padding-top: 40px;
	margin-left: 4px;
	float: left;
	display: inline;
	width: 300px;
	text-align: center;
	line-height: 1.5em;
	font-size: 1.1em;
	background: transparent url(../img/alabox-border.gif) no-repeat 74px 0px;
}

.etusivu-image{
	xfloat: right;
	xdisplay: inline;
	xfloat: none;
	xclear: both;
}

.etusivu-image img{
	float: right;
	display: inline; 
	width: 300px;
	height: 225px;
	margin: 10px;
	border: 1px solid #e5dfdb;
	}

.news{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 10px;
	background: transparent url(../img/alabox-border.gif) no-repeat top center;
}

.news p{
	float:left;
	display: inline;
	width: 100%;
}

.news p.pvm{
	float: left;
	display: inline;
	width: 100%;
	color: #566d24;
	padding-top: 30px;
	margin-bottom: 0 !Important;
	padding-bottom: 0 !Important;	
}

.files{
	float:left;
	display: inline;
	width: 250px;
	margin-left: 170px;
}

.uutiset h1{
	margin-bottom: 0 !important;
}

a.pdf{
	float: left;
	display: inline;
}

a.pdf-icon{
	float: left;
	display: inline;
	margin: 40px 0 0 13px;
	padding-left: 35px;
	font-style: italic;
	line-height:3em;
	background: transparent url(../img/pdf.gif) no-repeat 0 0;
}

.store-omat{
	float: left;
	display: inline;
	width: 500px;
	padding-left: 80px;
	text-align: left;
	padding-bottom: 20px;
}

.store-omat p{
	padding-bottom: 0;
	margin-bottom: 0;
}

.store-omat a{
	color: #566d24;	
	font-style: italic !Important;
}

.city{
	float: left;
	display: inline;
	width: 270px;
	_width: 260px;
	text-align: left;
	font-style: italic;
	line-height: 2em;
	padding-left: 10px;
	padding-bottom: 20px;
}

.city .ikonit{
	float: left;
	display: inline;
	width: 35px;
}

.city .ikonit img{
	float: left;
	display: inline;
	width: 22px;
}

.city a{
	font-style: italic;
}

.city h2{
	font-size: 1.16em;
	letter-spacing: 0.2em;
	font-style: normal;
	padding-left: 70px;
	margin-bottom: 0;
}

.kiitos{
	float: left;
	display: inline;
	width: 100%;
	padding: 0 10px 0 10px;
}

.store, .cafe{
	float: left;
	display: inline;
	width: 250px;
	_width: 240px;
	padding-left: 35px;
	padding-bottom: 15px;
}

.store p{
	float: left;
	display: inline;
	width: 200px;
	line-height: 1.8em;
	margin-bottom: 0em;
}

.cafe p{
	line-height: 1.2em;
}

.place{
	float: left;
	display: inline;
	width: 155px;
	text-align: left;
	padding: 20px 10px 0 10px;
}

.place h2{
	padding-bottom: 1.2em;
}

.place h2 span{
	text-transform: lowercase;
	font-style: italic;
}

#omat h2 span{
	text-transform: none;
}

.place p{
	float: left;
	display: inline;
	width: 100%;
	clear: both;
	margin-bottom: 0;
	font-style: italic;
}

.place p span{
	margin: 0;
	float: none;	
}

.aukiolot{
	margin-top: 1.5em;
}

.myymalakuvat{
	float: left;
	display: inline;
	width: 395px;
	padding-top: 20px;
}

.myymalakuvat img{
	float: left;
	display: inline;
	padding: 0 0 10px 0;
}

a.map img{
	float: right;
	display: inline;
	padding-bottom: 0;
}

img .logo{
	position: absolute;
	top: 10px;
	right: 10px;
}

.thumbs{
	float: left;
	display: inline;
	width: 590px;
	_width: 581px;
	padding-bottom: 20px;
}

.thumbs a{
	float: left;
	display: inline;
	width: 82px;
	font-size: 0.9em;
	font-style: normal;
	color: #566d24;
	text-transform: uppercase;
}

.thumbs a img{
	float: left;
	display: inline;
	border: 1px solid #ebe7e4;
}

.thumbs a.valittu{
	color: #222;
}

.tuotteet{
	float: left;
	display: inline;
	text-align: left;
	padding-bottom: 20px;
}

.tuotteet p{
	float: left;
	display: inline;
	width: 360px;
	text-align: left;
}


.tuotteet h2{
	float: left;
	display: inline;
	width: 550px;
	letter-spacing: 0.5em;
	background: none;
	margin-bottom: 0.3;
}

.tuotteet a{
	float: left;
	display: inline;
	width: 130px;
	position: relative;
}

.tuotteet a img{
	float: left;
	display: inline;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 15px;
}

.tuotteet .kakut{
	float:left;
	display: inline;
	width: 550px;
}

img.suurennuslasi{
	position: absolute;
	bottom: 5px;
	left: 5px;
	height: 15px;
	border: none !important;
	xbackground: transparent url(../img/isokuva.gif) no-repeat 0 0;
	z-index: 2;	
}

.tuote{
	float: left;
	display: inline;
	width: 120px;
	margin-right: 10px;
	height: 140px;
}

.tuote p{
	float: left;
	display: block;
	width: 120px;
	text-align: center !Important;
}

.tuote-text{
	margin-left: 170px;
}

a.takaisin{
	position: absolute;
	top: 10px;
	left: 10px;
	font-style: italic;
}

.valio{
	position: absolute;
	top: 5px;
	right: 5px;
}

a.fb img{
	position: absolute !important;
	top: 0px !important;
	left: 500px !Important;
	_left: 490px;
	width: 90px;
}

/* Forms
-------------------------------------------------------------- */
.formreklamaatio{
	float: left;
	display: inline;
	width: 260px;
	border-right: 1px solid #e7e2de;
	padding: 0 15px 50px 10px;
	margin-bottom: 20px;
}

.formreklamaatio-klubi{
	float: left;
	display: inline;
	width: 270px;
	border-right: 1px solid #e7e2de;
	padding: 0 15px 50px 10px;
	margin: 20px 0 20px 0;
	text-align: left;
}

.formreklamaatio input, .formreklamaatio-klubi input{
	float: right;
	display: inline;
	width: 160px;
	background: #f9f6ed;
	border: none;
	height: 20px;
	text-indent: 2px;
}

.formreklamaatio label, .formreklamaatio-klubi label{
	text-align: left;
	float: left;
	display: inline;
}

.checkbox{
	float: left;
	display: inline;
	width: 100%;
}
#uutiskirje{
	float: left;
	display: inline;
	width: 100%;
	padding: 20px 0 0 0;
}
#uutiskirje p{
	margin-bottom: 0;
}
#uutiskirje img, #uutiskirje span{
	margin: 0 0 40px 0;
	width: 23px;
	display: bock;
}
#uutiskirje span{
	padding-bottom: 0;
	margin-bottom: 0;
}
.formreklamaatio p, .formreklamaatio-klubi p{
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 0.9em;
}
.feedback{
	float: left;
	display: inline;
	text-align: left;
	padding-top: 10px;
}

.feedback label{
	width: 130px;
	clear: both;
}

.feedback p label{
	float: left;
	display: inline;
	width: 50px;	
}

.feedback p textarea, .tarjous p textarea, .info p textarea{
	float: left;
	display: inline;
	width: 158px;
	margin: 0;
	padding: 0;
}

.feedback input{
	float: left;
	width: 30px;
	display: inline;
}

.tarjous, .info{
	float: left;
	display: inline;
	width: 265px;
	padding-bottom: 10px;
}

.tarjous p label span, .info p label span{
	float:left;
	display: inline;
	text-align: left !Important;
	width: 104px;
}

.tarjous h2, .info h2{
	text-align: left;
	font-size: 1.16em;
	letter-spacing: 0.2em;
}

.noborder{
	border: none !Important;
	padding-left: 20px;
	padding-right: 0 !Important;
	background: none !important;
}

.no-background{
	border: none !Important;
	background: none !important;
}

.radiobuttons{
	float: left;
	display: inline;
	width: 220px;
}
#talous{
	width: 260px;
	margin-bottom: 1.5em;
}
#talous label{
	float: left;
	display: inline;
	width: 100%;
	padding: 0;
	line-height: 2.2em;
}
#talous label.yritys{
	width: 90px;
	padding-left: 30px;
}
#talous input{
	width: 135px;
}
#talous p{
	width: 100%;
	margin-bottom: 0.8em;
}
#talous label img{
	float: left;
	display: inline;
	width: 25px !Important;
	margin-right: 3px;
}
.radiobuttons label{
	float: left;
	display: inline;
	width: 70px;
}
.radiobuttons p, .radiobuttons p span{
	float: left;
	display: inline;
	width: 60px;
	text-align: left !Important;
	line-height: 2.2em;
	padding: 0;
}

.checkboxes{
	float: left;
	display: inline;
	width: 100%;
	padding-bottom: 20px;
}

.questions{
	float: left;
	display: inline;
	width: 220px;
	text-align: left;
	padding-left: 30px;
	margin: 20px 0 0 0;
}

.questions h2{
	float: left;
	display: inline;
	width: 100%;
	letter-spacing: 0.2em;
	font-size: 1.16em;
}

.questions h3{
	font-size: 1em;
	margin-bottom: 1.5em;
}

.questions .block{
	float: left;
	display: inline;
	padding: 20px 0 10px 0;
	background: transparent url(../img/alabox-border.gif) no-repeat bottom center;
}

.submit{
	float: right;
	display: inline;
	padding-top: 65px;	
}

.submit input{
	float: right;
	display: inline;
	width: 40px;
	height: 36px;
	padding: 0;
	margin: 0;
	cursor: pointer;
	background: transparent url(../img/submit-bg.gif) no-repeat 0 0;
}

.phone {
	margin-top: -15px;
}


/* Footer
-------------------------------------------------------------- */

#footer {
	margin: auto;
	clear: both;
	margin-bottom: 20px !important;
	*margin-top: 20px;
	width: 930px;
	height: 30px;
	padding: 10px;
	background: #fcfbfa;
	
}

#footer .wrapper {
	background: #fcfbfa;
	padding: 5px;
	border: 1px solid #eadbb6;

}

.wrapper p {
	color: #836d3f;
	text-align: center;
	margin:0;
	*xbackground: #dbdbdb;
	font-style: italic;
}

.body_home #footer {
	*margin-top: 0px;
	*width: 950px;
}

/* -----------------------------------------------------------

	Clear floats
	
----------------------------------------------------------- */
.wrapper 		{ display: inline-block; }
.wrapper:after 	{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .wrapper { height: 1%; }
.wrapper 		{ display: block; }