/* GENERAL RULES 2 */

a:focus { outline: 0; }

#Zoeken{
	width:200px;
	float: left;
}

#ZoekContent{
	float: left;
	font-size:12px;
	color:#7F7F7F;
	vertical-align:middle;
	padding: 0px 2px 0px 0px;
}

#zoekvak input[type="text"] {
	width: 120px;
	height: 18px;
}

#level1menu {
	width: 620px;
	/*height:25px;*/
	/*float:right; */
	background-color:#e5e5e5;
	color:#000;
}

ul.level1menu {
	margin:0px;
	padding:5px 0px 6px 0px;
}


#level1menu li a {
	color:#000000;
	text-decoration: none;
	margin-left:3px;
	margin-right:0px;
	padding:0;
	font-size: 11px;
}

#level1menu li a:hover, #level1menu li a.activeHoofdMenuLink{
	color:#999999;
	text-decoration:none;
}

#level1menu li {
	display:inline;
	/*padding-right:1px;
	padding-left:2px;
	border-left:1px solid #B0ADA1;*/
	margin-left:0px;
	margin-right:0px;
}

#level1menu li:first-child {
	border:none;
}


#top {
	width:620px;
	margin-left:10px;
	/*height:25px;*/
	padding-bottom:0px;
	padding-top:10px;
}

#HoofdMenuContent{
	float: right;
	font-size:12px;
	color:#7F7F7F;
	vertical-align:middle;
	padding: 4px 5px 9px 2px;
}

#HoofdMenuContent a{ color: #303030; }
#HoofdMenuContent a:hover{ color: #2187c5; }

#SubMenuBevel{
	background-color:#ffffff;
	border:1px solid #D2D2D2;
	width:200px;
	float: left;
}

#SubMenuContent{
	font-size:12px;
	color:#7F7F7F;
	vertical-align:middle;
	text-align:left;
    padding: 5px 0px 0px 0px;
	width: 200px;
}

#SubMenuContent ul										{	width: 200px; border-top: 1px solid #d5d5cb; *border-top-width: 0px; margin-bottom: 10px; margin-left: -8px; list-style-type:none; }
#SubMenuContent li										{	padding: 0px;  background: none; display: block; width: 200px; *margin-left: -16px; }
#SubMenuContent a										{	text-decoration: none; display: block; padding: 3px 15px 3px 23px; color: #303030;  }
#SubMenuContent a:hover									{	color: #2187c5; background-image: url('/images/RightActive.gif') }
#SubMenuContent li.submenu a							{	font-weight: bold;  background:none; padding-left:0px;}
#SubMenuContent li.submenu.cActive a,
#SubMenuContent li.submenu.cActive span					{	color: #2187c5; background:none; padding-left:0px;}
#SubMenuContent li.special.cActive a,
#SubMenuContent li.special.cActive span					{	color: #2187c5; background:none; }
#SubMenuContent li.submenu.cActive a.nonactive			{	color: #303030; }
#SubMenuContent li.special.cActive a.nonactive			{	color: #303030; }
#SubMenuContent li.activelevel2 a								{	color: #2187c5;  }
#SubMenuContent li.activelevel3 a								{	color: #000; padding: 3px 15px 3px 29px; background-color:#dadada; background-image:none; border-bottom: 1px solid #f5f5f5; height: 18px;}
#SubMenuContent li.activelevel4 a								{	color: #000; padding: 3px 15px 3px 45px; background:none; background-color:#fff; border-bottom: 1px solid #f5f5f5; }
#SubMenuContent li.activelevel5 a								{	color: #2187c5; padding: 3px 15px 3px 55px;  background:none; background-color:#fff;}
#SubMenuContent li.activelevel6 a								{	color: #2187c5; padding: 3px 15px 3px 67px;  background:none; background-color:#fff;}
#SubMenuContent li.activelevel7 a								{	color: #2187c5; padding: 3px 15px 3px 77px;  background:none; background-color:#fff;}
#SubMenuContent li.sublevel2 a										{	text-decoration: none; display: block; padding: 3px 15px 3px 25px; color: #303030; background-color:#fff; background-image: none; border-bottom: 1px solid #f5f5f5; height: 18px;  }
#SubMenuContent li.sublevel3 a										{	text-decoration: none; display: block; padding: 3px 15px 3px 40px; color: #303030; background-color:#fff; background-image: none; border-bottom: 1px solid #f5f5f5;}
#SubMenuContent li.sublevel4 a										{	text-decoration: none; display: block; padding: 3px 15px 3px 50px; color: #303030; background-color:#fff; background-image: none; border-bottom: 1px solid #f5f5f5; }
#SubMenuContent li.sublevel5 a										{	text-decoration: none; display: block; padding: 3px 15px 3px 60px; color: #303030; background-color:#fff; background-image: none; border-bottom: 1px solid #f5f5f5; }
#SubMenuContent li.single a								{	background-image: url('/images/RightActive.gif') !important; }
#SubMenuContent ul ul									{	background: #eae9e4; margin: -1px 0px 0px 0px;  * margin: 0px; * border-bottom-width: 0px; }
#SubMenuContent ul ul li									{	display: inline; border-bottom: 0px !important;}
#SubMenuContent ul ul li a								{	font-weight: normal !important; color: #303030 !important; background: none !important; }
#SubMenuContent ul ul li a:hover 						{	color: #2187c5 !important; }
#SubMenuContent ul ul li a:hover span					{	color: #2187c5 !important; }
#SubMenuContent ul ul li.active a						{	color: #2187c5 !important; font-weight:normal;}
#SubMenuContent ul ul li.active a span					{	color: #2187c5; }
#SubMenuContent ul.links								{	margin-top: -20px; border-top: 0px; }

.button {
	border: 1px solid #999999;
    background-color: #FFFFFF;
    cursor: pointer;
	font-size:12px;
	color:#7F7F7F;
	padding: 2px 0px 1px 0px;
}

.table {
	font-size:11px;
	color:#000000;
}

.subgroeptable {
	font-size:11px;
	color:#7F7F7F;
    text-decoration:none;
	text-align:center;
}
.subgroeptable a{ color: #7F7F7F; }
.subgroeptable a:hover{ color: #2187c5; }

.blocksublevels {
	background-color:#FFFFFF;
    border:1px solid #999999;
    cursor:pointer;
    display:inline;
    float:left;
    height:150px;
    margin:0 0 10px 10px;
    overflow:hidden;
    width:197px;
	font-size:12px;
	color:#7F7F7F;
    text-decoration:none;
	position: relative;
}

.blocksublevels a.blockSubLink {
	display: block;
	width: 197px;
	height: 150px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	background: url(blank.gif) !important; /* fix for ie*/
}

.block {
	background-color:#FFFFFF;
    border:1px solid #999999;
    cursor:pointer;
    display: block;
    float:left;
    height:218px;
    margin:10px 0px 0px 10px;
    overflow:hidden;
    width:197px;
	font-size:12px;
	color:#7F7F7F;
	position: relative;
	z-index: 5;
}

.block a.blockLink {
	display: block;
	height:218px;
	width:197px;
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none !important;
	z-index: 10 !important;
	background: url(blank.gif) !important; /* fix for ie*/
}

.clearer{
	clear:both;
	font-size:1px;
	height:0px;
	width:1px;
	overflow:hidden;
}

.errorMessage { color:#ff0000; font-size:12px; }

.formError { color:#ff0000; }

.formVerplicht { color:#ff0000; }

fieldset { padding:4px; }

legend { font-weight:bold; }

.formTextField{
	font-family: Arial, Helvetica, sans-serif;
    /*
	height:16px;
	line-height:18px;
    */
}

.formTextLabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}

h1{ font-size:14px; }


span#trefwoordenKop{
	color:#666666;
	font-weight:bold;
	font-size:12px;
}

ul#trefwoordenUl{
	margin:10px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	display:block;
}

#trefwoordenUl li{
	list-style-type:none;
	margin:0px 0px 0px 0px;
	display:inline;
}

#trefwoordenUl li.middot{
	list-style-type:none;
	margin:0px 8px 0px 8px;
	display:inline;
}

#trefwoordenUl li a.trefwoordLinks{
	color:#666666 !important;
	font-weight:normal;
	font-size:12px !important;
}

/* einde kopie main.css*/

#wrap a {
	font-size: 12px;
	color: #FFFFFF;
	font-family: Arial, Verdana, Helvetica, Sans-Serif;
	line-height: 17px;
	text-decoration: none;
}

ul {
	/*list-style: none;*/
	display: inline;
}

img {border:none;}

* {
	padding:0;
	margin:0;
}

TD.spacer { font-size:5px; }
.borderTop { border-width: 1px 0px 0px 0px; border-color: #cccccc; border-style:solid; }

html {
	overflow:scroll;
	overflow-x:auto;
}

html,body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;

	/* DIT GING NIET GOED: WANNEER EEN DIV OBJECT, GEVULD VIA AJAX, HOGER IS DAN WORDT DE BACKGROUND VAN DE BODY NIET AANGEVULD!!
	height:100%;
	*/

}

#wrap {
	clear:both;
	width:831px;
	margin:0 auto;
	padding-bottom: 50px;
}

/* RULES FOR THE INDEX PAGE (LAYOUT) */

#top {
	width:620px;
	margin-left:10px;
	/*height:25px;*/
	padding-bottom:0px;
	padding-top:10px;
}

#leftcol {
	width:200px;
	float:left;
	background-color:#ffffff;
}

#rightcol {
	width:630px;
	float:left;
	position:relative;
}

#rightcol #path a,#rightcol #path a:visited,#rightcol #rightcontents a,#rightcol #rightcontents a:visited {
  color:#000000;
  font-size:11px;
}

#rightcol #rightcontents a#overzicht{
	font-size: 11px;
	text-decoration: underline;
	padding: 0 6px 0 6px;
}

#footerWebshop a,#footerWebshop a:visited {
  color:#999999;
  font-size:11px;
}

#rightcol #path a:hover,#rightcol #rightcontents a:hover {
  color:#999999;
  text-decoration: underline;
}

#footerWebshop a:hover {
  color:#000000;
  text-decoration: underline;
}

#level1menu {
	width: 620px;
	/*height:25px;*/
	float:right;
	background-color:#ddd;
	color:#000000;
	padding: 4px 0 4px 0;
}

ul.level1menu {
	padding:0;
	margin:3px 0px 3px 0px;
}

#level1menu li a {
	color:#000000;
	text-decoration: none;
	margin:0;
	padding:0 5px;
}

#level1menu li a:hover{
	color:#999999;
	text-decoration:none;
}

#level1menu li {
	display:inline;
	/*padding-right:5px;
	padding-left:5px;*/
	/*border-left:1px solid #B0ADA1;*/
	margin-left:0px;
	margin-right:0px;
	padding-top:0px;
}

/*#level1menu li:first-child {
	border:none;
}
*/
#path, #idOpmerkingen {
	width:620px;
	margin-left:10px;
	background-color:#ffffff;
	color:#000000;
}

#path {
	margin-top: 10px;
	margin-bottom:10px;
}

#levelsmenu {
	background-color:#ffffff;
}

#levelsmenu a, #levelsmenu a.Menu {
	color:#000000;
}

#levelsmenu a:hover {
	color: #000000;
	background-color:#dddddd;
}

#levelsmenu a.Menu:hover {
	color:#999999;
}

#levelsmenu, #levelsmenu_2, #levelsmenu_3, #levelsmenu_4 {
	width:195px;
}

#levelsmenu_2 a.menu2{
	padding-left: 20px;
}

#levelsmenu a.Menu2{
	padding-left: 5px;
}

#levelsmenu a.Menu3{
	padding-left: 10px;
}

#footerWebshop {
	width:620px;
	height:30px;
	padding-top:5px;
	text-align:right;
	margin-top:20px;
	margin-right:1px;
	margin-left: 425px;
	color:#d2d2d2;
	border-top:1px solid #d2d2d2;
	float:left;
}

#ProductDetail {
	/* float:left;*/
	/* width:625px; */
	background-color:#ffffff;
	margin-left:5px;
	margin-top:10px;
}

.ProductDetailTitel {
	font-size:16px;
	font-weight:bold;
}

div.block {
	width:198px;
	height:218px;
	border:1px solid #999999;
	margin:0px 0px 10px 10px;
	float:left;
	display:inline;
	background-color:#ffffff;
	cursor:pointer;
	overflow:hidden;
}

div.blockSub {
	width:198px;
	height:170px;
	border:1px solid #999999;
	margin:10px 0px 0px 10px;
	float:left;
	display:inline;
	background-color:#ffffff;
	cursor:pointer;
	overflow:hidden;
}

.BestellijstLeeg {
	/* width: 400px; */
	background-color:#ffffff;
	font-size:12px;
	padding:12px 0px 10px 10px;
}

div.sublevels {
	margin:0px;
}

div.sublevels a {
	display:block;
	margin:1px 0px 0px 0px;
	padding:5px 0px 6px 0px;
	text-decoration: none;
	background-color:#cccccc;
	color:#000000;
	background-image: url('images/menubg_silver.gif');
	background-repeat: repeat-x;
	/* width:100%;  */
}

div.sublevels a span {
	padding: 5px 1px 6px 5px;
}

div.sublevels a.detaillink {
	margin:0px;
	padding-top: 4px;
	padding-bottom: 2px;
	background-color: #f2f2ee;
	color:#000000;
	background-image:none ;

	width:100%;
}

div.sublevels a.detaillink:hover {
	color: #999999;
}

div.sublevels a.detaillink span {
	padding: 0px 1px 0px 20px;
}

.clear, #clear {
	clear:both;
	height:0;
}

td.buttons, p.buttons {
	margin: 10px 5px 2px 5px;
	text-align: left;
    padding-left:10px;
    padding-bottom:10px;
    padding-right:10px;
}

/* nieuwe button */
/* primair button */
input.button, button.button, input.buttonback, button.buttonback, #formVeld input.button {
	cursor: pointer;
	height: 30px;
	border: 1px solid #444;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	background-image: none;
	padding: 5px 20px 5px 20px;
	letter-spacing: 1px;
	font-size: 12px;
}

input.button:hover, button.button:hover, input.buttonback:hover, button.buttonback:hover, #formVeld input.button:hover {
	cursor: pointer;
	height: 30px;
	border: 1px solid #666;
	background-color: #444;
	color: #fff;
	font-weight: bold;
	background-image: none;
	padding: 5px 20px 5px 20px;
	letter-spacing: 1px;
}

/* secondary button */
input.buttonGray, button.buttonGray{
	cursor: pointer;
	height: 30px;
	border: 1px solid #444;
	background-color: #666;
	color: #fff;
	font-weight: bold;
	background-image: none;
	padding: 5px 20px 5px 20px;
	letter-spacing: 1px;
	font-size: 12px;
}

input.buttonGray:hover, button.buttonGray:hover {
	cursor: pointer;
	height: 30px;
	border: 1px solid #666;
	background-color: #444;
	color: #fff;
	font-weight: bold;
	background-image: none;
	padding: 5px 20px 5px 20px;
	letter-spacing: 1px;
}

/* secondary button */
input.buttonGray, button.buttonGray, #formWrap #formveld.buttonGray{
	cursor: pointer;
	height: 30px !important;
	border: 1px solid #ccc;
	background-color: #e4e4e4;
	color: #555;
	font-weight: bold;
	background-image: none;
	padding: 5px 20px 5px 20px;
	letter-spacing: 1px;
	font-size: 12px;
}

input.buttonGray:hover, button.buttonGray:hover, #formWrap #formveld.buttonGray:hover {
	cursor: pointer;
	height: 30px !important;
	border: 1px solid #ccc !important;
	background-color: #ddd;
	color: #555;
	font-weight: bold;
	background-image: none;
	padding: 5px 20px 5px 20px;
	letter-spacing: 1px;
}
/*nieuwe button */

input.search, button.search {
	cursor: pointer;
	height: 22px;
	border: 1px solid #D9D9D6;
	background-color: #ffffff;
	color: #666666;
	font-weight: bold;
	background-image: none;
	background-image: url('images/but_search.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 20px;
	padding-left:5px;
	margin-left:3px;
	vertical-align:top;

}

/*
input.buttonback, button.buttonback {
	cursor: pointer;
	height: 20px;
	border: 1px solid #D9D9D6;
	background-color: #ffffff;
	color: #666666;
	font-weight: bold;
	background-image: url('images/but_arrow_back.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}
*/

#butback {
	cursor: pointer;
	height: 16px;
	background-color: #999999;
	color: #ffffff;
	font-weight: bold;
	background-image: url('images/arrow_back_grey.gif');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 20px;
}

#rightcontents #butback a,#rightcontents #butback a, #rightcontents #butback a:visited {
	padding: 5px 5px 5px 5px;
  	color:#ffffff;
	text-decoration:none;
}

#rightcontents #butback a:hover {
  	color:#000000;
	text-decoration:none;
}

#idDisabler {
	background-color: #000000;
    height: 100% !important;
}

#idPopupWindow {
    border: #c0c0c0 5px solid;
    border-radius: 3px;
	/*width: 400px;*/
	background: #f7f7f7;
	/*padding: 20px;*/
    /*
	border-width: 2px;
	border-color: #000000;
	border-style: solid;
    */
	color: #212121;
}

#idPopupWindow h1 {
	height: 30px;
	line-height: 30px;
	background: #eee;
	margin: 0 !important;
	padding: 0 10px;
	border-bottom: 1px solid #ddd;
    color:#666;
}


#idBestellijst {
	float: right;
	width: auto;
}


.artomschrKop{
	position: absolute;
	left: -1px;
	top: -25px;
	background-image:  url('images/om_back.gif');
	background-repeat: no-repeat;
	width: 117px;
	padding: 5px;
	font-size: 12px;
	letter-spacing:-1px;
	font-weight: bold;
	color: #666666;
}

.artomschr{
	width:618px;
	background-color: #fff;
	position: relative;
	margin-top: 30px;
	border: 1px solid #d9d9d6;
	font-size: 12px;
	margin-bottom: 10px;
}


/* Form van de payment tool */
form.paytool { margin-left: -10px; }
form.paytool table { margin: 5px 8px 5px 0; }
form.paytool td { padding: 2px; }

/* Controle gegevens */

#accountPagina table, #accountPagina table.customerdata {
	width: 100% !important;
	font-size: 12px !important;
	border-collapse: separate !important;
	border-spacing: 5px !important;
}

#accountPagina table.customerdata {
	border: 1px solid #ccc !important;
}

#accountPagina td, #accountPagina table.customerdata td {
	padding: 3px 5px !important;
}

#accountPagina th, #accountPagina table.customerdata th {
	padding: 3px 5px !important;
	text-align:left !important;
	font-weight:normal !important;
	white-space:nowrap !important;
	font-weight: bold !important;
	color: #000 !important;
}

#accountPagina p.buttons {
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
}

#accountPagina hr {
	padding: 0;
}


/*
TABLE.customerdata { width:100%; border-width: 1px; border-style:solid; border-color:#CCCCCC; }
TABLE.customerdata TD { padding:1px 5px 1px 5px; font-weight:bold; }
TABLE.customerdata TH { padding:1px 5px 1px 5px; text-align:left; font-weight:normal; width:1%; white-space:nowrap; }

TABLE.productlist { width:100%; border-width: 1px; border-style:solid; border-color:#CCCCCC; }
TABLE.productlist TH { text-align:left; font-weight:normal; }
TABLE.productlist TD { font-weight:bold; }
TABLE.productlist TH.number, TABLE.productlist TD.number, .number { text-align:right; padding-right:3px; }
*/

P.label { margin: 10px 1px 5px 1px; font-weight: bold; }

table.tabelProdInfo {
	background-color: #f5f5f2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height: 40px;
}

LABEL { cursor:pointer; }

#thumb_wrap {
	float: left; margin-top:5px;
}

.thumb {
	float: left;
	margin-left: 6px;
	width: 33px;
	height: 33px;
	border: 1px solid #d9d9d6;
	background-color: #f5f5f2;
	cursor:pointer;
}

/*lightbox*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 900; width: 100%; height: 100%; background-color: #000; }

#ArtikelenContent a {text-decoration:none;}
#ArtikelenContent a:visited {text-decoration:none;}
#ArtikelenContent a:hover {text-decoration:none;}

.table a {text-decoration:none;}
.table a:visited {text-decoration:none;}
.table a:hover {text-decoration:none;}

#ProductOverzicht a {text-decoration:none;}
#ProductOverzicht a:visited {text-decoration:none;}
#ProductOverzicht a:hover {text-decoration:none;}

/*einde lightbox*/

#SubMenuContent li a {
	background-color:#e5e5e5;
	color:#000;
	border-bottom: 1px solid #fff;
	font-size: 11px;
}

#SubMenuContent li a:hover, #SubMenuContent li.activelevel2 a {
	background-image: url('images/blank.gif');
	background-repeat: repeat-x;
	background-position:top;
	background-color:#ccc;
	color:#000;
}

#SubMenuContent li.sublevel2 a {
	background-color:#dadada;
	border-color:#fff;
}

#SubMenuContent li.sublevel2 a:hover {
	background-color:#ccc;
	border-color:#fff;
}

.voorraadBlok {
	margin: 0;
	font-size:11px;
	float: none;
	padding: 0;
	width:300px;
	height:18px;
	border:1px solid #d9d9d6;
	background-color:#f5f5f2;
}

/*tabs*/
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block;}
.ui-tabs .ui-tabs-hide { display: none !important; }

ul.tabs li.ui-tabs-selected a:hover {
	background: none;
	color: #000 !important;
}

html ul.tabs li.active, html ul.tabs li.active a:hover, li.ui-state-active  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff !important;
	border-bottom: 1px solid #fff !important; /*--Makes the active tab look like it's connected with its content--*/
	color: #000;
}

.tabWrap {
	margin: 10px 0 0 0;
	width: 620px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #F5F5F2;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
	height: 31px;
	line-height: 31px !important;
}
ul.tabs li a:hover {
	/*background: #eee;*/
	text-decoration: none !important;
	color: #000;
}

.tab_container {
	border: 1px solid #ccc;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 620px;
	background: #fff;
	margin-bottom: 5px;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
	color: #000;
}

.tab_content p {
	margin: 0 0 10px 0;
}
/* end tabs */

ul.rProd li {
	width: 125px;
	height: 170px;
	float: left;
	margin: 0 20px 20px 0;
}

ul.rProd li a {
	width: 125px;
	height:170px;
	display: block;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #333  !important;
	text-align: center;
}

ul.rProd li a:hover {
	border: 1px solid #999;
	text-decoration: none !important;
	color: #000 !important;
}
ul.rProd li.last {
	margin-right: 0;
}

ul.rProd li a img {
	max-width: 115px; max-height: 90px; margin: 5px 0 0 0;
}

ul.rProd li a span.rProdTitle {
	margin:15px 5px 5px 5px; display: block; font-size: 10px; height: 40px;
}

ul.rProd li a span.rProdPrice {
	margin:5px; display: block; font-size: 12px; font-weight: bold;
}

.geenFoto {
	width: 198px; height: 198px; text-align: center; border: 1px solid #ccc; float: left; margin: 30px 0 0 10px;
	background: url(images/geenfoto.gif) no-repeat center;
}

.ul.pdfLink, ul.pdfLink li {
	margin: 0;
	padding: 0;
}

ul.pdfLink li {
	height: 30px;
}

ul.pdfLink li a {
	background: url(images/pdf_icon_small.png) no-repeat center left;
	padding-left: 25px;
	display: block;
	height: 30px;
	line-height: 30px !important;
	margin-bottom: 5px;
	text-decoration: none;
}

ul#trefwoordenUl, span#trefwoordenKop {
	width: 620px;
	margin: 10px 0 0 -20px;
}

.thumbWrap {
	width: 200px !important;
	height: 70px !important;
}

a.verwijderKnop {
	font: 13px Tahoma, Geneva, sans-serif !important;
	width: 17px;
	height: 17px;
	line-height:15px;
	text-align: center;
	background-color:#666;
	color: #f5f5f5 !important;
	font-weight: bold !important;
	display: block;
	cursor: pointer;
	text-decoration: none !important;
	margin: 0 0 0 10px;
	padding: 0;

	-moz-border-radius: 3px;
	border-radius: 3px;

	box-shadow: 1px 1px 1px 0 #ccc;
	-webkit-box-shadow: 1px 1px 1px 0 #ccc;
	-moz-box-shadow: 1px 1px 1px 0 #ccc;

	text-shadow: 1px 1px 1px #555;
}

tr.bestelRij td{
	padding: 5px 0;
	border-bottom: 1px solid #eee;
}

/* Taal */

#wrap .taal {
	float: right;
	margin-top: 10px;
}

#wrap .taal ul{
	list-style-type: none;
}

#wrap .taal ul li {
	display: inline;
	margin-left: 5px;
}

#wrap .taal ul li a {
	font-size: 11px;
	text-decoration: none;
	color: #000;
}

#wrap .taal ul li a:hover {
	text-decoration: underline;
}

/* deniz image viewer */
/*
body{margin:0px;padding:0px;font-family:Arial;}
a img,:link img,:visited img { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: none; }
*{margin:0;padding:0;}
p, blockquote, dd, dt{margin:0 0 8px 0;line-height:1.5em;}
fieldset {padding:0px;padding-left:7px;padding-right:7px;padding-bottom:7px;}
fieldset legend{margin-left:15px;padding-left:3px;padding-right:3px;color:#333;}
dl dd{margin:0px;}
dl dt{}
*/
.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix{display:block;zoom:1}


ul#thumblist{display:block;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #ddd;}
ul#thumblist li a.zoomThumbActive{
    border:1px solid #999;
}

.jqzoom{
 	text-decoration:none;
	float:left;
}

#accountPagina {
	margin-left: 10px;
}

#accountPagina h1 {
	margin-top: 10px;
}

div.bTerug {
	position: absolute; left:0; margin-left: 10px;
}

.zoom2 {
	visibility:hidden;
	height:150px; width:200px; background-color:#F00; position:absolute; z-index:10;
}

.tab_content #formVeld input#button1 { height: 35px; margin-top:10px; }

.winkelwagenStappen {
	padding: 0 10px;
	font-size:12px;
	color: #333;
	margin: 0 0 20px 0;
	width: 100%;
}

.winkelwagenStappen ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	line-height: 30px;
}

.winkelwagenStappen ul li {
	display: block;
	float: left;
	margin: 0 0 30px 0 !important;
	padding: 0;
	border-top: 10px solid #ccc;
	width: 25%;
	position: relative;
	color: #666;
}

.winkelwagenStappen ul li.stap {
	border-top: 10px solid #666;
}

.winkelwagenStappen ul li span {
	position: absolute;
	top:17px;
	left:0px;
	color: #999;
}

#wrap .laatstBekekenWrap {
	width: 620px;
	margin-left:10px;
}

#wrap .laatstBekekenWrap h2 {
	margin-bottom: 5px;
	margin-top: 10px;
	margin-left: 0;
	font-weight: normal;
	font-size: 1.5em;
	padding: 0 !important;
	font-size: 16px !important;
}

#wrap .laatstBekekenWrap ul.laatstBekeken {
	list-style-type: none;
	margin: 0 !important;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li {
	width: 112px;
	height: 190px;
	float: left;
	margin: 0 15px 15px 0;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a {
	width: 112px;
	height:170px;
	display: block;
	border: 1px solid #ddd;
	text-decoration: none;
	color: #333  !important;
	text-align: center;
	background: #fff;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a:hover {
	border: 1px solid #999;
	text-decoration: none !important;
	color: #000 !important;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li.last {
	margin-right: 0;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a {
	display: table;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a span {
	display: block;
	height: 90px;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a img {
	max-width: 110px; max-height: 90px; margin: 5px 0 0 0;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a h1 {
	margin:15px 5px 5px 5px; display: block; font-size: 10px; height: 40px; line-height: 12px; font-weight: normal; color:#000;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a p {
	margin:5px; display: block; font-size: 13px; font-weight: bold;
}

#wrap .laatstBekekenWrap ul.laatstBekeken li a p span {
	display: inline;
	text-decoration:line-through;
	font-size:10px;
	font-weight: normal;
}

.priceComment {
	color: #999; font-size: 11px;
}

.contentpagina h3, .contentpagina p, .contentpagina ol, .contentpagina ol li, .contentpagina ol li span {
	color: #000;
}

/* Stijlen voor bedanktpagina */
.contentpagina h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	margin: 30px 10px 10px 0;
}

.contentpagina p {
	font-size: 12px;
	line-height: 22px;
}

.contentpagina ol {
	margin-left: 30px;
}

.contentpagina ol li {
	font-size: 22px;
	line-height: 15px;
	margin-bottom: 20px;
	font-weight: bold;
}

.contentpagina ol li span{
	font-size: 12px;
	font-weight: normal;
}
/* // Stijlen voor bedanktpagina */

#SubMenuContent ul.SubMenuHeader li a {
	padding-left: 10px;
}

#SubMenuContent ul.SubMenuHeader li {
	text-transform: uppercase; font-weight: bold;
}

a.blockLink {
	position: relative;
}

.block, .blockDetail  {
	position: relative;
	overflow: hidden;
}

.blockDetail {
	border: 1px solid #eee;
	overflow: auto;
}

.block a.ribbon, .blockDetail a.ribbon {
	width: 250px;
	display: block;
	height: 30px;
	line-height: 30px !important;
	background-color:#F90;
	background-image:url(images/ribbon_overlay.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	top: 30px;
	left: -80px;
	-webkit-transform:rotate(-45deg) translate3d( 0, 0, 0);
	-moz-transform:rotate(-45deg) translate3d( 0, 0, 0);
	-o-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	transform: rotate(-45deg);
	text-align: center;
	text-decoration: none;
	z-index: 10;
}

.block a.ribbon:hover, .blockDetail a.ribbon:hover, .pd_content a.ribbon2:hover {
	text-decoration: none !important;
}

.pd_content a.ribbon2 {
	display: block;
	height: 25px;
	line-height: 25px !important;
	background-color:#F90;
	background-image:url(images/ribbon_overlay.png);
	background-position: bottom;
	background-repeat: repeat-x;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	z-index: 9999;
	clear: both;
	cursor: default;
	position: relative;
	margin-top:10px;
	border-radius: 2px;
	padding: 0 15px;
	/* right: -5px; */
}

/*
.pd_content a.ribbon2:after {
	content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 100%;
    border-with: 10px 5px;
	border-style: solid;
    border-color: #666 transparent transparent #666;
}
*/


.bestelLinkBlock {
	position: absolute;
	left: 5px;
	bottom: 3px;
}

/*
.block a.ribbon, .blockDetail a.ribbon {
	max-width: 110px;
	height: 20px;
	line-height: 20px !important;
	position: absolute;
	top: 195px;
	left: 0;
	font-size: 11px;
}
*/

/*
ul#accordionMenu li ul {
	display: none; !important;
}

ul#accordionMenu li:hover ul {
	display: block;
}
*/

.tab_container .tab_content ul, .tab_container .tab_content ol {
	margin: 10px 20px;
	text-align: left;
	display: block;
}

.tab_container .tab_content ul li, .tab_container .tab_content ol li {
	margin: 0;
	padding: 0;
}

.tab_container .tab_content ul li {
	margin-left: -5px;
}

.tab_container .tab_content ul.rProd {
	list-style-type: none;
}

.tab_container .tab_content ul.rProd li {
	margin: 5px;
}

.tab_container #formWrap #formVeld label {
	display: inline !important;
}

.tab_container #formWrap #formVeld input[type="radio"] {
	margin: 0 0 2px 0 !important;
}

.tab_container #formWrap #formVeld span {
	vertical-align: baseline !important;
}

#FormHandler {
	position: relative;
}

.tab_container #formWrap {
	padding: 0 !important;
}

#formWrap {
	width: auto !important;
}

#btnRegistreren, #btnOpslaan {
	position: absolute;
	right: 0;
}

.reviewContainer {
	padding: 20px 0;
}

.reviewBlock {
	margin-bottom: 30px;
	float: left;
	width: 400px;
}

.reviewStats {
	float: left;
	width: 178px;
	border: 1px solid #666;
	font-size: 11px;
}

.reviewStatsHeader p {
	padding: 10px;
	font-weight: bold;
}

.reviewStats ul.reviewStatsList {
	list-style-type: none;
	margin: 0 10px 10px 10px;
	padding: 0;
}

.reviewStats ul.reviewStatsList li{
	margin: 0;
	padding: 0;
}

.reviewHeader p{
	font-size: 11px;
	font-style: italic;
}

.reviewText h4 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
}

.reviewText p {
	font-size: 12px;
	padding: 0 15px 0 0;
}

.reviewText a, .reviewText p a {
	text-decoration: underline !important;
}

.clearReview {
	clear: both;
	height: 1px;
	border-bottom: 1px solid #666;
}

.customerFormTabel {
	font-size: 12px;
}

.customerFormTabel input[type="text"], .customerFormTabel textarea {
	width: 301px;
	padding: 5px;
	font-size: 12px;
	color: #222;
	border: 1px solid #d1d1d1;
	border-radius: 2px;
}

.customerFormTabel input[type="radio"] {
	margin: 0 0 10px 0;
}

.customerFormTabel input:hover, .customerFormTabel textarea:hover, .customerFormTabel input:focus, .customerFormTabel textarea:focus{
	outline: 0;
}

.customerFormTabel input#tb_postcode, .customerFormTabel input#tb_invoice_postcode {
	width: 60px;
}

.customerFormTabel input#tb_city, .customerFormTabel input#tb_invoice_city {
	width: 225px;
}

abbr[title] {
	cursor: help;
	border-bottom: 1px dotted #999;
}

.goToBuckaroo {
	width: 630px;
	margin: 0 auto;
	background: #F3F3F3;
	border: 1px solid #ddd;
	margin-top: 100px;
    text-shadow: 0 1px #fff;
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px/2px;
    border-radius: 2px/2px;
    -webkit-box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}

.goToBuckaroo p, h2 {
	padding: 12px;
    text-rendering: optimizelegibility;
}

.goToBuckaroo h2 {
	font-size: 18px;
	line-height: 26px;
    text-rendering: optimizelegibility;
    font-family: sans-serif;
}

.goToBuckaroo .button {
    -webkit-border-radius: 2px 2px;
    -moz-border-radius: 2px/2px;
    border-radius: 2px/2px;
}

/* */

a.tip {
    text-decoration: none;
}
a.tip:hover {
    cursor: help;
    position: relative
}
a.tip span {
    border: #c0c0c0 5px solid;

    display: none;
    /*z-index: 100;*/
    left: 0px;
    margin: 10px;
    width: 580px;
    position: absolute;
    top: -320px;
	left: -450px;
    text-decoration: none;
	background: #f7f7f7;
	border-radius: 3px;
	color: #212121;
	padding-bottom: 20px;
}

a.tip:hover span { display: block; }

a.tip span p {
	padding: 0 20px 10px 20px;
}
a.tip span h1 {
	height: 60px;
	line-height: 60px;
	background: #eee;
	margin: 0 !important;
	padding: 0 20px;
	border-bottom: 1px solid #ddd;
}

P.paragraaf { margin: 5px 0px 2px 0px; }
.magnifyarea {
    box-shadow: 5px 5px 7px #818181;
    -webkit-box-shadow: 5px 5px 7px #818181;
    -moz-box-shadow: 5px 5px 7px #818181;
    filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=5, offY=5, positive=true);
    background: white;
}


/* detail pagina */

#productdetail {
	width: 620px;
	margin-left: 10px;
}

#galleryWrapper {
	width: 250px !important;
}

.galleria-container, #galleria {
    background: none !important;
}

#productdetail .pd_content {
	width: 350px !important;
	margin-left: 20px !important;
	position: relative;
	margin-bottom: 20px !important;
}

#pd_content_header {
	margin-bottom: 0;
}

#pd_content_body {
	width: 348px !important;
	background: #eee;
	border: 1px solid #dcdcdc;
	padding: 10px 0 0 0;
}



#pd_action_price_from {
	font-size: 15px;
	text-decoration: line-through;
}

#pd_action_price_for {
	font-size: 36px;
	line-height: 36px;
	color: #D8070D;
	font-weight: bold;
}

#pd_price_from {
	font-size: 36px;
	font-weight: bold;
	line-height: 36px;
}

#webshopPriceComment span {
	font-size: 11px;
	color: #999;
}

form table.tabelProdInfo {
	width: 310px !important;
	background: none !important;
	border: none !important;
	margin-top: 20px;
	margin-left: 13px;
	padding: 0;
}

.tabelProdInfo tr {
	padding: 0;
	margin: 0;
}

.tabelProdInfo td {
	font-weight: bold;
	text-align: left;
}

.voorraad {
	height:  20px;
	line-height: 20px;
	margin: 10px 0 20px 0;
}

/*#voorraad {
	height: 20px !important;
	line-height: 20px;
	margin: 0 0 20px 0 !important;
}*/

#voorraad {
	height: 20px !important;
	margin: 10px 0;
}

#pd_content_header .voorraadBlok {
	height: 20px !important;
	line-height: 20px;
	font-size: 11px;
	width: 300px !important;
	background: none !important;
	border: none !important;
}

.voorraadBlok img {
	vertical-align: middle;
}

#webshopPrices, #webshopPriceComment, #webactieBanner  {
	margin: 0 20px 0 20px !important;
}


.pd_content_bestnr, .pd_order_number {
	font-size: 11px !important;
}

.buttonBestellen, .buttonWijzigen {
	margin: 0;
	border: none !important;

}

#buttonBestellen.button {
	background-image: url(images/ribbon_overlay.png);
}

#buttonBestellen, #buttonWijzigen {
	width: 110px;
	display: block;
	/*
	background-image: url(images/ribbon_overlay.png);
	background-repeat: repeat-x;
	background-position: bottom;
	*/
	background-image: none !important;
	background-color: #09e;
	height: 35px;
	line-height: 35px !important;
	font-weight: bold;
	font-size: 12px !important;
	color: #fff !important;
	padding: 0 5px 0 45px !important;
	position: relative;
	text-transform: none !important;
	border: none !important;
}

#buttonBestellen:hover, #buttonWijzigen:hover {
	background-color: #00B700;
	text-decoration: none !important;
}

#buttonWijzigen {
	width: 80px !important;
	padding: 0 10px !important;
	text-align: center;
}

#buttonBestellen i {
	width: 26px;
	height: 20px;
	display: block;
	background-image: url(images/button_cart.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	left: 10px;
	top: 8px;
}

.socialButtons {
	height: 25px;
	margin: 15px 0 0 0;
}

.socialDefault, .socialFacebook {
	float: left;
}

.socialDefault {
	margin-top: 3px;
}

.socialFacebook {
	margin-left: 2px;
}

.addthis_button_twitter {
	padding-left: 0 !important;
}

.ProductDetailTitel {
	font-size: 26px !important;
	font-weight: normal !important;
	margin: 0 !important;
	line-height: 32px !important;
	text-transform: none !important;
}

a.bback, input.bback {
	display: block;
	height: 20px;
	line-height: 20px !important;
	width: 50px;
	padding: 0 !important;
	text-align: center;
	background: #666 url(images/ribbon_overlay.png) repeat-x bottom !important;
	color: #fff !important;
	border: none !important;
	border-radius: 3px;
}

a.bback {
	text-decoration: none !important;
}

input.bback:hover, .bback:hover {
	background-color: #999 !important;
	border: none !important;
}

a.accountLink, #accountNav li a.accountLink {
	border-right: 1px solid #ccc;
	padding-right: 5px;
	margin-right: 5px;
}


/* form fix */

#formWrap {
    padding-left: 10px;
}

label {
    display: inline;
}

label span {
vertical-align: baseline !important;
}

#formVeld {
    margin: 5px 0 !important;
    float: left;
}

#formVeld input[type="radio"] {
    margin: 0 !important;
}

#formVeld input, #formVeld select {
    width: auto;
}





/*
#accountNav {
   margin: 0;
   padding: 0;
}

#accountNav li {
   list-style: none;
   float: left;
}

#accountNav li a {
   display: block;
   padding: 0;
   text-decoration: none;
   border:none;
}

#accountNav li ul {
   display: none;
   border:1px solid #D5D5CB;
   background-color:#fff;
}

#accountNav li ul li {
	padding:3px;
}

#accountNav li:hover ul, #accountNav li.hover ul {
   display: block;
   position: absolute;
   margin: 0;
   padding: 0;
   z-index: 2000;
}

#accountNav li:hover li, #accountNav li.hover li {
   float: none;
}

#accountNav li:hover li a, #accountNav li.hover li a {
   color: #000;
}
*/

#idBestellijst {
	margin-top: 10px;
}

#idBestellijst ul, #idBestellijst ul a, #idBestellijst ul span {
	font-size: 11px;
}

#idBestellijst ul, #idBestellijst ul li {
	margin: 0;
   	padding: 0;
}

#idBestellijst ul {
	float: left;
}

#idBestellijst ul li {
	list-style: none;
	float: left;
	position: relative;
}

#idBestellijst ul li a {
	display: block;
	height: 20px;
	line-height: 20px;
	color: #000;
	text-decoration: none;
	font-weight: normal;
	font-size: 13px;
}

#idBestellijst ul ul {
	display: none;
	background-color: #fff;
	border: 1px solid #D5D5CB;
	min-width: 150px;
	position: absolute;
	z-index: 100;
	left: 0;
}

#idBestellijst li:hover ul, #idBestellijst li.hover ul {
	display: block;
}

#idBestellijst li li, #idBestellijst li li a {
	float: none;
}

#idBestellijst ul ul a {
	text-indent: 10px;
	height: 30px;
	line-height: 30px;
}

/* replace for cellpadding and cellspacing */
table
{
    border-collapse: collapse; /* 'cellspacing' equivalent */
}

table td, table th
{
    padding: 0; /* 'cellpadding' equivalent */
}

.table-border-spacing-7 {
	border-spacing: 7px;
}

form#detail {
	margin:  0 0 10px;
}

.ws-amount {
	margin-right:10px;
}

.addthis_toolbox {
	width: 430px;
	float: left;
}

.fb-share-button {
	float: left;
}

.addthis_button_tweet {
	width: 90px !important;
}

.addthis_button_pinterest_pinit {
	width: 50px !important;	
}

.addthis_button_google_plusone {
	width: 70px !important;		
}

.addthis_button_email {
	font-size: 12px !important;
	text-decoration: none !important;
	margin-right: 5px !important;
	background: #738A8D !important;
	color: #fff !important;
	padding: 2px 5px !important;
	border-radius: 3px;
}

.rh-social-wrap {
	height: 25px;
	/* width: 550px; */
	float: right;
	margin-bottom: 45px;
}

/*.table.bl_2 img {
	height: 100% !important;
}*/