/* \*/
* html .gainlayout { height: 1%; }
/* */
.gainlayout { _height: 0; }
.gainlayout { min-height: 0; }

body {
	/*height: 100%;*/
margin: 0;
padding: 0;
text-align: center;
font-family: "Arial";
font-size:13px;
background:#FFFFFF url(/img/bg.gif) repeat-x scroll left top;
text-align:center;
}

/*
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
html, body, #container { height: 100%; margin: 0; padding: 0; }
*/
div#body
{
	/* height: auto !important;*/

	/*min-height: 90%;*/
margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
/*height: 100%;*/
}

#body
{

margin-left: auto;
margin-right: auto;
width: 900px;
text-align: left;
/*height: 100%;*/

}



#container {
margin: 0;
width:100%;
background: url("/img/tausta.gif") repeat-x top left;
display:block;
float:left;
/*min-height: 100%;*/

}
#container2 {
margin: 0;
width:100%;
background: url("/img/tausta.gif") repeat-x top left;
display:block;
float:left;
/*min-height: 100%;*/

}
#header {
margin: 0;
width:900px;
height:81px;
margin-top:15px;
/*background: url("../img/tausta.jpg") no-repeat top left;*/
margin-bottom:4px;
}
#menu {
margin: 0;
width:900px;
height:40px;
/*background-color:yellow;*/
}

#calc {
display:block;
float:left;
padding:5px;
padding-left:0px;	
	
}

#sivu {
margin: 0;
width:900px;
/*height:40px;*/
margin:20px;
margin-left:0px;
/*background-color:yellow;*/
min-height:400px;
}

#footer2 {
margin: 0;
width:100%;
height:42px;
/*border: solid 1px grey;*/
/*background-color:yellow;*/
text-align:center;
padding-top:10px;
margin-top:10px;
padding-right:0px;	
/*display:block;
float:left;
*/
position: fixed; /* as above poster mentioned */
bottom: 0px;
z-index: 2
background: url("/img/footer.gif") repeat-x top left;
}

#footer3 {
	padding-top:10px;

	width:100%;
height:42px;
	background: url("/img/footer.gif") repeat-x top left;
}
#footer {
	display:block;
float:left;
		width:100%;
height:42px;

	/*background: url("/img/footer.gif") repeat-x bottom left;*/
margin: 0 auto;
padding: 0px;
padding-top:15px;
background-color: #4e76b1;
text-align: center; /* Needed for IE*/ 
/*height: expression(document.body.offsetHeight - 222 + "px");*/
/*
 position: fixed;
    bottom: 0;
    left:0;
*/
}

#footer a {
	color:#2b3b52;
	text-decoration:none;
}

.l1 {
	color:blue !important;
	text-decoration:none;
}

/*table*/
table {
	border-collapse: collapse;

}

td, th {
	padding: 0.3em;
	/*border: 1px solid #CCC;*/
}

thead, tfoot {
/*	background-color: #DDD;*/
}

tfoot {
	background-color: #4e76b1;
}

tr.rowodd {
	width:872px;
	background-color: #FFF;
	background:transparent url(/img/rowbg.gif) repeat-y scroll 50% top;
		
}

tr.roweven {
	width:872px;
	background-color: #F2F2F2;
	background:transparent url(/img/rowbgo.gif) repeat-y scroll 50% top;
		
}

.sortcol {
	cursor: pointer;
	padding-right: 25px;
	background-repeat: no-repeat;
	background-position: right center;
	
}
.sortasc {
/*	background-color: #DDFFAC;*/
/*width:872px;*/
	background-image: url(../up.gif);
}
.sortdesc {
/*width:872px;*/
	/*background-color: #B9DDFF;*/
	background-image: url(../down.gif);
}
.nosort {
	cursor: default;
}



th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #1E90FF;
	position:absolute;
	top:0;
	left:0;
}

/* ------------ */
/* PRODUCT LIST */
/* ------------ */

.product-list-wrapper {
	width:872px;
	overflow-x:hidden;
	padding:0 0 13px 0;
	background:url('/img/bg-bottom.png') no-repeat left bottom;
	margin:0 0 0 15px;
}

.product-list {
	margin:0;
	width:872px;
	border-collapse:collapse;
}

.product-list th {
	width:10%;
	vertical-align:top;
	padding:18px 0px 10px 7px;
	/*background:url('/img/th-sep.png') no-repeat right center;*/
}

.product-list td {
	width:10%;
	vertical-align:middle;
}

.product-list {
	background:url('/img/theader.gif') no-repeat left top;	
}

.product-list th a {
/*	color:#fff !important;
	display:block;
	padding:0 7px 0 0;*/
}

.product-list td {
	padding:7px 5px 7px 7px;
}

.product-list tr td:first-child {
	/*width:20%;*/
}

.product-list tr.odd td {
	background:url('/img/rowbg.gif') repeat-y 50% top;
}

.product-list tr.even td {
	background:url('/img/rowbg.gif') repeat-y 50% top;
}

.product-list tr td.first {
	background-position:left top;
}

.product-list td.last {
	background-position:right top !important;
}
/*
.product-list .product {
	font-weight:bold;
	display:block;
}

.product-list label {
	font-weight:bold;	
}

.product-list .vendor {
	font-size:0.8em;
	display:block;
}

.product-list .sorted a {
	background:transparent url('/img/sort.png') no-repeat right top;
	padding-right:20px;
}

.product-list .sorted-desc a {
	background:transparent url('/img/sort-desc.png') no-repeat right top;
	padding-right:20px;
}
*/

h1 {
	font-size:14px;
	font-weight:bold;
	font-color:#6a6a6b;
}

h2 {
	font-size:13px;
	font-color:#6a6a6b;
}

p {
	
}

#clearit {
	display:block;
	float:left;
	margin:5px;
	height:50px;
}

#haku {
	padding:10px;
	width:370px;
	height:160px;
	background-image:url(/img/hakupohja.gif);
	display:block;
	float:left;
}

#vasen {


	display:block;
	float:left;
}

#oikea {
padding-right:15px;
padding-left:10px;
	display:block;
	float:left;
	/*background-image:url(/img/fiilis1.gif);*/
	width:360px;
/*
	height:300px;*/
}

#banner {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	display:block;
	padding-top:10px;
	height:115px;
}