/**********************************************************************************************

	Title: CSS
	Author: www.poppworks.ee
	Date: 2008 

***********************************************************************************************

	1. Global Reset
	
	2. General Elements
	
	3. Layout
		3.1 Slogan area
		3.2 Main
			3.2.1 Menu area
			3.2.2 Middle area
		3.3 Footer
		
***********************************************************************************************/

/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, images, ins, kbd,q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, th, img {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

ol, ul {
	padding-left: 15px;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
}

/* 2. General Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html, body {
	font-family: "Verdana", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	color: #454545;
	height: 100%;
	width: 100%;
}

html{
	overflow: auto;
}

body{
	background: #000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

address {
	font-style: normal;
}

input, textarea, select {
	font: 12px "Verdana", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

a {
	text-decoration: none;
	outline: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
}

a:active {
}

/* 3. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#logo_area{
	width: 960px;
	height: 70px;
	margin: 0 auto;
}
	#logo{
		display: block;
		float: left;
	}
	.lang_area{
		width: 625px;
		margin-top: 15px;
		float: right;
		text-align: right;
		padding-right: 50px;
	}
		.langlink_act img{
			border: 1px solid #FFFFFF;
		}
		.langlink_act img{
			display: block;
			float: right;
			margin-left: 2px;
			margin-bottom: 1px;
		}
		.langlink img{
			display: block;
			float: right;
			margin-left: 2px;
			margin-top: 1px;
			margin-bottom: 2px;
		}
	.slogan_area{
		width: 625px;
		height: 29px;
		float: right;
	}
		.active_slogan{
			background: url(img/news_bar.png) top left no-repeat;
		}
		.no_active_slogan{
			/* change class name to 'active_slogan' */
		}
#main_wraper{
	min-width: 1000px;
	min-height: 90%!important;
	margin: 0 auto;
	
}
	#menu_area{
		width: 780px;
		height: 36px;
		margin: 0 auto; 
		background: url(img/menu_bar.png) top left no-repeat;
	}
	#middle_area{
		width: 960px;
		margin: 0 auto;
	}
		.left_content{
			float: left;
			width: 568px;
			padding-left: 42px;
			margin-bottom: 10px;
		}
		.right_content{
			float: right;
			padding-right: 42px;
			margin-bottom: 10px;
		}
			.right_content .border_img{
				display: block;
			}
			
		.left_content_nob{
			min-height: 500px;
			color: #FFFFFF;
			padding: 0 90px;
		}
		.left_content_nob2{
			height: 530px;
			color: #FFFFFF;
			padding: 0 90px;
			float: left;
		}
			
#footer{
	width: 960px;
	height: 36px;
	margin: 0 auto; 
	margin-bottom: 20px;
	margin-top: 10px;
	background: url(img/menu_bar.png) top left no-repeat;
	text-align: center;
}

/* 3.1 Slogan area
------------------------------------------------------------------------------------------------ */
	.slogan_area{
		text-align: right;
		padding-top: 9px;
		color: #FFFFFF;
		vertical-align: top;
	}

/* 3.2 Main
------------------------------------------------------------------------------------------------ */
	
	/* 3.2.1 Menu area
	------------------------------------------------------------------------------------------------ */
		#menu_area{
			padding: 0 90px;
			line-height: 36px;
			vertical-align: middle;
			height: 36px;
			color: #FFFFFF;
		}
			.menu_sep{
				color: #f9100c;
			}
			#menu_area, #menu_area a{
				/*color: #FFFFFF;*/
				font-size: 13px;
			}
			#menu_area span, #menu_area img{
				float: left;
				display: block;
			}
			.menu_item{
				padding: 0 15px;
			}
			.menu_item_act{
				padding: 0;
				background: url(img/menu_c_act.png) top left repeat-x;
			}
			.menu_item a{
				color: #FFFFFF;
			}
			.menu_item_act a{
				text-decoration: underline;
				color: #f9100c;
			}
	/* 3.2.2 Middle area
	------------------------------------------------------------------------------------------------ */
		#page_title{
			font-size: 18px;
			color: #FFFFFF;
			padding: 10px 90px;
		}
		.left_content_text{
			font-size: 13px;
			padding: 0px 14px;
		}
		.left_content_text p{
			padding-bottom: 5px;
		}
			.left_content .border_img{
				display: block;
			}
			.left_content_text{
				min-height: 500px;
				background: url(img/text_texture.png) top left;
			}
			.left_content_text a{
				color: #f9100c;
			}
		.product_show{
				width: 100%;
				text-align: center;
				height: 1%;
			}
				.product_show tr td{
					text-align: center;
					line-height: 20px;
					height: 1%;
					vertical-align: top;
				}
				.product_show img{
					padding: 2px;
					border: 1px solid #999999;
					cursor: pointer;
				}
				.product_show img:hover{
					border: 1px solid #FFCC33;
					cursor: pointer;
				}
				
				
				.product_show div{
					padding: 2px;
					border: 1px solid #999999;
					cursor: pointer;
				}
				.product_show div:hover{
					border: 1px solid #FFCC33;
					cursor: pointer;
				}
				
				
				.big_shop_img{
					text-align: center;
					vertical-align: top;
				}
				.big_shop_img img{
					padding: 2px;
					border: 1px solid #999999;
					cursor: pointer;
				}
				.big_shop_img img:hover{
					border: 1px solid #FFCC33;
					cursor: pointer;
				}
			.show_news h3{
				font-weight: bold;
				display:inline;
				padding-right: 5px;
			}
			.show_news em{
				font-size: 10px;
			}
			.show_news .intro{
				padding: 10px 0px;
			}
			.right_content_text{
				background: #FFFFFF;
				padding: 0 10px;
			}
				.group_div{
					width: 132px;
					text-align: center;
					float: left;
					padding-bottom: 10px;
					line-height: 18px;
				}
				.group_div a{
					cursor: pointer;
				}
				.group_div img{
					padding: 2px;
					border: 1px solid #CCCCCC;
					cursor: pointer;
				}
				.group_div img:hover{
					border: 1px solid #FFCC33;
					cursor: pointer;
				}
			.otsi{
				padding-right: 50px;
			}
			.otsi input {
				border: 1px solid #fff;
				background: transparent;
				color: #FFFFFF;
				font: 12px "Verdana", "Trebuchet MS", Helvetica, Arial, sans-serif;
				padding-left: 5px;
				padding-right: 5px;
			}/* #FF9900 */
			.otsi .but, .but{
				background: #f9100c;
				border: 0;
				padding: 0 5px;
				color: #FFFFFF;
			}
			.text_tavahind{
				color: #f9100c;
				/*font-weight: bold;*/
			}
/* 3.3 Footer
------------------------------------------------------------------------------------------------ */
#footer{
	line-height: 36px;
	vertical-align: middle;
	height: 36px;
}
	#footer{
		color: #FFFFFF;
		font-size: 11px;
	}
	#footer a{
		color: #f9100c;
	}
	.footer_sep{
		padding: 0 15px;
	}
#poppworks{
	width: 0x;
	height: 0px;
	position:relative;
	top: -35px;
	left: 420px;
}
#poppworks img{
	padding: 5px;
	position: relative;
	top: -23px;
	left: 400px;
}


.error_1_frame {
	margin-top: 10px;
	border: 1px solid #ACF01F;
}
.error_2_frame {
	margin-top: 10px;
	border: 1px solid #FF3300;
}
.error_3_frame {
	margin-top: 10px;
	border: 1px solid #FFCC00;
}
.error_4_frame {
	margin-top: 10px;
	border: 1px solid #FF3300;
}
.error_5_frame {
	border: 1px solid #4876FF;
}