/*
	Main styles
*/

html { width: 100%; }

* {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/16px Arial;
	color: #333;
	background: #2f2f2f url("../_images/back.gif") 0 0 repeat-x;
}

a img, fieldset {
	border: none;
}

legend {
	display: none;
}

p {
	margin: 10px 0 0 0;
}

ul, ol {
	margin: 10px 0 0 20px;
}

pre {
	font: 14px/16px "Courier New", Courier, monospace;
	color: #333;
	margin: 10px 0;
}

a {
	color: #1859a2;
}

a:hover {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	outline:none;
}

.overflow {
	overflow: auto;
}

/*
	Layonts
*/

#wrapper {
	width: 1014px;
	margin: 0 auto;
	overflow: hidden;
	background: url("../_images/container.png") 0 0 repeat-y;
}

#header {
	margin: 0 auto;
	width: 1014px;
	height: 140px;
	background: url("../_images/header.png") 0 0 no-repeat;
	overflow: hidden;
}

#container {
	margin: 0 auto;
	width: 1000px;
	overflow: hidden;
	background: #fff;
}

#left {
	float: left;
	width: 260px;
	margin: 0;
}

#content {
	float: left;
	width: 730px;
	margin: 0;
}

	#content .wide {
		float: left;
		width: 950px;
		margin: 0;
	}

#footer {
	padding: 0;
	margin: 0 auto 20px;
	height: 57px;
	width: 1014px;
	background: url("../_images/footer.png") 0 0 no-repeat;
}

	#footer div.back {
		float: left;
		width: 1000px;
	}

/*
	Header
*/

/* Logo */

#logo {
	float: left;
	width: 247px;
	height: 59px;
	margin: 50px 0 0 40px;
}

	#logo h1 {
		position: relative;
		margin: 0;
		padding: 0;
	}

		#logo h1 a {
			display: block;
			width: 247px;
			height: 59px;
			cursor: pointer;
			background: url("../_images/logo.gif") center center no-repeat;
			text-indent: -3000px;
		}

/*
	Navbar
*/

#menu {
	float: left;
	width: 1000px;
	height: 43px;
	background: url("../_images/menu.png") 0 0 repeat-x;
}

	/* Menu */

	#nav {
		float: left;
		margin: 0;
		padding: 0;
		list-style-type: none;
		height: 43px;
		width: 100%;
	}

	#nav li {
		float: left;
		margin: 0;
		font: bold 12px/55px Arial, Tahoma, sans-serif;
		padding: 0;
		height: 40px;
		text-transform: uppercase;
		background: url("../_images/menu_border.png") right 0 no-repeat;
	}

		#nav li a {
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 0 10px;
		}

			#nav li a span {
				display: block;
			}

			#nav li.active a, #nav li a:hover, #nav li.hover a {
				color: #fff;
				background: url("../_images/menu_active.png") 0 0 repeat-x;
			}

/*
	Content
*/

/* Procusts small */
#content .blocks {
	float: left;
	width: 100%;
	margin-top: 10px;
}

	#content .blocks .block {
		width: 350px;
		background: url("../_images/block.gif") 0 0 repeat-y;
		margin: 0 5px 10px 0;
		/* One height of rows */
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
		height: auto!important; 
		height: 100px;
		min-height: 100px;
	}

		#content .blocks .block .top {
			float: left;
			width: 350px;
			height: 30px;
			background: url("../_images/block_top.gif") 0 0 no-repeat;
			font: bold 13px/35px Arial;
			text-transform: uppercase;
			padding-left: 10px;
		}

			#content .blocks .block .top h3 {
				font: bold 14px/20px Arial;
				padding-top: 10px;
			}

		#content .blocks .block .content {
			float: left;
			width: 350px;
			margin-top: 20px;
			padding-left: 10px;
		}

			#content .blocks .block .content p {
				margin: 5px 20px 0 0;
			}

			#content .blocks .block .content .image {
				float: left;
				margin: 0;
				width: 120px;
				text-align: center;
			}

			#content .blocks .block .content .text {
				float: left;
				margin: 0 5px 10px 20px;
				width: 190px;
				font-weight: bold;
			}

				#content .blocks .block .content .text span {
					color: #ad3030;
				}

				#content .blocks .block .content .text a {
					color: #ff0c05;
				}

		#content .blocks .block .bottom {
			float: left;
			width: 350px;
			height: 50px;
			background: url("../_images/block_bottom.gif") 0 0 no-repeat;
		}

			#content .blocks .block .bottom .link {
				float: right;
				margin: 2px 30px 0 0;
				font: bold 12px/35px Arial;
				text-transform: uppercase;
			}

				#content .blocks .block .bottom .link a {
					color: #fff;
					text-decoration: none;
				}


/* Posts large */
#content .posts {
	float: left;
	width: 100%;
	margin-top: 10px;
}

	/* Products */
	#content .posts .product {
		float: left;
		width: 675px;
		background: url("../_images/product_back.gif") 0 0 repeat-y;
	}

		#content .posts .product .top {
			float: left;
			background: url("../_images/product_top.gif") 0 0 no-repeat;
			height: 60px;
			width: 100%;
		}

			#content .posts .product .top h3 {
				font: bold 14px/60px Arial;
				text-transform: uppercase;
				color: #fff;
				padding-left: 40px;
			}

		#content .posts .product .content {
			float: left;
			width: 100%;
			padding: 0 20px;
		}

			#content .posts .product .content .text {
				float: left;
				width: 360px;
				font: 14px/20px Arial;
			}

				#content .posts .product.static .content .text {
					float: left;
					width: 620px;
				}

				#content .posts .product .content .text span {
					color: #b13535;
					font-weight: bold;
				}

			#content .posts .product .content .image {
				float: right;
				width: 270px;
				margin-right: 30px;
			}

				#content .posts .product .content .image .img,
				#content .posts .product .content .image .enlarge {
					text-align: center;
				}

					#content .posts .product .content .image .enlarge a {
						color: #929292;
						font: italic 12px/16px Arial;
						text-decoration: none;
					}

				#content .posts .product .content .image img {
					max-width: 270px;
				}

			#content .posts .product .content .pdf {
				float: right;
				width: 270px;
				height: 31px;
				margin-right: 30px;
			}

				#content .posts .product .content .pdf p {
					text-align: center;
					font: bold 12px/31px Arial;
					text-transform: uppercase;
				}

					#content .posts .product .content .pdf p a {
						background: url("../_images/pdf.gif") 0 0 no-repeat;
						padding: 10px 0 10px 35px;
					}

		#content .posts .product .bottom {
			float: left;
			background: url("../_images/product_bottom.gif") 0 0 no-repeat;
			height: 50px;
			width: 100%;
		}

			#content .posts .product .bottom .link {
				float: right;
				margin: 2px 30px 0 0;
				font: bold 12px/35px Arial;
				text-transform: uppercase;
			}

				#content .posts .product .bottom .link a {
					color: #fff;
					text-decoration: none;
				}


	/* Forms */
	#content .posts .form {
		float: left;
		width: 675px;
		background: url("../_images/product_back.gif") 0 0 repeat-y;
	}

		#content .posts .form .top {
			float: left;
			background: url("../_images/product_top.gif") 0 0 no-repeat;
			height: 60px;
			width: 100%;
		}

			#content .posts .form .top h3 {
				font: bold 14px/60px Arial;
				text-transform: uppercase;
				color: #fff;
				padding-left: 40px;
			}

		#content .posts .form .content {
			float: left;
			width: 100%;
			padding: 0 20px;
		}

			#content .posts .form .content .text {
				float: left;
				width: 500px;
				font: bold 12px/20px Arial;
				margin-left: 50px;
				color: #ef1811;
			}

		#content .posts .form .bottom {
			float: left;
			background: url("../_images/product_bottom.gif") 0 0 no-repeat;
			height: 50px;
			width: 100%;
		}

			#content .posts .form .bottom .link {
				float: right;
				margin: 2px 70px 0 0;
				font: bold 13px/35px Arial;
				text-transform: uppercase;
			}

				#content .posts .form .bottom .link a {
					color: #fff;
					text-decoration: none;
				}

	/* Edit */
	#content .posts .edit {
		float: left;
		width: 910px;
		background: url("../_images/edit_back.gif") 0 0 repeat-y;
		margin-left: 30px;
	}

		#content .posts .edit .top {
			float: left;
			background: url("../_images/edit_top.gif") 0 0 no-repeat;
			height: 50px;
			width: 100%;
		}

			#content .posts .edit .top h3 {
				font: bold 14px/60px Arial;
				text-transform: uppercase;
				color: #fff;
				padding-left: 40px;
			}

		#content .posts .edit .content {
			float: left;
			width: 100%;
			padding: 0 20px;
		}

			#content .posts .edit .content .text {
				float: left;
				width: 100%;
				font: bold 12px/20px Arial;
				color: #ef1811;
				padding-top: 20px;
			}

		#content .posts .edit .bottom {
			float: left;
			background: url("../_images/edit_bottom.gif") 0 0 no-repeat;
			height: 50px;
			width: 100%;
		}

			#content .posts .edit .bottom .link {
				float: right;
				margin: 2px 70px 0 0;
				font: bold 13px/40px Arial;
				text-transform: uppercase;
			}

				#content .posts .edit .bottom .link a {
					color: #fff;
					text-decoration: none;
				}

	#content .posts .edit .logget {
		font: 12px/20px Arial;
		color: #000;
		margin-left: 20px;
		margin-bottom: 20px;
	}

		#content .posts .edit .logget th {
			color: #fff;
			background: #999;
			padding: 5px 0;
			text-align: left;
			padding-left: 7px;
		}

		#content .posts .edit .logget td {
			text-align: left;
			padding-left: 5px;
			font: 11px/20px Arial;
		}

		#content .posts .edit .logget .block {
			border: 1px solid #ccc;
			margin: 0;
			padding: 3px;
		}

			#content .posts .edit .logget .block.g {
				background: #ececec;
			}

		#content .posts .edit .logget td.button {
			text-align: center;
		}

	/* Form */
	#content .posts select {
		width: 300px;
		font: 12px/22px Arial;
		color: #000;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #bcbcbc;
		border-right: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		height: 22px;
	}

		#content .posts select.small {
			width: 150px;
		}

	#content .posts .field {
		width: 300px;
		font: 12px/22px Arial;
		color: #000;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #bcbcbc;
		border-right: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		height: 20px;
	}

	#content .posts .login {
		width: 81px;
		height: 28px;
		background: url("../_images/login.gif") 0 0 no-repeat;
		border: 0 none;
		cursor: pointer;
	}

	#content .posts textarea {
		width: 300px;
		font: 12px/16px Arial;
		color: #000;
		border-left: 1px solid #bcbcbc;
		border-bottom: 1px solid #bcbcbc;
		border-right: 1px solid #e7e7e7;
		border-top: 1px solid #e7e7e7;
		height: 120px;
	}

/*
	Sidebars
*/

#left ul, #right ul {
	float: left;
	overflow: hidden;
	list-style-type: none;
	margin: 0;
	font: 12px/20px Arial, Tahoma, sans-serif;
}

#right ul {
}

	#left ul li, #right ul li {
		float: left;
	}

	#right ul li {
	}

		#left ul li ul, #right ul li ul {
			list-style-type: none;
			margin: 0;
		}

			#left ul li ul li, #right ul li ul li {
				list-style-type: none;
			}

				#left ul li ul li a, #right ul li ul li a {
				}

					#left ul li ul li a:hover, #right ul li ul li a:hover {
					}





#left .list {
	float: left;
	width: 230px;
	margin: 10px 0 20px 10px;
	border: 1px solid #ccc;
}

	#left .list h3 {
		width: 100%;
		font: bold 12px/27px Arial;
		background: url("../_images/list_top.gif") 0 0 repeat-x;
		color: #fff;
		text-align: center;
		text-transform: uppercase;
		width: 230px;
	}

	#left .list ul li ul {
		margin: 10px 0;
		font: bold 12px/23px Arial;
		text-transform: uppercase;
		width: 230px;
	}

		#left .list ul li ul li {
			float: left;
			height: 23px;
			width: 100%;
		}

			#left .list ul li.active {
			}

		#left .list ul li a {
			display: block;
			color: #333;
			text-decoration: none;
			width: 100%;
		}

			#left .list ul li a:hover, #left .list ul li.active a {
				color: #fff;
				background: url("../_images/list_hover.gif") 0 0 repeat-x;
			}

		#left .list ul li a span {
			display: block;
			padding-left: 20px;
		}

			#left .list ul li a:hover span {
				display: block;
			}

/*
	Footer
*/

#footer a {
	text-decoration: none;
}

#footer p {
	font: bold 12px/35px Arial;
	margin: 10px 0;
	color: #fff;
	text-align: center;
}

/*
	Other styles
*/

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.grey {
	color: #9c9c97;
}


/*
	Search form
*/

#search {
	width: 210px;
	height: 54px;
	margin: 20px 0 0 770px;
}

#searchform {
	width: 210px;
}

	#searchform input {
		float: left;
	}

	#searchform p {
		height: 24px;
		background: url("../_images/searchfield.gif") 0 0 no-repeat;
		width: 210px;
	}

	#searchform p .field {
		/**/
		border: 0 none;
		background: transparent;
		width: 210px;
		font: 12px/16px Arial;
		color: #573112;
		padding: 4px 2px;
		/*padding-top: 5px;*/
	}

	#searchform .button {
		height: 19px;
		width: 66px;
		border: 0 none;
		background: none;
		cursor: pointer;
		background: url("../_images/searchbutton.gif") 0 0 no-repeat;
		margin: 5px 0 0 145px;
	}