body {
	background: white;
	font-size: 10pt !important;
	}
	
/* Piilotettavat elementit tahan listaan. */	

#nav-global, #sitesearch, #nav-global, #nav-wrapper, #footer ul, #productcategorybanner, 
#page #nav-section, #page #product-image ul, #page ul.crumbtrail, #page #related,
#page #full-features p, #banner {
	display: none !important;
	}


div#product-image {
	position: absolute !important;
	top: 180px;
	left: 5%;
	display: block !important;
	float: left !important;
	clear: none !important;
	width: 40%;
}

div#purchase {
	position: absolute !important;
	top: 480px;
	left: 5%;
	display: block !important;
	float: left !important;
	clear: none !important;
	width: 200px !important;
	height: 20px !important;
	background-color: transparent !important;
	text-align: right !important;
	
}

div#purchase h3 {
	width: 200px !important;
	font-size: 12pt !important;
	text-align: right !important;
	margin-top: 10px !important;
}

div#purchase h4 {
	display: none !important;
}

h1 {
	width: 90% !important;
}

#flex__1_vscrollerbar {
	display: none !important;
	visibility: hidden !important;
}

.vscrollerbase {
	background-image: none !important;
}
/* Maarittelyja logolle ja sivun sisallolle. Voi saataa sitten valmiiden tyylien kanssa tarkemmin. */	

#page, #header {
	width: auto; 
	height: auto !important;
	margin: 0 5% 2em 5%;
	padding: 0; 
	border: 0;
	float: none !important;
	color: black; 
	background: transparent;
	}

#footer {
	background-color: transparent !important;
	background-image: none !important;
	width: 100% !important;
	margin: 0 !important;
}

#main .scroll li {
	background-image: none !important;
}

.scroll ul {
	margin-left: 20px !important;
}

/* Floatteja kannattaa suurelta osin valttaa. Aiheuttavat ongelmia varsinkin pitkissa dokumenteissa. */		

/* html body #page * { float: none !important; } */
html body #header * { margin: 0 !important; padding: 0 !important ; }

a:link, a:visited {
   color: #000;
   background: transparent;
   font-weight: bold;
   text-decoration: underline;
   }

/* Linkkien peraan ilmestyy URL-osoite paperilla. IE6 ei tue. */	   
   
#content a:link:after, #content a:visited:after {
   content: " (" attr(href) ") ";
   font-size: 8pt;
   }

ul { list-style: disc !important; }

#product-info {
	float: right !important;
	clear: none !important;
	width: 60% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background-color: transparent !important;
	overflow: visible !important;
	}


/* Product-sivun scrollilaatikko aiheuttaa harmaita hiuksia. Leveydella voi leikkia haluamallaan tavalla. */	

#page #details .scroll {
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 2em !important;
	overflow: visible !important;
	display: block !important;
	font-size: 10pt !important;
	}

div#flex__1_mcontentwrapper {
	width: 400px !important;
	height: auto !important;
	overflow: visible !important;
	padding: 0px !important;
}

div#flex__1 {
        width: 400px !important;
        height: auto !important;
        overflow: visible !important;
        padding: 0px !important;
}


/* Ei nayteta leipatekstin kuvia, kuluu mustetta turhaan :) */

#page #main img {
	display: none;
	}