body {
	background-color: #e9e9e9;
	font-family: Verdana, Arial, Helvetica, sans-serif, serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	}
.clear {
	clear: both;
	}
.clearL {
	clear: left;
	}
.clearR {
	clear: right;
	}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}

.pointer {
	cursor: pointer;
}

/** HEADERS **/
h1 {
	font-size: 20px;
	}
h2 {
	font-size: 18px;
	}
h3 {
	font-size: 16px;
	}

/** RESPONSIVE ELEMENTS **/
.full {
	display: block;
	}
.twoColumns {
	display: none;
	}
.logo {

	}
.logoMedium,
.logoSmall {
	display: none;
	}

a img {
	border: 0;
	}

/** COOKIE MESSAGE **/
#cookieMessage {
	color: #fff;
	font-size: 12px;
	height: 26px;
	margin: 0 auto;
	position: fixed;
	text-align: center;
	bottom: 0;
	width: 960px;
	z-index: 1000;
	}
	#cookieMessage .background {
		background-color: #000;
		content: "";
		height: 100%;
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
		filter:alpha(opacity=60);
		opacity: 0.6;
		width: 100%;
		}
	#cookieMessage .text {
		position: absolute;
		text-align: center;
		top: 4px;
		width: 100%;
		}
	#cookieMessage a {
		color: #fff;
		text-decoration: underline;
		}
		#cookieMessage a:hover {
			text-decoration: none;
			}

/** SITE STRUCTURE **/
.backgroundWrapper {
	background: url('/public/images/user/shadowBG.png') #e9e9e9 no-repeat;
	margin: 0 auto;
	min-height: 700px;
	padding: 0 31px;
	width: 960px;
	position: relative;
	z-index: 1;
	}
.siteWrapper {
	background-color: #fff;
	min-height: 680px;
	position: relative;
	width: 960px;
	}
.siteWrapper .shopInfo {
	position: absolute;
	bottom: 20px;
	left: 35px;
	}
	img.dhl {
		margin-top: 20px;
	}

/** SITE HEADER **/
.siteTopBarWrapper {
	background-color: #F3CB40;
	border-bottom: 1px solid #000;
	content: "";
	height: 25px;
	margin: auto;
	position: relative;
	width: 960px;
	z-index: 2;
	}
.siteHeader {
	height: 153px;
	position: relative;
	/*top: -26px;*/
	width: 100%;
	}
.cardLogo {
	position: absolute;
	right: 78px;
	top: 0;
	width: 100px;
	z-index: 200;
	}
.headerLogo {
	left: 2px;
	position: absolute;
	top: 50px;
	}
.headerTelephoneNumbers {
	font-size: 13px;
	left: 486px;
	position: absolute;
	top: 58px;
	width: 260px;
	}
	.headerTelephoneNumbers table {
		border: 0;
		}
	.headerTelephoneNumbers a {
		text-decoration: none;
		}

/** NAVIGATION **/
.siteNav {
	border-bottom: 1px solid #000;
	height: 35px;
	position: relative;
	width: 100%;
	}

.siteTopBarWrapper .siteSearch {
	top: 160px;
	right: 78px;
	position: absolute;
	width: 95px;
}
.siteTopBarWrapper .siteSearch input {
	width: 71px;
	padding: 2px 16px 2px 2px;
}
.siteTopBarWrapper .siteSearch img {
	position: absolute;
	right: 5px;
	top: 2px;
}


.siteSearch.mobile {
	display: none;
	position: static;
}
/** SEARCH FIELD **/
.siteSearch input, .siteSearch.mobile input, #siteSearchResultForm input {
	border: 1px solid #000;
	padding: 5px;
	width: 150px;
	font-size: 10px;
	}
.siteSearch.mobile input {
	margin-bottom: 28px;
}
#siteSearchResultForm input {
	width: 200px;
}
.siteSearch img {
	position: relative;
	top: 4px;
}

/** LEFT COLUMN **/
.leftColumn {
	float: left;
	margin-right: 30px;
	min-height: 318px;
	width: 192px;
	}
	.labelNav,
	.subNav {
		background-color: #F3CB40;
		}
		.labelNav div,
		.extraNav div,
		.subNav .navItem {
			border-bottom: 1px solid #fff;
			font-size: 12px;
			padding: 5px 5px 5px 10px;
			text-transform: uppercase;
			}
			.subNav .navItem {
				font-size: 12px;
				}
			.labelNav a {
				color: #000;
				text-decoration: none;
				}
	.labelNav,
	.subNav {
		margin-bottom: 28px;
		}
	.extraNav a {
		text-decoration: none;
		}
	.subNav .navItem {
		float: none;
		}

	.labelNav {
		}
.leftColumn .shopCartMini {
	margin: 4px;
	padding: 4px;
	font-size: 10px;
	width: 200px;
}
.leftColumn .shopCartMini .large {
	font-size: 12px;
	font-weight: bold;
}
/** BANNERS LEFT COLUMN **/
.bannerGroup {
	padding: 5px 5px 5px 0;
	}
.banner .block {
	padding-bottom: 0;
	}

/** CONTENT **/
#contentColumn {
	float: left;
	width: 660px;
	padding-top: 16px;
	}
#contentColumn h1, #contentColumn h2, #contentColumn h3, #contentColumn h4, #contentColumn h5, #contentColumn h6 {
	margin-top: 0;
}

/** CONTENT SLIDESHOW */
div.slider {
	position: absolute;
	top: 0;
	z-index: 18;
	}
	div.slider div.slide {
		cursor: pointer;
		float: left;
		overflow: hidden;
		z-index: 20;
		}

	div.slider div.wrapper {
		height: 784px;
		}
	div.slider div.wrapper div.slide {
		height: 784px;
		overflow: hidden;
		position: relative;
		width: 1264px;
		}
	div.fader {
		position: relative;
		}
	div.fader div.slide {
		left: 0;
		position: absolute;
		text-align: center;
		top: 0;
		}
	div.dots {
		bottom: 10px;
		position: absolute;
		right: 10px;
		z-index: 10;
		}
	div.dot {
		background-image: url('/public/images/user/slideshowDot.png');
		cursor: pointer;
		float: left;
		height: 16px;
		margin-left: 5px;
		width: 16px;
		}
		div.dot.active {
			background-image: url('/public/images/user/slideshowDotActive.png');
			}

#contentHeaderSlider {
	height: 400px;
	margin-bottom: 15px;
	margin-top: -16px;
	position: relative;
	}

.block {
	padding-bottom: 0px;
	}
	.block .blockitem {
		float: left;
		}
	.block span p {
		float: left;
	}
	.block span img {
		float: left;
	}
    .block .input-field span img {
        float: none;
    }
.block h2 {
	/*padding: 0 0 15px 0;*/
	margin: 0;
	}
.block p {
	margin: 15px 0 15px 0;
	padding: 0;
}
.bannerTitle {
	font-size: 14px;
	font-weight: bold;
	padding: 15px 0;
	text-transform: uppercase;
	}

/** FOOTER **/
.siteFooter {
	background-color: #F3CB40;
	border-top: 1px solid #000;
	/*bottom: 0;*/
	padding: 10px 0 10px 20px;
	position: absolute;
	width: 940px;
	}
	.siteFooter a {
		text-decoration: none;
		}
	.siteFooter .siteFooterColumn {
		float: left;
		padding-right: 10px;
		width: 175px;
		}
	.siteFooter .siteFooterColumn .label {
		padding: 10px 0 0 0;
		}
		.siteFooter .siteFooterColumn .firstChild.label {
			padding: 0;
			}
	.siteFooter .siteFooterColumn .labelPage {
		/*margin-left: 10px;*/
		}
		.siteFooter .siteFooterColumn .labelPage.level_3 {
			/*margin-left: 20px;*/
			}

a:hover {
	text-decoration: underline;
}

.shopBlock .filter {
	float: left;
	width: 33%;
	}
	.shopBlock .filter select {
		width: 95%;
	}
	.shopBlock .productOverview {
		margin-bottom: 15px;
	}
	.productOverview .product, .quotationForm .product {
		width: 100%;
		padding: 4px 0 4px; position: relative;
		margin-top: 4px;
		border-top: 1px solid;
	}
	.product.quotation {
		padding: 16px 0 32px 0;
	}
	.productOverview .product.odd, .quotationForm .product.odd {
		/*background-color: #FBF7E3;*/
	}
	.product .title {
		color: #333;
		font-weight: bold;
		position: relative;
		width: 400px;
		padding: 4px 0;
	}
	.product .title .price {
		position: absolute;
		right: 0;
	}
	.product .bulkPrices {
		margin-bottom: 4px;
		float: left;
		font-size: 11px;
		}
		.bulkPrices .bulkPrice {
			float: left;
			margin-bottom: 2px;
			clear: both;
		}
		.bulkPrice .min, .bulkPrice .max, .bulkPrice .price {
			float: left;
			width: 75px;
			padding-right: 16px;
		}
	.product .info {
		float: left;
		width: 100%;
		position: relative;
		margin-bottom: 16px;
	}
	.product .info .thumb {
		width: 260px;
		float: left;
		padding: 0 4px 4px 4px;
		/*padding-right: 6px;
		padding-bottom: 1px;*/
	}
	.product .info .description {
		margin-bottom: 4px;
	}
	.product .parameters {
		margin-bottom: 4px;
		}
		.parameters .parameter {
			width: 390px;
			margin-bottom: 2px;
			float: right;
			clear: right;
			}
			.parameter .big {
				font-size: 16px;
				font-weight: bold;
				margin-bottom: 4px;
			}
			.parameter .label {
				float: left;
				width: 50%;
				font-weight: bold;
			}
			.parameter .value {
				float: left;
				width: 50%;
			}
	.product .colors {
		padding-left: 256px;
		padding-bottom: 4px;
		clear: both;
	}
	.product .colors .label {
		font-weight: bold;
		width: 144px;
		}
	.product .colors .label,
	.product .colors .value {
		float: left;
		}
	.product .order {
		/*margin-left: 400px;
		clear: both;*/
		width: 206px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.product .order.quotation {
		left: 34px;
		bottom: 16px;
	}
	.product .order.quotation input {
		float: left;
		background-color: #FFF;
		border: 2px solid;
		color: #000;
		font-size: 14px;
	}
	#submitQuotation {
		background-color: #FFF;
		border: 2px solid;
		color: #000;
		font-size: 14px;
	}
	.product .order input {
		width: 148px;
		float: right;
	}
	.product .amountAddDelete {
		position: absolute;
		top: 4px;
		right: 0;
		/*width: 250px;*/
		}
		.amountAddDelete div {
			float: right;
			margin-left: 10px;
		}
		.amountAddDelete div.amount input {
			width: 35px;
		}
	.product .priceAmountOrder {
			position: absolute;
			top: 4px;
			right: 0;
		}
		.priceAmountOrder .price {
			float: left;
			padding-top: 3px;
			margin-right: 20px;
		}
		.priceAmountOrder .price span, .amountAddDelete .price span {
			font-weight: bold;
			color: #E2001A;
		}
		.priceAmountOrder .amount {
			float: left;
			margin-right: 10px;
		}
		.priceAmountOrder .orderButton {
			float: left;
			padding-top: 2px;
		}
		.amount input {
			width: 50px;
		}
		.priceAmountOrder .order input, #submitQuotation {
			/*background-color: transparent;*/
			cursor: pointer;
			font-weight: bold;
		}
.product .charge {
	text-align: right;
	width: 462px;
}
.shopForm, .quotationForm {
	margin-bottom: 20px;
}
.fields #extraInfo {
	height: 100px;
}
.pagination {
	margin-top: 4px;
	border-top: 1px solid;
	padding-top: 4px;
	padding-bottom: 4px;
}
.pagination .active {
	font-weight: bold;
}
.pagination a, .pagination span {
	display: block;
	float: left;
	margin: 0 8px 2px 0;
}
.productTable .product {
	border-top: transparent;
}
.shopFormLink {
	text-align: right;
	padding: 8px 0;
}
.shopFilter {
	padding: 4px 0 16px;
}
#orderTotal {
	padding-top: 4px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
#orderTotal div {
	text-align: right;
	font-weight: bold;
	padding-bottom: 4px;
}

#addressDelivery, #remarks {
	height: 70px;
}
.shopForm input.text, .shopForm textarea {
	width: 300px;
}
.shopForm select {
	width: 304px;
}

.orderComplete div {
	float: left;
	width: 100%;
	clear: both;
}
.orderComplete label {
	display: block;
	float: left;
	width: 190px;
	margin-right: 10px;
}

.quotationForm {

	}
	.quotationForm td {
		vertical-align: top;
	}
	.quotationForm td.label {
		width: 40%;
	}
	.quotationForm td.field {
		width: 60%;
	}
	.quotationForm table td {
		padding-bottom: 4px;
	}
	.quotationForm table table td {
		padding-bottom: 0;
	}
.submitButton {
	padding: 4px 8px;
	border: transparent;
	outline: none;
	cursor: pointer;
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-family: arial;
	line-height: 16px;
	font-weight: bold;
}
.submitButton:hover {
	text-decoration: none;
}
input.qrtrWidth {
	width: 50px;
}

/** FORM **/
/*
.blockitem form div.field {
	clear: both;
	padding-bottom: 3px;
	width: 600px;
	}
.blockitem form div.field label.label {
	font-weight: bold;
	width: 190px;
	}
.blockitem form div.field label,
.blockitem form div.field span {
	float: left;
	}
.blockitem form div.field span.field {
	width: 400px;
	}
.blockitem form div.field input[type=text],
.blockitem form div.field textarea {
	border: 1px solid #000;
	padding: 2px;
	width: 400px;
	}
*/
.blockitem form div.field.break label.label,
.blockitem form div.field.break span.field {
	display: block;
	float: none;
	}
.blockitem form div.field.checkbox span.field span.checkbox,
.blockitem form div.field.radio span.field span.checkbox {
	clear: both;
	}


.alert-message {
	margin-bottom: 15px;
	position: relative;
	}
.alert-message .icon,
.alert-message .msg {
	float: left;
	}
	.alert-message .icon {
		padding: 10px;
		width: 20px;
		}
.alert-message .msg {
	width: 595px;
	}
.alert-message a.close {
	display: none;
	}


.quotationForm .title, .quotationForm .row {
	padding-bottom: 8px;
}
#sampleFields.row {
	padding-bottom: 16px;
}
.quotationForm .row {
	width: 100%;
	position: relative;
}
.row > label {
	display: block;
	width: 220px;
	padding-right: 10px;
	position: absolute;
	top: 0;
	left: 0;
}
.row.full > label {
	display: block;
	width: 100%;
	padding-right: 0;
	position: static;
}
.row.full .fields {
	position: static;
	width: 100%;
}
.row .fields {
	position: relative;
	left: 230px;
	width: 430px;
}
.row .fields.smaller {
	font-size: 11px;
}
.fields .column {
	width: 143px;
	float: left;
}
.fields .column.double {
	width: 286px;
}

#quantityFields {
	width: 490px;
}

.siteSearchResult .result {
	margin-bottom: 20px;
}
.siteSearchResult .row {
	padding: 4px;
}
.siteSearchResult .row.even {
	background-color: #F4F4F4;
}
.siteSearchResult .row, .siteSearchResult .searchContent {
	margin-bottom: 5px;
}
.siteSearchResult h2 a {
	text-decoration:  none;
}

.productQuotation {
	float: left;
	margin-right: 16px;
	margin-bottom: 16px;
}
.productQuotation .thumb {
	width: 116px;
	height: 93px;
	overflow: hidden;
}
.productQuotation .title {
	width: 116px;
	font-size: 11px;
}
.productQuotation .title input {
	float: left;
	margin-right: 8px;
}
.productQuotation .title span {
	float: left;
	display: block;
	width: 90px;
}
#quotationProducts {
	padding: 4px 0;
	margin-bottom: 4px;
	border-top: 1px solid;
	border-bottom: 1px solid;
}

.remarks {
	width: 300px;
	height: 100px;
}

.warning {
	color: #FF0000;
}

.newsBlockCMS {
	margin-bottom: 16px;
}

.newsItem h3 {
	position: relative;
	display: block;
}
.newsItem h3 .newsDate {
	position: absolute;
	right: 0;
}

.banner .newsItem {
	padding-left: 10px;
}
.banner .newsItem h3 {
	font-size: 12px;
}

.banner .newsItem h3 .newsDate {
	position: static;
	display: block;
	font-size: 11px;
}

.banner .newsItem .blockitem {
	width: 100% !important;
}


/*****
 Modifications for filmscanning
***/

header .testimonials {
    width 				: 400px;
    position: absolute;
    right: 30px;
    top: 30px;
    font-family			:'Calibri W01 Regular 904604';
    text-align 			: right;
    line-height 		: 20px;
    margin 				: 0;
}
.testimonials p {
    margin: 0;
}
.testimonial {
    position: absolute;
    top: 0;
    right: 0;
}

.service-list img {
    margin-bottom: 15px;
}

#footer {
    padding: 0 10px 0 10px;
}

#footer .content > h2 {
    padding-left: 10px;
}

#footer .block {
    float: left;
    width: 50%; !important
}
#footer .blockitem {
    padding: 0 10px; !important
}

.checkbox input, .radio input {
    margin-right: 4px;
}

header a.logo {
    display: block;
    width: 654px;
}
a.logo img {
    width: 100%;
    height: auto;
}
#map-canvas {
	width: 660px;
	height: 380px;
	background-color: #CCC;
}