/**
 * Layout.css - Global styles
 * 
 * @author  Webstores <info at webstores dot nl>
 *          Copyright (c) Webstores internet totaalbureau <http://www.webstores.nl/>
 * 
 * Colors:
 * Base:   #333;
 * Red:    #BA0343;
 */

/* General */

body {
	margin: 0;
	padding: 0;
	background: #000 url(../img/body-bg.jpg) repeat-x 50% 0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
}

a {
	color: #BA0343;
}

a:hover {
	color: #000;
	cursor: pointer;
}

address {
	font-style: normal;
}

blockquote {
	margin: 10px 30px;
}

h1, h2, h3, h4, h5, h6 {
	color: #BA0343;
}

h1 {
	margin: 10px 0 12px 0;
	font-size: 24px;
	line-height: 30px;
}

h2 {
	margin: 0 0 10px;
	font-size: 22px;
}

h3 {
	margin: 0 0 8px;
	font-size: 18px;
}

h4 {
	margin: 0 0 6px;
	font-size: 16px;
}

h5 {
	margin: 0 0 4px;
	font-size: 14px;
}

h6 {
	margin: 0 0 2px;
	font-size: 12px;
}

img {
	border: 0;
}

ol, ul {
	margin: 0 0 20px;
	padding: 0 0 0 30px;
	line-height: 160%;
}

object {
	display: block;
	outline: none;
}

p {
	margin: 0 0 20px;
	line-height: 160%;
}

p.error {
	font-weight: bold;
	color: #BA0343;
}

p.noresults {
	margin: 20px 0 0 12px;
	font-size: 14px;
}


/* Table styles */

table {
	margin: 0 0 20px;
	width: 100%;
	border-collapse: collapse;
}

th, td {
	padding: 8px;
	border-bottom: 1px solid #DDD;
	text-align: left;
}

thead td {
	background-color: #DDD;
	border-bottom: 1px solid #9E9E9E;
	font-weight: bold;
}


/* Form styles */

form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

form ul li {
	margin: 0 0 10px;
	overflow: hidden;
}

form ul li.indent {
	padding-left: 150px;
}

form ul li.last {
	margin: 0;
}

fieldset {
	margin: 0 0 20px;
	padding: 0;
	border: 0;
}

legend {
	display: none;
}

#delivery-form-bonus fieldset,
#delivery-form fieldset,
#register-form fieldset{
	margin: 0 0 10px;
}

#delivery-form-bonus legend,
#delivery-form legend,
#register-form legend{
	color: #BA0343;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 10px 10px 10px 0;
}

#delivery-form-bonus,
#delivery-form {
	padding-left: 10px;
}

#delivery-form-bonus label.indent{
	width: 125px;
}
#delivery-form label.indent {	
	width: 250px;
}

#delivery-form-bonus li.indent{
	padding-left: 125px;
}
#delivery-form li.indent {
	padding-left: 250px;
}

#delivery-form-bonus legend,
#delivery-form legend {
	padding-left: 0;
}

#delivery-form-bonus label.indent,
#register-form label.indent{
	text-align: left;
}

#newsletter-form-signin{
	
}

.block p.intro{
	margin: 0 0 10px;
}


#newsletter-form-signin label{
	width: 75px;
	font-weight: bold;
}

#newsletter-form-signin input.medium{
	width: 120px;
}

input.text {
	margin-right: 2px;
	padding: 4px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

input.extra-small {
	width: 40px;
}

input.small {
	width: 60px;
}

input.medium {
	width: 125px;
}

input.large {
	width: 200px;
}

input.extra-large {
	width: 275px;
}

input.placeholder {
	color: #AAA;
}

input.focus {
	color: #333 !important;
}

input.wsv-error,
textarea.wsv-error {
	border-color: #BA0343;
}

label.indent {
	display: -moz-inline-box;
	display: inline-block;
	width: 150px;
}

textarea {
	padding: 4px;
	width: 275px;
	height: 150px;
	border: 1px solid #CCC;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align: top;
}

select {
	margin: 0;
	padding: 0;
}

#extra-bonus-form label.indent,
#extra-form label.indent {
	float: left;
	width: 87px;
}

.middle{
	text-align: center;
}

img.no-border{
	border: 0;
}

#noresults-form{
	margin: 20px 0 0 12px;
}

/**
 * LAYOUT ELEMENTS
 * ----------------------------------------
 */

#shadow-wrapper {
	margin: 0 auto;
	padding: 0 10px;
	width: 970px;
	background: url(../img/shadow-wrapper-bg.gif) no-repeat 0 150px;
}

#wrapper {
	padding: 40px 0 0;
	width: 970px;
}

#header {
	padding-top: 20px;
	height: 110px;
}

#header .inner-content {
	padding: 0 10px;
}

#main {
	background-color: #FFF;
}

#main .inner-content {
	padding: 0 20px;
	width: 950px;
	background: url(../img/shadow-wrapper-bg.gif) no-repeat;
}

#sidebar {
	margin-right: 10px;
	width: 230px;
}

#content {
	margin-right: 10px;
	padding: 0 10px;
	width: 450px;
}

#content-span,
#content-wrap {
	padding-left: 10px;
	margin-bottom: 30px;
	width: 700px;
	min-height: 500px;
}

#content-span.no-padding,
#content-wrap.no-padding {
	padding: 0;
	width: 710px;
}

#mediabar {
	width: 230px;
}

#brand-wrap {
	float: right;	
	margin: 0 0 -15px 0;
	width: 230px;
	height: 80px;
	line-height: 80px;
	text-align: center;
}

#brand-wrap img {
	display: inline;
	vertical-align: middle;
}
	
#mediabar.fill-heading {
	padding-top: 42px;
}

#footer {
	width: 100%;
	background-color: #000;
	color: #FFF;
}

#footer .inner-content {
	width: 950px;
	overflow: hidden;
}

.inner-content {
	margin: 0 auto;
	width: 970px;
}

.column {
	float: left;
	overflow: hidden;
}

.webshop-column {
	float: left;
}

.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/**
 * GENERAL CLASSES
 * ----------------------------------------
 */

.accent {
	font-size: 14px;
	color: #999;
}

.date {
	margin: 0 0 5px;
	font-weight: bold;
	color: #505050;
}

.hidden {
	visibility: hidden;
}


/* Blocks */

.block {
	display: block;
	padding-bottom: 10px;
	width: 230px;
	background: url(../img/block-bg.gif) no-repeat 0 100%;
	text-decoration: none;
}

a.block {
	line-height: 160%;
	cursor: pointer;
}

.block-head {
	position: relative;
	display: block;
	height: 10px;
	background: url(../img/block-bg.gif) no-repeat;
}

.block-head-full {
	padding: 7px 10px;
	width: 210px;
	height: auto;
	overflow: hidden;
}

.block-head-full .arrow {
	float: right;
	margin: 1px 0 0;
	padding-right: 8px;
	background-position: 100% -480px;
	font-size: 10px;
	color: #333;
}

.block-head-full .arrow:hover {
	color: #000;
}

.block-head-red {
	margin: 0;
	padding: 10px;
	background: url(../img/block-red-bg.gif) no-repeat;
	font-size: 14px;
	color: white;
}

.block-subject {
	position: absolute;
	display: block;
	padding: 8px 10px 7px;
	top: 1px;
	left: 1px;
	background: url(../img/block-title-bg.png) no-repeat 100% 0;
}

.block-subject-text {
	display: block;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

.block-head-full .block-subject-text {
	float: left;
}

.block-body {
	display: block;
	padding: 0 9px;
	width: 210px;
	/*height: auto !important;
	height: 185px;
	min-height: 185px;*/
	background-color: #FFF;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

.block-wrap .block-body {
	height: 230px;
	height: 230px !important;
}

.thumb .block-body {	
	height: auto;
	min-height: 0;
}

#unit-blocks .block-body {
	height: 230px !important;
}

#weather-block .block-body {
	height: 200px !important;
}

#unit-blocks #search-block .block-body {
	height: 220px !important;
}

.block-body img {
	display: block;
	margin-bottom: 8px;
}

.thumb .block-body img {
	margin: 0;
}

.thumb .block-body img#product-image{
	margin: 0 auto !important;
}

.block-body .block-title {
	display: block;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}

.block-body .block-title a {
	text-decoration: none;
}

.product .block-body .block-title {
	margin: 0;
	padding: 11px;
	background: #BA0343 url(../img/button-sprite.gif) no-repeat -40px -970px;
	color: #FFF;
}

.product:hover .block-body .block-title {
	background-position: -40px -1030px;
}

.block-body .block-text {
	display: block;
	/*padding-right:5px;*/
	margin: 0;
	color: #333;
}

.block-foot {
	display: block;
	padding: 0 10px;
	width: 210px;
	height: 20px;
	overflow: hidden;
}

.block-foot .icon {
	float: right;
	width: 210px;
	line-height: 20px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-indent: 0;
}

.block-foot .footnote {
	float: left;
	font-size: 10px;
	color: #999;
}

a.block:hover .icon {
	background-position: 100% -500px;
}

.zoom {
	position: relative;
	display: inline;
	float: right;
	margin: -25px 10px 0 0;
	width: 25px;
	height: 25px;
	background: url(../img/button-sprite.gif) no-repeat 100% -1460px;
	text-indent: -9999px;
	outline: none;
}

a:hover .zoom {
	background: url(../img/button-sprite.gif) no-repeat 100% -1520px;
}


/* login block */

.block-login .block-body .block-body-inner {
	margin: 0 0 10px 0;
	padding: 30px 10px 10px 10px;
	background-color: #BB133E;
}

.block-login .row {
	margin: 10px 0 0 0;
}

.block-login label {
	float: left;
	width: 80px;
	line-height: 24px;
	color: #FFF;
}

.block-login label {
	font-size: 9px;	
}

.block-login .text {
	margin: 0;
	width: 100px;
}

.block-login .wsv-error {
	border-color: #000;
}

.block-login button.icon {
	display: block;
	margin: 0;
	border: 0;
	padding: 0;
	height: 20px;
	line-height: 20px !important;
	font-size: 14px;
	text-decoration: none;
	overflow: visible;
	cursor: pointer;
	color: #BB133E;
}

.block-login button.icon .icon-text {
	display: block;
	height: 20px;
	text-align: left;
	white-space: nowrap;
}

.block-login button.icon:hover {
	color: #000;
}


/* Social media bar */

.social-media-bar {
	margin: 0 0 10px 0;
	padding: 5px 6px;
	width: 218px;
	height: 20px;
	background: url(../img/social-media-bar-bg.png) no-repeat 0 0;
}

.social-media-bar .title {
	float: left;
	line-height: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #46464A;
	text-shadow: 1px 1px 1px #FFF;
}

.social-media-icons {
	float: right;
	padding: 0;
	margin: 0;
	list-style: none;
}

.social-media-icons li {
	float: left;
	margin: 0 0 0 5px;
}

.social-media-icon {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(../img/social-media-sprite.png) no-repeat 0 0;
}

.twitter-icon:hover {
	background-position: 0 -20px;
}

.linkedin-icon {
	background-position: 0 -40px;
}

.linkedin-icon:hover {
	background-position: 0 -60px;
}

.facebook-icon {
	background-position: 0 -80px;
}

.facebook-icon:hover {
	background-position: 0 -100px;
}


/* Brand blocks */

.brand {
	display: block;
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px 10px 40px;
	width: 210px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: url(../img/brand-block-sprite.gif) no-repeat;
}

.brand:hover {
	background-position: 0 -90px;
}

.brand.exclusive {
	background-position: 0 -180px;
}

.brand.exclusive:hover {
	background-position: 0 -270px;
}

.brand img {
	vertical-align: middle;
}


/* Double spanning blocks */

.block-double {
	width: 470px;
	background: url(../img/block-double-bg.gif) no-repeat 0 100%;
}

.block-double .block-head {
	background: url(../img/block-double-bg.gif) no-repeat;
}

.block-double .block-subject {
	background: url(../img/block-double-title-bg.png) no-repeat 100% 0;
}

.block-double .block-subject-text {
	font-size: 28px;
}

.block-double .block-body {
	width: 450px;
}


/* Block wrappers */

.block-wrap {
	position: relative;
	overflow: hidden;
}

.block-wrap.double {
	margin-left: -10px;
	width: 480px;
}

.block-wrap.triple {
	margin-left: -10px;
	width: 720px;
}

.block-wrap .block {
	float: left;
	margin: 0 10px 10px 0;
}

.no-padding .block-wrap {
	margin: 0;
}


/* Arrow links */

.arrow {
	margin-right: 10px;
	padding-right: 9px;
	background: url(../img/arrow-sprite.gif) no-repeat 100% 0;
	text-decoration: none;
}

.arrow-light-gray {
	background-position: 100% -120px;
	color: #999;
}

.arrow-dark-gray {
	background-position: 100% -240px;
	color: #333;
}

.arrow-light-gray:hover,
.arrow-dark-gray:hover {
	background-position: 100% -360px;
	color: #BA0343;
}


/* Buttons */

.button {
	display: inline-block;
	padding: 0 0 0 8px;
	height: 20px;
	background: url(../img/button-sprite.gif) no-repeat 0 -1860px;
	text-decoration: none;
	color: #505050;
}

.button.pdf{
	margin-top: -15px;
}

.button-text {
	display: block;
	padding: 3px 18px 3px 0;
	background: url(../img/button-sprite.gif) no-repeat 100% -1860px;
}

.button-extra {
	font-size: 10px;
	font-weight: normal;
}

.button:hover {
	background-position: 0 -1880px;
}

.button:hover .button-text {
	background-position: 100% -1880px;
}


/* <button> buttons */

button.button {
	border: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	overflow: visible;
	cursor: pointer;
}

button.button::-moz-focus-inner {
	padding: 0;
	border: 0;
}


/* Red buttons */

.red-button {
	background-position: 0 -1820px;
	color: white;
}

.red-button .button-text {
	background-position: 100% -1820px;
}

.red-button:hover {
	background-position: 0 -1840px;
	color: white;
}

.red-button:hover .button-text {
	background-position: 100% -1840px;
}


/* Large red button */

.large-red-button {
	height: 40px;
	background-position: 0 -1960px;
	font-size: 12px;
	color: white;
}

.large-red-button .button-text {
	padding: 12px 30px 13px 0;
	background-position: 100% -1960px;
}

.large-red-button:hover {
	background-position: 0 -2000px;
	color: white;
}

.large-red-button:hover .button-text {
	background-position: 100% -2000px;
}


/* Icons */

.icon {
	display: block;
	width: 20px;
	height: 20px;
	background: url(../img/button-sprite.gif) no-repeat 100% -20px;
	text-indent: -9999px;
}

.icon:hover {
	background-position: 100% -500px;
}

.icon.arrow-light { background-position: 100% -980px; }
.icon.arrow-light:hover { background-position: 100% -1040px; }

.icon.delete-light { background: url(../img/shopping-sprite.png) 0 -18px no-repeat; }
.icon.delete-light:hover { background-position: 0 -38px; }

.icon-listview { background-position: 100% -1100px; }
.icon-listview:hover { background-position: 100% -1160px; }
.icon-listview-selected, .icon-listview-selected:hover { background-position: 100% -1220px; }

.icon-photoview { background-position: 100% -1280px; }
.icon-photoview:hover { background-position: 100% -1340px; }
.icon-photoview-selected, .icon-photoview-selected:hover { background-position: 100% -1400px; }

.icon-info {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/extra-sprite.png) no-repeat;
}

.icon-info:hover {
	background-position: 0 -60px;
}

.icon-download {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/extra-sprite.png) no-repeat 0 -665px;
}

.icon-download:hover {
	background-position: 0 -725px;
}

.icon-shopping-cart {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/extra-sprite.png) 0 -120px no-repeat;
}

.icon-shopping-cart:hover {
	background-position: 0 -180px;
}
/*
.icon-shopping-cart-okay {
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../img/extra-sprite.png) 0 -498px no-repeat;
}
*/
.icon-shopping-cart-okay:hover {
	background-position: 0 -558px;
}


/* Icon links */

.icon-link {
	margin-right: 15px;
	padding: 3px 0 3px 25px;
	background: url(../img/button-sprite.gif) no-repeat;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #505050;
}

.icon-back { background-position: 0 -140px; }
.icon-search { background-position: 0 -260px; }
.icon-compare { background: url(../img/extra-sprite.png) 3px -240px no-repeat; }
.icon-email { background-position: 0 -380px; }
.icon-print { background-position: 0 -440px; }
.icon-action { background-position: -220px -980px; }

.icon-back:hover { background-position: 0 -620px; }
.icon-search:hover { background-position: 0 -740px; }
.icon-compare:hover { background-position: 3px -286px; }
.icon-email:hover { background-position: 0 -860px; }
.icon-print:hover { background-position: 0 -920px; }
.icon-action:hover { background-position: -220px -1040px; }

.icon-compare-selected { background: url(../img/extra-sprite.png) 3px -332px no-repeat; }


/* Read more links */

.more {
	padding: 3px 28px 3px 0;
	background: url(../img/button-sprite.gif) no-repeat 100% -980px;
	font-weight: bold;
	text-decoration: none;
	color: #505050;
}

.more:hover {
	background-position: 100% -1040px;
	color: #BA0343;
}


/* More buttons */

button.more {
	border: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	overflow: visible;
	cursor: pointer;
}

button.more::-moz-focus-inner {
	padding: 0;
	border: 0;
}


/* Related links */

.related {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}

.related li {
	border-bottom: 1px solid #E2E2E2;
}

.related li a {
	display: block;
	padding: 6px 30px 6px 0;
	background: url(../img/button-sprite.gif) no-repeat 100% -975px;
	text-decoration: none;
	color: #505050;
}

.related li a:hover {
	background: url(../img/button-sprite.gif) no-repeat 100% -1035px;
	color: #BA0343;
}

.related .date {
	margin-right: 10px;
	font-weight: normal;
	color: #AAA;
}

.related a:hover .date {
	color: #BA0343;
}


/* Accordions */

.accordion {
	margin: 0 -10px 20px;
	width: 470px;
}

.accordion-toggle {
	display: block;
	padding: 8px 40px 7px 10px;
	width: 420px;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/button-sprite.gif) no-repeat 224px -975px;
	border-bottom: 1px solid #DDD;
	text-decoration: none;
	outline: none;
	color: #333;
}

.accordion-toggle:hover {
	background-position: 224px -1035px;
	color: #BA0343;
}

.accordion-toggle-active {
	margin-top: 10px;
	padding: 10px 39px 10px 9px;
	width: 420px;
	background-position: 223px -75px !important;
	background-color: #F0F0F0;
	border: 1px solid #DDD;
	border-bottom: 0;
	font-size: 12px;
	font-weight: bold;
	color: #BA0343;
	font-size: 14px;
}

.accordion-content {
	margin-bottom: 5px;
	width: 468px;
	background-color: #F0F0F0;
	border: 1px solid #DDD;
	border-top: 0;
	overflow: hidden;
}

.accordion-content table {
	margin: 0 0 10px;
	border-top: 1px solid #FFF;
}

.accordion-content th,
.accordion-content td {
	padding: 8px 9px;
	border-bottom: 1px solid #FFF;
}

.accordion-content th {
	text-align: left;
	vertical-align: top;
	color: #BA0343;
}

.accordion-content p {
	margin: 0;
	padding: 0 10px 10px;
}

.accordion-content ul {
	margin: 0;
	padding-left: 16px;
}

.accordion-content .toolbar {
	margin: 0 0 10px;
	padding: 0 10px;
	width: 448px;
}


/* Tabs */

.tabs {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
	overflow: hidden;
}

.tabs li {
	margin-right: 1px;
	float: left;
}

.tabs li.resultaat {
	padding: 12px 12px 11px;
	color: #BA0343;
	font-size: 16px;
	font-weight: bold;
	display: block;
}

.tabs li a {
	display: block;
	float: left;
	padding: 12px 12px 11px;
	background: #E7E7E7 url(../img/tab-corner-sprite.gif) no-repeat 100% 0;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #B5B5B5;
	outline: none;
}

.tabs li a:hover {
	background-color: #DDD;
	background-position: 100% -50px;
	color: #999;
}

.tabs li.ui-tabs-selected a,
.tabs li.selected a,
.tabs li.selected a:hover {
	padding-bottom: 12px;
	background-color: #8D8D8D;
	background-position: 100% -100px;
	color: white;
}





/* Gradient tabs */

.grad-tabs {
	height: 40px;
	border-bottom: 1px solid #C8C8C8;
	overflow: visible;
}

.grad-tabs li {
	margin: 5px 3px 0 0;
	border-top: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}

.grad-tabs li.selected {
	position: relative;
	margin: 0 3px -1px 0;
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
}

.grad-tabs li a {
	padding: 8px;
	background: none;
	font-size: 12px;
	line-height: normal;
	color: #999;
}

.grad-tabs li a:hover {
	background: none;
	color: #666;
}

.grad-tabs li.selected a,
.grad-tabs li.selected a:hover {
	padding: 12px;
	background: url(../img/light-gradient-bg.png) repeat-x;
	font-size: 14px;
	color: #BA0343;
}


/* Toolbars */

.toolbar {
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
}

.toolbar .button {
	float: right;
	margin-left: 5px;
}

.filtertoolbar {
	width: 100%;
	clear: both;
}


/* Overviews */

.overview {
	margin: 0 0 10px;
	overflow: hidden;
}


/* Redirect toolbar */

#redirect-toolbar .button {
	float: left;
	margin: 0 10px 0 0;
}

#redirect-toolbar .button-text {
	width: 176px;
}


/* Progress bars */

.progress {
	height: 8px;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-right: 1px solid #DEDEDE;
	border-bottom: 1px solid #DEDEDE;
	border-left: 1px solid #CCC;
}

.progress-value {
	height: 0;
	border-top: 4px solid #C94265;
	border-bottom: 4px solid #BB133E;
	text-indent: -9999px;
	overflow: hidden;
}


/**
 * HEADER ELEMENTS
 * ----------------------------------------
 */

#header #logo {
	display: block;
	float: left;
	width: 250px;
	height: 110px;
	background: url(../img/logo.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.en #header #logo {
	background: url(../img/logo-en.gif) no-repeat;
}

.de #header #logo {
	background: url(../img/logo-de.gif) no-repeat;
}

.fr #header #logo {
	background: url(../img/logo-fr.gif) no-repeat;
}

.ro #header #logo {
	background: url(../img/logo-ro.gif) no-repeat;
}

#header-wrap {
	position: relative;
	float: left;
	margin-top: 10px;
	width: 720px;
	height: 100px;
	background: url(../img/header-wrap-bg.gif) no-repeat;
	z-index: 5;
}

#header-visual {
	display: block;
	float: left;
}

#navigation-bar {
	padding-left: 10px;
	width: 710px;
	height: 30px;
}


/* Webshop button */

#webshop {
	display: block;
	float: left;
	padding: 0 10px;
	width: 110px;
	background: url(../img/webshop-button-bg.png) repeat-y;
	border-left: 1px solid #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	color: #FFF;
}

#webshop:hover {
	background-position: -130px 0;
}


/* Header blocks */

.header-block {
	float: left;
	border-right: 1px solid #E7E7E7;
	border-left: 1px solid #FFF;
	padding: 5px 5px 5px 40px;
	width: 133px;
	height: 59px;
}

.header-block h2 {
	margin: 0;
	font-size: 14px;
}

.header-block p {
	margin: 0 0 5px 0;
	color: #999;
}

.header-block .arrow {
	margin-right: 5px;
	font-weight: bold;
}

.header-block .toolbar {
	margin: 0 0 0 -35px;
	width: 160px;
	overflow: visible;
}

.header-block > .toolbar > .button,
#header-cart > .button {
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	font-size: 11px;
	background: url(../img/header-block-button-bg.png) no-repeat 0 0;
}

.header-block > .toolbar > .button .button-text,
#header-cart > .button .button-text {
	padding: 3px 5px 3px 0;
	background: #E9E9E9 url(../img/header-block-button-bg.png) no-repeat 100% 0;
}

#header-cart {
	position: relative;
	float: left;
	font-size: 10px;
	font-weight: bold;
	color: #E6E6E6;
}

#header-cart .arrow {
	font-size: 11px;
}

#header-cart .button-tab:hover {
	color: #BA0343;
}

#header-cart .button-tab-active {
	display: block;
	padding: 4px 0 0 5px;
	margin: -5px 10px 0 0;
	width: 57px;
	height: 20px;	
	font-size: 11px;
	text-decoration: none;
	background: url(../img/header-cart-button-bg.png) no-repeat 0 0;
	color: #FFF;
}

#header-cart .cart-items {
	position: absolute;
	padding: 0 10px 10px 10px;	
	top: 25px;
	left: -68px;
	width: 230px;
	background: url(../img/header-cart-bg.png) repeat-y bottom center;
}

#header-cart .cart-items .loader {
	margin: 5px 0 5px 5px;
}

#header-cart .cart-items table {
	margin: 0;
}

#header-cart .cart-items .quantity-price {
	width: 60px;
	text-align: right;
}

#header-cart .cart-items .toolbar {
	padding: 10px;
	margin: 0;
	height: 20px;
	width: 210px;
}

#header-cart .cart-items .subtotal {
	float: left;
	line-height: 20px;
	font-size: 12px;
	color: #BB133E;
}

#header-cart .cart-items .button-checkout {
	float: right;
	background-position: 0 -1820px;
	color: #FFF;
}

#header-cart .cart-items .button-checkout .button-text {
	height: 14px;
	background-position: 100% -1820px;
}

#header-cart .cart-items .button-checkout:hover {
	background-position: 0 -1840px;
}

#header-cart .cart-items .button-checkout:hover .button-text {
	background-position: 100% -1840px;
}

#login {
	border: 0;
	padding: 5px 0 0 10px;
	width: 230px;
	height: 64px;
	background: #FFF;
}

#login #login-logo {
	float: left;
	display: block;
	width: 50px;
	height: 55px;
	margin: 0 15px 0 0;
}

#login #login-logo img {
	display: block;
}

#login h2 {
	float: left;
	width: 160px;
	margin: 0 0 5px 0;
	font-size: 18px;
	font-weight: normal;
	text-transform: uppercase;
}

#login .arrow {
	font-weight: normal;
}

#login-form .loading {
	display: none;
	margin: 5px 0 0 30px;
}

#login-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 200;
	opacity: 0.7; filter:alpha(opacity=70);
}

#login-loader {
	position: fixed;
	top: 40%;
	left: 50%;
	margin: -10px 0 0 -110px;
	z-index: 250;	
}

#my-profile {
	margin: 0 0 0 1px;
	border-left: 0;
	background: url(../img/mijn-profiel-icon.gif) no-repeat 6px 6px;
}

#favorites {
	background: url(../img/offerte-favo-icon.gif) no-repeat 6px 6px;
}

#bonusshop-block {
	background: url(../img/bonusshop-icon.gif) no-repeat 6px 6px;
}

#filler {
	width: 170px;
}

#cart {
	background: url(../img/winkelwagen-icon.gif) no-repeat 7px 5px;
}

/**
 * SIDEBAR/MEDIABAR ELEMENTS
 * ----------------------------------------
 */

#sidebar .block,
#mediabar .block {
	margin-bottom: 10px;
}


/* Contacts carousel */

#contacts {
	margin-bottom: 10px;
	width: 230px;
	height: 90px;
	background: url(../img/contacts-bg.gif) no-repeat;
}

.contacts-control {
	display: block;
	float: left;
	margin: 30px 0;
	height: 30px;
	width: 15px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-indent: -9999px;
	outline: none;
}

#contacts #prev {
	background-position: 7px -172px;
}

#contacts #next {
	background-position: 0 -112px;
}

#contacts #prev:hover {
	background-position: 7px -292px;
}

#contacts #next:hover {
	background-position: 0 -232px;
}

#contacts-viewport {
	float: left;	
	width: 200px;
	height: 90px;
	overflow: hidden;
}

#contacts-content {
	width: 4600px;
	height: 90px;
}

.contacts-item {
	float: left;
	padding: 5px 0 0 5px;
	width: 195px;
	height: 85px;
}

.contacts-item-body {
	float: left;
	padding: 5px 0 0;
	width: 125px;
	height: 80px;
	overflow: hidden;
}

.contacts-item-body .accent {
	margin: 0;
	height: 22px;
	font-weight: bold;
	white-space: nowrap;
	color: #BA0343;
	overflow: hidden;
}

.contacts-item-body .role {
	margin: 0 0 9px;
	height: 18px;
}

.contacts-item-body .contacts-tabs {
	width: 125px;
	height: 30px;
}

.contacts-item-body .contacts-tabs a {
	display: block;
	float: left;
	margin-right: 1px;
	padding: 8px;
	width: 44px;
	height: 14px;
	background: url(../img/contacts-tab-bg.gif) no-repeat;
	text-decoration: none;
}

.contacts-item-body .contacts-tabs a:hover {
	background-position: 0 -30px;
}


/* Zoeken */

.search-result {
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	padding: 10px 0 30px 0;
	margin: -1px 0 0 0;
}

.search-result h2 a {
	text-decoration: none;
}

.search-result .button {
	float: right;
}


/* Unit menu */

#unit-menu {
	margin: 0 0 10px;
	padding: 0;
	background: #BA0343 url(../img/unit-menu-bg.gif) no-repeat;
	list-style: none;
}

#unit-menu li {
	padding: 15px 15px 0;
	height: 64px;
	border-bottom: 1px solid #FFF;
}

#unit-menu li.last {
	height: 65px;
	border-bottom: 0;
}

#unit-menu li h2,
#unit-menu li a {
	color: #FFF;
	text-decoration: none;
}

#unit-menu li h2 {
	margin: 0 0 5px;
	font-size: 20px;
	font-weight: normal;
	text-transform: uppercase;
	
}

#unit-menu li h2:hover{
	text-decoration: underline;
}

#unit-menu li .arrow:hover {
	text-decoration: underline;
}


/* Menu */

#menu {
	margin: 0 0 10px;
	padding: 0;
	width: 230px;
	background-color: #000;
	list-style: none;
}

#menu li {
	width: 230px;
	border-bottom: 1px solid #FFF;
}

#menu li.last{
	border: none;
}

#menu li a {
	display: block;
	padding: 10px;
	width: 210px;
	background-color: #BA0343;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #FFF;
}

#menu li.selected a {
	background-color: #000;
}

li#menu-last,
#menu-first a,
#menu-last a {
	background: url(../img/menu-bg.gif) no-repeat;
}

li#menu-last,
#menu-last a {
	background-position: 0 100%;
}

#menu-first.selected a {
	background-position: -250px 0;
}

li#menu-last.selected,
#menu-last.selected a {
	background-position: -250px 100%;
}


/* Menu subnav */

#menu .subnav {
	display: none;
	margin: 0 0 10px 10px;
	padding: 0;
	background-color: #ECECED;
	list-style: none;
}

#menu .selected .subnav {
	display: block;
}

#menu .subnav li {
	margin: 0;
	width: 220px;
}

#menu .subnav li a {
	padding: 6px 10px;
	width: 200px;
	background: #ECECED ;
	font-size: 11px;
	font-weight: normal;
	color: #505050;
}

#menu .subnav li a:hover {
	color: #BA0343;
}

#menu .subnav li.selected {
	background-color: #CCC;
	overflow: hidden;
}

#menu .subnav li.selected a {
	background: #CCC url(../img/arrow-sprite.gif) no-repeat 203px -382px;
	color: #BA0343;
}


/* Menu second subnav */

#menu .subnav .subnav {
	display: none;
	background-color: #FFF;
}

#menu .subnav li.selected .subnav {
	display: block;
}

#menu .subnav .subnav li {
	width: 210px;
	border-bottom: 1px solid #E2E2E2;
}

#menu .subnav .subnav li.selected {
	padding: 0;
}

#menu .subnav .subnav li a {
	padding: 6px 10px;
	width: 190px;
	background: #FFF;
	color: #505050;
}

#menu .subnav .subnav li a:hover {
	color: #BA0343;
}

#menu .subnav .subnav li.selected a {
	background: #FFF url(../img/arrow-sprite.gif) no-repeat 192px -352px;
	color: #BA0343;
}


/* YouTube player */

#player-wrap {
	position: relative;
	margin-bottom: 10px;
	width: 230px;
}

#player-wrap .block-subject {
	top: 0;
	left: 0;
}

#player-controls {
	padding: 5px 10px;
	height: 20px;
	background: url(../img/player-sprite.gif) repeat-x;
}

#toggle-play {
	display: block;
	float: left;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	background: url(../img/player-sprite.gif) no-repeat 7px -60px;
	text-indent: -9999px;
	outline: none;
}

.paused #toggle-play {
	background-position: 7px -42px;
}

#duration-bar {
	float: left;
	margin: 5px 0;
	width: 178px;
	height: 8px;
	background-color: #444;
	border: 1px solid #CCC;
	font-size: 6px;
}

#elapsed-bar {
	height: 8px;
	background: url(../img/player-sprite.gif) repeat-x 0 -30px;
	font-size: 6px;
}


/* Testimonial */

.testimonial {
	display: block;
	margin: 0 0 10px;
	padding: 15px 15px 0;
	width: 200px;
	background: url(../img/testimonial-bg.gif) no-repeat;
	font-size: 14px;
	line-height: 170%;
	text-decoration: none;
	color: #FFF;
}

.testimonial .quotee {
	display: block;
	margin: 0 -15px;
	padding: 10px 15px 15px;
	background: url(../img/testimonial-bg.gif) no-repeat 0 100%;
	font-size: 12px;
	font-weight: bold;
}


/* Brochure block */

#brochure-block .block-body-extra {
	padding-right: 65px;
	width: 140px;
	height: inherit !important;
	min-height: 0;
	background: white url(../img/brochure-download.jpg) no-repeat 95% 0;
}

#brochure-block .block-text {
	margin-bottom: 9px;
}

#brochure-block .logo {
	height: auto !important;
	height: 40px;
	min-height: 70px;
	background-color: #FFF;
	padding-right: 65px;
	padding-bottom: 10px;
	width: 154px;
	background: white url(../img/brochure-download.jpg) no-repeat 95% 0;
}

#brochure-block .extra {
	height: auto !important;
	height: 20px;
	min-height: 20px;
	background-color: #FFF;
}

#brochure-block li a {
	margin-right: 0;
}


/* Brands block */

#brands-block {
	background: url(../img/block-red-bg.gif) no-repeat 0 100%;
}

#brands-block .block-head {
	background: url(../img/block-red-bg.gif) no-repeat;
}

#brands-block .block-body {
	padding: 0 10px;
	height: auto;
	min-height: 0;
	background-color: #BA0343;
	border: 0;
}

#brands-block h2 {
	color: white;
}

#brands-block select {
	width: 100%;
}


/**
 * CONTENT ELEMENTS
 * ----------------------------------------
 */

/* Extra content */

#content-toggler-wrap {
	margin: 0 0 30px 0;
	width: 100%;
	background: url(../img/content-toggler-wrap-bg.png) no-repeat center top;
}

#content-toggler {
	display: block;
	margin: 0 auto;
	padding: 0 5px;
	width: 138px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/content-toggler-sprite.png) no-repeat 0 0;
	color: #FFF;
}

#content-toggler:hover {
	background-position: 0 -20px;
}

#content-toggler.expanded {
	background-position: 0 -40px;
}

#content-toggler:hover.expanded {
	background-position: 0 -60px;
}


/* Breadcrumbs */

#breadcrumbs {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 30px;
	list-style: none;
}

#breadcrumbs li {
	float: left;
	margin-right: 2px;
	padding-left: 14px;
	background: url(../img/arrow-sprite.gif) no-repeat 0 -472px;
	line-height: 30px;
}

#breadcrumbs li a {
	text-decoration: none;
	color: #999;
}

#breadcrumbs li a:hover {
	color: #333;
}


/* Visual */

#visual {
	margin-bottom: 10px;
	width: 100%;
	height: 355px;
}

#visualplayer-wrap {
	float: left;
	margin-right: 20px;
	width: 470px;
	height: 320px;
}

#visualplayer {
	margin: 0;
	width: 470px;
	height: 290px;
}

#visualplayer-wrap #duration-bar {
	width: 418px;
}

#visual-caption {
	float: left;
	width: 210px;
	height: 320px;
	overflow: hidden;
}


/* Unit visual */

#unit-visual {
	float: left;
	margin-right: 20px;
	height: 345px;
	margin-bottom: 10px;
}

#unit-visual .block-text {
	margin: 0;
}

#unit-visual .block-foot {
	width: 450px;
}

#unit-visual .icon {
	float: right;
}


/* Countdown */

#countdown {
	float: left;
	margin: 0 20px 0 0;
	padding: 150px 0 0 30px;
	width: 440px;
	height: 170px;
	background: url(../img/countdown-bg.png) no-repeat;
	font-size: 70px;
	font-weight: bold;
	line-height: 70px;
	letter-spacing: 0.06em;
	color: white;
}

.de #countdown {
	background-image: url(../img/countdown-bg-de.png);
}

.en #countdown {
	background-image: url(../img/countdown-bg-en.png);
}

.fr #countdown {
	background-image: url(../img/countdown-bg-fr.png);
}


/* Brand ticker */

#brand-ticker-wrap {
	float: left;
	margin: 0 10px 10px 0;
	width: 100%;
	background: url(../img/block-bg.gif) no-repeat 100% 0;
	overflow: hidden;
}

#brand-ticker-wrap.compact {
	width: 470px;
}

#brand-ticker-wrap h2 {
	float: left;
	margin: 0;
	padding: 19px 15px;
	width: 75px;
	height: 22px;
	background: url(../img/block-bg.gif) no-repeat;
	font-size: 18px;
	text-transform: uppercase;
}

#brand-ticker {
	position: relative;
	float: left;
	width: 600px;
	height: 58px;
	background-color: #FFF;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	overflow: hidden;
}

.compact #brand-ticker {
	width: 360px;
}

#brand-ticker-content {
	margin: 0;
	padding: 0;
	width: 30000px;
	height: 58px;
	list-style: none;
	line-height: 58px;
}

#brand-ticker-content li {
	float: left;
	width: 150px;
	height: 58px;
	margin: 0 20px 0 0;
}

#brand-ticker-content li a {
	display: inline-block;
	width: 150px;
	height: 58px;
	line-height: 58px;
}

#brand-ticker-content li a img {
	vertical-align: middle;
}


/* Articles */

.article {
	margin: 0 0 20px;
	width: 100%;
	overflow: hidden;
}

.article-thumb {
	display: block;
	float: left;
	margin: 25px 15px 0 0;
	width: 120px;
	height: 85px;
	background-color: #ECECED;
}

.article-thumb img {
	display: block;
}

.article-body {
	float: left;
	padding-bottom: 15px;
	width: 565px;
	border-bottom: 1px solid #DDD;
}

.article-body h2,
.article-body p {
	margin: 0 0 10px;
}

.article-body h2 a {
	text-decoration: none;
}

.section-indent {
	padding-left: 135px;
}


/* Vcards (hCard) */

#vcards {
	margin-left: -10px;
	width: 720px;
}

.vcard {
	float: left;
	margin: 0 10px 10px 0;
	padding: 10px;
	width: 330px;
	height: 80px;
	background: url(../img/employee-bg.gif) no-repeat;
}

.vcard-thumb {
	float: left;
	margin-right: 10px;
	width: 60px;
	height: 80px;
	background: url(../img/vcard-thumb-bg.gif) no-repeat;
}

.vcard-thumb img {
	display: block;
}

.vcard-body {
	float: left;
	width: 260px;
	height: 80px;
}

.vcard-body p {
	margin: 0;
}

.vcard-body .fn {
	margin: 0 0 5px;
	font-size: 12px;
}

.vcard-body .n {
	display: none;
}

.vcard-body .role {
	margin: 0 0 10px;
	font-weight: bold;
	color: #505050;
}


/* Forecast block */

#forecast {
	margin: 0 0 8px;
	padding: 10px 0;
	width: 210px;
	height: 70px;
	background-color: #DDD;
}

.forecast-item {
	display: inline;
	float: left;
	margin-left: 6px;
	width: 35px;
	height: 100%;
	text-align: center;
}

.forecast-item p {
	margin: 0;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}

.forecast-item img {
	display: block;
}


/* Search block small */

#search-block-small {
	height: 30px;
	width: 220px;
	background: url(../img/search-bg.gif) no-repeat;
	padding: 10px 0 10px 10px;
	margin-bottom: 10px;
}

#search-block-small #search {
	float: left;
	height: 21px;
	width: 130px;
	font-size:12px;
	color: #999;
	margin: 0;
	padding: 7px 0 0 5px;
}

#content #search-sitemap {
	float: left;
	height: 21px;
	width: 360px;
	font-size:12px;
	color: #999;
	margin: 0;
	padding: 7px 0 0 5px;
}

#search-block-sitemap {
	height: 30px;
	margin-bottom: 10px;
}

#searchsubmitsmall {
	background-color: transparent;
	float: left;
	border: 0;
	height: 30px;
	width: 80px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	font-size: 0px;
	display: block;
	line-height: 0px;
}

#search-block-sitemap #searchsubmitsmall{
	margin: 0 0 0 0;
	width: 30px;
}


#searchsubmitsmall.de { background: url(../img/search-sprite-de.gif) 0 0; }
#searchsubmitsmall.en { background: url(../img/search-sprite-en.gif) 0 0; }
#searchsubmitsmall.nl { background: url(../img/search-sprite-nl.gif) 0 0; }
#searchsubmitsmall.fr { background: url(../img/search-sprite-fr.gif) 0 0; }

#searchsubmitsmall.de:hover { background: url(../img/search-sprite-de.gif) 0 -30px; }
#searchsubmitsmall.en:hover { background: url(../img/search-sprite-en.gif) 0 -30px; }
#searchsubmitsmall.nl:hover { background: url(../img/search-sprite-nl.gif) 0 -30px; }
#searchsubmitsmall.fr:hover { background: url(../img/search-sprite-fr.gif) 0 -30px; }


/* Search block Unit*/

#search-block form {
	margin: 0;
	padding: 10px;
	width: 190px;
	height: 165px;
	background-color: #888;
	overflow: hidden;
}

#search-block li {
	height: 23px;
}

#search-block li.indent {
	padding-left: 50px;
}

#search-block label {
	font-weight: bold;
	color: #FFF;
}

#search-block label.indent {
	width: 50px;
}

#search-block select {
	width: 135px;
}

#search-submit {
	float: right;
	margin: 0;
}

/* Search block Home */

#search-block-home {
	background-image: url(../img/block-gradient-grey-bg.png);
}

#search-block-home .block-head {
	background-image: url(../img/block-red-bg.gif);
}

#search-block-home .block-head h2,
#search-block-home .block-head .arrow {
	color: white;
}

#search-block-home .block-head .arrow {
	background-position: 100% -720px;
}

#search-block-home .block-body {
	padding: 0 10px 10px;
	background-color: #BA0343;
	border: 0;
}

#search-block-home .block-foot {
	padding: 10px 10px 0;
	height: auto;
}

#search-block-home form {
	margin: 0;
	overflow: hidden;
}

#search-block-home li {
	height: 23px;
}

#search-block-home li.indent {
	padding-left: 70px;
}

#search-block-home label {
	font-weight: bold;
	color: #FFF;
}

#search-block-home label.indent {
	width: 70px;
}

#search-block-home select,
#search-block-home input {
	margin: 0;
}

#search-block-home select {
	width: 135px;
}

#search-block-home .block-foot .arrow {
	float: left;
	margin: 2px 0 0;
	background-position: 100% -480px;
	color: #333;
}

#search-block-home .block-foot .more {
	float: right;
	margin: 0;
	background-position: 100% -20px;
	color: #BA0343;
}

#search-block-home .block-foot .more:hover {
	background-position: 100% -500px;
	color: #333;
}


/* Profile block */

#profile-block {
	padding: 0;
	background: url(../img/profile-block-bg.png) no-repeat;
}

#profile-block .block-body {
	padding: 0 10px 10px;
	background: transparent;
	border: 0;
	overflow: hidden;
}

#profile-block .block-foot {
	padding: 10px;
	height: auto;
	background: url(../img/profile-block-bg.png) no-repeat 0 100%;
	border-top: 1px solid #FFF;
}

#profile-block img {
	float: left;
	margin: 0 10px 0 0;
}

#profile-block .under-image{
	float: left;
	width: 210px;
	margin: 10px 0 0 0;
}

#profile-block h2 {
	font-size: 12px;
}

#profile-block .button {
	background-position: 0 -1820px;
	color: #FFF;
}

#profile-block .button-text {
	background-position: 100% -1820px;
}

#profile-block .button:hover {
	background-position: 0 -1840px;
}

#profile-block .button:hover .button-text {
	background-position: 100% -1840px;
}

#profile-block .block-foot p {
	float: right;
	margin: 0;
	font-size: 10px;
	line-height: 10px;
	color: #999;
}

#profile-block .block-foot .progress {
	float: left;
	margin: 0 10px 0 0;
	width: 88px;
}


/* Product count block */

#product-count {
	float: left;
	width: 230px;
	height: 60px;
	background: url(../img/product-count-bg.gif) no-repeat;
}

#product-count h3 {
	float: left;
	margin: 0;
	padding: 14px 10px;
	width: 60px;
	height: 32px;
	font-size: 14px;
	text-transform: uppercase;
}

#product-count p {
	float: left;
	margin: 0;
	padding: 9px 8px;
	width: 134px;
	height: 42px;
	font-size: 26px;
	letter-spacing: 16px;
	white-space: nowrap;
	color: #CCC;
}

#product-count p span {
	color: #BA0343;
}


/* Live Filters */

#filters {
	padding: 10px;
	height: 30px;
	background-color: #8D8D8D;
	margin: 0;
}

#filters .label {
	float: left;
	margin: 0;
	width: 80px;
	font-weight: bold;
	line-height: normal;
	color: #FFF;
}

#filters .button {
	height: 30px;
	background-position: 0 -2040px;
	color: #FFF;
}

#filters .button-text {
	padding: 0 30px 0 0;
	background-color: #8D8D8D;
	background-position: 100% -2040px;
	line-height: 30px;
}

#filters .button:hover {
	background-position: 0 -2070px;
}

#filters .button:hover .button-text {
	background-position: 100% -2070px;
}

#filters .filter {
	float: left;
	margin-right: 5px;
	padding: 0;
	height: 28px;
	background-position: 0 -1900px;
	border: 1px solid #CFCFCF;
	font-size: 12px;
	font-weight: bold;
	width: 150px;
	overflow: hidden;
	color: #505050;
}

#filters .filter .button-text {
	line-height: 30px;
	padding: 0 38px 0 10px;
	background-position: 100% -1900px;
}

#filters .filter:hover {
	background-position: 0 -1930px;
	color: #000000;
}

#filters .filter:hover .button-text {
	background-position: 100% -1930px;
}

#filters .filter-active {
	color: #BA0343;
}

#filters .filter-active .button-extra {
	color: #505050;
}

.filter_aight {
	margin-bottom: 5px;
	width: 100%;
}

.filterwrap {
	position: relative;
	float: left;
}

.filter-menu {
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	display: none;
	margin-top: 30px;
	padding: 10px;
	position: absolute;
	width: 340px;
	z-index: 5;
	left: 0;
}

.filter-menu.merk {
	margin-left: 80px;
}

.filter-menu.maat {
	margin-left: 203px;
}

.filter-menu.profiel {
	margin-left: 325px;
}

.filter-menu.compact {
	width: 150px;
}

.active .filter-menu {
	display: block;
}

.filter-menu #model-options {
	width: 340px;
}

.filter-menu .options-group {
	margin-bottom: 10px;
	overflow: hidden;
	width: 340px;
}

.filter-menu .strong {
	font-size: 12px;
	margin: 0 0 5px;
}

.filter-menu ul {
	list-style: none;
	margin: 0 0 10px;
	padding: 0;
}

.filter-menu .toolbar {
	width: 100%;
	clear: both;
}

#filters .text {
	margin: 0 7px 0 0;
	height: 20px;
	font-size: 14px;
	line-height: 20px;
}

#filters .invoice{
	color: #FFFFFF;
	font-weight: bold;
	line-height: normal;
	margin: 0 5px 0 0;
}

#filters #invoices-month,
#filters #invoices-year{
	height: 30px;
	margin: 0 7px 0 0;
	padding: 3px 3px 1px 3px;
	color: #AAA;
	border: 1px solid #CCC;
	
}

input#begin-date,
input#end-date {
	width: 100px;
}

input#begin-date,
input#end-date{
	background-image: url(../img/datepicker/calendar-begin.png);
	background-position: 5% 60%;
  	background-repeat: no-repeat;
  	padding-left: 25px;
  	width: 85px;
}

input#end-date{
	background-image: url(../img/datepicker/calendar-end.png);
}

#button-clear-brands {
	float: left;
	width: 30px;
	height: 30px;
	background: url(../img/extra-sprite.png) 0 -378px no-repeat;
	text-indent: -9999px;
}

#button-clear-brands:hover {
	background-position: 0 -438px;
}

#button-clear {
	float: left;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	height: 30px;
	text-decoration: none;
	background: url(../img/shopping-sprite.png) 0 -74px no-repeat;
}

#button-clear .button-inner {
	display: inline-block;
	padding: 0 20px 0 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	background: #8D8D8D url(../img/shopping-sprite.png) 100% -74px no-repeat;
	color: #FFF;
}

#button-clear:hover {
	background-position: 0 -104px;
}

#button-clear:hover .button-inner {
	background-position: 100% -104px;
}

.jquery-selectbox {
	position: relative;
	border: 1px solid #CFCFCF;
	height: 28px;	
	width: 120px;
	z-index: 0;
	float: left;
	display: inline;
	margin: 0 10px 0 0;
	line-height: 28px;
	font-size: 11px;
	color: #444;
	padding: 0 30px 0 5px;
	background: url(../img/button-sprite.gif) no-repeat 100% -1900px;
}

.jquery-selectbox.selecthover {
	background-position: 100% -1930px;
	z-index: 700;
}

.jquery-selectbox .jquery-selectbox-currentItem {
	padding: 0 5px 0 5px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	font-weight: bold;
	font-size: 12px;
}

.jquery-selectbox .jquery-selectbox-list {
	display: none;
	position: absolute;
	top: 28px;
	padding: 2px;
	left: 0px;
	background: #E0E0E0;
	width: 120px;
	height: 120px;
	line-height: 11px;
	overflow-x: hidden;
	overflow-y: auto;
	z-index: 1000;
}

.jquery-selectbox .jquery-selectbox-moreButton {	
	position: absolute;
	top: 0px;
	right: 0px;
	width: 120px;
	height: 28px;
	cursor: pointer;	
}

.jquery-selectbox .jquery-selectbox-item.listelementhover {
	background: #CCC;
}

.jquery-selectbox .jquery-selectbox-item {
	display: block;
	cursor: pointer;
}


/* Overview controls */

#overview-controls {
	padding: 10px;
	width: 690px;
	height: 20px;
}

#overview-controls select {
	float: right;
}


/* Viewtypes */

#viewtypes {
	width: 100%;
	overflow: hidden;
}

#viewtypes .tabs {
	float: left;
	width: auto;
}

#viewtypes .spinner {
	display: -moz-inline-box;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/loading.gif) no-repeat;
	text-indent: -9999px;
}

#view-switcher {
	float: right;
	margin: 11px 0 0;
	padding: 0;
	list-style: none;
}

#view-switcher li {
	float: left;
	margin-left: 3px;
}


/* Product table */

#product-table,
#order-table {
	margin: 0;
}

#product-table th,
#product-table td,
#order-table th,
#order-table td {
	padding: 5px;
	border-bottom: 0;
	color: #505050;
}

#product-table th,
#order-table th {
	background-color: #F3F3F3;
	border-left: 1px solid #DDD;
	font-size: 10px;
	text-align: left;
	color: #666;
}

#product-table td,
#order-table td {
	vertical-align: middle;
}

#product-table .odd td {
	background-color: #F2F2F2;
}

#product-table .hover td {
	background: #E7E7E7;
	/* cursor: pointer; */
}

#product-table img {
	display: block;
	border: 1px solid #DDD;
}

#product-table .favorite { width: 20px; }
#product-table .stock { width: 40px; }
#product-table .thumb { width: 50px; }
#product-table .tubing { width: 35px; }
#product-table .carryindex { width: 25px; }
#product-table .price { width: 70px; }
#product-table .tirewidth { width: 20px; }
#product-table .tirediam { width: 55px; }
#product-table .radius { width: 50px; }
#product-table .rollout { width: 70px; }
#product-table .rimwidth { width: 80px; }
#product-table .details { width: 20px; }
#product-table .order { width: 20px; }
#product-table .amount { width: 45px; }

#product-table .tirenumber { width: 75px; }
#product-table .tirebrand { width: 100px; }
#product-table .item { width: 150px; }
#product-table .tiresize { width: 100px; }
#product-table .profile { width: 75px; }

#product-table .no-border {
	border: 0;
}

#product-table .sort {
	padding-right: 8px;
	background: url(../img/arrow-sprite.gif) no-repeat;
	text-decoration: none;
	color: #666;
}

#product-table .sort:hover,
#product-table .sorted {
	color: #000;
}

#product-table .asc {
	background-position:  100% -690px;
}

#product-table .desc {
	background-position:  100% -630px;
}

#product-table .loading {
	border: 0;
}

/* Banner Webshop Homepage */
#discount-banner{
	
}

/* Order table */

#order-table tbody {
	/* border-bottom: 10px solid #FFF; */
}

#order-table tbody:hover td {
	background: #E7E7E7;
}

#order-table td {
	vertical-align: top;
	padding-top: 5px;
}

#order-table .order .icon-info,
#order-table .order .icon-download {
	margin-top: -10px;
}

#order-table .order {
	width: 40px;
}

#order-table .price{
	width: 100px;
}

#order-table .odd td {
	background-color: #F2F2F2;
}

#order-table .first td {
	padding-top: 20px;
}

#order-table .last td {
	padding-bottom: 10px;
}

/* Gift table */

#gift-intro {
	float: left;
	padding: 20px 10px 10px 10px;
}

#gift-intro p {
	margin: 0;
}

#gift-table {
	margin: 0;
}

#gift-table th,
#gift-table td {
	padding: 10px;
	border-bottom: 1px solid #DADADB;
	color: #505050;
}

#gift-table .last td {
	border: 0;
}

#gift-table th {
	background-color: #F3F3F3;
	border-left: 1px solid #DDD;
	font-size: 10px;
	text-align: left;
	color: #666;
}

#gift-table .selected td {
	background-color: #F2F2F2;
}

#gift-table .hover td {
	background: #E7E7E7;
	cursor: pointer;
}

#gift-table img {
	display: block;
	border: 1px solid #DDD;
}

#gift-table p {
	margin: 0;
	width: 470px;
}

#gift-table .option-container {
	width: 85px;
	height: 61px;
	padding: 7px 5px;
	border-left: 1px solid #DADADB;
}


/* Advanced search */

.tab-header {
	padding: 18px 10px 18px 10px;
	margin: 0;
	height: 24px;
	line-height: 24px;
	background: #8D8D8D;
	color: #FFF;
}

#advanced-search {
	padding: 0;
	margin: 0;
	list-style: none;
}

#advanced-search li {
	padding: 0 0 0 10px;
	height: 60px;
	line-height: 60px;
}

#advanced-search .odd {
	background: #F5F5F6;
}

#advanced-search label {
	display: inline-block;
	width: 70px;
	font-weight: bold;
	color: #46464A;
}

#advanced-search label.nowidth {
	width: auto;
}

#advanced-search select {
	margin: 0 10px 0 0;
	width: 130px;
}

#advanced-search input {
	border: 1px solid #919095;
	padding: 2px 2px 2px 3px;
}

#advanced-search #price-start {
	width: 45px;
}

#advanced-search #price-end {
	margin: 0 10px 0 5px;
	width: 45px;
}

#advanced-search #search-term {
	width: 122px;
}

#advanced-search #search {
	margin: 0 0 0 70px;
}


/* Shopping cart */

#progress {
	float: left;
	padding: 10px 0 10px 10px;
	margin: 0;
	width: 610px;
	list-style: none;
	background: #8D8D8D;
}

#progress li {
	float: left;
	border: 1px solid #FFF;
	border-right: 0;
	width: 149px;
	height: 8px;
	text-indent: -9999px;
	background: url(../img/shopping-sprite.png) 0 -58px no-repeat;
}

#progress li.last {
	border-right: 1px solid #FFF;
}

#progress li.active {
	background-position: 0 -66px;
}

#completed {
	float: left;
	width: 90px;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	color: #FFF;
	background: #8D8D8D;
}

#product-order input.quantity-general,
#product-table input.quantity-general,
#product-table input.quantity-bonus,
#product-table input.quantity {
	float: left;
	border: 1px solid #AFAFAF;
	border-right: 0;
	padding: 4px 0 4px 0;
	width: 30px;
	height: 13px;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #46464A;
}

#product-order input.error,
#product-table input.error{
	border: 1px solid #BA0343;
	border-right: 0;
} 

#product-order .quantity-increase,
#product-order .quantity-decrease,
#product-table .quantity-increase,
#product-table .quantity-decrease,
#product-table .quantity-increase-bonus,
#product-table .quantity-decrease-bonus {
	display: block;
	outline: 0;
	width: 15px;
	height: 9px;
	text-indent: -9999px;
	background: url(../img/shopping-sprite.png) no-repeat;
}

#product-order .quantity-decrease,
#product-table .quantity-decrease,
#product-table .quantity-decrease-bonus {
	margin: 1px 0 0 0;
	background-position: -15px 0;
}

#product-order .quantity-increase:hover,
#product-table .quantity-increase:hover,
#product-table .quantity-increase-bonus:hover {
	background-position: 0 -9px;
}

#product-order .quantity-decrease:hover,
#product-table .quantity-decrease:hover,
#product-table .quantity-decrease-bonus:hover {
	background-position: -15px -9px;
}

#product-order .quantity-general-controls,
#product-table .quantity-general-controls,
#product-table .quantity-controls {
	float: left;
	border: 1px solid #AFAFAF;
	border-left: 0;
	padding: 1px 1px 1px 0;
	margin: 0;
	width: 15px;
	height: 19px;	
	list-style: none;
}

#product-order .quantity-general-controls li,
#product-table .quantity-general-controls li,
#product-table .quantity-controls li {
	float: left;
}

#product-order .quantity-general-controls.error,
#product-table .quantity-general-controls.error{
	border: 1px solid #BA0343;
	border-left: 0;
}

#product-table .quantity-general-controls li,
#product-table .quantity-controls li {
	float: left;
}

#product-order tr.error-bottom,
#product-table tr.error-bottom{
	border-bottom: 1px solid #BA0343;
}

#product-order tr.error-top,
#product-table tr.error-top{
	border-top: 1px solid #BA0343; 
}

#result-div {
	overflow: hidden;
}

#totals {
	margin: 0;	
}

#totals td {
	line-height: 20px; 
}

#webshop-terms {
	padding: 10px 5px;
	width: 700px;
	background: #F3F3F3;
	border-bottom: #8D8D8D solid 1px;
	font-weight: bold;
}

#webshop-terms p{
	margin: 0 0 5px;
}

#bonus-points{
	width: 34%;
}

#product-table .price-piece { width: 75px; text-align: right; }
#product-table .price-total { width: 75px; text-align: right; }
#bonus-points .points  { width: 75px; text-align: right; }
#product-table .remove { width: 25px; }

#totals .remove { padding: 5px; width: 25px; }

#product-table .amount { padding: 5px 10px 5px 10px; }
#product-table .amount .valuta { float: left; }
#product-table .amount span { float: right; }

#totals .amount { padding: 5px 10px 5px 10px; width: 65px; text-align: right; }

#totals .grey { color: #8D8D8D; }

#totals td { border: 0; border-top: 1px solid #8D8D8D; }
#totals .odd td { border: 0; background-color: #F2F2F2; border-top: 1px solid #8D8D8D; border-bottom: 1px solid #8D8D8D; }



/* Shopping toolbar */

#shopping-toolbar {
	display: block;
	padding: 0;
	margin: 10px 10px 0 0;
	list-style: none;
	overflow: hidden;
}

#shopping-toolbar li {
	float: right;
}

#shoppingcart-noitems{
	float: left;
}

#button-next {
	display: inline-block;
	padding: 0 0 0 10px;
	/* margin: 0 0 0 10px; */
	margin: 0;
	height: 30px;
	text-decoration: none;
	background: #FFF url(../img/shopping-sprite.png) 0 -74px no-repeat;
}

#button-next .button-inner {
	display: inline-block;
	padding: 0 20px 0 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	background: #FFF url(../img/shopping-sprite.png) 100% -74px no-repeat;
	color: #FFF;
}

#button-prev {
	display: inline-block;
	float: right;
	padding: 0 0 0 20px;
	height: 30px;
	margin: 0 10px 0 0;
	text-decoration: none;
	background: url(../img/shopping-sprite.png) 0 -194px no-repeat;	
}

#button-prev .button-inner {
	display: inline-block;	
	padding: 0 10px 0 0;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	background: #FFF url(../img/shopping-sprite.png) 100% -194px no-repeat;
	color: #FFF;
}

#button-prev:hover {
	background-position: 0 -224px;
}

#button-prev:hover .button-inner {
	background-position: 100% -224px;
}

#button-next:hover {
	background-position: 0 -104px;
}

#button-next:hover .button-inner {
	background-position: 100% -104px;
}

#personal-details {
	margin: 0;
}

#personal-details .address {
	width: 240px;
}

#personal-details th {
	background-color: #F3F3F3;
	border-left: 1px solid #DDD;
	font-size: 10px;
	text-align: left;
	color: #666;
}

#personal-details td {
	border: 0;
}

#personal-details .border-top th {
	border-top: 1px solid #8D8D8D;
}

#personal-details a.icon {
	display: inline-block;	
	padding: 0 25px 0 0;
	margin: 20px 0 0 0;
	width: auto;
	line-height: 18px;
	font-weight: bold;
	text-indent: 0;
	text-decoration: none;
	color: #47464A;
}

#personal-details a.icon:hover {
	color: #47464A;
}

#confirmation {
	float: left;
	padding: 10px;
}


/* Stars */

.star {
	display: block;
	width: 16px;
	height: 16px;
	background: url(../img/favorite-sprite.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

.star:hover {
	background-position: 0 -16px;
}

.star.active {
	background-position: 0 -32px !important;
}

.star.loading {
	background: url(../img/loading.gif) no-repeat !important;
}


/* Addthis box */

.addthis_toolbox {
	margin: 0 0 10px 0;
}


/* Pagination */

#pagination-small,
#pagination {
	padding: 10px 5px;
	width: 700px;
	height: 20px;
	background: #F3F3F3;
}

#pagination-small {
	width: 450px;
}

#pagination-small .icon,
#pagination .icon {
	float: left;
}

#pagination-prev {
	background-position: 0 -140px;
}

#pagination-prev:hover {
	background-position: 0 -620px;
}

#pagination-small ol,
#pagination ol {
	float: left;
	margin: 0;
	padding: 0;
	width: 660px;
	text-align: center;
}

#pagination-small ol{
	width: 410px;
}


#pagination-small li,
#pagination li {
	display: inline;
}

#pagination-small li a,
#pagination li a {
	display: -moz-inline-box;
	display: inline-block;
	padding: 1px 0;
	width: 30px;
	height: 18px;
	background-color: #CCC;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #333;
}

#pagination-small li a:hover,
#pagination li a:hover {
	background-color: #DDD;
}

#pagination-small li a.selected,
#pagination li a.selected {
	background-color: #BA0343;
	color: #FFF;
}

#control-bar {
	margin-bottom: 10px;
	padding: 10px;
	width: 690px;
	height: 20px;
	background: url(../img/control-bar-bg.gif) no-repeat;
}

#control-bar .icon-link {
	float: left;
}

#control-bar #bonusshop-search.icon-link{
	float: none;
}

#control-bar .between{
	color: #919095;
	font-size: 15px;
	margin-left:5px;
	margin-right:5px;
}


/* Product detail header */

#content-header {
	padding: 15px 10px;
	background: url(../img/light-gradient-bg.png) repeat-x;
	border-top: 1px solid #CCC;
	overflow: hidden;
}

#content-header-inner {
	width: 460px;
}

#content-header p {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

#content-header h1 {
	margin: 0;
}

#content-header h4{
	color: #505050;
}


/* Product tabs */

#product-tabs {
	margin: 0 -10px;
	width: 470px;
}


/* Specs table */

#specs-table {
	margin: 0 -10px 20px;
	width: 470px;
}

#specs-table th,
#specs-table td {
	padding: 8px 10px;
}

#specs-table th {
	width: 100px;
}

#tire-price {
	font-size: 24px;
	font-weight: bold;
	color: #BA0343;
}

#tire-price .alt {
	font-size: 14px;
	color: #C8C8C8;
}


/* Product order */

#product-order {
	margin: -1px -10px 0;
	padding: 12px 10px 12px 130px;
	background: url(../img/light-gradient-bg.png) repeat-x;
	border-top: 1px solid #CCC;
}

#product-order .button {
	margin-right: 5px;
	margin-left: 10px;
	margin-top: 1px;
}

#product-order .added{
	margin: 10px 0 0 0;
	float: left;
	height: 30px;
	width: 30px;
}

/* Login warning */
#login-warning {
	padding: 12px 10px 12px 10px;
	margin: -1px -10px 0;
	background: url(../img/light-gradient-bg.png) repeat-x;
	border-top: 1px solid #CCC;
}

.warning-holder{
	width: 450px;
	height: 40px;
}

.register-login-holder{
	margin: 0 0 20px 40px;
}

#login-warning p{
	float: left;
	color: #BA0343;
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0 0 5px;
}

#login-warning img{
	float: left;
}

#login-warning .icon-warning {
	background: transparent url(../img/enquete/icon-sprite.png) no-repeat 0 -80px;
}

#login-warning #button-next{
	margin-right: 10px;
}

/* Product actions */

#product-actions {
	margin: 0 -10px 20px;
	padding: 10px 10px 2px 130px;
	background-color: #EEE;
	border-top: 1px solid #CCC;
}

#product-actions ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#product-actions ul li {
	margin-bottom: 8px;
}


/* Product detail sidebar blocks */

#carousel-block .block-body {
	padding: 10px 9px 0 9px;
	height: auto;
	min-height: 0;
}

#carousel-block #block-viewport {
	width: 210px;
	height: 140px;
	overflow: hidden;
}

#carousel-block #block-content {
	width: 4200px;
	height: 140px;
}

#carousel-block #block-content img {
	float: left;
	margin: 0;
}

#carousel-block .block-foot {
	padding-top: 10px;
}

#carousel-block .icon {
	float: left;
}

#carousel-block #block-next {
	float: right;
}


/* Alternatives block */

#alternatives-block {
	background: none;
}

#alternatives-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#alternatives-block ul a {
	display: block;
	padding: 5px;
	width: 220px;
	background: url(../img/button-sprite.gif) no-repeat -15px -953px;
	line-height: normal;
	text-decoration: none;
	color: #333;
}

#alternatives-block ul a:hover,
#alternatives-block ul a:hover span {
	background-position: -15px -1013px;
	cursor: pointer;
	color: #BA0343;
}

#alternatives-block ul img {
	display: block;
	float: left;
	margin-right: 10px;
	border: 1px solid #CCC;
}

#alternatives-block ul .alternative-body,
#alternatives-block ul .brand-name,
#alternatives-block ul .type,
#alternatives-block ul .price {
	display: block;
	white-space: nowrap;
	overflow: hidden;
}

#alternatives-block ul .alternative-body {
	width: 140px;
}

#alternatives-block ul .brand-name {
	color: #666;
}

#alternatives-block ul .type {
	font-weight: bold;
}


/* Credentials table */

#credentials-table {
	margin: 0 -10px;
	width: 470px;
}

#credentials-table .header{
	color: #BA0343;
	font-size: 14px;
}


/**
 * WEBSHOP ELEMENTS
 * ----------------------------------------
 */

#customer-details {
	margin: 0 0 10px;
	padding: 0 0 10px;
	background: url(../img/gradient-bottom-bg.gif) repeat-x 0 100%;
	overflow: hidden;
}

#subscribe {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px;
	width: 450px;
}

#subscribe-span {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 10px;
	width: 680px;
}

#subscribe-span .intro,
#subscribe .intro {
	margin: 0 0 10px;
	font-size: 14px;
}


/* Order history */

#order-history,
#order-history .block-head {
	background: transparent;
}

#order-history {
	float: left;
	padding: 0;
}

#order-history .block-subject-text {
	font-size: 14px;
	color: #333;
}

#order-history .block-body {
	padding: 4px 9px;
	border: 1px solid #CCC;
}

#order-history .reference {
	margin: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #BA0343;
}

#order-history table {
	margin: 0 -9px;
	width: 228px;
}

#order-history th,
#order-history td {
	padding: 0 10px 5px;
	border-bottom: 0;
	border-right: 1px solid #DDD;
}

#order-history th {
	padding: 0 10px;
	font-size: 10px;
	color: #CCC;
}

#order-history .price {
	text-align: right;
}

#order-history .row-actions {
	width: 20px;
	border: 0;
}

#order-history .row-actions .more {
	display: block;
	padding: 0;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}

/* Big search */

#big-search-wrap {
	margin: 0 -10px 10px 0;
	padding: 0 10px 0 0;
	background: url(../img/webshop-header-bg.jpg) no-repeat 0 0;
	overflow: hidden;
}

#big-search{
	margin: 0;
	height: 50px;
	/*background: url(../img/gradient-bottom-bg.gif) repeat-x 0 100%;*/
	overflow: hidden;
}

.big-search-extra{
	margin: 10px 0 0 0;
	padding: 0 0 5px 10px;
	height: 20px;
	width: 700px;
}

.big-search-extra img{
	float: left;
}

.big-search-extra .info{
	float: left;
	margin: 1px 10px 0 5px;
	font-weight: bold;
}

#big-input{
	width: 660px;
	margin: 10px 0 10px 10px;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	float: left;
	color: #CCC;
}

#big-search #searchsubmitsmall{
	margin: 10px 0 0 0;
	width: 30px;
}

.big-search-extra a#info{
	float: left;
	margin: 0 0 0 5px;
	padding: 1px 0 1px 15px;
	width: 11px;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	font-weight: bold;
	background: url(../img/extra-sprite.png) no-repeat 0 -618px;
	/* margin: 18px 0 0 8px; */
	color: #999;
}

.big-search-extra a#info:hover {
	color: #000;
}


/* Unit quicklinks */

#unit-quicklinks {
	margin: 0 0 10px;
	width: 710px;
}

#unit-quicklinks .block {
	margin: 0 10px 0 0;
}

#unit-quicklinks .last {
	margin: 0;
}

#unit-quicklinks .block-head {
	padding: 15px 10px 7px 10px;
	background-image: url(../img/block-gradient-grey-bg.png);
}

#unit-quicklinks .block-head .webshop-icon,
.webshop-column .webshop-icon {
	float: right;
	margin: -4px 1px 0 0;
	width: 33px;
	height: 21px;
	background: url(../img/webshop-icon-sprite.png) no-repeat 0 0;
}

.webshop-column .webshop-icon{
	margin: 5px 1px 0 0;
}

#unit-quicklinks .block-head .icon-truck,
.webshop-column .icon-truck {
	background-position: 0 -21px;
}


#unit-quicklinks .block-head .icon-earthmover,
.webshop-column .icon-earthmover {
	background-position: 0 -42px;
}

#unit-quicklinks .block-body {
	padding: 0;
	width: 228px;
	height: auto !important;
	height: 92px;
	min-height: 92px;
}

#unit-quicklinks .related {
	margin: 0;
}

#unit-quicklinks .related a {
	padding: 6px 30px 6px 10px;
	background-position: -16px -975px;
}

#unit-quicklinks .stock {
	float: right;
	margin: -1px 0;
	padding: 0 5px;
	border: 1px solid #E5E5E5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height: 18px;
}


/* Customer overview */

#customer-overview .tabs {
	border-bottom: 1px solid #8D8D8D;
}


/* Bonusshop */

#bonusshop-header {
	position: relative;
	padding: 0 310px 0 10px;
	margin: 0 -10px 10px 0;
	width: 400px;
	height: 121px;
	background: url(../img/bonusshop-header-bg.jpg) no-repeat 0 0;	
}

#bonusshop-header h1{
	margin: 0px 0px 12px;
}

#bonusshop-header p {
	font-size: 12px;
	color: #000;
}

#bonusshop-balance {
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 10px;
	height: 65px;
	background: url(../img/bonusshop-balance-bg.png) no-repeat 0 0;
}

#mediabar #bonusshop-balance{
	background: none;
	position: relative;
	display: block;
	float: left;
}

#mediabar .under-balance{
	display: block;
	float: left;
	position: relative;
	margin: 10px 0 0 10px;
}

#bonusshop-balance p {
	margin: 0;
	line-height: 20px;
	font-size: 10px;
	font-weight: bold;
	color: #262626;
}

#bonusshop-balance .digit {
	float: left;
	padding: 0 0 10px 8px;
	margin: 0 1px 0 0;
	width: 22px;
	height: 35px;
	line-height: 35px;
	font-size: 20px;
	font-weight: bold;
	background: url(../img/bonusshop-balance-digit-bg.png) no-repeat 0 0;
	color: #FFF;
}

#profile-block #bonusshop-balance{
	
}

#points-filter-label {
	font-size: 15px;
	color: #919095;
}

#bonusshop-search {
	margin: 0 0 10px 0;
	padding: 10px;
	width: 690px;
	background-color: #E6E6E6;
}

#bonusshop-search label {
	float: left;
	margin: 0 10px 0 0;
	line-height: 30px;
	font-size: 12px;
	font-weight: bold;
	color: #272727;
}

#bonusshop-search-input  {
	float: left;
	margin: 0;
	width: 350px;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	font-weight: bold;
}

#bonusshop-search .submit-button {
	background-color: transparent;
	float: left;
	border: 0;
	height: 30px;
	width: 30px;
	text-indent: -9999px;
	margin: 0 15px 0 0;
	padding: 0;
	cursor: pointer;
	font-size: 0px;
	line-height: 0px;
	background: url(../img/search-sprite-nl.gif) no-repeat 0 0;
}

#bonusshop-search .submit-button:hover {
	background-position: 0 -30px;
}

#bonusshop-points {
	margin: 4px 0;
}

select#bonusshop-points{
	width: 125px;
}

.fr select#bonusshop-points{
	width: 100px;
}

#bonusshop-overview {
	overflow: hidden;
	margin: 0 -10px 10px 0;
	width: 720px;	
}

#bonusshop-spotlight {
	margin: 0 0 10px 0;
	overflow: hidden;
}

#bonusshop-spotlight-image-container {
	float: left;
	width: 470px;
	height: 290px;
}

#bonusshop-spotlight-image {
	margin: 0 auto;
	margin-top: 50px;
	display: block;
	height: 200px;
}

.more-button {
	padding: 0 0 0 10px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background: url(../img/shopping-sprite.png) 0 -74px no-repeat;
}

.more-button .button-text {
	display: inline-block;
	padding: 0 20px 0 0;
	height: 30px;
	line-height: 29px;
	font-size: 12px;
	font-weight: bold;
	background: #FFF url(../img/shopping-sprite.png) 100% -74px no-repeat;
	color: #FFF;
}

.more-button:hover {
	background-position: 0 -104px;
}

.more-button:hover .button-text {
	background-position: 100% -104px;
}

#content-toolbar .more-button {
	float: right;
}

#bonusshop-overview .product {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;	
}

.bonusshop-points-label {
	position: absolute;
	display: block;
	top: 10px;
	left: 10px;
	padding: 13px 0 0 13px;
	width: 57px;
	height: 55px;
	background: url(../img/bonusshop-cost-label.png) no-repeat 0 0;
}

.bonusshop-points-label .points {
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}

.bonusshop-points-label .description {
	font-size: 10px;
	font-weight: bold;
	color: #D6718B;
}

#bonusshop-overview .block-title {
	text-decoration: none;
	font-size: 12px;
}

#bonusshop-overview .bonushop-size{
	width: 210px;
	height: 150px;
}

#bonusshop-overview .bonushop-size img{
	margin: 0 auto;
}

#bonusshop-overview .block-title:hover {
	cursor: pointer;
	color: #EEE;
}

#bonusshop-overview .block-title .star {
	float: left;
	margin: 0 5px 0 0;
	width: 15px;
	height: 14px;
	background: url(../img/bonusshop-star.png) no-repeat 0 0;
}

#bonusshop-detail {	
	margin: 0 -10px;
	width: 470px;
}

#bonusshop-detail #content-header {
	padding: 20px 20px 10px 20px;
}

#bonusshop-detail #content-body {
	padding: 0 20px 10px 20px;
	font-size: 12px;
	color: #46464A;
}

#bonusshop-detail #content-footer {
	padding: 0;
	margin: 0;
	list-style: none;
}

#bonusshop-detail #content-footer li {
	padding: 0 0 0 20px;
	border-top: 1px solid #E2E2E2;
	height: 50px;
	line-height: 50px;	
	overflow: hidden;	
}

#bonusshop-detail #content-footer .points-descriptor {
	float: left;
	margin: 0;
	width: 100px;
	line-height: 50px;	
	font-weight: bold;
	color: #46464A;
}

#bonusshop-detail #content-footer .points {
	color: #B90243;
	font-size: 24px;
	font-weight: bold;
}

#bonusshop-detail #content-footer .order-bar {
	border-bottom: 1px solid #CCC;
	background: url(../img/light-gradient-bg.png) repeat-x 0 0;
}

#bonusshop-detail #button-order {
	float: left;
	padding: 0 0 0 10px;
	margin: 10px 0 10px 100px;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
	background: url(../img/shopping-sprite.png) 0 -74px no-repeat;
}

#bonusshop-detail #button-order .button-inner {
	display: inline-block;
	padding: 0 20px 0 0;
	height: 30px;
	line-height: 29px;
	font-size: 12px;
	font-weight: bold;
	background: #FFF url(../img/shopping-sprite.png) 100% -74px no-repeat;
	color: #FFF;
}

#bonusshop-detail #button-order:hover {
	background-position: 0 -104px;
}

#bonusshop-detail #button-order:hover .button-inner {
	background-position: 100% -104px;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

#service-navigation {
	width: 100%;
	height: 30px;
	overflow: hidden;
}


/* Footer blocks */

.footer-block {
	display: block;
	float: left;
	padding: 8px 10px 7px;
	width: 214px;
	height: 15px;
	border-right: 1px solid #FFF;
	text-decoration: none;
	overflow: hidden;
	color: #FFF;
}

a.footer-block {
	background: url(../img/button-sprite.gif) no-repeat -15px -1572px;
}

a.footer-block:hover {
	text-decoration: underline;
	color: #FFF;
}

#footer-about {
	width: 219px;
	background: url(../img/button-sprite.gif) no-repeat -10px -1632px;
}

#footer-about.active {
	background-position: -10px -1752px;
}


/* Languages */

#languages {
	width: 219px;
}

#languages p {
	float: left;
	margin: 0 5px 0 0;
	line-height: normal;
}

#languages ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#languages li {
	float: left;
	margin-right: 5px;
}

#languages a {
	display: block;
	width: 14px;
	height: 12px;
}

#languages a img {
	display: block;
}


/* Languages Header */

#language-wrap {
	height: 20px;
}

#language-wrap .languages {
	float: right;
	margin: 0;
	padding: 22px 0 0;
	list-style: none ;
}

#language-wrap .languages li {
	float: left;
	margin-right: 5px;
}

#language-wrap .languages a {
	display: block;
	width: 14px;
	height: 12px;
}

#language-wrap .languages a img {
	display: block;
}


/* Service navigation menus */

.service-navigation-menu {
	padding: 10px 0;
	width: 100%;
	overflow: hidden;
}

.service-navigation-menu .column {
	margin: 0;
	padding: 0 10px 0 0;
	width: 220px;
	list-style: none;
}

.service-navigation-menu .column a {
	text-decoration: none;
	color: #FFF;
}

.service-navigation-menu .column a:hover {
	text-decoration: underline;
}

#about .column {
	float: right;
}


/* special for youtube block */

.special-youtube-block {
	float: left;
	margin: 0 10px 10px 0;
}

input.important {
	display: none;
}


/* Modal window */

body.modal {
	padding: 10px;
	background: #FFF;
}

/* Extra terms */

#terms-header {
	margin: 0 0 10px 0;
	padding: 10px;
}

#terms-header h1 {
	margin: 0;
}

#terms-body {
	border: 1px solid #E7E7E7;
	padding: 9px;
	height: 338px;
	background-color: #F5F5F5;
	overflow: auto;
}

#extra-terms-bar {
	margin: 10px 0;
	padding: 3px 10px;
	color: #333;
	overflow: hidden;
}

#extra-terms-bar.error {
	background-color: #BA0343;
	color: #FFF;
}

#extra-terms-bar label {
	float: left;
	margin: 2px 0 0 5px;
}

#extra-terms {
	float: left;
	margin-left: 0;
}

#terms-form #button-prev {
	float: left;
}


/**
 * FOOTER ELEMENTS
 * ----------------------------------------
 */

.section-profile #filters {
	margin: 0 0 10px;
}

/* Jquery UI */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-more-results,
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
	border-bottom: 1px solid #C9C9C9;
}
.ui-menu .ui-menu-more-results a,
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	/*padding:.2em .4em;*/
	line-height:1.5;
	zoom:1;
	padding: 5px;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	/*margin: -1px;*/
}

.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-autocomplete { position: absolute; cursor: default; }

.ui-autocomplete{
	width: 586px;
	background-color: #E0E0E0;
	margin-top: -4px;
}
.ui-autocomplete .ui-menu-item a{
	color: #444444;
}
.ui-autocomplete .ui-menu-item a.ui-state-hover,
.ui-autocomplete .ui-menu-item a.ui-state-active {
	background-color: #CCCCCC;
}

.live-image{
	float: right;
	margin: 0 5px 0 10px;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
}
#tooltip h3, #tooltip div { margin: 0; }

/*
 * jQuery UI Datepicker 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
/* Interaction states
----------------------------------*/
.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }

.ui-datepicker .ui-state-default a,
.ui-datepicker .ui-state-default a:link,
.ui-datepicker .ui-state-default a:visited { color: #555555; text-decoration: none; }

.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover, 
.ui-datepicker .ui-state-focus, 
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-datepicker .ui-state-hover a,
.ui-datepicker .ui-state-hover a:hover { color: #212121; text-decoration: none; }
 
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }

.ui-datepicker .ui-state-active a,
.ui-datepicker .ui-state-active a:link, .ui-datepicker .ui-state-active a:visited { color: #212121; text-decoration: none; }

.ui-datepicker .ui-widget :active { outline: none; }

.ui-datepicker input, .ui-datepicker select, .ui-datepicker textarea, .ui-datepicker button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; }
#ui-datepicker-div.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/img/datepicker/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
#ui-datepicker-div.ui-widget-content a { color: #222222; }
.ui-datepicker .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(/img/datepicker/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-datepicker .ui-widget-header a { color: #222222; }

.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(/img/datepicker/ui-icons_222222_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/img/datepicker/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/img/datepicker/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/img/datepicker/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }

.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}