html {
	height: 100%;
	overflow-x: hidden;}

body {
	background: url('/images/bg-body.gif') repeat-y center top;
	margin: 0;
	padding: 0;
	color: #413c32;
	font-family: arial, helvetica;
	font-size: 90%;
	line-height: 140%;
	height: 100%;}
	
a:link {
	color: #ff5800;}
a:visited {
	color: #ff7933;}
a:hover {
	color: #000;}
a:active {
	color: #000;}
	
img {border: 0;	display: block;}
fieldset {border: 0; padding: 0;}
address {font-style: normal;}
sup {vertical-align: top; font-size: 0.6em;}
h1 {font-size: 1.6em; padding: 0; margin: 0 0 5px 0; color: #000; font-family: arial, helvetica;}
h2 {font-size: 1.2em; color: #ff5800;}
h3, h4 {color: #000; border-bottom: 1px #c3c3c3 solid; }
h4 {font-size: 0.8em; padding: 0;}
h4 a { text-decoration: none; }
p {padding: 0;	margin: 0;}
table {border-collapse: collapse;}
.rechts {float: right;}
.links {float: left;}
.clear {clear: both;}
.marge {margin-top: -40px;}
.ruler {background-color: #b2b2b2; height: 1px; margin: 10px 0;}

/* slight .net form hack */
#aspnetForm {margin: 0; padding: 0; height: 100%;}

.knop, .linkknop, .knopgroot {
	font-family: arial, helvetica;
	background: url('/images/sprite.gif') no-repeat left -133px;
	width: 85px;
	height: 24px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	border: 0;
	margin: 0 0 0 7px;
	cursor: pointer;
  letter-spacing: 0;}
  
a.linkknop, a.linkknopklein, a.knopgroot {
	display: block;
	text-align: center;
  line-height: 24px;
  cursor: pointer;
	text-decoration: none;
	color: #fff;}
	
.linkknopklein {
  width: 55px;
  font-weight: normal;
  background: url('/images/sprite.gif') no-repeat left -162px;
  height: 24px;
  margin: 0 0 0 5px;}

.knopgroot {
  width: 117px;
  background: url('/images/sprite.gif') no-repeat left -365px; }

.knopgroen {
  background: url('/images/sprite.gif') no-repeat left -423px; }

#container {
	width: 100%;
	min-height: 100%;
	position: relative;
	background: url('/images/bg-container.gif') repeat-x center bottom; }

#header {
	background: url('/images/bg-header.gif') repeat-x; 
	height: 145px;}
	
	#hinside {
		background: url('/images/bg-hinside.gif') no-repeat center top;
		margin: 0 auto 0 auto;
		width: 960px;
		height: 145px;}
		
		a.logo {
			display: block;
			position: absolute;
			top: 0;
			width: 88px;
			height: 110px;
			background: url('/images/logo.gif') no-repeat left 10px;}
			
			a.logo span {
				margin-left: -4000px;}
				
 #topbar {
/*	position: absolute; */
	height: 42px;
	color: #d7d7d7;
	font-size: 10px;
	text-align: right;
	float: right;
	margin-right: 112px;}
	
	#topbar ul {
		list-style-type: none;
		float: right;
		padding: 6px 7px 4px 18px;
		margin: 0;
		white-space: nowrap;
		height: 32px;
		background: url('/images/bg-topbar.png') no-repeat;}
		
			#topbar li {
				display: inline-block;
				float: left;
				padding: 0 7px 0 7px;}
				
			#topbar li:first-child {
				border-right: 1px #595959 solid; }
					
	#topbar a {
		color: #d7d7d7;}
		
	#topbar a:hover {
		color: #fff;}

			
	#winkelwagen {
		float: right;
		padding: 6px 10px 4px 40px;
		height: 32px;
		background: url('/images/bg-topbar.png') left bottom;}
		
		#winkelwagen a {
		color: #fff;}
		

	#language {
		float: right;
		height: 32px;
		padding: 6px 25px 4px 15px;
		width: 83px;
		text-align: left;
		background: url('/images/bg-topbar.png') right top;}
		
		#language a {
			background: url('/images/sprite.gif') no-repeat -180px -197px;
			display: block;
			padding: 0 0 0 30px; }
			
		#language a.english {
			background: url('/images/sprite.gif') no-repeat -180px -177px; }
		
	#hinside ul.menu {
		text-align: right;
		float:right;
		list-style-type: none;
		padding: 0;
		height: 30px;
		margin: 45px 236px 0 0;
		white-space: nowrap;}
		
		.menu li {
			float: left;
			font-weight: bold;
			font-size: 12px;
			margin: 0 1px 0 0;
			background: url('/images/sprite.gif') no-repeat 0 -96px;}
			
		.menu li:hover, .menu li.selected {
			background: url('/images/sprite.gif') no-repeat 0 -64px;
			border-bottom: 1px #ff5800 solid; /* fix voor opera, chrome, safari */ }

		
			.menu li a {
				color: #fff;
				text-decoration: none;
				display: inline-block;
				padding: 5px 15px;
				margin: 0;
				background: url('/images/sprite.gif') no-repeat right -32px;}
			
			.menu li a:hover, .menu li.selected a {
				background: url('/images/sprite.gif') no-repeat right top;
				text-decoration: none;}
		
#wrapper {
	padding-bottom: 210px;
	width: 960px;
	margin: 0 auto 0 auto;}
	
	#content {
		width: 702px;
		float: left;
		padding: 10px 0 210px 0;
		min-height: 300px;}
		
		#content h3 {
		  clear: both;
		  font-size: 1.0em; }
		
		#content p {
		  margin: 10px 0;	}
		  
		
/* homepage stuff */
		
		.singlescreen {
			padding-right: 200px;
			height: 170px;
			background: url('/images/bg-veer.jpg') no-repeat right -10px;
			border-bottom: 1px #b2b2b2 solid;
			margin-bottom: 15px;}
			
		a.singlebutton {
			display: block;
			width: 200px;
			height: 42px;
			background: url('/images/bg-single-button.gif') no-repeat left top;
			text-align: center;
			font-weight: bold;
			line-height: 40px;
			margin-top: 20px;
			color: #fff;
			text-decoration: none;}
			
		a:hover.singlebutton {
			text-decoration: underline;}
			
			a.singlebutton span {
				display: block;
				background: url('/images/bg-single-button.gif') no-repeat right -41px;}
				
		.categorieheader {
			margin: 0;
			font-size: 1.6em;}
				
		.homecategorie, .gascategorie {
			clear: both;
			text-align: center;
			margin: 20px -15px 0 0;}
			
			.homecategorie div.rechts {
				height: 100px;}
			
			div.homecategorie fieldset {
				text-align: right;
				padding: 0;
				margin: 0 30px 0 0;}
			
			.homecategorie ul, .gascategorie ul {
			  clear: both;
				list-style-type: none;
				padding: 0;
				margin: 0;}
				
			.homecategorie ul li {
				display: inline;
				width: 85px;}
				
			.gascategorie ul li {
				display: inline;
				width: 115px;}

				.homecategorie ul span, .gascategorie ul span {
					display: inline-block;
					width: 85px;
					line-height: 1em;
					margin: 15px 15px 0 0;
					padding: 0;
					float: left;}
		
				.gascategorie ul span {
				  margin: 20px 20px 0 0;
				  width: 150px;}
					
				    .homecategorie ul span.assortment {background: url('/images/categories/thumbs/th-assortment.jpg') no-repeat center top;}
				    .homecategorie ul span.borg {background: url('/images/categories/thumbs/th-borg-clip.jpg') no-repeat center top;}
				    .homecategorie ul span.clover {background: url('/images/categories/thumbs/th-clover-dome.jpg') no-repeat center top;}
            .homecategorie ul span.compression {background: url('/images/categories/thumbs/th-compression-spring.jpg') no-repeat center top;}
            .homecategorie ul span.conical {background: url('/images/categories/thumbs/th-conical-spring.jpg') no-repeat center top;}
            .homecategorie ul span.constant {background: url('/images/categories/thumbs/th-constant-force-spring.jpg') no-repeat center top;}
            .homecategorie ul span.curved {background: url('/images/categories/thumbs/th-curved-washer.jpg') no-repeat center top;}
            .homecategorie ul span.disc {background: url('/images/categories/thumbs/th-disc-spring.jpg') no-repeat center top;}
            .homecategorie ul span.die-us {background: url('/images/categories/thumbs/th-die-spring.jpg') no-repeat center top;}
            .homecategorie ul span.die-iso {background: url('/images/categories/thumbs/th-die-spring-iso.jpg') no-repeat center top;}
            .homecategorie ul span.end {background: url('/images/categories/thumbs/th-end.jpg') no-repeat center top;}
            .homecategorie ul span.extension {background: url('/images/categories/thumbs/th-extension-spring.jpg') no-repeat center top;}
            .homecategorie ul span.finger {background: url('/images/categories/thumbs/th-finger-washer.jpg') no-repeat center top;}
            .homecategorie ul span.garter {background: url('/images/categories/thumbs/th-garter-spring.jpg') no-repeat center top;}
            .homecategorie ul span.gas {background: url('/images/categories/thumbs/th-gas-spring.jpg') no-repeat center top;}
            .homecategorie ul span.multiwave {background: url('/images/categories/thumbs/th-multiwave-spring.jpg') no-repeat center top;}
            .homecategorie ul span.torsion {background: url('/images/categories/thumbs/th-torsion-spring.jpg') no-repeat center top;}
            .homecategorie ul span.wave {background: url('/images/categories/thumbs/th-wave-washer.jpg') no-repeat center top;}
            .homecategorie ul span.wavespring {background: url('/images/categories/thumbs/th-wave-spring.jpg') no-repeat center top;}
            .homecategorie ul span.end {background: url('/images/categories/thumbs/th-end-fitting.jpg') no-repeat center top;}
            .homecategorie ul span.locking {background: url('/images/categories/thumbs/th-locking-clips.jpg') no-repeat center top;}
            /* special gasveren items */
            .gascategorie ul span.gasrvs {background: url('/images/categories/thumbs/th-gas-spring-rvs.jpg') no-repeat center top;}
            .gascategorie ul span.gasst {background: url('/images/categories/thumbs/th-gas-spring-st.jpg') no-repeat center top;}
            .gascategorie ul span.gasrvsvent {background: url('/images/categories/thumbs/th-gas-spring-rvs-vent.jpg') no-repeat center top;}
            .gascategorie ul span.gasstvent {background: url('/images/categories/thumbs/th-gas-spring-st-vent.jpg') no-repeat center top;}
            .gascategorie ul span.gasend {background: url('/images/categories/thumbs/th-end-fittings.jpg') no-repeat center top;}
            
            

				.homecategorie ul li a {
					font-size: 12px;
					padding: 85px 0 0 0;
					margin: 0;
					height: 30px;
					display: inline-block;
					width: 85px;
					background: url('/images/categories/overlay.png') no-repeat left top;}
					
				.homecategorie ul li a:hover {
					background: url('/images/categories/overlay.png') no-repeat -85px top;}
					
				.gascategorie ul li a {
					font-size: 12px;
					padding: 100px 0 0 0;
					margin: 0;
					height: 25px;
					display: inline-block;
					width: 150px;
					background: url('/images/categories/overlay-gas.png') no-repeat left top;}
					
				.gascategorie ul li a:hover {
					background: url('/images/categories/overlay-gas.png') no-repeat -150px top;}

    .txtShowHideText{
    color:#777777 !important;
    margin:1px;
    }
					
				
/* end homepage stuff */
					
	#sidebar {
		float: left;
		width: 200px;
		padding: 25px 0 210px 18px;
		margin: -25px 0 0 20px;
		min-height: 100px;}
		
		#sidebar h3 {
			margin: 20px 0 0 0;
			border-bottom: 1px #ff5800 solid;}

    #sidebar h3 span { 
      text-transform: lowercase; }
      
    #sidebar h4 {
      margin: 5px 0 10px 0;
      padding: 0;
      font-size: 0.8em;}
  	
		#sidebar p {
			font-size: 0.8em;}
			
		#sidebar fieldset {
		  width: 200px;
			white-space: nowrap;
			padding-top: 10px;}
			
		#sidebar input[type=text] {
			width: 98px;}
		
		#submenu {
			background: #fff url('/images/kantoor2.gif') no-repeat -15px -3px;
			margin: -25px 0 0 -18px;
			padding: 20px 0 20px 0;
			border-right: 1px #c3c3c3 solid;
			border-bottom: 1px #c3c3c3 solid;}
			
			#submenu ul {
				list-style-type: none;
				padding: 0;
				margin: 10px 0 0 0;
				line-height: 20px;}
				
			#submenu ul li {
				padding: 0;
				margin: 10px 0 0 0;
				width: 200px;}
			
			#submenu li a {
				text-decoration: none;
				display: block;
				height: 20px;
				width: 175px;
				background: url('/images/sprite.gif') no-repeat -185px -238px;
				margin: 0;
				padding: 0 0 0 25px;}
				
			#submenu li a.selected {
				border-bottom: 1px #c3c3c3 solid;
				background: url('/images/sprite.gif') no-repeat -185px -218px;
				color: #c3c3c3;}

  .rss {
      width: 16px;
	  height: 16px;
	  position: absolute;
	  margin: -20px 0 0 184px;
	  background: url('/images/sprite.gif') no-repeat 0 -191px;}
	  
	  .rss span {display: none;}
	  
  .nieuwsarticle h1 {
    margin-bottom: 35px; }

  .nieuwsarticles h2 {
    clear: both;
    margin: 20px 0 5px 0;
    padding: 0; }
    
.nieuwsbar {
line-height: 14px;}
  
	  .nieuwsbar h4 {
      border: 0;
      margin: 5px 0 0 0 !important;
		  color: #000;}
	  
	  .nieuwsbar h4 a {
		  text-decoration: none;
		  color: #000;}
		  
		.nieuwsbar p a {
		  text-decoration: none;
		  color: #000;}
		  
		.nieuwsbar p a.more {
		  color: #ff5800;
		  font-weight: bold;
		  font-size: 1.6em;}

    .nieuwsarticles img, .nieuwsarticle img {
      float: right;
      margin: 0 0 10px 10px; }
         
	  .nieuwsbar p, #content .nieuwsarticles p {
		  /*border-bottom: #b2b2b2 1px solid; */
		  padding: 0 0 5px 0;
		  margin: 0 0 5px 0;}
  	
	  .nieuwsbar span, #content .nieuwsarticles span, #content .nieuwsarticle span {
		  font-size: 0.8em;
		  float: none;
		  color: #959595;}
  					
	.telefoon, .email {
		font-size: 1.2em;
		font-weight: bold;
		padding: 0 0 0 27px;
		margin: 10px 0 0 0;
		color: #000;}
		
		.telefoon a, .email a {
			color: #000;
			text-decoration: none;}
	
		.telefoon {
			margin-top: 20px;
			background: url('/images/sprite.gif') no-repeat -181px -157px;}
		
		.email {
			background: url('/images/sprite.gif') no-repeat -181px -133px;}

  .conditions {
    margin: 20px 0 0 0;
    font-size: 0.9em;
    line-height: 1.2em;
  }
  
    .conditions strong {
      font-size: 1.1em;
      color: #ff5800;
    }
  
    .conditions ul {
      list-style-type: none;
      padding: 0;
      margin: 10px 0 0 0;
      line-height: 20px;}

    .conditions ul li {
      font-size: 0.8em;
      line-height: 1.4em;
      padding: 0;
      margin: 10px 0 0 0;
      width: 200px;}
  
/* ----- FORM ELEMENTS ----- */

/*  gaat niet goed op de homepage */

#content fieldset.form {
  background-color: #F4F4F4;
  width: 345px;
  margin: 10px 0;
  padding: 5px 20px 10px 20px; }

input[type=text], input[type=password] {
	height: 19px;
	padding: 3px 0 0 2px;
	border: 1px #C3C3C3 solid; }

textarea {
	font-family: arial, helvetica;
	font-size: 91%;
 	padding: 3px 0 0 2px;
 	height: 120px;
	border: 1px #C3C3C3 solid; }

fieldset div {
  clear: both;
  margin: 0 0 5px 0; }

label {
  width: 120px;
  float: left; }

  span label { 
    float: none;
    width: 40px; }
    
.listlabel {
  height: 75px;}

.inpText {
  width: 200px; }

  select.inpText {
  	border: 1px #C3C3C3 solid; 
    padding: 2px;
    width: 203px; }
  
  .inpSmall {
    width: 50px; }
    
  .inpMedium {
    width: 100px;}
  
  .inpLarge {
    width: 215px;}

  input.notValid {
    border: solid 1px #FF5800; 
    background-color: #FFF0DF;  }

  #sidebar span.notValid {
    color: #FF5800;  }
  
    /*#sidebar span.notValid {
      display: block;
      border: solid 1px #000;
      font-size: 0.9em;
      width: 195px;
      clear: both;
    }*/
  
  /* ----- FORM VALIDATION ----- */
  
  .valSummary {
    position: absolute;
    margin: 0 0 0 380px;
    /*border: solid 2px #F4F4F4;*/
    background: #FFFAF8 url('/images/arrow.gif') -1px 14px no-repeat;
    width: 230px;
    padding: 10px 10px 10px 15px;
    color: #FF5800;
    font-size: 0.8em; }
  
    .valSummary ul {
      margin: 0 0 0 18px;
      padding: 0; }

    .valSummary ul li {
      margin: 0;
      padding: 0; }

  input.validation-error-input, input.regexp-error-input {
    color: #FF5800;
    border: solid 2px #FF5800;
	  padding: 2px; }

  select.validation-error-input, select.regexp-error-input {
    color: #FF5800;
    border: solid 2px #FF5800; }

  .validation-error, .regexp-error { 
    color: #FF5800 !important; 
    width: 10px;
    height: 10px;
    position: absolute;
    margin: 0 0 0 5px; }

    .validation-error { 
      visibility: visible !important; }
  
  /* ----- / FORM VALIDATION ----- */

/* ----- / FORM ELEMENTS ----- */

/* shopshop */

.categorieen {
	margin: 0px 0 0 0;
	float: left;
	padding: 0 0 20xp 0;
	font-size: 0.8em;}

	.categorieen ul {
		list-style-type: none;
		padding: 0;
		margin: 0 15px 0 0 ; 
	 	width: 160px;
		float: left;}
		
		.categorieen ul li.selected a {
		  /*color: #000;*/
		  text-decoration: none;
		  /* is dit ok? zelfde als paging */
      border: 2px #ff5800 solid;
      border-top-width: 1px;
      border-bottom-width: 1px;
      background: #ff5800;
      color: #fff; }
  .categorieen a {
		padding: 0;
		margin: 0 15px 0 0 ; 
	 	width: 160px;
		float: left;}
		
.categorietabs {
	clear: both;
	padding: 20px 5px 5px 0;
	height: 25px;
	border-bottom: 1px #b2b2b2 solid;
	line-height: 33px;}
	
	.categorietabs h1 {
		display: inline;
		float: left;
		color: #ff5800;
		font-size: 1.4em;}
		
	.gevonden {
		float: left;
		margin-left: 10px;
		font-size: 0.8em;}
		
	.categorietabs ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		float: right;}
		
	.categorietabs li {
		float: left;}
				
		.categorietabs li span {
			display: block;
			height: 31px;
			width: 90px;
			margin-right: 5px;
			background: url('/images/sprite.gif') no-repeat 0 -248px;
      color: #fff;
			text-align: center;
			text-decoration: none;
			cursor:pointer; }

		.categorietabs li span:hover {
			text-decoration: underline;}
			
		.categorietabs li span.selected {
			background: url('/images/sprite.gif') no-repeat 0 -212px;
			color: #000; }

.categorie {
}

  .categorielinks {
    clear: both;
	  border-right: 1px #b2b2b2 solid;
	  width: 160px;
	  float: left;
	  min-height: 300px;
	  padding: 10px 10px 0 0;
	  margin: 10px 0 0 0;
	  font-size: 0.8em;}
  	
	  .categorielinks img {
		  margin: 10px auto;}
  	
	  .categorielinks dl {
		  width: 170px;
		  padding-top: 10px;
		  margin: 0 0 5px 0;
		  font-size: 10px;
		  line-height: 12px;
		  overflow: hidden;}

	  .categorielinks dt {
		  width: 55px;
		  padding-right: 5px;
		  float: left;
		  text-align: right;
		  margin: 0;}
  	
	  .categorielinks dd {
		  float: left; 
		  width: 110px;
		  margin: 0;
		  display: inline;
		  text-align: left;}

  .categorierechts {
    float: left;
    width: 505px;
    margin: 10px 0 10px 20px;
	  font-size: 12px; }
  
    div.paging {
      padding: 0;
	    margin: 0 0 10px 0; }

      div.paging a {
        padding: 0 4px;
        margin: 0 3px;
        text-decoration: none;
        border: 1px #ececec solid;
        font-size: 12px;}
        
      div.paging a.selected {
        border: 1px #ff5800 solid;
        background: #ff5800;
        color: #fff;}
              
     div.paging span.selected {
        border: 1px #ff5800 solid;
        background: #ff5800;
        color: #fff;
        padding:0 4px;}
    	
    .categoriecontent {
	    padding: 0;
	    margin: 0;
	    font-size: 12px;}
    	
	    .categoriecontent table {
		    width: 510px;
		    background: url('/images/bg-table.gif');
		    border-bottom: 1px #ececec solid;}
		    
      .categoriecontent table tr:hover td {
		    background: #ffdfb3;}
    	
	    .categoriecontent th, .categoriecontent td {
		    height: 25px;
		    line-height: 20px;
		    padding: 0 4px 0 4px;
		    white-space: nowrap;
		    min-width: 10px;
		    font-size: 11px;
		    border-right: 1px #b2b2b2 solid;}

		    .categoriecontent th {
			    border: none;}
    		
		    .categoriecontent th span {
			    color: #000;
			    cursor: help;}
    			
        .categoriecontent td:first-child {
          font-weight: bold;}
    			
	    td.i {
		    padding: 0 8px 0 8px;
		    border: none;}

		    td.i span {
			    display: block;
			    float: right;
			    width: 14px;
			    height: 14px;
			    background: url('/images/sprite.gif') no-repeat -100px -261px;
			    cursor: pointer;}

		    td.in {
			    width: 20px;
			    border: none;}

		    td.in span {
			      padding-left: 20px;
			      display: block;
			      height: 15px;
			      background: url('/images/sprite.gif') no-repeat -183px -260px;
			      cursor: pointer;}
			      
.betaalmogelijkheden {
  margin-top: 10px;}
  
.betaalmogelijkheden img {
  float: left;
  margin-right: 10px;}
    			
  /* popups */

  div.extrainfo {
    position: absolute;
    background-color: #fff;
    width: 511px;
    height: 438px;
    overflow: auto;
    margin: 10px 0 0 190px;
	  padding: 0 0 0 0;
	  font-size: 12px;}
      
  div.popinfo {
	  position: absolute;
	  margin: 20px 0 0 190px;
	  z-index: 100 !important;	}
  	
  div.popcontent {
	  border: 4px #ff5800 solid;
	  background: #fff url('/images/bg-header.gif') repeat-x 0 -120px; 
	  width: 465px;
	  height: 355px;
	  padding: 20px;
	  overflow: auto;	}
  	
  div.close {
	  width: 513px;
	  margin: 0;
	  font-size: 12px;
	  font-weight: bold;
	  cursor: pointer;}
  	
      div.close span {
	      display: block;
	      float: right;
	      color: #fff;
	      padding: 3px 13px 0 15px;
	      text-decoration: none;
	      background: url('/images/sprite.gif') no-repeat 0 -133px;}
      	
      div.close span:hover {
	      color: #000;
	      cursor: pointer;}

  div.popbuy {
    position: absolute;
    text-align: right;
    width: 78px; 
    height: 25px; 
    padding: 10px !important; 
    margin: -36px 0 0 -73px;
    border: 4px #ff5800 solid; 
    background: #fff url('/images/bg-header.gif') repeat-x 0 -120px; 
  }

/*    div.popbuy input, div.popbuy a { float: left; display: block; }*/

    div.popbuy input {
      float: left;
    }
    
   /* div.popbuy a.doIn { 
      height: 22px;
      width: 17px;
      float: left;  
      margin-left: 5px;
      background: url('/images/sprite.gif') no-repeat 0px -300px;
      cursor: pointer;}

    div.popbuy a.ok { background: url('/images/sprite.gif') no-repeat 0px -340px; }
    div.popbuy a.notok { background: url('/images/sprite.gif') no-repeat 0px -320px; }

    div.popbuy a.doIn span {
      display: none; } */
      
    div.popbuy span.doIn { 
      height: 22px;
      width: 17px;
      float: left; 
      margin-left: 5px;
      background: url('/images/sprite.gif') no-repeat 0px -300px;
      cursor: pointer;
      padding: 0;}

    div.popbuy span.ok { background: url('/images/sprite.gif') no-repeat 0px -340px; }
    div.popbuy span.notok { background: url('/images/sprite.gif') no-repeat 0px -320px; }

    div.popbuy span.doIn span {
      display: none; }
    
  #tblProductProperties, #tblPriceProperties {
    float: left;
    margin-bottom: 20px; }
    
  #tblPriceProperties {
    margin-left: 40px;}
    
    #tblPriceProperties tr:first-child {
      font-weight: bold;
      font-size: 11px;}
    
  .popcontent h2 {
    display: block;
    padding: 0;
    margin: 0 5px 0 0;}

  .popcontent td {
    font-size: 11px;
    padding: 0 5px 0 0;
    line-height: 20px;}
    
    .popcontent tr {
    border-bottom: 1px #b2b2b2 solid;}

    td.popupPropertiesLeft {
      font-weight: bold;
      border-right: 1px #b2b2b2 solid;
      padding-right: 5px;}
      
    td.popupPropertiesRight {
      white-space: nowrap;
      padding-left: 5px;}
      
    .divShippingTime {
      display: none;
      clear: both;
      padding: 5px;
      border: 1px #b2b2b2 solid;
      font-weight: bold;
      margin: 10px 0;
      background: #eaeaea;}

    /* einde popups */

/* einde shopshop */

/* shoppingcart */

ol.shoppingcartSteps {
  margin: 10px 0 0 0;
  padding: 0;
  height: 30px;
}

  ol.shoppingcartSteps li {
    font-size: 0.8em;
    color: #555;
    display: inline;
    float: left;
    margin: 0 15px 0 0;
  }
  
  ol.shoppingcartSteps li.selected { 
    font-weight: bold; }

  ol.shoppingcartSteps li.disabled { 
    color: #b2b2b2; }
  
#tblShoppingCart {
  margin: 10px 0;}

  #tblShoppingCart td, #tblShoppingCart th {
    padding: 2px 5px;
    vertical-align: top;
    white-space: nowrap;}
  
  #tblShoppingCart th {
    text-align: left;
    border-bottom: 1px #b2b2b2 solid;}

.itemDescription {
  white-space: normal;}
  
.itemRemove, .itemPrice, .itemTotalstuks, .itemSubtotaal, .itemDiscount, .itemVerzendkosten, .itemTotaal, .itemBtw {
    text-align: right;} 
    
  .itemRemove input {
    background: url(/images/sprite.gif) no-repeat 0 -323px;
    margin-top: 4px;
    width: 17px;
    cursor: pointer;
    border: 0;}
  
  .itemDiscount {
    color: #ff5800;
  }
  
.itemEdit a {
  display: inline-block;}

.itemPrice {
  color: #b2b2b2;}

.itemSubtotaal {
border-top: 1px #ececec solid;}

.itemVerzendkosten, .itemBtw {
color: #b2b2b2;}

.itemTotaal {
  border-top: 1px #b2b2b2 solid;
  font-weight: bold;}

  #tblShoppingCart .inCents { display: none; }

  #content p.billingAddress, #content p.deliveryAddress {
    margin: 5px 0 0 20px;
    font-size: 0.8em;
    color: #999; }

  #content p.billingAddress a, #content p.deliveryAddress a {
    font-size: 0.9em; }
  
  .confirmationOverview {
  }
  
  .confirmationOverview span.indication { 
    display: none; }
    
  .confirmationAddress {
    min-height: 135px;
    margin-bottom: 20px; }

  .confirmationAddress div  {
    width: 345px;
    float: left; }
    
.matchBillingAddress label {
  white-space: nowrap;
  float: left;
  margin-left: 10px;}
  
.matchBillingAddress input[type=checkbox] {
			float: left;}
  
/* einde shoppingcart */

/* filters */

ul.filtering {
  line-height: 18px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-top: -10px;}
	
	ul.filtering li {
		padding: 0;
		font-size: 11px;}
		
	ul.filtering li.filtered {
			background: #f9d7c6 url('/images/sprite.gif') no-repeat right -281px;}
			
	ul.filtering li a {
		padding: 0 0 0 5px;}
			
		ul.filtering li.filtered a {
				display: block;
				color: #000;
				text-decoration: none;}
			
			span.meer {
			  margin-left: 5px;
				padding-right: 15px;
				background: url('/images/sprite.gif') no-repeat right -299px;
				text-decoration: none;
				color: #555;
				cursor:pointer;}
				
			span.minder {
			  margin-left: 5px;
				padding-right: 15px;
				background: url('/images/sprite.gif') no-repeat right -309px;
				text-decoration: none;
				color: #555;
				cursor:pointer}
/* einde filters */

/* page divider */

.contentLeft {
  border-right: 1px #ececec solid;
  width: 395px;
  float: none;
  padding-top: 10px;
}

  .contentLeft .valSummary {
    position: relative;
    margin: 10px 0 0 0;
    width: 354px;
    background: #FFFAF8;
  }

.contentRight {
  position: absolute;
  margin: 0px 0 0 410px;
  float: none;
  width: 292px;
  padding-top: 10px;
}
  
  #content .contentRight fieldset.form {
    width: 240px;
  }
  
  .contentRight input[type=text], .contentRight label {
    width: 237px;  }
  
  .contentRight .valSummary {
    position: relative;
    margin: 10px 0 0 0;
    width: 254px;
    background: #FFFAF8;
  }

  #content .contentRight h3, #content .contentLeft h3 {
    margin: 0 0 10px 0;
  }

  #content .contentRight h3 {
    width: 280px;
  }

  #content .contentLeft h3 {
    width: 380px;
  }

/* einde page divider */
   
#footer {
  /* dit gaat nog niet helemaal goed in IE7, zorgt voor horizontale scrollbar */
	position:absolute;
	bottom: 0;
	padding: 0 50%; 
	height: 210px;}
	
	#finside {
	  background: url('/images/bg-finside.gif') no-repeat center -3px;
		margin: 0 -480px 0 -480px;
		padding-top: 65px;
		width: 960px;
		height: 145px;
		color: #fff;
		font-size: 0.8em;}
		
		#finside address {
			width: 250px;
			float: left;}
			
		#finside a {
			text-decoration: none;}
			
		#finside a:hover {
			text-decoration: underline;
			color: #ff5800;}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */