@charset "utf-8";

/* CSS Document */

*
{
	/*border: none;*/
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3em;
	margin: 0;
	padding:0;
}

.clear
{
	clear: both;
}

html, body
{
	height: 100%;
	margin: 0;
	padding: 0;
}

body
{
	background: #000;
}

h2, h3, h4, h5, h6
{
	font-weight: bold;
	text-transform: uppercase;
}

h2
{
	font-size: 36px;
}

h3
{
	font-size: 24px;
}

h4
{
	font-size: 18px;
}

a, object
{
	outline: none;
}

img, table
{
	border: none;
}

table#main-table
{
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

iframe
{
	border: none;
}

.left
{
	float: left;
}

.right
{
	float: right;
}

.header
{
	vertical-align: top;
}

	.header td
	{
		height: 83px;
		background: #999;
		margin: 0;
		padding: 0;
	}

	.header td#tl
	{
		background:url(../images/bg-tl.gif) 0 0 no-repeat;
		height: 83px;
		width: 48px;
		display: block;
	}
	
	.header td#t
	{
		background:url(../images/bg-t.gif) 0 0 repeat-x;
		height: 83px;
	}
	
	.header td#tr
	{
		background:url(../images/bg-tr.gif) 0 0 no-repeat;
		height: 83px;
		width: 48px;
		display: block;
	}

.content
{
	vertical-align: top;
}

	.content td#cl
	{
		background:url(../images/bg-l.gif) 0 0 repeat-y;
		width: 48px;
	}
	
	.content td.tvbg
	{
		background:url(../images/bg-content.png) top center repeat-x;
	}
	
	.content td#cr
	{
		background:url(../images/bg-r.gif) 0 0 repeat-y;
		width: 48px;
	}

.footer
{
	vertical-align: top;
}

	.footer td
	{
		height: 48px;
		background: #000;
	}

	.footer td#bl
	{
		background:url(../images/bg-bl.gif) 0 0 no-repeat;
		height: 48px;
		width: 48px;
	}
	
	.footer td#b
	{
		background:url(../images/bg-b.gif) 0 0 repeat-x;
		height: 48px;
	}
	
	.footer td#br
	{
		background:url(../images/bg-br.gif) 0 0 no-repeat;
		height: 48px;
		width: 48px;
	}

td#container
{
	width: 924px;
	margin: 0 auto;
	padding:0;
}

	td#container #wrapper
	{
		/*background: #fff;
		line-height: 20px;*/
		margin:0;
		overflow-y: scroll;
		padding:0;
		position: relative;
		width: 924px;
	}
	
		td#container #wrapper .wrapperleft
		{
			float: left;
			width: 635px;
		}
		
		td#container #wrapper .wrapperright
		{
			background: #fff;
			float: left;
			width: 272px;
		}
		
		td#container #wrapper.side_gradient .wrapperright
		{
            background: none;
		}

.spacer
{
	width: 48px;
}

#malaco-navigation
{
	width: 900px;
	height: 83px;
	margin: 0 auto;
	/*background: url(../images/logo.png) 50% 16px no-repeat;*/
	position:relative;
}

	#malaco-navigation #logo
	{
		background: url(../images/logo.png) 0 0 no-repeat;
		display: block;
		height: 56px;
		position: absolute;
		top: 16px;
		left: 422px;
		width: 56px;
	}

		#malaco-navigation #logo span
		{
			display: none;
		}

	#malaco-navigation a
	{
		position: absolute;
		top: 40px;
		height: 20px;
		display: block;
	}
	
		#malaco-navigation a span
		{
			display: none;
		}
		
	#malaco-navigation a#activeMenu, #malaco-navigation a:hover
	{
		background-position: 0 -20px;
	}
	
	.testikuva
	{
		left: -30px;
		width: 112px;
		background:url(../images/menu-testikuva.png) 0 0 no-repeat;
	}
	
	.katsomo
	{
		left: 120px;
		width: 98px;
		background:url(../images/menu-katsomo.png) 0 0 no-repeat;
	}
	
	.tv-mixaajat
	{
		left: 250px;
		width: 136px;
		background:url(../images/menu-tv-mixaajat.png) 0 0 no-repeat;
	}
	
	.virittamo
	{
		left: 510px;
		width: 116px;
		background:url(../images/menu-virittamo.png) 0 0 no-repeat;
	}
	
	.kuvasto
	{
		left: 660px;
		width: 93px;
		background:url(../images/menu-kuvasto.png) 0 0 no-repeat;
	}
	
	.sohvarinki
	{
		left: 800px;
		width: 131px;
		background:url(../images/menu-sohvarinki.png) 0 0 no-repeat;
	}

	.telsuklubi
	{
		left: 800px;
		width: 131px;
		background:url(../images/menu-telsuklubi.png) 0 0 no-repeat;
	}

#tv-mix
{
	text-align: center;
	width: 500px;
	height: 48px;
	margin: 0 auto;
	padding:0;
	background:url(../images/tv-mix-48.png) top center no-repeat;
}



	#tv-mix h1
	{
		display: none;
	}

.product-list
{
	background:url(../images/right-gradient-1.png) top center repeat-y;
}

	.product-list p
	{
		padding: 20px 0;
	}

.noise
{
	background: url( ../images/kohina_bg.jpg ) 0 0 repeat-y;
}


.text_content
{
	padding: 20px 20px 0;
}

.sofa
{
	color: #de0077;
}

	.sofa h2, .sofa h6
	{
		color: #fdfb00;
	}
	
	.sofa h4
	{
		color: #0092e3;
	}
	
	.sofa h6
	{
		padding: 10px 0 5px;
	}
	
	.sofa .questions td
	{
		width: 295px;
	}
	
		.sofa .questions td input
		{
			width: 280px;
		}
		
		.sofa .questions td input.checkbox
		{
			width: auto;
		}
		
		.sofa .questions td label
		{
			font-size: 11px;
			font-weight: bold;
			line-height: 2em;
		}
	
	.sofa p
	{
		padding: 5px 0;
	}
	
	.sofa p, .sofa p a, .ostopaikat label
	{
		color: #fff;
	}
	
	.ostopaikat label
	{
		padding: 0 20px 0 5px;
	}
	
	.ostopaikat td
	{
		padding-bottom: 2px;
	}
	
.submit_btn
{
	background: url( ../images/submit_btn.png ) 0 0 no-repeat;
	border: none;
	display: block;
	float: right;
	height: 29px;
	width: 41px;
}

.youtube
{
	padding: 15px 0 0 10px;
}

h3.youtube
{
	color: #de0077;
}

	.youtube .left
	{
		display: block;
		height: 368px;
		width: 490px;
	}
	
	.youtube .right
	{
		width: 125px;
	}
	
		.youtube .right .product_item
		{
			padding-bottom: 5px;
		}

#news-list
{
	width: 272px;
	overflow:hidden;
}

#news-list h2
{
	color: #0092e3;
	font-size: 15px;
	font-weight: bold;
	margin: 0;
	padding: 36px 10px 32px 10px;
}

#news-list .text
{
	width: 220px;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	float: right;
	margin: 0;
	padding: 4px 20px 4px 10px;
}

#news-list .arrows
{
	width: 10px;
	color: #000;
	font-size: 15px;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 4px 0 4px 10px;
}

#news-list .link
{
	clear: both;
	margin: 0;
	padding: 8px 20px 36px 10px;
	text-align: right;
	width: 240px;
}

	#news-list .link a
	{
		color: #dd0077;
		font-size: 17px;
		font-weight: normal;
		text-decoration: underline
	}

.side_gradient
{
	background: url( ../images/pussi_bg.gif ) 635px 0 repeat-y;
}

.wrapperright .side_gradient
{
	background: none;
	padding: 15px 0 0;
	text-align: center;
}
	
	.side_gradient h3
	{
		color: #fff;
		padding: 0 0 15px;
	}
	
.bag_ingredients
{
	padding: 0 0 0 20px;
}
	
	.bag_ingredients h5
	{
		color: #fdfb00;
		font-size: 14px;
		padding: 15px 0;
	}
	
	.bag_ingredients p
	{
		color: #fff;
		padding: 0 0 10px;
	}
	
	.bag_ingredients .left, .bag_ingredients .left table
	{
		height: 100px;
		width: 205px;
	}
	
		.bag_ingredients .left table td
		{
			color: #fff;
			font-size: 10px;
		}
		
		.bag_ingredients .left table td.kuva
		{
			width: 100px;
		}
		
.bagCode
{
	background-color: #000;
	padding: 15px 0 15px 10px;
}

	.bagCode h4
	{
		color: #fff;
		font-size: 16px;
		padding-bottom: 5px;
	}
	
	.bagCode input
	{
		background-color: #000;
		border: none;
		border-bottom: 1px solid #fff;
		color: #fff;
		font-size: 14px;
		height: 30px;
		vertical-align: middle;
		width: 190px;
	}
	
	.bagCode a, .bagCode img
	{
		vertical-align: middle;
	}
	
.bagCodeFormContainer
{
	background-color: #e6e6e6;
	color: #de0077;
	padding: 25px 15px 10px;
	position: absolute;
	top: 0;
	left: 0;
	width: 605px;
}

	.bagCodeFormContainer input, .bagCodeFormContainer textarea
	{
		color: #000;
	}
	
	.bagCodeFormContainer .textInput, .bagCodeFormContainer textarea
	{
		width: 280px;
	}
	
	.bagCodeFormContainer input
	{
		margin-right: 2px;
	}
	
	.bagCodeFormContainer .textInput
	{
		margin: 0 0 5px;
	}
	
	.bagCodeFormContainer textarea
	{
		overflow: auto;
	}
	
	.bagCodeFormContainer img
	{
		position: absolute;
		top: 110px;
		left: 335px;

	}
	


	.bagCodeFormContainer label
	{
		font-weight: bold;
	}
	
	.bagCodeFormContainer .checkboxLabel, .bagCodeFormContainer p
	{
		font-size: 10px;
		font-weight: normal;
	}
	
	.bagCodeFormContainer p
	{
		padding-bottom: 10px;
	}
	
	.bagCodeFormContainer .submit_btn
	{
		margin-bottom: 5px;
	}
	
	.bagCodeFormContainer h3
	{
		color: #de0077;
	}
	
	.bagCodeFormContainer h6, .bagCodeFormContainer h6 a
	{
		color: #de0077;
		font-size: 11px;
		font-weight: normal;
	}
	
.tvmix_news
{
	color: #fff;
	padding: 15px 10px;
}

	.tvmix_news h3
	{
		color: #d6328a;
		padding-bottom: 25px;
		text-transform: none;
	}
	
	.tvmix_news strong
	{
		color: #fff146;
		font-size: 14px;
	}
	
	.tvmix_news a
	{
		color: #fff146;
		font-size: 14px;
		text-decoration: underline;
	}
	
	.tvmix_news p
	{
		font-size: 14px;
		padding-bottom: 25px;
	}
	
	.tvmix_news p.pvm
	{
		color: #65adee;
		font-weight: bold;
		padding: 0;
	}

body.blog
{
	background: url( ../images/greyBg.gif ) 0 0 repeat-y #000;
}

#blogContainer, #blogContainer .voted
{
	color: #fff;
}

	#blogContainer .ratingtext
	{
		margin: 0;
		padding: 0;
	}
	
	#blogContainer h2
	{
		background: url( ../images/mainHeadingBg.gif ) 0 0 no-repeat;
		color: #eb0083;
		font-size: 50px;
		height: 68px;
		line-height: 50px;
		margin-bottom: 35px;
		padding: 40px 0 0 45px;
	}

		#blogContainer h2 a
		{
			color: #eb0083;
			font-size: 50px;
			height: 68px;
			line-height: 50px;
		}
	
	#blogContainer ul
	{
		list-style: none;
	}
	
	#blogContainer #sidebar
	{
		float: left;
		width: 150px;
	}
	
		#blogContainer a
		{
			color: #fff;
			text-decoration: none;
		}
	
		#blogContainer #sidebar ul
		{
			background: url( ../images/kohina_bg.jpg ) 0 0 repeat-y;
			padding-top: 40px;
		}
	
			#blogContainer #sidebar ul li
			{
				padding-bottom: 40px;
			}
			
				#blogContainer #sidebar ul li h6
				{
					background-color: #000;
					color: #fdfb00;
					font-size: 14px;
					margin-bottom: 15px;
					padding: 5px 16px;
				}
				
					#blogContainer #sidebar ul li ul
					{
						padding: 0;
					}
					
						#blogContainer #sidebar ul li ul li
						{
							padding: 5px 10px 5px 16px;
						}
						
					#blogContainer #sidebar .blogUsers
					{
						float: left;
						width: 95px;
					}
					
						#blogContainer #sidebar .blogUsers li
						{
							height: 22px;
							padding: 5px 5px 5px 16px;
						}
					
					#blogContainer #sidebar .blogUsersImages
					{
						float: left;
						width: 22px;
					}
						
						#blogContainer #sidebar .blogUsersImages li
						{
							height: 22px;
							padding: 5px 0;
						}
							
				#blogContainer #sidebar .archiveContainer, #blogContainer #sidebar .archiveContainer ul
				{
					background: #b2b1b6;
				}
							
					#blogContainer #sidebar .archiveContainer li
					{
						text-transform: capitalize;
					}
	
	#blogContainer #content
	{
		float: left;
		width: 468px;
	}
	
		#blogContainer #content .userPhotoContainer
		{
			display: block;
			float: left;
			height: 51px;
			width: 51px;
		}
		
		#blogContainer #content .userInfoContainer
		{
			display: block;
			float: left;
			height: 51px;
			width: 417px;
		}
		
			#blogContainer #content .userInfoContainer .writerContainer
			{
				background-color: #eb0083;
				float: left;
				font-weight: bold;
				height: 25px;
				line-height: 25px;
				padding-left: 10px;
				width: 407px;
			}
			
			#blogContainer #content .userInfoContainer .functionsContainer
			{
				background-color: #b2b1b6;
				float: left;
				height: 21px;
				padding: 5px 0 0;
				width: 417px;
			}
			
				#blogContainer #content .userInfoContainer .functionsContainer .thumblock .ratingtext
				{
					float: left;
					padding-right: 20px;
				}
				
				#blogContainer #content .userInfoContainer .functionsContainer .gdthumb
				{
					padding-right: 3px;
				}
				
				#blogContainer #content .userInfoContainer .functionsContainer .commentsContainer, #blogContainer #content .userInfoContainer .functionsContainer .thumblock, #blogContainer #content .userInfoContainer .functionsContainer .shareContainer
				{
					float: left;
					padding-left: 20px;
				}
				
				#blogContainer #content .userInfoContainer .functionsContainer .commentsContainer a
				{
					background: url( ../images/kommentoi.gif ) 0 0 no-repeat;
					display: block;
					height: 17px;
					line-height: 17px;
					padding: 0 0 0 20px;
					vertical-align: middle;
					width: 70px
				}
				
				#blogContainer #content .userInfoContainer .functionsContainer .shareContainer a img
				{
					margin-right: 3px;
					vertical-align: middle;
				}
				
				#blogContainer #content .functionsContainer .ratingblock, .thumblock
				{
					margin: 0;
					padding: 0;
				}
				
				#blogContainer #content .postContainer
				{
					color: #000;
					background-color: #fff;
					padding: 20px 15px 10px;
				}
				
					#blogContainer #content .postContainer h6
					{
						color: #0093e3;
						font-size: 10px;
						padding-bottom: 15px;
					}
					
					#blogContainer #content .postContainer h5, #blogContainer #content .postContainer h5 a
					{
						color: #000;
						font-size: 16px;
						padding-bottom: 15px;
					}
					
					#blogContainer #content .postContainer h5 a
					{
						padding: 0;
						text-decoration: none;
					}
					
					#blogContainer #content .postContainer p
					{
						padding-bottom: 15px;
					}

					#blogContainer #content .postContainer p, #blogContainer #content .postContainer a, #blogContainer #content .postContainer span
					{
						color: #000;
					}

					#blogContainer #content .postContainer a
					{
						text-decoration: underline;
					}
					
	#blogContainer .commentContainer
	{
		background-color: #fff;
		color: #000;
		padding: 10px 20px 20px 50px;
	}
	
		#blogContainer .commentContainer a
		{
			color: #000;
		}
		
		#blogContainer .commentContainer h4, #blogContainer .commentContainer .navigation, #blogContainer .commentContainer .comment-body
		{
			padding-bottom: 15px;
		}
		
		#blogContainer .commentContainer h5
		{
			font-size: 16px;
		}
		
		#blogContainer .commentContainer cite
		{
			color: #eb0083;
			font-weight: bold;
			font-style: normal;
		}
		
		#blogContainer .commentContainer .submit_btn
		{
			float: none;
		}
		
		#blogContainer .commentContainer #respond
		{
			padding-top: 10px;
		}
		
		#blogContainer .commentContainer .comment-body p, #blogContainer .commentContainer #commentform p
		{
			clear: both;
			padding-top: 5px;
		}
		
		#blogContainer .commentContainer .comment-body .comment-author, #blogContainer .commentContainer .comment-body .comment-meta
		{
			float: left;
			margin-right: 3px;
		}
		
		#blogContainer .commentContainer #commentform textarea
		{
			height: 160px;
			margin-bottom: 5px;
			overflow: auto;
			width: 100%;
		}
					
#twitterFeeds
{
	background-color: #fff;
	padding: 10px 10px 0;
}

	#twitterFeeds p
	{
		padding-bottom: 10px;
	}
	
#allVideos
{
	float: left;
	height: 460px;
	overflow-y: scroll;
	margin-right: 4px;
	padding: 10px 5px 0;
	width: 126px;
}

	#allVideos .product_item
	{
		padding-bottom: 10px;
	}

#currentVideoContainer
{
	float: left;
	width: 490px;
}

	#currentVideoContainer h2
	{
		color: #fdfb00;
		font-size: 30px;
		padding: 10px 20px;
	}

	#currentVideoContainer .bigVideo
	{
		display: block;
		height: 368px;
		width: 490px;
	}
	
	#currentVideoContainer .function
	{
		float: left;
		padding: 7px 0 7px 35px;
	}
	
		#currentVideoContainer .function a
		{
			color: #fff;
			text-decoration: none;
		}
	
		#currentVideoContainer .function img
		{
			vertical-align: middle;
		}
		
.top5videoContainer
{
	float: left;
	margin: 20px 0;
	padding: 0 25px;
	width: 161px;
}

	.top5videoContainer h6
	{
		color: #fdfb00;
		font-size: 14px;
		padding-bottom: 15px;
		text-transform: none;
	}
	
	.top5videoContainer p
	{
		font-size: 12px;
		padding-bottom: 15px;
	}
	
	.top5videoContainer a
	{
		color: #fff;
		text-decoration: none;
	}
	
	.top5videoContainer ol
	{
		color: #fff;
		margin-left: 20px;
	}
	
		.top5videoContainer ol li
		{
			color: #fff;
		}

.top5videoContainerCenter
{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.videoComments
{
	color: #fff;
}

	.videoComments h3
	{
		color: #fdfb00;
		padding: 30px 0 20px;
	}
	
	.videoComments h4
	{
		color: #fdfb00;
		padding-bottom: 15px;
	}
	
	.videoComments .videoCommentBlock
	{
		padding-bottom: 15px;
	}
	
	.videoComments .videoCommentBlock p, .videoComments .videoCommentBlock h5
	{
		padding-bottom: 5px;
	}
	
	.videoComments table td
	{
		width: 295px;
	}
	
		.videoComments table td label
		{
			color: #de0077;
			font-size: 11px;
			font-weight: bold;
			line-height: 2em;
		}
		
		.videoComments table td input, .videoComments table td textarea
		{
			color: #000;
			width: 280px;
		}
		
		.videoComments table td textarea
		{
			height: 50px;
			overflow: auto;
		}
		
		.videoComments table td input.small
		{
			vertical-align: bottom;
			width: 156px;
		}
		
		.videoComments table td img
		{
			margin-bottom: 5px;
			vertical-align: bottom;
		}
		
		.videoComments .submit_btn
		{
			float: none;
			position: absolute;
			bottom: 0;
			right: 11px;
		}