/* CSS Document */

/* Tuotepaletti paneeli ALKAA */
a:link,a:visited {
	color: #039;
	text-decoration: none;
}
a:link:hover, a:visited:hover {
	color: #039;
	text-decoration: underline;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.background {
	position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -384px repeat-x;
}

#layout {
	padding-bottom : 30px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#layout li{
	list-style-position: inside;
	list-style-type: none;
	text-align: left;

}
#layout h4{
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.header{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:600;
	text-transform: none;
	vertical-align: top;
	color: #063;
}
.header_n{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: none;
	vertical-align: top;
	color: #F00;
	font-weight: 600;
}
.header_w{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: none;
	vertical-align: top;
	color: #FFF;
	font-weight: 600;
}
.header_b{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-transform: none;
	vertical-align: top;
	font-weight: 600;
}
.header_news{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	text-transform: none;
	vertical-align: top;
	font-weight: 600;
	color: #333333;
	text-align: left;
}
.detail{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.detail_w{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
}

.box{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	background-color: #F8F8F8;
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-left-style: dotted;
	border-top-color: #FFF;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #DDDDDD;
}
.box_news{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;

	padding: 10px;
	text-align: left;
	vertical-align: top;
}

.box_header{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 14px;
	margin: 2px;
	border-bottom-style: none;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	height: 30px;
	width: 1000px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	text-transform: none;
	background:url(../images/light4.png) 0 -68px repeat-x;
	text-align: left;
}
.box_header_offer{

	font-weight: 600;
	font-size: 13px;
	margin: 2px;
	height: 30px;
	width: 250px;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 12px;
	text-transform: none;
	background-color: #F8F8F8;
	border: thin solid #039;
}

.text_in_picture {
	margin: 10px;
	background-image: url(../Images/back.png);
	padding: 10px;
}

.product_nav {
	background-color: #E9E9E9;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #999;
	border-left-color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	background:url(../images/light4.png) 0 -68px repeat-x;
}

.product_nav:link:hover {
	background-color: #CCC;
}

.product_top {
	text-align: left;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
/* Tuotepaletti paneeli LOPPUU */


/* PANEELI ALKAA */

.zsnazzy {	position:relative; margin-right: 200px; }

.xsnazzy h1, .zsnazzy h1 {
	margin:0;
	font-size:10px;
	padding:0 10px 2px 10px;
	border-bottom:1px solid gray;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	text-align: left;
}

.xsnazzy h1, .zsnazzy h1 a:link {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
.xsnazzy h1, .zsnazzy h1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}

.xsnazzy p, .zsnazzy p { margin:0; padding:5px 0px; font-size:12px;}
.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid gray; border-right:1px solid gray;}
.xb1 {margin:0 0px; background:gray;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:0px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid gray; border-width:0 0px; height:auto;}
* html .xboxcontent {height:1px;}

.color_m {background:#669900; color:#000;}
/* PANEELI LOPPUU */

/* PUHEKUPLA ALKAA */

.psnazzy h1, .psnazzy h2, .psnazzy p {margin:0 10px; letter-spacing:1px;}
.psnazzy h1 {font-size:12px; color:#fc0;}
.psnazzy h2 {font-size:12px; color:#234; border:0;}
.psnazzy p {
	padding-bottom:0em;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 600;
	text-align: center;
}
.psnazzy h2 {padding-top:0.5em; padding-left:10px;}
.psnazzy li {
	margin:0em 0.5em 0em 2em;
	list-style-type: square;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
}
.psnazzy {
	background: transparent;
	margin:0.5em;
}

.psnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.psnazzy span {display:block; width:0; height:0; color:gray; overflow:hidden; border-top:10px solid; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.pb1, .pb2, .pb3, .pb4, .pb5, .pb6, .pb7 {display:block; overflow:hidden; font-size:0;}
.pb1, .pb2, .pb3, .pb4, .pb5, .pb6 {height:1px;}
.pb4, .pb5, .pb6, .pb7 {background:#ccc; border-left:1px solid gray; border-right:1px solid gray;}

.pb1 {margin:0 8px; background:gray;}
.pb2 {margin:0 6px; background:gray;}
.pb3 {margin:0 4px; background:gray;}
.pb4 {margin:0 3px; background:gray;}

.pb5 {margin:0 2px; background:; border-width:0 2px;}
.pb6 {margin:0 2px; background:; border-width:0 1px;} 
.pb7 {margin:0 1px; background:; border-width:0 1px; height:1px;} 

.pboxcontent {
	display:block;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: gray;
	border-right-color: gray;
	border-bottom-color: gray;
	border-left-color: gray;
}
.color_p1 {
	background-image: url(../Images/background_balloon.png);
}
.color_p2 {
	background-image: url(../Images/background_balloon2.png);
}
.color_p3 {background:#D6EFFE;}
.float_l {float: left; width: 275px;}
.float_r {float: right;	width: 250px;}
.float {width: 200px;}

.laatikko{
	height: 1px;
	width: 100%;
}


/* BODY */
body {
margin:0px;
padding-left:0px;
text-align:center;
min-height:200px;
min-width:200px;


}
#container
{
	width: 1000px;
	margin: 10px auto;
	line-height: 130%;
/*	border-left: 1px solid lightgray;	
	border-top: 1px solid lightgray;
	border-bottom: 2px solid lightgray;	
	border-right: 1px solid lightgray; */
}

 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */