@charset "utf-8";
/* --------------------------------------------------------=
	CSS Document by Juice BV
	Copyright © Juice BV 

	Juice BV
	Noorderbaan 10
	5388 RB Nistelrode
	
	T: 0412-611453
	F: 0412-614963
	E: info@itsallinthemix.nl
	I: www.itsallinthemix.nl
=-------------------------------------------------------- */

/* ===== Standaard ===== */
body {
	margin: 0;
	padding: 0;
	background: repeat-x url(/images/bg.gif) #dddddd;
	height: 100%;
	font-family: Arial;
	font-size: 12px;
	color: #555555;
}
h1, h2 {
    padding: 0;
    margin: 0;
}
img {
	border: 0;
}
.clear {
	clear: both;
}
.container {
	margin: 0 auto;
	width: 958px;
	position: relative;
}
h2.smalltext {
    font-size: 12px;
    font-weight: normal;
}
h2.smalltext.align_bottom {
    position: absolute;
    top: 1180px;
}

/* ===== Header ===== */
#header {
	height: 202px;
	position: absolute;
	top: 0;
	width: 958px;
}
.concept-nav {
	position: absolute;
	top: 5px;
	left: 0;
	width: 200px;
}
.concept-nav a {
	float: left;
	display: block;
	width: 50px;
	height: 25px;
	margin: 1px 0 0 2px;
}
.concept-nav span.partytent {
	display: block;
	float: left;
	width: 52px;
	height: 27px;
	background: no-repeat url(/images/icon-partytent-sel.gif);
}
.concept-nav span.tuinmeubel {
	display: block;
	float: left;
	width: 52px;
	height: 27px;
	background: no-repeat url(/images/icon-tuinmeubel-sel.gif);
}
.concept-nav span.biertafel {
	display: block;
	float: left;
	width: 52px;
	height: 27px;
	background: no-repeat url(/images/icon-biertafel-sel.gif);
}
.concept-nav a.partytent {
	background: url(/images/icon-partytent.gif);
}
.concept-nav a.tuinmeubel {
	background: url(/images/icon-tuinmeubel.gif);
}
.concept-nav a.biertafel {
	background: url(/images/icon-biertafel.gif);
}
.logo {
	display: block;
	width: 450px;
	height: 52px;
	background: no-repeat url(/images/logo_pto.gif);
	position: absolute;
	left: 16px;
	top: 75px;
}
.top-nav {
	position: absolute;
	bottom: 0;
	width: 958px;
}
.top-nav a {
	display: block;
	float: left;
	margin: 0 2px 0 0;
	height: 31px;
	background: no-repeat url(/images/top-nav-left.gif);
	text-decoration: none;
}
.top-nav a span {
	display: block;
	height: 26px;
	background: no-repeat url(/images/top-nav-right.gif) right top;
	padding: 5px 9px 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 15px;
	float: left;
	cursor: pointer;
}
.top-nav a:hover {
	background: no-repeat url(/images/top-nav-left-hover.gif);
}
.top-nav a:hover span {
	background: no-repeat url(/images/top-nav-right-hover.gif) right top;
}
.top-nav a.selected, .top-nav a.selected:hover {
	background: no-repeat url(/images/top-nav-left-selected.gif);
}
.top-nav a.selected span, .top-nav a.selected:hover span {
	background: no-repeat url(/images/top-nav-right-selected.gif) right top;
	color: #777777;
}
.taalkeuze {
	position: absolute;
	right: 0;
	top: 8px;
	width: 300px;
	overflow: hidden;
}
.taalkeuze a {
	display: block;
	float: right;
	width: 20px;
	height: 17px;
	margin: 0 0 0 9px;
}
.taalkeuze a.nl {
	background: no-repeat url(/images/lang-nl.gif);
}
.taalkeuze a.be {
	background: no-repeat url(/images/lang-be.gif);
}
.taalkeuze a.en {
	background: no-repeat url(/images/lang-en.gif);
}
.taalkeuze a.ger {
	background: no-repeat url(/images/lang-ger.gif);
}
.taalkeuze a.fr {
	background: no-repeat url(/images/lang-fr.gif);
}
.taalkeuze a.sp {
	background: no-repeat url(/images/lang-sp.gif);
}
.taalkeuze a.it {
	background: no-repeat url(/images/lang-it.gif);
}
.taalkeuze a.por {
	background: no-repeat url(/images/lang-por.gif);
}
.taalkeuze span {
	display: block;
	float: right;
	color: #777777;
	padding: 2px 0 0 0;
}
.winkelwagen {
	width: 211px;
	height: 42px;
	background: no-repeat url(/images/winkelwagen.gif);
	position: absolute;
	right: 0;
	top: 68px;
	cursor: pointer;
	padding: 29px 0 0 58px;
	color: #777777;
}
.winkelwagen:hover {
	color: #555555;
}
.winkelwagen:hover span {
	text-decoration: none;
}
.winkelwagen span {
	color: #f71928;
	text-decoration: underline;
}
#content {
	padding: 202px 0 0 0;
}
.path {
	margin: 15px 0 15px 15px;
	color: #777777;
	word-spacing: 3px;
}
.path a {
	color: #777777;
	text-decoration: none;
	word-spacing: normal;
}
.path a:hover {
	text-decoration: underline;
}
.path a h2 {
	color: #777777;
    display: inline;
	font-size: 12px;
	font-weight: normal;
}
.path span {
	font-weight: bold;
	color: #f71928;
}
.row {
	overflow: hidden;
	clear: both;
}
.left {
	float: left;
	width: 754px;
	position: relative;
}
.prod-large, .prod-large-detail {
	width: 368px;
	height: 268px;
	float: left;
	background: no-repeat url(/images/prod-large.gif);
	display: block;
	position: relative;
	text-align: center;
	padding: 17px 0 0 0;
	color: #555555;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
}
.prod-large:hover {
	background: no-repeat url(/images/prod-large-hover.gif);
}
.prod-large-detail {
	background: no-repeat #ffffff url(/images/detail-right.gif);
	float: none;
	height: auto;
}
.prod-large-detail-bottom {
	padding: 0 0 45px 0;
	display: block;
	background: no-repeat url(/images/detail-right-bottom.gif) left bottom;
}
.corner {
	width: 142px;
	height: 142px;
	background: no-repeat url(/images/corner-prijsknaller.png);
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.loop {
	width: 25px;
	height: 24px;
	background: no-repeat url(/images/loop.gif);
	position: absolute;
	right: 9px;
	top: 8px;
	cursor: pointer;
}
.prod-large-img {
	display: block;
	height: 200px;
	overflow: hidden;
	margin: 10px 0 0 0;
	position: relative;
}
.prod-large-img img {
}
.prod-img-wrap {
    margin: 0 auto;
    width: 318px;
    height: 250px;
}
#prod-img {
	cursor: pointer;
}
.prod-large-name {
	display: block;
	width: 338px;
	text-align: right;
	top: 10px;
	position: absolute;
	left: 0;
}
.prod-large-prijs {
	position: absolute;
	left: 15px;
	bottom: 12px;
	font-size: 24px;
	display: block;
}
.marBot25 {
	margin-bottom: 25px;
}
.liveboard {
	float: right;
	width: 368px;
	height: 285px;
}
.prod-van {
	position: absolute;
	font-weight: bold;
	font-size: 14px;
	left: 15px;
	bottom: 20px;
}
.prod-van span {
	text-decoration: line-through;
}
.prod-voor {
	position: absolute;
	font-weight: bold;
	font-size: 14px;
	right: 15px;
	bottom: 12px;
}
.prod-voor span {
	font-size: 24px;
	color: #f71928;
	vertical-align:middle;
}
.stroke {
	border-top: 1px solid #c5c5c5;
	position: absolute;
	width: 100%;
	bottom: 40px;
	left: 0
}
.title, .title-small {
	font-size: 16px;
	font-weight:  bold;
	padding: 0 0 3px;
	border-bottom: 1px solid #8c8c8c;
	margin-bottom: 10px;
}
.title-small {
	font-size: 14px;
}
.light {
	border-color: #c5c5c5;
	color: #777777;
}
strong.spec {
	display: block;
	color: #777777;
	margin: 15px 0 0 0;
}
ul.spec {
	margin: 0;
	padding: 0 0 0 20px;
	color: #777777;
	list-style:square;
	line-height: 18px;
}
ul.spec a {
	color: #f71928;
	font-weight: bold;
}
ul.spec a:hover {
	text-decoration: none;
}
ul.spec .line {
	text-decoration: line-through;
	font-size: 14px;
}
ul.spec .red {
	color: #f71928;
	font-size: 14px;
}
.prod-row {
}
.prod-row a {
	float: left;
	display: block;
	width: 175px;
	height: 255px;
	background: no-repeat url(/images/prod.gif);
	margin: 20px 18px 0 0;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	text-align: center;
}
.prod-row a:hover {
	background: no-repeat url(/images/prod-hover.gif);
}
.prod-row a img {
	margin: 50px 0 0 0;
}
.prod-row a.last {
	margin-right: 0;
}
.prod-name {
	text-align: center;
	width: 175px;
	position: absolute;
	top: 10px;
	left: 0;
	font-size: 14px;
}
.prod-prize {
	text-align: center;
	width: 175px;
	position: absolute;
	top: 170px;
	left: 0;
	font-size: 24px;
}
.right {
	float: left;
	width: 184px;
	margin: 0 0 0 19px;
}
.right-block {
	background: no-repeat url(/images/side-block-top.gif) left top #bbbbbb;
	margin: 0 0 20px 0;
}
.right-block .title {
	font-size: 18px;
}
.search 
{
    background: no-repeat url(/images/searchBg.gif) 0 0;
    width: 185px;
    height: 171px;
}
.searchTitle 
{
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    padding: 8px 0 0 12px;
}
.searchItem 
{
    margin: 17px 10px 0;
}
.searchItemHead 
{
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px;
} 
.block-bottom {
	background: no-repeat url(/images/side-block-bottom.gif) left bottom;
	padding: 7px;
}
.block-bottom a:hover {
	color: #f71928;
}
.block-content {
	display: block;
	height: 164px;
	width: 164px;
	margin: 10px 5px 8px 3px;
}
.service-bg {
	padding: 10px 0 0 0;
}
.service-bg table {
}
.service-bg .tijd {
	text-align: right;
}
.hasTel {
	padding: 0 0 0 30px;
	background: no-repeat url(/images/tel.gif) 3px center;
	color: #555555;
	font-size: 18px;
	font-weight: bold;
}
.service-bg strong {
	clear: both;
	font-size: 14px;
	padding: 7px 0 5px;
	display: block;
}
.mail-url {
	display: block;
	padding: 5px 0 5px 30px;
	background: no-repeat url(/images/mail.gif) 3px 6px;
	color: #555555;
	font-weight: bold;
}
.star-list {
	margin: 0;
	padding: 10px 0 1px 0;
	list-style: none;
}
.star-list li {
	display: block;
	padding: 3px 0 10px 30px;
	background: no-repeat url(/images/star.gif) left top;
	color: #555555;
	font-weight: bold;
	line-height: 15px;
}
.star-list li.num1-selected {
	background: no-repeat url(/images/1-selected.gif) left top;
}
.star-list li.num2 {
	background: no-repeat url(/images/2.gif) left top;
}
.star-list li.num2-selected {
	background: no-repeat url(/images/2-selected.gif) left top;
}
.star-list li.num3 {
	background: no-repeat url(/images/3.gif) left top;
}
.star-list li.num3-selected {
	background: no-repeat url(/images/3-selected.gif) left top;
}
.top-5 {
	display: block;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	padding: 7px 0 7px 30px;
}
.top-5:hover {
	text-decoration: underline;
}
.num1 {
	margin: 5px 0 0 0;
	background: no-repeat url(/images/num1.gif) left center;
}
.num2 {
	background: no-repeat url(/images/num2.gif) left center;
}
.num3 {
	background: no-repeat url(/images/num3.gif) left center;
}
.num4 {
	background: no-repeat url(/images/num4.gif) left center;
}
.num5 {
	background: no-repeat url(/images/num5.gif) left center;
}
.blokken {
	height: 255px;
	background: no-repeat url(/images/blokken.jpg);
	margin: 20px 0 0 0;
}
.block-mail {
	float: left;
	width: 216px;
	height: 231px;
	padding: 12px;
	position: relative;
}
.block-nieuws {
	float: left;
	width: 217px;
	height: 231px;
	padding: 12px;
	position: relative;
}
.block-video {
	float: left;
	width: 215px;
	height: 231px;
	padding: 12px;
	position: relative;
}
.block-betalen {
	float: left;
	width: 214px;
	height: 231px;
	padding: 12px;
	position: relative;
}
a.verder {
	display: block;
	right: 16px;
	bottom: 0;
	width: 85px;
	position: absolute;
	text-align: center;
	padding: 4px 4px 4px 0;
	color: #f71928;
	font-size: 11px;
	font-weight: bold;
	background: no-repeat url(/images/pijl.gif) 80px center;
}
a.verder:hover {
	color: #8c8c8c;
	background: no-repeat url(/images/pijl-hover.gif) 80px center;
}
a.aanmelden {
	width: 110px;
	background: no-repeat url(/images/pijl.gif) 103px center;
}
a.aanmelden:hover {
	background: no-repeat url(/images/pijl-hover.gif) 103px center;
}
a.nieuws {
	width: 140px;
	background: no-repeat url(/images/pijl.gif) 135px center;
}
a.nieuws:hover {
	background: no-repeat url(/images/pijl-hover.gif) 135px center;
}
.block-info {
	padding: 5px 0 10px 35px;
	margin: 5px 0 0 0;
	font-size: 11px;
	color: #777777;
	font-family: Verdana;
}
.block-info div {
    font-weight: bold;
    font-size: 12px;
}
.block-info strong {
	color: #555555;
	font-size: 12px;
}
.block-b {
	background: no-repeat url(/images/slot.gif) 5px 5px;
}
.block-m {
	background: no-repeat url(/images/mail2.gif) 5px 5px;
}
.block-i {
	background: no-repeat url(/images/info.gif) 5px 5px;
}
.block-i div {
    color: #555555;
}
.block-n div {
    color: #ff0000;
}
.block-n a,
.block-i a {
	display: block;
	text-align: right;
	color: #f71928;
	padding: 0 5px 0 0;
}
.block-n a:hover,
.block-i a:hover {
	text-decoration: none;
}
.block-v a {
	display: block;
	padding: 5px 0 5px 35px;
	background: no-repeat url(/images/video.gif) 5px center;
	margin: 5px 0;
	color: #555555;
	font-weight: bold;
}
.block-v a:hover {
	text-decoration: none;
}
.paginering {
	margin: 20px 0 0 0;
}
.paginering div {
	float: left;
	padding: 5px 5px 5px 0;
	font-size: 11px;
	font-weight: bold;
	color: #8c8c8c;
}
.paginering a, .paginering span {
	display: block;
	float: left;
	margin: 0 0 0 3px;
	text-align: center;
	color: #8c8c8c;
	width: 24px;
	background: no-repeat url(/images/pag-a.gif);
	text-decoration: none;
	padding: 5px 0;
	font-weight: bold;
}
.paginering span, .paginering a:hover {
	color: #ffffff;
	background: no-repeat url(/images/pag-span.gif);
}
.content {
	color: #777777;
	line-height: 18px;
	width: 740px;
}
.content p {
	margin: 13px 0;
}
.content a {
	color: #f71928;
}
.content a:hover {
	color: #8c8c8c;
}
.detail-left {
	float: left;
	width: 368px;
}
.detail-right {
	float: right;
	width: 368px;
	background: no-repeat url(/images/detail-right.gif) left top #ffffff;
}
.detail-right-bottom {
	background: no-repeat url(/images/detail-right-bottom.gif) left bottom;
	padding: 10px;
}
.color-choice-wrap {
    height: 27px;
    line-height: 27px;
}
.color-choice-left {
    font-size: 14px;
    float: left;
    width: 50px;
    font-weight: bold;
}
.color-overlay {
    display: block;
    float: left;
    background: url(/images/color-selection.png) no-repeat;
    width: 34px;
    height: 27px;
    margin-right: 3px;
}
#kleur-hover {
    font-size: 14px;
    font-weight: bold;
    padding-left: 10px;
}
.detail-block {
	background: no-repeat url(/images/detail-block.gif) left top #d4d4d4;
	margin: 18px 0 0 0;
}
.detail-block-bottom {
	background: no-repeat url(/images/detail-block-bottom.gif) left bottom;
	padding: 12px;
	position: relative;
}
.detail-info {
	margin: 20px 0;
	color: #777777;
}
.detail-model {
	float: left;
	color: #777777;
	padding: 4px 0 0 0;
	font-weight: bold;
}
.detail-bestel {
	height:1px;
	display: block;
	background: no-repeat url(/images/bestel-stroke.gif) right bottom;
	cursor: pointer;
	margin: 10px 0 20px 0;
	clear: both;
}
.detail-drop {
	float: right;
}
.detail-drop ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #777777;
}
.detail-drop ul li {
	float: left;
}
.detail-drop ul li span,.detail-drop ul li span.drop {
	display: block;
	background: no-repeat url(/images/fakedrop.gif);
	width: 270px;
	height: 16px;
	cursor: pointer;
	padding: 4px 0 4px 10px;
}
.detail-drop ul li ul {
	position: absolute;
	display: none;
	z-index: 90;
	width: 280px;
	border-top: 0;
	margin: -3px 0 0 0;
	background: no-repeat url(/images/fake-drop.gif) left bottom;
	padding: 0 0 5px 0;
}
.detail-drop ul li ul li {
	float: none;
	display: block;
	_width: 100%;
	cursor: pointer;
	padding: 2px 5px 2px 10px;
	margin: 0 1px;
}
.detail-drop ul li ul li img {
	float: left;
	display: inline;
	margin-right: 10px;
}
.detail-drop ul li ul li span {
	float: left;
	width: 135px;
	display: inline-block;
	height: 100%;
}
.detail-drop ul li ul li span div.price {
    position: relative;
    bottom: 0;
    right: 0;
    text-align: right;
}
.detail-drop ul li ul li:hover {
	background: #dddddd;
}
.searchTransformSelect, .searchSelectColor {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 165px;
}
.searchTransformSelect ul,.searchSelectColor ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.searchTransformSelect li,.searchSelectColor li {
	position: relative;

}
.searchTransformSelect li span,.searchSelectColor li span {
	display: block;
	color: #575757;
	margin: 0;
	padding: 5px 3px 5px 7px;
	width: 80px;
	cursor: pointer;
	background: no-repeat url(../images/fakedrop-medium.gif) left top #ffffff;
}
.searchSelectColor li span 
{
    padding: 5px 3px 5px 7px;
}
.searchSelectColor li ul li span 
{
    padding: 3px 3px 3px 7px;
}
.searchSelectColor li .colorImg {
    float: left;
    width: 20px;
    height: 17px;
    background-image: url("../images/color-selection-small.png");
    margin: -2px 6px 0 0;
}
.searchSelectColor li ul li .colorImg {
    margin: 0px 6px 0 0;
}
.searchTransformSelect li span, .searchSelectColor li span {
	width: 155px;
	float: left;
}
.searchTransformSelect li ul,.searchSelectColor li ul {
	list-style: none;
	position: absolute;
	left: 0;
	top: 20px;
	background: no-repeat url(../images/fake-drop-medium.png) left bottom;
	width: 165px;
	padding: 5px 0 5px;
	height: 165px;
	z-index: 99999;
}
.searchTransformSelect li ul li.group, .searchSelectColor li ul li.group
{
	height: 155px;
	
}
.searchTransformSelect li ul li.group span, .searchSelectColor li ul li.group span
{
	display: none;
}
.searchTransformSelect li ul li.group ul, .searchSelectColor li ul li.group ul
{
	height: 155px;
	overflow-y: scroll;
	position: relative;
	top: 0;
	background: none;
	width: 164px;
	z-index: 99999;
}
.searchTransformSelect li ul li.group ul span, .searchSelectColor li ul li.group ul span
{
	display: block;
}
.searchTransformSelect li ul li span, .searchSelectColor li ul li span
{
	width: 137px;
}
.searchTransformSelect li ul li span,.searchSelectColor li ul li span {
	border: 0;
	background: none;
}
.searchTransformSelect li ul li span:hover,.searchSelectColor li ul li span:hover {
	background: repeat-y url(../images/fake-drop-medium-hover.gif) left bottom #ffffff;
}


.detail-kentons {
	float: right;
}
.detail-kentons ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #777777;
}
.detail-kentons ul li {
	float: left;
}
.detail-kentons ul li span {
	display: block;
	background: no-repeat url(/images/fakedrop.gif);
	width: 270px;
	height: 16px;
	cursor: pointer;
	padding: 4px 0 4px 10px;
}
.detail-kentons ul li ul {
	position: absolute;
	display: none;
	z-index: 90;
	width: 280px;
	border-top: 0;
	margin: -3px 0 0 0;
	background: no-repeat url(/images/fake-drop.gif) left bottom;
	padding: 0 0 5px 0;
}
.detail-kentons ul li ul li {
	float: none;
	display: block;
	_width: 100%;
	cursor: pointer;
	padding: 2px 5px 2px 10px;
	margin: 0 1px;
}
.detail-kentons ul li ul li:hover {
	background: #dddddd;
}

.landSelection 
{
    width: 155px;
    display: block;
    position: absolute;
    margin: 60px 0 0 45px;
    *margin: 60px 0 0 -302px;
}

.landSelection ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #777777;
}
.landSelection ul li {
	float: left;
}
.landSelection ul li span.smalldrop {
	display: block;
	background: no-repeat url(/images/fakedrop-small.gif);
	width: 140px;
	height: 16px;
	cursor: pointer;
	padding: 3px 0 5px 10px;
	line-height: 16px;
	float: none;
	display: block;
	_width: 100%;
	cursor: pointer;
}
.landSelection ul li span.smalldrop span {
    float: left;
	width: 80px;
	display: inline-block;
}
.landSelection ul li span.smalldrop img {
	float: left;
	display: inline;
	padding-right: 4px;
	margin: 1px 0;
}
.landSelection ul li ul {
	position: absolute;
	display: none;
	z-index: 90;
	width: 140px;
	border-top: 0;
	margin: -3px 0 0 0;
	background: no-repeat url(/images/fake-drop-small.gif) left bottom;
	padding: 10px 0 5px 0;
}
.landSelection ul li ul li {
	float: none;
	display: block;
	_width: 100%;
	cursor: pointer;
	padding: 0px 5px 0px 10px;
	line-height: 20px;
}
.landSelection ul li ul li span {
	float: left;
	width: 80px;
	display: inline-block;
}
.landSelection ul li ul li img {
	float: left;
	display: inline;
	padding-right: 4px;
	margin: 1px 0;
}
.landSelection ul li ul li:hover {
	background: #dddddd;
}

.orderForm {
    width: 140px;
    display: block;
    float: left;
}
.orderForm ul {
	list-style: none;
	padding: 0;
	margin: 0;
	color: #777777;
}
.orderForm ul li {
	float: left;
}
.orderForm ul li span.smalldrop,.orderForm ul.formDrop li span {
	display: block;
	background: no-repeat url(/images/fakedrop-small.gif);
	width: 130px;
	height: 16px;
	cursor: pointer;
	padding: 3px 0 5px 10px;
	line-height: 16px;
	float: none;
	display: block;
	_width: 100%;
	cursor: pointer;
}
.orderForm ul.formDrop li ul li span 
{
    background: none;
    padding: 0;
}
.orderForm ul li span.smalldrop span {
    float: left;
	width: 80px;
	display: inline-block;
}
.orderForm ul li span.smalldrop img {
	float: left;
	display: inline;
	padding-right: 4px;
	margin: 1px 0;
}
.orderForm ul li ul {
	position: absolute;
	display: none;
	z-index: 90;
	width: 140px;
	border-top: 0;
	margin: -3px 0 0 0;
	background: no-repeat url(/images/fake-drop-small.gif) left bottom;
	padding: 10px 0 5px 0;
}
.orderForm ul li ul li {
	float: none;
	display: block;
	_width: 100%;
	cursor: pointer;
	padding: 2px 5px 2px 10px;
	margin: 0 1px;
}
.orderForm ul li ul li span {
	float: left;
	width: 80px;
	display: inline-block;
}
.orderForm ul li ul li img {
	float: left;
	display: inline;
	padding-right: 4px;
	margin: 1px 0;
}
.orderForm ul li ul li:hover {
	background: #dddddd;
}

.sendCosts 
{
    width: 110px;
    display: block;
    position: absolute;
    margin: 64px 0px 0px 200px;
    *margin: 64px 0px 0px -145px;
}

.scroller {
	width: 320px;
	margin: 10px auto 0;
	overflow: hidden;
}
.stretch {
	width: 5000px;
}
.scroller a {
	padding: 0 5px;
	float: left;
	display: block;
}
.scroller a.first {
	padding-left: 0;
}
.scroller a.last {
	padding-right: 0;
}
.to-left, .to-right {
	width: 9px;
	height: 16px;
	position: absolute;
	cursor: pointer;
}
.to-left {
	background: no-repeat url(/images/to-left.gif);
	top: 73px;
	left: 8px;
}
.to-right {
	background: no-repeat url(/images/to-right.gif);
	top: 73px;
	right: 8px;
}
.accessoires {
}
.accessoires a {
	display: block;
	background: no-repeat url(/images/accessoires.gif) right bottom;
	height: 101px;
	position: relative;
	text-decoration: none;
}
.accessoires a.last {
	background: none;
}
.accessoires a img {
	position: absolute;
	left: 0;
	top: 11px;
}
.acc-name {
	position: absolute;
	font-size: 14px;
	color: #777777;
	font-weight: bold;
	top: 11px;
	left: 110px;
	display: block;
}
.acc-prijs {
	color: #f71928;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	display: block;
	left: 110px;
	top: 70px;
}
#footer {
	height: 154px;
	width: 100%;
	background: repeat-x url(/images/footer.gif);
	margin: 55px 0 0 0;
}
.copy {
	height: 25px;
	background: no-repeat url(/images/c.gif);
}
.copyright {
	float: left;
	width: 500px;
	color: #777777;
	padding: 8px 0;
}
.realisatie {
	float: right;
	width: 200px;
	color: #777777;
	padding: 8px;
	text-align: right;
}
.realisatie a {
	color: #f71928;
}
.realisatie a:hover {
	color: #8c8c8c;
}
.footer-menu {
	padding: 8px 0;
	color: #777777;
	word-spacing: 3px;
	clear: both;
}
.footer-menu a {
	color: #f71928;
	word-spacing: normal;
}
.footer-menu a:hover {
	color: #8c8c8c;
}
.no-border {
	border: 0;
}

/* ===== Winkelmandje ===== */
.wm {
	overflow: hidden;
}
.wm .hd {
	overflow: hidden;
	height: 32px;
	width: 750px;
	background: no-repeat url(/images/wm-head.gif);
	margin: 20px 0 6px;
}
.wm .hd div {
	float: left;
	padding: 8px 0 0 0;
	font-weight: bold;
}
.wm .prod {
	overflow: hidden;
	height: 100px;
	width: 750px;
	background: no-repeat url(/images/wm-prod.gif);
	margin: 0 0 6px;
	clear: both;
}
.wm .prod div {
	padding: 11px 0 0 0;
	float: left;
}
.wm .img {
	margin: 0 33px 0 19px;
	width: 104px;
}
.wm .omschr {
	width: 251px;
}
.wm .aantal {
	width: 86px;
}
.wm .aantal input {
	border: 0;
	color: #777777;
	width: 26px;
	height: 20px;
	background: no-repeat url(/images/wm-input.gif);
	padding: 4px 7px 0 7px;
}
.wm .verwijder {
	width: 61px;
}
.wm .verwijder a {
	display: block;
	width: 26px;
	height: 27px;
	background: no-repeat url(/images/removeBtn.png);
}
.wm .prijs {
	width: 86px;
}
.wm .totaal {
	width: 100px;
	text-align: right;
}
.wm .sendRow {
	overflow: hidden;
	height: 100px;
	width: 750px;
	margin: 0 0 6px;
	clear: both;
}
.wm .sendRow a {
	color: #555555;
	text-decoration: none;
}
.wm .sendRow a:hover {
	color: #f71928;
	text-decoration: none;
}
.wm .sendBlockLeft {
	display: block;
	height: 100px;
	width: 372px;
	float: left;
	background: url(/images/wm-send.gif) no-repeat;
	margin: 0;
}
.wm .sendBlockRight {
	display: block;
	height: 100px;
	width: 372px;
	float: left;
	background: url(/images/wm-send.gif) no-repeat;
	margin: 0 0 0 6px
}
.wm .sendRadio {
	float: left;
	display: block;
	height: 80px;
	width: 335px;
	margin: 7px 0 0 12px;
	cursor: pointer;
}
.wm .radioOn {
	background: url(/images/wm-radioOn.gif) no-repeat;
}
.wm .radioOff {
	background: url(/images/wm-radioOff.gif) no-repeat;
}
.wm .sendTxt {
	float: left;
	display: block;
	height: 80px;
	width: 300px;
	margin: 6px 0 0 32px;
}
.wm .sendTxt h3 {
	margin: 0;
	font-size: 18px;
}
.wm .sendTxt p {
	margin: 5px 0 0 0;
}
.overzicht {
	overflow: hidden;
}
.subtot {
	float: right;
	width: 270px;
	margin: 6px 0 0;
}
.subtot div, .tot div {
	float: left;
}
.desc {
	width: 106px;
	padding: 0 0 0 14px;
}
.sep {
	width: 9px;
}
.s-tot {
	width: 127px;
	text-align: right;
	font-weight: bold;
}
.tot {
	width: 270px;
	float: right;
	height: 32px;
	background: no-repeat url(/images/wm-tot.gif);
	margin: 12px 0 0 0;
}
.tot div {
	padding-top: 9px;
}
.tot .desc {
	font-weight: bold;
}
.tot .s-tot {
	font-size: 18px;
	color: #f71928;
	padding-top: 5px;
}
.buttons {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	_padding: 10px 0 0 0;
	border-top: 1px solid #8c8c8c;
	overflow: hidden;
}
.buttons a, .but-stap, .but-moreinfo {
	display: block;
	height: 26px;
}
a.but-verder {
	background: no-repeat url(/images/but_verder.gif);
	float: left;
	padding: 0 0 0 20px;
	text-decoration: none;
}
a.but-verder span, a.but-stap span, .but-stap span {
	display: block;
	font-family: Arial;
	font-size: 15px;
	font-weight: bold;
	height: 23px;
	text-decoration: none;
	color: #ffffff;
	background: no-repeat url(/images/but_verder.gif) right top;
	padding: 3px 20px 0 0;
}
a.but-moreinfo span, .but-moreinfo span {
	display: block;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	height: 23px;
	text-decoration: none;
	color: #ffffff;
	background: no-repeat url(/images/but_verder.gif) right top;
	padding: 3px 20px 0 0;
}
a.prod-large .prod-large-bestel, .prod-bestel, .prod-moreinfo, .acc-prod-btn {
	float: none;
	position: absolute;
	display: block;
	text-decoration: none;
}
a.prod-large .prod-large-bestel span, .prod-bestel span, .prod-moreinfo span {
	text-decoration: none;
}
a.but-stap, .but-stap, a.but-moreinfo, .but-moreinfo {
	padding: 0 0 0 20px;
	text-decoration: none;
	background: no-repeat url(/images/but_stap_left.png);
	_background: no-repeat url(/images/but_stap.gif);
	float: right;
}
a.but-stap:hover, .but-stap:hover, a.but-moreinfo:hover, .but-moreinfo:hover {
	background: no-repeat url(/images/but_stap_hover_left.png);
	_background: no-repeat url(/images/but_stap_hover.gif);
}
a.but-stap span, .but-stap span, a.but-moreinfo span, .but-moreinfo span {
	background: no-repeat url(/images/but_stap.png) right top;
	_background: no-repeat url(/images/but_stap.gif) right top;
}
a.but-stap:hover span, .but-stap:hover span, a.but-moreinfo:hover span, .but-moreinfo:hover span {
	background: no-repeat url(/images/but_stap_hover.png) right top;
	_background: no-repeat url(/images/but_stap_hover.gif) right top;
}
.prod-large-bestel {
	position: absolute;
	right: 10px;
	bottom: 13px;
}
.prod-bestel {
	bottom: 10px;
	left: 50%;
	margin: 0 0 0 -53px;
}
.prod-moreinfo {
	bottom: 10px;
	left: 77px;
	margin: 0 0 0 -53px;
}
.prod-bestel-det {
	float: right;
	margin: 10px 0;
	cursor: pointer;
}
.acc-prod-btn {
	right: 0;
	bottom: 10px;
	cursor: pointer;
}
/*
a.but-stap3
{
	width: 161px;
	background: no-repeat url(/images/but_stap3.gif);
	float: right;
}
a.but-terug1
{
	width: 163px;
	background: no-repeat url(/images/but_terug1.gif);
	float: left;
}
a.but-reset
{
	width: 163px;
	background: no-repeat url(/images/but_clear.gif);
	float: left;
}
a.but-send
{
	width: 163px;
	background: no-repeat url(/images/but_send.gif);
	float: right;
}
a.but-complete
{
	width: 161px;
	background: no-repeat url(/images/but_complete.gif);
	float: right;
}
a.but-terug2
{
	width: 163px;
	background: no-repeat url(/images/but_terug2.gif);
	float: left;
}
*/
.white-round {
	background: #ffffff no-repeat url(/images/white-round.gif) left top;
	width: 750px;
	margin: 20px 0 0;
}
.white-round-bottom {
	background: no-repeat url(/images/white-round-bottom.gif) left bottom;
	padding: 13px 18px;
}
.brown-round {
	background: #d4d4d4 no-repeat url(/images/brown-round.gif) left top;
	width: 750px;
	margin: 20px 0 0;
}
.brown-round-bottom {
	background: no-repeat url(/images/brown-round-bottom.gif) left bottom;
	padding: 13px 18px;
}
.form-title-bev {
	border-bottom: 1px solid #8c8c8c;
	padding: 0 0 3px 0;
	margin: 10px 0;
	color: #f71928;
	font-size: 14px;
	font-weight: bold;
}
.form-title-first {
	margin-top: 0;
}
.form-title {
	font-weight: bold;
}
.form-desc {
	width: 115px;
	float: left;
	margin: 6px 0 0 35px;
}
.form-desc-bev {
	width: 115px;
	float: left;
	margin: 0 0 0 35px;
	font-weight: bold;
}
.form-drop {
	float: left;
}
.form-req {
	float: left;
	color: #f71928;
	font-size: 14px;
	margin: 0 0 0 5px;
}
.form-input {
	float: left;
}
.form-input-bev {
	float: left;
	width: 550px;
	_width: 500px;
}
.form-input input {
	border: 0;
	color: #777777;
	width: 260px;
	height: 20px;
	background: no-repeat url(/images/input.gif);
	padding: 4px 10px 0 10px;
}
.formText {
	color: #777777;
}
.form-input input.small {
	border: 0;
	color: #777777;
	width: 110px;
	height: 20px;
	background: no-repeat url(/images/input-small.gif);
	padding: 4px 10px 0 10px;
}
.form-algm {
	float: left;
}
.form-algm a {
	color: #f71928;
}
.form-opm {
	float: left;
}
.form-opm textarea {
	color: #777777;
	font-family: Arial;
/*
	width: 430px;
	height: 84px;
	background: no-repeat url(/images/opmerkingen.gif);
	padding: 0;
	border: 0;
*/
}
.h6 {
	height: 6px;
	background: url(/images/blank.gif);
}
.dialog {
	display: none;
}
.dialog-bottom {
	position: fixed;
	_position: absolute;
	z-index: 999;
	width: 700px;
	left: 50%;
	margin: 0 0 0 -350px;
	top: 50px;
	background: no-repeat url(/images/thick_bottom.png) left bottom;
	padding: 0 0 15px 0;
}
.dialog-top {
	background: no-repeat url(/images/thick_top.png);
	padding: 15px 0 0 0;
}
.dialog {
	background: #ffffff;
	padding: 5px 19px 5px 15px;
	color: #333333;
	height: 600px;
	overflow: auto;
}
.dialog-close {
	position: absolute;
	right: 30px;
	top: 20px;
	width: 21px;
	height: 21px;
	background: no-repeat url(/images/close_box.gif);
	cursor: pointer;
}
.afhalen {
	font-weight: bold;
	float: left;
	width: 90%;
	font-size: 15px;
}
.afhalen-check {
	float: left;
}
.catDescription {
	padding: 0 10px;
}
.verzendenNaar {
	height: 28px;
	width: 750px;
	background: no-repeat url(/images/wm-head.gif);
	margin: 10px 0 -14px;
	padding: 4px 0 0 18px;
}
.weerOpVoorraad
{
    color: #EE0000;
}
.productNotOnStock
{
    color: #EE0000;
    position: relative;
    top: -20px;
}

.hideme 
{
    display: none;
}
.expectedDeliveryDate
{
	float	: left;
	margin	: 12px 0 0;
	color	: #ff0000;
	line-height	: 26px;
}
.mailMeWhenProductIsBack
{
	color	: #ff0000;
	margin: -15px 0 30px 0;
	cursor	: pointer;
	position: relative;
}
.mailMeWhenProductIsBack:hover span.popupName
{
	text-decoration: underline;
	
}
.prodPopup
{
	width	: 296px;
	position: absolute;
	top: 5px;
	left: 10px;
	cursor: default;
}
.prodPopupTop
{
	height	: 34px;
	background	: no-repeat url(../images/product_popup.png);
}
.prodPopupBot
{
	height	: 18px;
	background	: no-repeat url(../images/product_popup.png) left bottom;
}
.prodPopupMid
{
	background	: repeat-y url(../images/product_popup_mid.png);
	padding		: 0 13px 0 23px;
	color		: #777777;
}
.prodPopupMid p
{
	padding	: 0 12px 14px 0;
	margin: 0;
}
.popupText
{
	float	: left;
	line-height	: 24px;
}
.popupInput
{
	float	: right;
	color	: #ff0000;
}
.popupInput input
{
	width	: 184px;
	background	: no-repeat url(../images/product_popup_input.gif);
	border	: 0;
	padding	: 4px;
}
.productPopupSend
{
	cursor: pointer;
	margin	: 10px 10px 0 0;
}
.popupClose
{
	width	: 11px;
	height	: 15px;
	background	: no-repeat url(../images/product_popup_close.gif);
	position: absolute;
	right: 12px;
	top	: 30px;
	cursor: pointer;
}
.popupError
{
	float	: left;
	margin	: 12px 0 0 0;
	line-height: 24px;
	color	: #ff0000;
	font-weight: bold;
}
.hideMe
{
    display: none;
}