/*

	Stylesheet for ArtSound

	Media:      screen, projection
	Copyright:  Netlash <http://www.netlash.com>
	author:     Thomas Deceuninck <thomasdeceuninck@netlash.com>

*/

/*
	Reset
*/

body, form, ol, ul, dl, li, dt, dd, td, th ,tr, h1, h2, h3, h4, h5, h6, p, pre, blockquote, address { margin: 0; padding: 0; }
ol, ul { list-style: none; }
img { border:0; }
fieldset { margin: 0; padding: 0; border: 0; }
input, select, textarea { font-size: 100%; vertical-align: middle; }
table { border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th { text-align: left; }
a:focus { overflow: hidden; }

/*
	Clearfix
*/

.clearfix:after,
#left:after,
#right:after,
#info:after,
#alsoViewed:after,
#alsoViewed ul:after,
#connectTwitter:after,
#connectFacebook:after,
.comment:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0px;
	line-height: 0;
}

/*
	General
*/

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #463A38;
	background: #000;
}

/*
	Typography and text styles
*/

/* General */

p {
	padding: 0 0 12px 0;
}

	p.intro {
		font-size: 14px;
		font-weight: 700;
		color: #000;
	}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, sans-serif;
	color: #000;
}

/* Headings */

h1, h2 {
	font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
	font-size: 48px;
	padding: 0;
	color: #2A241E;
	line-height: 1.1;
	letter-spacing: -0.045em;
}

h2, #blog h1 {
	font-size: 24px;
	letter-spacing: 0;
	text-transform: none;
	padding: 0 0 8px 0;
}

	h2.sectionTitle {
		font-size: 12px;
		font-family: Arial, sans-serif;
		line-height: 1.5;
	}

	h2.pageTitle, #blog h1 {
		border-bottom: 1px solid #030303;
		margin-bottom: 14px;
	}

h3 {
	font-size: 12px;
	padding: 0 0 6px 0;
}

h4 {
	font-size: 10px;
	padding: 0 0 4px 0;
}

/* Links */

a {
	border-bottom: 1px solid #666;
	text-decoration: none;
}

a:link {
	color: #000;
	border-color: #9f9392;
}

a:visited {
	color: #000;
	border-color: #9f9392;
}

a:hover {
	color: #000;
	border-color: #000;
}

a:active {
	color: #000;
	border-color: #000;
}

a:focus {
	color: #000;
	border-color: #000;
}

/* .content defaults */

.content ul {
	list-style: disc;
	padding: 0 0 12px 12px;
}

.content ol {
	list-style-type: decimal;
	padding: 0 0 12px 12px;
}

.content dl {
	padding: 0 0 12px 12px;
}

.content ul ul,
.content ul ol,
.content ol ul,
.content ol ol {
	padding-bottom: 0;
}

.content code {
	font-family: Monaco, "Courier New", monospace;
}

.content pre {
	font-size: 12px;
	line-height: 18px;
	background: #F5F5F5;
	margin: 0 0 12px 0;
	padding: 10px;
}

.content blockquote,
.content q {
	font-style: italic;
	color: #666;
}

.content blockquote {
	padding: 0 10px;
	padding: 12px 0;
}

.content cite,
.content em {
	font-style: italic;
}

/*
	Page structure and layout
*/

/* General */
#logo,
#headerWrapper
#main,
#footer {
	width: 100%;
}

#header,
#content,
#contentCentered {
	width: 980px;
	margin: 0 auto;
	zoom: 1;
}

	#content:after,
	#contentCentered:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

/* Header */

#headerWrapper {
	background: rgba(0,0,0,0.55);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
	zoom: 1;
}

#container {
	width: 100%;
	background: #5A5422 url(../images/header_bp_bg.jpg) no-repeat top center;
}

	#home #container {
		background: none;
	}

	#header {
		position: relative;
		zoom: 1;
	}

	#header:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

/* Logo */

#logo {
	padding: 19px 0;
	background: rgba(0,0,0,0.25);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#25000000,endColorstr=#25000000);

}

#logo h1,
#logo h2 {
	width: 174px;
	height: 57px;
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	margin: 0 auto;
	/* 19 + 19 + 57 = approx 96*/
}

	#logo h1 a,
	#logo h2 a {
		width: 100%;
		height: 100%;
		display: block;
		overflow: hidden;
		border: none;
	}

	#logoWrapper {
		width: 295px;
		height: 81px;
		margin: 0 auto;
	}

	#logoObject {
		margin-left: -35px;
	}

/* Navigation & Language */

#navigationHolder {
	padding: 7px 24px 0 24px;
	height: 41px; /* 7+41=48px */
	zoom: 1;
}

	#navigationHolder:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

#navigation {
	float: left;
	zoom: 1;
}

	#navigation:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

#language {
	float: right;
}

	#navigation ul,
	#language ul {
		float: left;
	}

		#navigation ul li,
		#language ul li {
			float: left;
			padding: 6px 12px 0 0;
		}

		#language ul li {
			padding: 6px 8px 0 0;
		}

			#navigation ul li a,
			#language ul li a {
				float: left;
				color: #cfcdcc;
				font-weight: 700;
			}

			#language ul li a {
				text-transform: uppercase;
			}

			/* link states */
			#navigation ul li a:link,
			#navigation ul li a:visited,
			#language ul li a:link,
			#language ul li a:visited {
				color: #cfcdcc;
				border: none;
			}

			#navigation ul li a:hover,
			#navigation ul li a:active,
			#navigation ul li a:focus,
			#language ul li a:hover,
			#language ul li a:active,
			#language ul li a:focus {
				color: #FFF;
				border: none;
			}

			/* selected link states */
			#navigation ul li.selected a:link,
			#navigation ul li.selected a:visited,
			#navigation ul li.selected a:hover,
			#navigation ul li.selected a:active,
			#navigation ul li.selected a:focus,
			#language ul li.selected a:link,
			#language ul li.selected a:visited,
			#language ul li.selected a:hover,
			#language ul li.selected a:active,
			#language ul li.selected a:focus {
				color: #FFF;
				padding-bottom: 6px;
				border-bottom: 1px solid #FFF;
			}

			#language ul li.selected a:link,
			#language ul li.selected a:visited,
			#language ul li.selected a:hover,
			#language ul li.selected a:active,
			#language ul li.selected a:focus {
				padding-bottom: 4px;
			}

	/* Search */

	#header #search {
		float: right;
		margin-left: 6px;
		border: none;
		padding: 0;
		zoom: 1;
	}

		#search:after,
		#search form:after {
			/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
		}

		#header #search form,
		#header #search fieldset {
			float: left;
		}

		#header #search form {
			padding-top: 6px;
			zoom: 1;
		}

			#header #search form p {
				padding: 0;
				float: left;
			}

			#header #search input.inputSubmit {
				text-indent: -9999px;
				font-size: 0;
				background: #070707 url(../images/search_submit.png) no-repeat;
				border: none;
				width: 26px;
				height: 20px;
			}

			#header #search input.inputText {
				height: 14px;
			}

			#header #search input.inputText:focus {
				-webkit-box-shadow:0 0 4px #c6b3af;
				-moz-box-shadow: 0 0 4px #c6b3af;
				box-shadow:0 0 4px #c6b3af;
				border-color: #c6b3af;
				color: #463a38;
			}

/* Content */

#main {
	background: #EEEBE2 url(../images/grunge_bp_bg.jpg) no-repeat top center;
	min-height: 520px;
	height: auto !important;
	height: 520px;
}

	#main:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

.homepageLinks p {
	padding: 0;
}

#content, #contentCentered {
	padding: 24px 24px 36px 24px;
	width: 932px;
}

	#content #left {
		float: left;
		width: 215px;
	}

	#contentCentered #left {
		float: left;
		width: 192px;
	}

	#contentCentered #right {
		float: left;
		width: 147px;
		padding-left: 24px;
		padding-top: 50px;
	}

	#content #right {
		float: left;
		width: 690px;
		padding-left: 24px;
	}

	#contentCentered #middle {
		float: left;
		width: 545px;
		padding-left: 24px;
		overflow: hidden;
	}

	#contentCentered #middleWide {
		float: left;
		width: 716px;
		padding-left: 24px;
	}

/*
	Product overzicht
*/

.productConfiguration {
	border-top: 1px solid #030303;
	padding: 14px 0;
}

	.productConfiguration .section {
		float: left;
		padding: 0 12px 0 0;
		width: 150px;
		list-style: none;
	}

	.productConfiguration .section ul {
		list-style: none;
	}

	.productConfiguration label {
		font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
		font-size: 11px;
	}

	.productConfiguration ul li ul {
		padding-left: 24px;
	}

	/* Label colors */

	.productConfiguration label.red,
	.productConfiguration label.green,
	.productConfiguration label.blue,
	.productConfiguration label.orange,
	.productConfiguration label.turquoise {
		color: #FFF;
		float: left;
	}

		.productConfiguration label.red span {
			background: #da0000;
		}

		.productConfiguration label.green span {
			background: #2e6632;
		}

		.productConfiguration label.blue span {
			background: #3c74ea;
		}

		.productConfiguration label.orange span {
			background: #ff610b;
		}

		.productConfiguration label.turquoise span {
			background: #238f8e;
		}

	#products {
		width: 100%;
	}

	#products,
	#contentHolder,
	#search,
	#searchResults {
		border-top: 1px solid #030303;
		padding-top: 14px;
	}

	#products .articles {
		border-top: 1px solid #d4c7be;
		border-left: 1px solid #d4c7be;
		float: left;
	}

	#products .article {
		float: left;
		width: 180px;
		background: #FFF;
		border-right: 1px solid #d4c7be;
		border-bottom: 1px solid #d4c7be;
		padding: 6px 0 28px 0;
	}

		#products .article h3 {
			padding: 0 0 24px 8px;
			color: #444;
			font-weight: 500;
		}

			#products .article h3 a {
				color: #444;
				font-weight: 700;
				border-bottom: none;
				display: inline;
			}

			/* link states */
			#products .article h3 a:link,
			#products .article h3 a:visited {
				color: #444;
				border-bottom: none;
			}

			#products .article h3 a:hover,
			#products .article h3 a:active,
			#products .article h3 a:focus {
				color: #444;
				border-bottom: 1px solid #444;
			}

		#products .article a {
			width: 150px;
			height: 150px;
			margin: 0 auto;
			display: block;
			border: none;
		}

			#products .article a img {
				display: block;
				margin: 0 auto;
			}

	/* Product detail */

		#left .productImage {
			padding: 21px 62px;
			width: 234px;
			height: auto;
			border: 1px solid #eee;
			border-color: #8F8680 #D4C7BE #D4C7BE #D4C7BE;
			background: #FFF;
		}

		#left .productImage img {
			display: block;
			width: 234px;
			margin: 0 auto;
		}

	#right #products.detail {
		padding-bottom: 24px;
	}

	#right .productDescription {
		border-bottom: 1px solid #030303;
		padding: 0 0 36px 0;
	}

	#right .productDescription p {
		font-size: 14px;
	}

	#right #info {
		color: #000;
		padding: 14px 0 10px 0;
	}

		#right #info #infoLeft {
			width: 238px;
			float: left;
			padding: 12px;
			margin: 0 0 6px;
			background: rgba(0,0,0,0.1);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
		}

		#right #info #infoRight {
			width: 238px;
			float: right;
			padding: 12px;
			margin: 0 0 6px;
			background: rgba(0,0,0,0.1);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#10000000,endColorstr=#10000000);
		}

	#right #accessories,
	#right #related {
		border-top: 1px solid #030303;
		padding: 14px 0 24px;
		border-bottom: 1px solid #030303;
		margin-bottom: 12px;
	}

	/* Dealers */

	#dealerForm {
		padding-bottom: 14px;
	}

	#dealerForm p {
		width: 425px;
	}

	#dealerForm input.inputSubmit {
		margin-left: 6px;
	}

	#googleWrapper {
		border-top: 1px solid #030303;
		padding: 14px 0;
	}

	/* Contact */

	#contactForm textarea {
		width: 350px;
	}

	#contactForm .personaliaHolder {
		width: 350px;
	}

	/* Search */

	#searchAgain label {
		display: none;
	}

	#search .formError {
		margin-left: 0;
	}

	#searchResults {
		margin-top: 14px;
	}

		#searchResults h2 {
			font-size: 16px;
		}

		#searchResults ul li {
			padding-bottom: 6px;
		}

		#searchResults .title {
			padding-bottom: 6px;
		}

	/* Guestbook */

	#guestbookForm,
	#guestbook {
		border-top: 1px solid #030303;
		padding-top: 12px;
	}

		#guestbookForm .personaliaHolder {
			width: 320px;
		}

	#guestbook {
		padding-top: 0;
	}

	.comment {
		border-bottom: 1px solid #9F9392;
		margin-bottom:15px;
		overflow:hidden;
	}

		.comment .heading {
			font-size: 11px;
			color: #000;
			padding-bottom: 6px;
		}

			.comment .heading p {
				padding: 0;
			}

			.comment .heading .commentTitle {
				font-weight: 700;
			}

			.commenttitle {
				font-size:12px;
				color:#555555;
			}

			.author {
				font-size:11px;
				font-style:italic;
				color:#555555;
			}

	.avatar, .gravatar {
		float: left;
		width: 40px;
		height: 40px;
		padding-top: 2px;
		margin:0 15px 15px 0;
	}

		.avatar img {
			display: block;
			width: 40px;
		}

	.commentContent {
		float: right;
		width: 480px;
	}

		.home .commentContent {
			width: 240px;
		}

			.home .commentContent p.author {
				font-style: italic;
				font-size: 11px;
				padding-bottom: 6px;
			}

			.home .commentContent p.author a:link,
			.home .commentContent p.author a:visited {
				border-width:0px;
			}

	/* Gallery */

	/* inc clearfix */
	.ie6 #gallery ul, .ie7 #gallery ul { zoom: 1; }
	#gallery ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	#gallery ul {
		margin: 0;
		padding: 0;
	}

	#gallery li {
		list-style: none;
		float: left;
		padding: 0 10px 10px 0;
		width: 100px;
		height: 100px;
	}

	/* FAQ */

	#faq.category li {
		padding-bottom: 12px;
	}

	#faq.category li a:link,
	#faq.category li a:visited {
		font-family: Menlo, 'Bitstream Vera Sans Mono', Consolas, 'Andale Mono', monospace;
		font-size: 11px;
		line-height: 12px;
		border: none;
		background-color: #101010;
		color: #fff;
	}

	#faq.category li a:hover,
	#faq.category li a:focus,
	#faq.category li a:active {
		background-color: #41302D;
	}

/*
	Slideshow nav
*/

#slideshowNavHolder {
    height: 48px;
    background: rgba(0,0,0,0.55);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#55000000,endColorstr=#55000000);
    zoom: 1;
}

.slideshowNavInner {
	width: 932px;
	padding: 0 24px;
	margin: 0 auto;
	font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
}

.slideshowNav {
	zoom: 1;
	margin-top: 11px;
	float: right;
}

	.slideshowNav:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

	.slideshowNav li {
		margin-right: 1px;
	}

	.slideshowNav li,
	.slideshowNav a,
	.slideshowNav span {
		text-align: center;
		float: left;
		display: block;
		font-size: 13px;
		width: 25px;
		height: 25px;
		line-height: 25px;
	}

		.slideshowNav a span {
			right: 1px;
		}

	/* link states */
	.slideshowNav a:link,
	.slideshowNav a:visited {
		color: #FFF;
		border: none;
		cursor: pointer;
		background: url(../images/slideshownav_selected.png) no-repeat 0 -9000px;
	}

	.slideshowNav a:hover,
	.slideshowNav a:active,
	.slideshowNav a:focus {
		background: url(../images/slideshownav_selected.png) no-repeat 0 0;
	}

	/* selected link states */
	.slideshowNav .selected a:link,
	.slideshowNav .selected a:visited,
	.slideshowNav .selected a:hover,
	.slideshowNav .selected a:active,
	.slideshowNav .selected a:focus {
		/* Extra specifity for IE6 */
		background: url(../images/slideshownav_selected.png) no-repeat 0 0;
	}

/*
	blog
*/

#blog h2 {
	font-size:18px;
}

#blog .date {
	font-size:11px;
	text-transform:uppercase;
	color:#555555;
}

#blog .content, #blog .meta {
	border-bottom: 1px solid #9F9392;
	margin-bottom:15px;
}

#blog .meta {
	padding-bottom:10px;
}

#blog .meta li {
	margin-bottom:5px;
	color:#555555;
}

#blog .datagrid {
	margin-bottom:20px;
}

	#blog .datagrid td {
		padding:0 10px 0 0;
	}

#blogArchiveMini h4 {
	font-size:12px;
	color:#2A241E;
	margin-bottom:10px;
}

#blogArchiveMini ul {
	margin-bottom:10px;
}

/*
	Doormat
*/

#doormat {
	background: #000;
	color: #E1E1E1;
	zoom: 1;
}

	#doormat h1,
	#doormat h2,
	#doormat h3,
	#doormat h4 {
		color: #FFF;
	}

#doormatInner {
	padding: 12px 0 24px;
	width: 932px;
	margin: 0 auto;
}

	#doormat:after {
		/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
	}

#doormat a:link,
#doormat a:visited {
	color: #FFF;
}

#doormat a:hover,
#doormat a:active,
#doormat a:focus {
	color: #FFF;
}

#connectTwitter,
#connectFacebook {
	width: 80px;
	float: left;
	font-weight: 700;
	font-size: 11px;
	margin-right: 24px;
	color: #FFF;
}

	#connectTwitter p,
	#connectFacebook p {
		text-align: center;
	}

	#connectTwitter a {
		background: url(../images/twitter_icon.png) no-repeat;
		width: 83px;
		height: 16px;
		display: block;
		border: none;
	}

	#connectTwitter a:hover,
	#connectTwitter a:active,
	#connectTwitter a:focus {
		background-position: 0 -19px;
	}

	#connectFacebook a {
		background: url(../images/facebook_icon.png) no-repeat;
		width: 88px;
		height: 17px;
		display: block;
		border: none;
	}

	#connectFacebook a:hover,
	#connectFacebook a:active,
	#connectFacebook a:focus {
		background-position: 0 -23px;
	}

	#connectTwitter a span,
	#connectFacebook a span {
		position: absolute;
		top: -9999px;
	}

#doormat #guaranty {
	width: 297px;
	padding-left: 20px;
	float: left;
}

#doormat #blog.home {
	width: 297px;
	padding-left: 20px;
	float: left;
}

	#doormat #guaranty strong {
		color: #FFF;
	}

/*
	Footer
*/

#footer {
	font-size: 11px;
	color: #666;
	padding: 20px 0;
	background: #000;
	zoom: 1;
}

#footer:after,
#footer ul:after {
	/* @inc .clearfix */ content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

	#footer ul {
		float: left;
		zoom: 1;
	}

	#footer ul li {
		float: left;
		padding-right: 18px;
	}

		#footer ul li a {
			float: left;
			color: #A8A8A8;
		}

		/* link states */
		#footer ul li a:link,
		#footer ul li a:visited {
			color: #A8A8A8;
			border: none;
		}

		#footer ul li a:hover,
		#footer ul li a:active,
		#footer ul li a:focus {
			color: #FFF;
			border-bottom: 1px solid #A8A8A8;
		}

/*
	Pagination
*/

.pagination-wrap {
	width: 100%;
	overflow: hidden;
}

.pagination {
	float: left;
	position: relative;
	left: 50%;
}

.pagination ul {
	padding: 18px 0;
	z-index: 2;
	overflow: hidden;
	position: relative;
	left: -50%;
}

.pagination li {
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
	text-decoration: none;
	padding: 0;
	line-height: 15px;
	font-size: 12px;
	text-align: center;
}

.pagination li span {
	float: left;
	display: block;
	padding: 4px 5px;
	color: #ccc;
	min-width: 12px;
}

.pagination li.currentpage span {
	font-weight: 700;
	color: black;
}

.pagination li.selected span {
	padding: 4px 5px;
	font-weight: 700;
	color: black;
}

.pagination li a:link,
.pagination li a:visited {
	float: left;
	display: block;
	padding: 3px 4px;
	border: 1px solid #ddd;
	text-decoration: none;
	min-width: 12px;
}

li.ellipsis {
	margin: 0;
}

li.ellipsis span {
	color: black;
}

.pagination li a:hover,
.pagination li a:active {
	background: #eee;
	border: 1px solid #bbb;
	color: black;
}

.nextpage, .previouspage {
	font-size: 11px !important;
}

.pagination li.nextpage {
	margin-left: 10px;
}

.pagination li.previouspage {
	margin-right: 15px;
}

/* projects */

.project {
	border-bottom: 1px solid #9F9392;
	margin-bottom: 15px;
}
.date {padding-bottom:0;}



/* Form style */

input, textarea, select, button {
	font-family: Arial, sans-serif;
}

input.input-submit,
input.inputSubmit {
	font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
	font-size: 11px;
	color: #FFF;
	float: left;
	margin-left: 4px;
	background: #070707;
	border: 1px solid #000;
	cursor: pointer;
	height: 22px;
	line-height: 18px;
	padding: 3px 6px;
	border: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

input.input-submit:hover,
input.inputSubmit:hover {
	background: #41302d;
}

input.input-text,
input.inputText,
textarea {
	float: left;
	background: #FFF url(../images/input_text_bg.png) repeat-x 0 top;
	color: #463a38;
	border: 1px solid #afaeac;
	height: 16px;
	padding: 2px;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

textarea {
	height: 100px;
	width: 250px;
}

input:focus,
textarea:focus,
input.inputSubmit:focus {
	-webkit-box-shadow:0 0 4px #58504f;
	-moz-box-shadow: 0 0 4px #58504f;
	box-shadow:0 0 4px #58504f;
	border-color: #58504f;
}

/* Fix focus in Chrome/Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input[type="text"]:focus,
	input[type="submit"]:focus,
	input.inputText:focus,
	input.inputSubmit:focus,
	input.inputPassword:focus,
	textarea:focus {
		outline: none;
		border-color: #23100c;
	}
}

.formBlock p, #blogForm form p {
	padding-bottom: 6px;
	clear:both;
	overflow:hidden;
}

.formBlock small {
	margin-left: 3px;
}

.formBlock label, #blogForm label {
	float: left;
	width: 100px;
	display: block;
	font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
}

.formBlock input.inputText, #blogForm .inputText {
	width: 200px;
}

.formBlock input.inputSubmit, #blogForm .inputSubmit {
	margin: 0 0 0 100px;
}

.formBlock br {
	clear: both;
}

/* General classes */

.hidden { display: none; }
.block { display: block; }
.noPadding { padding: 0 !important; }
.noMargin { margin: 0 !important; }
.floatLeft { float: left; }
.floatRight { float: right; }
.noBorder { border: none; }

/* Image classes */

img.alignLeft {
	float: left;
	padding: 0 10px 10px 0;
}

img.alignRight {
	float: right;
	padding: 0 0 10px 10px;
}

a.linkedImage {
	border: 0;
	display: block;
	font-size: 11px;
}

a.linkedImage img {
	display: block;
}

/* Button classes */

.button {
	color: #FFF;
}

.button a {
	font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
	font-size: 11px;
	color: #FFF;
	background: #000;
	padding: 4px 8px;
	border: none;

	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.button a:link,
.button a:visited {
	color: #FFF;
	background: #000;
}

.button a:hover,
.button a:active {
	color: #FFF;
	background: #41302d;
}

.button a:focus {
	position: relative;
	top: 2px;
}

/* Label & Checkbox classes */

.label_checkbox_pair {
	position: relative;
	clear: both;
	float: none;
}

	.label_checkbox_pair input {
		position: absolute;
		top: 1px;
		left: 0;
		margin: 0;
		vertical-align: middle;
		width: auto !important;
	}

	.label_checkbox_pair label {
		display: block;
		margin-left: 18px;
		padding-bottom: 6px;
	}

/* Error classes */

.formError {
	color: #FF0000;
	font-size: 11px;
	margin-left: 100px;
	line-height: 2;
}

.formSuccess {
	color: #36772c;
}

/*
	Subnavigation
*/

#subnavigation {
	font-weight: 700;
	padding-top: 50px;
	line-height: 1.33;
}

	#subnavigation li,
	#subnavigation a {
		zoom: 1;
	}

	#subnavigation li a:link,
	#subnavigation li a:visited {
		display: block;
		padding: 4px 0;
		color: #555;
		border-color: #888 !important;
	}

	#subnavigation li a:hover,
	#subnavigation li a:active,
	#subnavigation li a:focus {
		color: #000;
	}

	#subnavigation li.selected a:link,
	#subnavigation li.selected a:visited,
	#subnavigation li.selected a:hover,
	#subnavigation li.selected a:active,
	#subnavigation li.selected a:focus {
		color: #000;
	}

	#subnavigation li:last-child a {
		border: none;
	}

		#subnavigation li.selected li {
			margin-left: 24px;
		}

		#subnavigation li.selected li a:link,
		#subnavigation li.selected li a:visited {
			color: #555;
		}

		#subnavigation li.selected li a:hover,
		#subnavigation li.selected li a:active,
		#subnavigation li.selected li a:focus,
		#subnavigation li.selected li.selected a {
			color: #000 !important;
		}

	/*
		Don't display third level since it's not styled
	*/

	#subnavigation ul ul ul {
		display: none;
	}

/*
	Utilities
*/

/*
	Utility: center horizontally
	Use: center an element with variable width horizontally

	Markup pattern:

	<div class="chWrap"><div class="ch"><div class="chInner">
		Element here
	</div></div></div>
*/

.chWrap {
	width: 100%;
	overflow: hidden;
}

.ch {
	float: left;
	position: relative;
	left: 50%;
}

.chInner {
	position: relative;
	left: -50%;
}

	.ie6 .chInner,
	.ie7 .chInner {
		float: left;
	}

/*
	Team members table
	CSS3 classes added with JS
*/

#teamMembers {
	margin: 8px 0;
}

#teamMembers td {
	vertical-align: top;
	width: 358px;
}

#teamMembers table td {
	border-top: 1px solid #898988;
	padding: 20px 0 8px;
}

#teamMembers td td {
	width: auto;
}

#teamMembers tr td.firstChild table {
	margin-right: 10px;
}

#teamMembers tr td.lastChild table {
	margin-left: 10px;
}

#teamMembers img {
	margin-right: 10px;
}

#teamMembers p.firstChild {
	font-size: 11px;
	color: #000;
}

/*
	Toolbox table
*/
#toolbox {
	width: 716px;
	overflow: hidden;
}
	.toolbox {
		width: 348px;
		float: left;
		padding: 20px 0;
		border-top: 1px solid #898988;
		margin-right: 20px;
	}

		.toolbox.even {
			margin-right: 0;
		}

		/* inc clearfix */
		.ie6 .toolbox, .ie7 .toolbox { zoom: 1; }
		.toolbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

		.toolbox-image {
			float: left;
			width: 120px;
		}

		.toolbox-content {
			float: left;
			width: 218px;
		}

			.toolbox-content h3 {
				padding-bottom: 3px;
			}

			.toolbox-content em {
				font-size: 11px;
				color: #000;
			}

			.toolbox-content p {
				padding-bottom: 6px;
			}

	.toolbox-wide {
		border-top: 1px solid #898988;
		padding-top: 20px;
		width: 716px;
		margin-bottom: 40px;
	}

		/* inc clearfix */
		.ie6 .toolbox-wide, .ie7 .toolbox-wide { zoom: 1; }
		.toolbox-wide:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

		.toolbox-wide .toolbox-imageHolder {
			float: left;
			width: 220px;
			height: 177px;
			display:block;
		}

			.toolbox-wide .toolbox-overlay,
			.toolbox-wide .toolbox-overlay-movie {
				display: block;
				position: absolute;
				width: 220px;
				height: 40px;
				background: url(../images/bg-tape.png) no-repeat;
				z-index: 100;
			}

			.toolbox-wide .toolbox-overlay-movie {
				height: 177px;
				background: url(../images/bg-tape-movie.png) no-repeat;
			}

				.toolbox-overlay a,
				.toolbox-overlay-movie a {
					display: block;
					width: 220px;
					height: 177px;
					border: none;
				}

			.toolbox-wide .toolbox-image {
				padding-top: 20px;
				position: absolute;
				width: 220px;
				z-index: 1;
			}

		.toolbox-wide .toolbox-number {
			float: left;
			width: 75px;
			font-size: 48px;
			line-height: 46px;
			color: #b6b5ad;
			font-family: "Menlo", "Bitstream Vera Sans Mono", "Consolas", "Andale Mono", monospace;
			padding-top: 20px;
		}

		.toolbox-wide .toolbox-content {
			padding-top: 20px;
			width: 420px;
		}

		.hidden { display: none;}

/*
	Positioning slideshow
	Home only
*/

#home #website #container {
	position: absolute;
	top: 0 !important;
	width: 100%;
}

#home #website {
	width: 100%;
	z-index: 100;
	position: absolute;
	top: 0 !important;
}

#slideshow {
	overflow: hidden;
	z-index: 1;
	position: relative; /* IE6 & IE7 overflow fix */
	height: 610px;
}

	#slideshow img,
	#slideshow a {
		width: 1650px;
		height: 610px;
		display: block;
	}

		#slideshow a {
			margin: 0 auto;
			z-index: 2;
			position: relative;
		}

		#slideshow img {
			position: absolute;
		}

#container .slideshowLink {
	display: block;
	height: 400px;
	width: 100%;
	outline: 0;
	border: none;
}

.adealer h3 span {
	color: #FFF;
	font-size: 11px;
	padding: 1px 3px;
	margin-left: 2px;
	text-transform: lowercase;
	font-weight: 400;
	position: relative;
	bottom: 1px;
	background: #777674;
	background: rgba(0,0,0,0.5);
}

/* country chooser modal popup */

.countryModal .ui-dialog-titlebar-close { display:none; }

.countryModal {
	background: #EEEBE2 url(../images/grunge_bp_bg.jpg) no-repeat top center !important;
	border:none !important;
	padding:0 !important;
	box-shadow:0 0 50px #000;
}

.countryModal .ui-widget-header {
	background:none;
	border:none;
	color: #2A241E;
    font-family: "Menlo","Bitstream Vera Sans Mono","Consolas","Andale Mono",monospace;
	font-size:24px;
	margin:10px 20px !important;
	padding:0 0 10px !important;
	border-bottom: 1px solid #030303;
}

.countryModal .ui-dialog-content {
	padding:10px 20px 20px !important;
}

.countryModal .ui-dialog-content ul {
	float:left;
	margin-right:20px;
	width:200px;
}

.countryModal .ui-dialog-content ul ul {
	margin-bottom:10px;
}

#produkty
{
text-align: center;
height: 240px;
width: 208px;
float: left;
margin:2px;
padding:3px;
border-style:solid;
border-width: 1px;
}

#listing{
clear: left;
			}

	  #templatemo_content h1{
		line-height: 40px;
		}

/* end of copyright */
#templatemo_content a{
	color: #000000;
}
#opis{
padding:2px;
		position: relative; top:70px;
		background-color: #000000;
		height: 85px;

		}

#opis a{
color: #fff;
text-decoration: none;

		}
		#obr
{
height:80px;
}

#in_stock{
background-image: url('./item_stock_green.png');
background-repeat: no-repeat;
background-position: 5px;
width:130px;
float:right;
color:#58b43f;
font-weight: bold;
font-size: 16px;
border-style:solid;
border-width:1px;
border-color:#58b43f;
padding:4px;
}

#out_stock{
float:right;
color:#000000;
font-weight: bold;
font-size: 16px;
border-style:solid;
border-width:1px;
border-color:#000000;
padding:4px;
}