body 
{
	margin:0px;
	padding:0px;
	background-image: url(../img/page-bkg-dots.png);
	background-repeat: repeat-x;
	background-color:white;
	font-weight:normal;
	color:black;
}
body, input, button, select, option, textarea
{
	font-family:arial, helvetica, sans-serif;
}
body
{
	font-size: 14px;
}
input, button, select, option, textarea
{
	font-size:100%;
}

h1, h2, h3, h4, h5
{
	margin-top:0px;
	margin-bottom:0.25em;
}
h1
{
	font-size:30px;
}
h2
{
	font-size:24px;
}
h3
{
	font-size:18px;
}
h4
{
	font-size:14px;
}
h5
{
	font-size:13px;
}

#wrapper
{
	background:url(../img/menu-line.png) repeat-x 0px 98px;
}
#content,
#header
{
	width:990px;
}

#header
{
	height:150px;
	background-color: transparent;
	background-repeat: no-repeat;
}
	#header br
	{
		clear:both;
	}
	#header ul#icons
	{
		margin:0;
/*		margin:0px 120px 0px 0px;*/
		padding:0px;
		list-style-type:none;
	}
		#header ul#icons li
		{
			float:right;
			width:140px;
			margin-top:42px;
		}
			#header ul#icons li a
			{
				color: #085596;
				font-weight:bold;
				text-decoration:none;
			}
				#header ul#icons li a img
				{
					float:left;
					margin-top:-10px;
				}
	#header #logo
	{
		height: 98px;
	}
		#header #logo img
		{
			position:absolute;
			z-index:1;
			height: 130px;
			margin-top: -12px; /* 10px */
			margin-left: 0; /* 20px */
		}
	#header #graphics,
	#header #madein
	{
		position:relative;
	}
		#header #graphics img
		{
			position:absolute;
			left:185px;
			top:25px;
		}
		#header #madein img
		{
			position:absolute;
			right:10px;
		}
	#header #madein
	{
		display: none;
	}

#topmenu
{
	background-color: #999;/*#085596*/
}

#content
{
	text-align:left;
	background-color: rgba(255, 255, 255, 0.7);

}
	#content img
	{
		border:none;
	}

	#content #contentbkg
	{
		background:url(../img/lev2-bkg.png) repeat-y;
		border-bottom:solid 1px black;
	}

	#content #leftcol
	{
		width:245px;
	}
		#content #leftcol .txt,
		#content #leftcol .pic
		{
			padding:10px 10px 0px 10px;
		}
			#content #leftcol .txt a,
			#content #leftcol .pic a
			{
				color:black;
				text-decoration:none;
			}
			#content #leftcol .txt>:first-child
			{
				margin-top:0px;
			}

	#content #middlecol
	{
		float:right;
		width:725px;
		min-height:300px;
		margin-right:10px;
		margin-top:10px;
		text-align:left;
	}
		#content #middlecol>:first-child
		{
			margin-top:0px;
			color:white;
		}
		#content #middlecol a
		{
			text-decoration:none;
			color:black;
		}
		#content #middlecol a:hover
		{
			text-decoration:underline;
		}

.div
{
	clear:both;
	height:0px;
}

.puffcont
{
	clear:both;
}
	.puffcont .puff
	{
		float:left;
		width:235px;
		margin-left:10px;
	}
	.puffcont div:first-child
	{
		margin-left:0px;
	}
	.puffcont .puff h3
	{
		height:14px;
		padding:9px;
		margin-bottom:10px;
		background-image:url(../img/puff-rub-bkg.gif);
		background-repeat:repeat-x;
		background-color:#7580b0;
		font-size:14px;
		color:white;
	}

.listMessageRub
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
}

ul.listMessage,
ul.listMessageImg
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}
	ul.listMessage li,
	ul.listMessageImg li
	{
		margin:15px 0px 0px 0px;
	}
		ul.listMessage li a>b:first-child,
		ul.listMessageImg li a>b:first-child
		{
			font-weight:normal;
		}
.listMessageBottom
{
}

#stepping
{
	position:absolute;
	bottom:10px;
	margin:0px 0px 0px 255px;
	width:725px;
	padding:0px;
	list-style-type:none;
	text-align:left;
	background:none;
}
	#stepping li
	{
		font-size:11px;
	}
	#stepping>li
	{
		bottom:10px;
		background:url(../img/btn-shade-bottom.png) no-repeat bottom right white;
	}
	#stepping>li:hover
	{
		background-color:#f5f5f5;
	}
		#stepping>li>a,
		#stepping li.off span
		{
			display:block;
			padding:5px 7px 5px 7px;
			background:url(../img/btn-shade-top.png) no-repeat top left;
			border:solid 1px #ccc;
		}
		#stepping>li>a
		{
			text-decoration:none;
		color:black;
		}
		#stepping>li>a:hover
		{
			border-color:#999;
		}
		#stepping>li.off:hover
		{
			background-color:white;
		}
		#stepping li.off span
		{
			color:#ccc;
		}
	#stepping li#prv
	{
		float:left;
	}
	#stepping li#nxt
	{
		float:right;
	}
	#stepping li#navi
	{
		float:left;
		margin:0px 10px 0px 10px;
		background:none;
	}
		#stepping li#navi ul
		{
			padding:0px;
			margin:0px;
			list-style-type:none;
		}
			#stepping li#navi ul li
			{
				float:left;
			}
				#stepping li#navi ul li
				{
					display:block;
					padding:5px 0px 5px 0px;
					margin-top:1px;
				}
					#stepping li#navi ul li a
					{
						text-decoration:none;
						color:black;
					}
					#stepping li#navi ul li a:hover
					{
						text-decoration:underline;
					}

ul.listitem,
ul.proditem
{
	list-style-type:none;
	margin:0px;
	padding:10px 0px 0px 10px;
}
	ul.listitem li,
	ul.proditem li
	{
		clear:both;
		border:dashed 1px #ccc;
		margin-bottom:10px;
		padding:10px;
	}
		ul.listitem li .thumb
		{
			float:left;
			width:135px;
			height:101px;
			border:solid 1px silver;
		}
		ul.proditem li .thumb
		{
			float:left;
			width:135px;
			height:270px;
			border:solid 1px silver;
		}
		ul.listitem li .thumb
		{
			cursor:pointer;
		}
		ul.listitem li a
		{
			display:block;
			margin-left:145px;
			color:black;
		}
		ul.proditem li div.info
		{
			margin-left:145px;
		}
			ul.proditem li div.info strong
			{
				color:black;
			}
			ul.proditem li > div.info > *
			{
				margin-top:0px;
			}
			ul.proditem li > div.info > *:last-child
			{
				margin-bottom:0px;
			}
			ul.proditem li > div.info a.datalink,
			ul.proditem li > div.info a.prodlink,
			ul.proditem li > div.info img.merinfo
			{
				display:block;
				float:right;
				margin-left:10px;
			}

#footer
{
	min-height:180px;
	background:url(../img/page-footer-bkg.gif) black;
	color:white;
	font-size:12px;
}

	#footer > ul
	{
		margin:0px;
		padding:0px;
		list-style-type:none;
	}
		#footer > ul > li
		{
			float:left;
			width:205px;
			padding:20px;
			text-align:left;
		}
		#footer > ul > li#f2
		{
			width:460px;
		}
			#footer > ul > li > div >:first-child
			{
				margin:0px;
			}
	#footer a
	{
		text-decoration:none;
		color:white;
	}
	#footer a:hover
	{
		text-decoration:underline;
	}

#copy
{
	position:absolute;
	bottom:5px;
	right:5px;
	color:white;
}

#pop
{
	background-color:white;
	padding:20px;
}
	#pop ul, #pop ol
	{
		list-style-position:inside;
		padding-left:5px;
		margin:0px;
	}

@keyframes fading
{
	0%	 {opacity:0}
	25%  {opacity:1}
	75%  {opacity:1}
	100% {opacity:0}
}
.animate-fading
{
	animation-name: fading;
	animation-duration: 8s;
}
.animate-fading:hover
{
	animation-play-state: paused;
}