html,body {

	margin:0px;
}

.wrapper {
	position:relative;
	width:999px;

	background:#FFFFFF;
	text-align: left;
/*	border: solid thin turquoise;
	border-width: 1pt 1pt 1pt 1pt; */
	
	}

.wrapper2 {
	position:relative;
	width:999px;
	text-align: left;
    background: #ffffff;
    border-right: 1px solid #134d27;
    border-left: 1px solid #134d27;
/*	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt; */
	}

.leftcolumn  {
	position:relative;
    float: left;
	width: 178px;
	padding: 10px 0px 0px 3px;
	background:#C5C3C6;
/*    border-right: 0px solid #999999; */
	text-align: left;

}




.middlecolumn
	{
	float: left;
	width:1px;
/*	background:#ff0000; */
	visibility: hidden; 
/*	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt; */

}

.centercolumn
	{
	position:relative;
	float: left;
	width:600px;
	margin-top: 0px;  
	margin-right:30px;
	margin-left:0px;
	margin-bottom: 0px; /*tämä vaikuttaa alareunan asettumiseen tönimällä footeria, oli 10px, lisäksi joku muu tönii*/
	padding-left:30px;
	padding-top:10px;
	text-align: left;
	background: #ffffff;
	border-left: 1px solid #999999;
/*	border-width: 1pt 1pt 1pt 1pt;  */
}

.rightcolumn {
	position:relative;
	float:right;
/*	height:80.7%;*//*tätä ei parane käyttää? div ei tällä veny sisällön mukaan*/
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	width:145px;
	text-align: left;
/*	height:400px;*/
/*	height:100%;*/ /*voidaanko rightcolumn määritellä sisällön mukaan??*/
						/*sivun korkeussäätö näyttäisi toimivan jos korkeutta ei*/
						/*itse aseteta...edes prosentteina*/
	background:#ffffff;
/*	border-left: 1px dashed #939598; */
	padding:12px 10px 0px 0px; /*tämä kolmas arvo vaikuttaa alareunan asettumiseen tönimällä footeria?*/

/*	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt; */
	}
/*
.footer {
	position:relative;
	width:999px;
	height:50px;
	background:#808284;

	clear:both;
/*	visibility: hidden;*/
}  */

/* centercolumnissa, tuoteryhmien lista */
.grouplist
	{
	float: left;
	width:100%;
	margin-left:10px;
	border: solid thin blue;
	border-width: 1pt 1pt 1pt 1pt;
}

/* centercolumnissa, tuotteiden lista */
.productlist
	{
	float: left;
	width:100%;
	margin-left:0px;
	margin-bottom:20px;
	margin-top:20px;
	padding-left:10px;
	border-bottom: 1px solid #0063A4;
}


/* centercolumnissa, tuotteen pikkukuva */
.thumbnail
	{
	float: left;
	width:30%;
	margin-left:0px;
	padding-bottom:2px;
/*	border: solid thin green;
	border-width: 1pt 1pt 1pt 1pt; */
}


/* centercolumnissa, tuotteen nimi */
.productname
	{
	float: left;
	width:50%;
	margin-left:0px;
	padding-bottom:2px;
/*	border: solid thin green;
	border-width: 1pt 1pt 1pt 1pt; */
}

/* centercolumnissa, lisää koriin -linkki */
.addtocart
	{
	float: right;
	width:30%;
	margin-left:0px;
/*	border: solid thin black;
	border-width: 1pt 1pt 1pt 1pt; */
}