@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: no-repeat url(../images/bg.jpg) #000000 center top fixed;
	font-size: 12px;
	font-family: Arial;
	min-height: 100%;
}
a {
	color: #ff6600;
}
img {
	border: 0;
}
.clearBoth {
    clear:both;
}
/* ===== Ombouw ===== */
.js .hideMe {
	display: none;
}
.row {
	overflow: hidden;
	z-index: 0;
	clear: both;
	position: relative;

/* IE6 */	
	_overflow: inherit;
	_z-index: 5;
	_position: static;
}
.shadowBottom {
	padding: 0 0 58px;
	background: no-repeat url(../images/shadowBottom.png) center bottom;
	_background: no-repeat url(../images/shadowBottom.gif) center bottom; /* IE6 */
}
.shadowTop {
	padding: 37px 0 0;
	background: no-repeat url(../images/shadowTop.png) center top;
	_background: no-repeat url(../images/shadowTop.gif) center top; /* IE6 */
}
.shadowCenter {
	background: repeat-y url(../images/shadowCenter.png) center top;
	_background: repeat-y url(../images/shadowCenter.gif) center top; /* IE6 */
}
#container {
	position: relative;
	margin: 0 auto;
	width: 950px;
}
.topInfo {
	color: #dddddd;
	position: absolute;
	width: 100%;
	top: -25px;
	font-size: 11px;
	text-align: right;
}
.cart {
	float: right;
	width: 210px;
}
.cart a {
	color: #dddddd;
	text-decoration: none;
}
.cart a:hover {
	color: #ff6600;
	text-decoration: none;
}
.loggedinUser {
	float: left;
	margin-left:5px;
}
.loggedinUser a {
	color: #dddddd;
	text-decoration: none;
}
.loggedinUser a:hover {
	color: #ff6600;
	text-decoration: none;
}
.lang {
	float: right;
	width: 210px;
	position: relative;
	top: -2px;
}
.lang span {
	float: right;
	display: inline-block;
	margin: 2px 2px 0 2px;
}
.lang a, .lang span.en, .lang span.nl {
	float: right;
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 4px 1px 0 1px;
}
.lang a.en, .lang span.en {
	background: url(../images/en.gif) no-repeat;
}
.lang a.en:hover, .lang span.en:hover {
	background: url(../images/en_over.gif) no-repeat;
}
.lang a.nl, .lang a.nl {
	background: url(../images/nl.gif) no-repeat;
}
.lang a.nl:hover, .lang a.nl:hover {
	background: url(../images/nl_over.gif) no-repeat;
}
/* ===== Header ===== */
.header {
	display: block;
	height: 61px;
	width: 950px;
}
#logo {
	display: block;
	float: left;
	width: 228px;
	height: 61px;
	background: no-repeat url(../images/logo.gif);
}
.menu {
	list-style: none;
	float: right;
	width: 600px;
	padding-right: 5px;
	_padding-right: 0px; /* IE6 */
	margin: 0 auto;
}
.menu li {
	position: relative;
	z-index: 10;
	display: block;
	width: 100px;
	height: 47px;
	float: right;
	margin: 10px 5px 0 5px;
}
.menu li a {
	display: block;
	width: 72px;
	height: 41px;
	background: no-repeat url(../images/menu.gif);
	font-size: 10px;
	color: #9b9b9b;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 25px 3px 3px;
}
.menu li a:hover {
	background: no-repeat url(../images/menu_hover.gif);
}
.menu li ul {
	display: none;
	position: absolute;
	z-index: 10;
	top: 47px;
	left: 0;
	padding: 0;
	margin: 0;
}
.menu li ul li {
	display: inline-block;
	width: 100px;
	height: 28px;
	padding: 0;
	margin: 0;
}
.menu li ul li a {
	display: inline-block;
	width: 77px;
	height: 18px;
	font-size: 10px;
	color: #9b9b9b;
	font-weight: bold;
	text-decoration: none;
	padding: 7px 20px 3px 3px;
	background: no-repeat url(../images/menuSub.gif) left bottom;
}
.menu li ul li a:hover {
	background: no-repeat url(../images/menuSub_hover.gif) left bottom;
}
/* ===== Homepage ===== */
a.kader, a.kader:hover {
	display: block;
	float: left;
	width: 710px;
	height: 392px;
	background: no-repeat url(../images/sample.jpg) right top;
	margin: 5px 0 0 10px;
	color: #FFFFFF;
	text-decoration: none;
	_margin: 5px 0 0 5px; /* IE6 */
}
.homeTitle {
	display: block;
	clear: both;
	width: 260px;
	height: 40px;
	margin: 60px 0 0 400px;
	font-size: 16px;
	font-weight: bold;
}
.homeTxt {
	display: block;
	clear: both;
	width: 250px;
	height: 80px;
	margin: 6px 0 0 400px;
	font-size: 12px;
}
.kader2 {
	float: left;
	width: 710px;
	_width: 700px;
	min-height: 540px;
	margin: 7px 10px 10px;
	background: repeat-x url(../images/gradient.jpg) left bottom #3f3f3f;
}
.kader3 {
	margin: 0 10px 0;
	background: repeat-y url(../images/mandleft.gif) #414040;
}
.addPad {
	padding: 7px 0 10px;
}
.blokken {
	float: right;
	width: 210px;
	margin: 0 10px 0 0;
	_margin: 0 5px 0 0; /* IE6 */
}
.blokken a {
	display: block;
	width: 210px;
	height: 90px;
	margin: 0 0 10px 0;
}
.hoeNl {
	background: no-repeat url(../images/btnHoe.gif) left bottom;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
}
.hoeNl:hover {
	background: no-repeat url(../images/btnHoeOver.gif) left bottom;
}
.hoeEn {
	background: no-repeat url(../images/en/btnHoe.gif) left bottom;
	margin: 0 0 10px 0;
	padding: 7px 0 0 0;
}
.hoeEn:hover {
	background: no-repeat url(../images/en/btnHoeOver.gif) left bottom;
}
.afspraakNl {
	background: url(../images/btnAfspraak.gif);
}
.afspraakNl:hover {
	background: url(../images/btnAfspraakOver.gif);
}
.afspraakEn {
	background: url(../images/en/btnAfspraak.gif);
}
.afspraakEn:hover {
	background: url(../images/en/btnAfspraakOver.gif);
}
.bestelNl {
	background: url(../images/btnStoffen.gif);
}
.bestelNl:hover {
	background: url(../images/btnStoffenOver.gif);
}
.bestelEn {
	background: url(../images/en/btnStoffen.gif);
}
.bestelEn:hover {
	background: url(../images/en/btnStoffenOver.gif);
}
.maatNl {
	background: url(../images/btnMaat.gif);
	margin: 0;
}
.maatNl:hover {
	background: url(../images/btnMaatOver.gif);
}
.maatEn {
	background: url(../images/en/btnMaat.gif);
	margin: 0;
}
.maatEn:hover {
	background: url(../images/en/btnMaatOver.gif);
}
.levering {
	width: 360px;
	height: 149px;
	/*background: no-repeat url(../images/levering.jpg);*/
	display: block;
	float: left;
	margin: 10px 0 0 10px;
	_margin: 10px 0 0 5px; /* IE6 */
}
.gallery {
	width: 348px;
	height: 149px;
	/*background: no-repeat url(../images/gallery.jpg);*/
	display: block;
	margin: 10px 10px 0 2px;
	float: left;
	overflow: hidden;
}
.gallery a
{
	display	: block;
	width: 10000px;
}
	.gallery a img
	{
		display	: block;
		float	: left;
	}
.textOverlay {
    margin-left:10px;
    display:block;
    position:absolute;
    background: no-repeat url(../images/gallery_txt.png);
    width:55px;
    height:18px;
    bottom:20px;
    margin-left:10px;
}
.socks {
	width: 210px;
	height: 65px;
	/*background: no-repeat url(../images/sevensocks.jpg);*/
	display: block;
	float: left;
	margin: 0 0 10px 0;
}
.blokken .socks {
	width: 210px;
	height: 65px;
	float: none;
}
.shirt {
	width: 210px;
	height: 65px;
	/*background: no-repeat url(../images/smokingshirts.jpg);*/
	display: block;
	float: left;
}
.blokken .shirt {
	width: 210px;
	height: 65px;
	float: none;
}
.margin10 {
	margin: 3px 0 0 10px;
}
.bottomInfo {
	position: absolute;
	overflow: hidden;
	width: 100%;
	font-size: 11px;
	color: #8a8987;
	bottom: -38px;
	left: 0;
}
.botLeft {
	float: left;
	width: 700px;
}
.bottomInfo a {
	text-decoration: none;
	color: #8a8987;
}
.bottomInfo a:hover {
	text-decoration: underline;
}
.botURL {
	float: left;
	width: 450px;
	margin: 7px 0 0 0;
}
.botRight {
	float: left;
	width: 200px;
}
.botRight a {
	display: block;
	float: left;
	width: 36px;
	height: 29px;
	margin: 0 1px;
}
a.ideal {
	background: url(/images/ideal.png) no-repeat;
}
a.ideal:hover {
	background: url(/images/idealOver.png) no-repeat;
}
a.mastercard {
	background: url(/images/mastercard.png) no-repeat;
}
a.mastercard:hover {
	background: url(/images/mastercardOver.png) no-repeat;
}
a.visacard {
	background: url(/images/visa.png) no-repeat;
}
a.visacard:hover {
	background: url(/images/visaOver.png) no-repeat;
}
a.american {
	background: url(/images/american.png) no-repeat;
}
a.american:hover {
	background: url(/images/americanOver.png) no-repeat;
}
.by {
	float: right;
	width: 180px;
	text-align: right;
	margin: 7px 0 0 0;
}
.bottomInfo .by a {
	text-decoration: underline;
}
.bottomInfo .by a:hover {
	text-decoration: none;
}
.title {
	font-weight: bold;
	font-size: 20px;
	color: #ffffff;
	padding: 15px 18px 17px;
	background: repeat-x url(../images/titleLine.gif) left bottom;
	
}
.titleGray {
	font-weight: bold;
	font-size: 18px;
	color: #333333;
	padding: 17px 18px 8px 55px;
	background: repeat-x url(../images/titleLineLight.gif) left bottom;
}
.clear {
	clear: both;
	position: relative;
}
.noPos {
	_position: fixed;
}
.vraag {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/vraag.png);
	position: absolute;
	left: -5px;
	top: 75px;
	_top: 0;
}
.contact {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_contact.png);
	position: absolute;
	left: -5px;
	top: 75px;
}
.inloggen {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_inloggen.png);
	position: absolute;
	left: -5px;
	top: 75px;
}
.tellafriend {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_tellafriend.png);
	position: absolute;
	left: -5px;
	top: 75px;
}
.maakeenafspraak {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_afspraak.png);
	position: absolute;
	left: -5px;
	top: 75px;
}
.stoffenstalen {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_loop.png);
	position: absolute;
	left: -5px;
	top: 75px;
}
.fotogallery {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_fotogallery.png);
	position: absolute;
	left: -5px;
	top: 75px;
}
.nieuws {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_nieuws.png);
	position: absolute;
	left: -5px;
	top: 90px;
}
.agenda {
	width: 65px;
	height: 48px;
	background: no-repeat url(../images/icon_agenda.png);
	position: absolute;
	left: -15px;
	top: 10px;
}
.content {
	padding: 0 30px 10px 70px;
	_padding: 0 30px 0 70px;
	font-size: 13px;
	color: #ffffff;
}
.subTitle {
	padding: 0 0 2px 32px;
	font-size: 12px;
	font-weight: bold;
	background: no-repeat url(../images/down.png);
	cursor: pointer;
	width: 606px;
	_width: auto;
	height: 29px;
	line-height: 24px;
}
.col {
	background: no-repeat url(../images/right.png);
}
.subInfo {
	padding: 0 0 0 32px;
	font-size: 12px;
}
.subInfo ol {
	padding-left: 20px;
}
.subInfo ol li {
	padding-left: 15px;
}
.subInfo p {
	margin-top: 0;
}
.hoeStart {
	position: relative;
	border-bottom: 1px solid #6c6c6c;
	margin: 20px 0 0 0;
	padding: 0 0 5px 0;
}
.hoeImg {
	margin: 0 0 0 71px;
	_margin: 0 0 0 40px;
	padding: 1px 0 0 1px;
	background: no-repeat url(../images/hoeBg.gif);
	width: 199px;
	height: 80px;
	float: left;
}
.hoeInfo {
	float: left;
	width: 400px;
}
.hoeInfo p {
	margin-top: 0;
	color: #ffffff;
	font-size: 13px;
}
.hTitle {
	font-size: 18px;
	color: #bbbbbb;
	font-weight: bold;
}
.hoeInfo ul {
	color: #ffffff;
	font-size: 13px;
	padding-left: 20px;
	list-style-image:url(../images/right.gif);
}
.hoeInfo ul li {
	padding-left: 5px;
}
.num {
	position: absolute;
	left: -15px;
	top: 0;
	width: 65px;
	height: 47px;
}
.een {
	background: no-repeat url(../images/1.png);
}
.twee {
	background: no-repeat url(../images/2.png);
}
.drie {
	background: no-repeat url(../images/3.png);
}
.vier {
	background: no-repeat url(../images/4.png);
}
.vijf {
	background: no-repeat url(../images/5.png);
}
.mandLeft {
	float: left;
	width: 250px;
}
.mandLeft a, .mandLeft .link {
	font-size: 18px;
	font-weight:bold;
	font-family: helvetica, arial;
	color: #cccccc;
	display: block;
	text-decoration: none;
	height: 40px;
	background: no-repeat url(../images/tab.gif);
	padding: 20px 0 0 60px;
	position: relative;
}
.mandLeft a:hover {
	color: #ffffff;
}
.mandLeft a.selected {
	color: #ffffff;
	background: no-repeat url(../images/tab_selected.gif) left bottom;
}
.mandLeft a.next, .mandLeft span.next {
	background: no-repeat url(../images/tab_next.jpg);
}
.mandNum {
	left: -15px;
	top: 10px;
}
.mandRight {
	float: right;
	width: 650px;
}
.prods {
	padding: 15px 0 0 0;
}
.prod {
	padding: 0 0 8px 0;
	overflow: hidden;
	position: relative;
}
.stroke {
	height: 2px;
	background: repeat-x url(../images/prod.gif) left bottom;
}
.sMargin {
	margin: 0 0 13px 0;
}
.sMarginTop {
	margin: 13px 0 0 0;
}
.kosten {
	padding: 15px 0 0 0;
}
.kTitle {
	color: #cccccc;
	font-weight: bold;
	padding: 0 0 0 10px;
}
.wmRow {
	margin: 0 0 5px;
}
.wmProd {
	float: left;
	color: #cccccc;
	font-weight: bold;
	padding: 0 0 0 10px;
	width: 250px;
}
.wmAantal {
	float: left;
	color: #cccccc;
	font-weight: bold;
	padding: 0 0 0 10px;
	width: 80px;
}
.wmDelete
{
	float	: left;
	color	: #cccccc;
	font-weight	: bold;
	width	: 80px;
	text-align: center;
}
.wmDelete img
{
	cursor	: pointer;
}
.wmPrijs {
	float: left;
	color: #cccccc;
	font-weight: bold;
	padding: 0 0 0 25px;
	width: 45px;
	text-align: right;
}
.wmTotaal {
	float: left;
	color: #cccccc;
	font-weight: bold;
	padding: 0 0 0 10px;
	width: 125px;
	text-align: right;
}
.wmRow div {
	color: #ffffff;
}
.totLeft {
	float: left;
	width: 224px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0 5px 10px;
}
.totRight {
	float: right;
	width: 110px;
	color: #ff6600;
	font-weight: bold;
	padding: 5px 15px 5px 0;
	text-align: right;
}
.cadeaubonNl {
	width: 317px;
	height: 120px;
	background: no-repeat url(../images/cadeaubon.jpg);
	position: relative;
	margin: 20px 0 20px 0;
	float: left;
}
.cadeaubonEn {
	width: 317px;
	height: 120px;
	background: no-repeat url(../images/en/cadeaubon.jpg);
	position: relative;
	margin: 20px 0 20px 0;
	float: left;
}
a.addExtra
{
	text-decoration: none;
	cursor: pointer;
}
.aanvullendNl
{
	width	: 328px;
	height	: 134px;
	float	: left;
	background: no-repeat url(../images/aanvullend.png);
	margin : 20px 0;
	position: relative;
	left: 5px;
}
.aanvullendEn
{
	width	: 328px;
	height	: 134px;
	float	: left;
	background: no-repeat url(../images/en/aanvullend.png);
	margin : 20px 0;
	position: relative;
	left: 5px;
}
.cTxt {
	color: #cccccc;
	padding: 28px 0 0 16px;
	width: 265px;
}
.cTxtWidth
{
	width	: 190px;
}
.cadeaubon input {
	float: left;
	display: block;
	width: 139px;
	height: 21px;
	background: no-repeat url(../images/input.gif);
	border: 0;
	margin: 5px 0 0 16px;
}
.submitNl {
	display: block;
	float: left;
	width: 115px;
	height: 27px;
	background: no-repeat url(../images/bevestig.jpg);
	margin: 4px 0 0 5px;
	cursor: pointer;
}
.submitEn {
	display: block;
	float: left;
	width: 115px;
	height: 27px;
	background: no-repeat url(../images/en/bevestig.jpg);
	margin: 4px 0 0 5px;
	cursor: pointer;
}
.settings {
	color: #888888;
}
.settings .row {
	padding: 0 0 10px 0;
	color: #ffffff;
}
.settings span
{
    display: inline-block;
    width: 30px;
}

.settings span.wmVoucherLabel {
	display: inline-block;
	clear: both;
	width: 140px;
	color: #ffffff;
	font-weight: bold;
}

.settings span.wmVoucherTxt {
	display: inline-block;
	clear: both;
	width: 140px;
	color: #999999;
}
.settings select {
	width: 70px;
	margin: 0 10px;
	font-size: 12px;
	color: #333333;
	font-family: Arial;
	font-weight: bold;
	border: 1px solid #cccccc;
	/*float: right;*/
}
.pImg {
	text-align: center;
	float: left;
	width: 500px;
}
.pRight {
	float: right;
	width: 140px;
	display: block;
}
.pTxt {
	padding: 5px 10px;
	color: #888888;
}
.pVerwijderenNl {
	display: block;
	width: 120px;
	height: 29px;
	background: no-repeat url(../images/verwijder.png);
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 34px;
	/* IE 6*/	
	_float: right;
	_position: relative;
}
.pVerwijderenEn {
	display: block;
	width: 120px;
	height: 29px;
	background: no-repeat url(../images/en/verwijder.png);
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 34px;
	/* IE 6*/	
	_float: right;
	_position: relative;
}
.pVoucherVerwijderenNl {
	display: block;
	width: 120px;
	height: 29px;
	background: no-repeat url(../images/verwijder.png);
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 3px;
	/* IE 6*/	
	_float: right;
	_position: relative;
}
.pVoucherVerwijderenEn {
	display: block;
	width: 120px;
	height: 29px;
	background: no-repeat url(../images/en/verwijder.png);
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 3px;
	/* IE 6*/	
	_float: right;
	_position: relative;
}
.pAanpassenNl {
	display: block;
	width: 119px;
	height: 29px;
	background: no-repeat url(../images/aanpassen.png);
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 3px;
	/* IE 6*/	
	_float: right;
	_position: relative;
}
.pAanpassenEn {
	display: block;
	width: 119px;
	height: 29px;
	background: no-repeat url(../images/en/aanpassen.png);
	cursor: pointer;
	position: absolute;
	right: 5px;
	bottom: 3px;
	/* IE 6*/	
	_float: right;
	_position: relative;
}
.aanpassenNl {
	display: block;
	float: right;
	width: 119px;
	height: 29px;
	background: no-repeat url(../images/aanpassen.png);
	cursor: pointer;
	margin: 10px 5px 0 0;
}
.aanpassenEn {
	display: block;
	float: right;
	width: 119px;
	height: 29px;
	background: no-repeat url(../images/en/aanpassen.png);
	cursor: pointer;
	margin: 10px 5px 0 0;
}
.volgendeNl {
	display: block;
	width: 112px;
	height: 35px;
	float: right;
	background: no-repeat url(../images/volgende.png);
	cursor: pointer;
	margin: 0 0 0 0;
}
.volgendeEn {
	display: block;
	width: 112px;
	height: 35px;
	float: right;
	background: no-repeat url(../images/en/volgende.png);
	cursor: pointer;
	margin: 0 0 0 0;
}
.orderafrondenNl 
{
	display: block;
	width: 172px;
	height: 35px;
	float: right;
	background: no-repeat url(../images/bestellingafronden.png);
	cursor: pointer;
	margin: 0 0 0 0;
}
.orderafrondenEn 
{
	display: block;
	width: 172px;
	height: 35px;
	float: right;
	background: no-repeat url(../images/en/bestellingafronden.png);
	cursor: pointer;
	margin: 0 0 0 0;
}
.volgendeMargin {
	margin-top: 87px;
}
.form {
	margin: 20px 0;
}
.fLeft {
	float: left;
	width: 140px;
	padding: 6px 0 0px 10px;
	color: #ffffff;
	font-weight: bold;
}
.fRight {
	float: left;
	width: 338px;
	height: 21px;
	padding: 2px 0;
}
.fRight input {
	border: 0;
	width: 338px;
	height: 21px;
	color: #333333;
	background: no-repeat url(../images/inputLarge.jpg);
}
.fRight input.small {
	width: 88px;
	background: no-repeat url(../images/inputSmall.gif);
}
.fRight input.disabled {
	background: no-repeat url(../images/inputLargeDisabled.jpg);
}
.nieuwsLeft {
	float: left;
	width: 350px;
	margin: 0 0 0 60px;
	_margin: 0 0 0 30px;
}
.newsItem p {
	padding: 0 0 17px;
	margin: 0;
	background: repeat-x url(../images/titleLine.gif) left bottom;
	line-height: 16px;
	display	: block;
	color: #ffffff;
}
.newsItem h2
{
	font-size	: 12px;
	margin		: 5px 0;
	color		: #ffffff;
}
.newsItem a {
	color: #bbbbbb;
	font-weight: bold;
	text-decoration: none;
}
.newsItem a:hover {
	text-decoration: underline;
}
.nieuwsRight {
	float: right;
	
	width: 230px;
	background: repeat-x url(../images/gradientAgenda.gif) #9f9f9f;
	margin: 12px 30px 0 0;
	position: relative;
	_position: inherit;
	_margin-left: 30px;
	padding: 0 0 20px 0;
}
.agendaItem {
	margin: 20px 20px 0;
}
.agendaItem > a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding: 0 0 5px;
	background: repeat-x url(../images/titleLineLight.gif) left bottom;
	margin		: 10px 0 0 0;
}
.agendaItem a:hover {
	text-decoration: underline;
}
.agendaItem p {
	margin: 0;
	color: #333333;
	line-height: 16px;
}
.titleEdit {
	padding-left: 0;
	padding: 28px 0 8px 0;
}
.cadeaubonBon {
	width: 930px;
	height: 425px;
	background: no-repeat url(../images/cadeaubon_bon.jpg);
	margin: 5px 0 0 10px;
	position: relative;
}
.cadeaubonBon.pound {
    background: no-repeat url(../images/cadeaubon_bonpond.jpg);
}
.cadeaubonBon.en {
    background: no-repeat url(../images/en/cadeaubon_bon.jpg);
}
.cadeaubonBon textarea {
	position: absolute;
	right: 65px;
	bottom: 42px;
	width: 568px;
	height: 53px;
	color: #333333;
}
.cadeaubonBon div {
	position: absolute;
	left: 298px;
	bottom: 26px;
	color: #ffffff;
}
.cadeaubonBon .preview {
	position: absolute;
	right: 65px;
	bottom: 46px;
	width: 568px;
	height: 53px;
	color: #ffffff;
}
.cadeaubonBon .code
{
	position	: absolute;
	font-size	: 20px;
	color		: #000000;
	font-weight	: bold;
	left		: 97px;
	bottom		: 55px;
	font-family: Verdana;
	background	: #cccccc;
	width		: 150px;
	
}
.vouchImg
{
	display	: none;
}
.betaalmethode {
	padding: 20px 0 0;
	overflow: hidden;
}
.bmIcon {
	float: left;
	width: 100px;
	line-height: 40px;
	vertical-align: middle;
	text-align: center;
}
.bmRadio {
	float: left;
	width: 60px;
	height: 62px;
	background: repeat-x url(../images/prod.gif) left bottom;
}
.bmText {
	float: left;
	width: 489px;
	height: 62px;
	background: repeat-x url(../images/prod.gif) left bottom;
	overflow: hidden;
	line-height: 14px;
	color: #ffffff;
}
.bmText strong {
	display: block;
	color: #cccccc;
}
.subSmallTitle {
	font-size: 16px;
	color: #cccccc;
	font-weight: bold;
	padding: 10px 0 3px;
	background: repeat-x url(../images/prod.gif) left bottom;
}
.mgData {
	float: left;
	width: 300px;
	color: #ffffff;
	line-height: 20px;
	font-weight: bold;
	padding: 5px 0 10px 30px;
}
.fill30 {
	float: left;
	width: 30px;
	height: 10px;
	background: none;
}
.kostenOverzicht .wmAantal, .kostenOverzicht .wmRow .wmAantal {
	width: 50px;
}
.strokeMarginLeft30 {
	margin-left: 30px;
}
.marginBottom30 {
	margin-bottom: 30px;
}
.bestellingplaatsenNl {
	float: right;
	width: 178px;
	height: 42px;
	background: no-repeat url(../images/bestellingplaatsen.png);
	cursor: pointer;
	margin: 10px 0 0 0;
}
.bestellingplaatsenEn {
	float: right;
	width: 178px;
	height: 42px;
	background: no-repeat url(../images/en/bestellingplaatsen.png);
	cursor: pointer;
	margin: 10px 0 0 0;
}
.jbz {
	font-weight: bold;
	line-height: 20px;
	float: left;
	color: #ffffff;
	width: 80%;
	padding: 5px 0 0 0;
}
.jbz strong {
	line-height: 12px;
	color: #cccccc;
}
.wijzigenNl {
	float: right;
	cursor: pointer;
	margin: 0 10px 10px;
	width: 104px;
	height: 28px;
	background: no-repeat url(../images/wijzigen.png);
}
.wijzigenEn {
	float: right;
	cursor: pointer;
	margin: 0 10px 10px;
	width: 104px;
	height: 28px;
	background: no-repeat url(../images/en/wijzigen.png);
}
.meaningStar {
	margin: 5px 0 10px 90px;
	font-size: 10px;
	color: #999999;
}
.to {
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 80px 300px;
	_padding :0 0 80px 200px;
	position: relative;
	width: 340px;
}
.to input {
	float: left;
	clear: both;
	width: 100%;
	color: #333333;
	margin: 0 auto;
	margin-bottom: 3px;
}
.bekijkBonNl {
	float: left;
	width: 130px;
	height: 24px;
	background: no-repeat url(../images/bekijkbon.gif);
	cursor:pointer;
	margin: 5px 5px 20px 0;
}
.bekijkBonEn {
	float: left;
	width: 150px;
	height: 24px;
	background: no-repeat url(../images/en/bekijkbon.gif);
	cursor:pointer;
	margin: 5px 5px 20px 0;
}
.aanpassenBonNl {
	float: left;
	width: 130px;
	height: 24px;
	background: no-repeat url(../images/bewerkbon.gif);
	cursor:pointer;
	margin: 5px 5px 20px 0;
}
.aanpassenBonEn {
	float: left;
	width: 150px;
	height: 24px;
	background: no-repeat url(../images/en/bewerkbon.gif);
	cursor:pointer;
	margin: 5px 5px 20px 0;
}
.bestelBonNl {
	float: left;
	width: 130px;
	height: 24px;
	background: no-repeat url(../images/bestelBon.gif);
	cursor:pointer;
	margin: 5px 0 20px 0;
}
.bestelBonEn {
	float: left;
	width: 150px;
	height: 24px;
	background: no-repeat url(../images/en/bestelBon.gif);
	cursor:pointer;
	margin: 5px 0 20px 0;
}
.howTo {
	float: right;
	width: 270px;
	margin: 0 15px 0 15px;
	color: #999999;
	line-height: 14px;
}
.howTo strong {
	color: #ffffff;
	display: block;
}
.inlogscherm {
	width: 240px;
	margin: 160px 0 0 180px;
}
.prods .inlogscherm {
	margin: 45px 0 0 190px;
	*margin: 0;
	*padding: 45px 0 0 190px;
}
.inlogRow {
	position: relative;
	display: block;
	width: 407px;
	_position: inherit;
	padding: 1px 0;
}
.inlogscherm input {
	width: 240px;
}
.inlogButtonNl {
	width: 103px;
	height: 28px;
	background: no-repeat url(../images/inloggen.png);
	cursor: pointer;
	margin: 5px 0;
}
.inlogButtonEn {
	width: 103px;
	height: 28px;
	background: no-repeat url(../images/en/inloggen.png);
	cursor: pointer;
	margin: 5px 0;
}
.inlogscherm a {
	color: #ffffff;
	display: block;
	margin: 0 0 5px;
}
.inlogscherm a:hover {
	text-decoration: underline;
}
.sampleImg {
	display: block;
	float: left;
	width: 199px;
	height: 150px;
	margin: 13px 0 0 0;
}
.sampleInfo {
	display: block;
	float: left;
	width: 380px;
	height: 150px;
	margin: 13px 0 0 0;
}
.sampleInfo p {
	margin: 0;
}
.formRow {
	position: relative;
	clear: both;
	_position: intherit;
	overflow: hidden;
}
.formRowCoupon {
	position: relative;
}
.formRowOpm {
	clear: both;
	position: relative;
 	*height: 81px; /* IE7 */
}
.formRowBtn {
	clear: both;
	position: relative;
	_position: intherit;
 	*height: 35px; /* IE7 */
}
.formLeft {
	float: left;
	width: 150px;
	font-weight: bold;
	padding: 5px 0 0 0;
}
.formRight {
	float: left;
	width: 238px;
	padding: 3px 0 0 0;
	color: #FFFFFF;
}
.formRight input {
	width: 100%;
	background: no-repeat url(../images/inputLarge.jpg);
	border: 0;
}
.formRight input.small {
	width: 88px;
	background: no-repeat url(../images/inputSmall.gif);
	margin: 0 7px 0 0;
}
/* All IE VERSION */
.formRight input.small {
	margin: 0 3px 0 0\9
}
.formRightSmall input.small {
	width: 88px;
	background: no-repeat url(../images/inputSmall.gif);
}
.formRightSmall input.small2 {
	width: 88px;
	background: no-repeat url(../images/inputSmall.gif);
	margin: 0 0 0 7px;
}
.formRightSmall input.small2 {
	margin: 0 0 0 4px\9
}
.formRight input.medium {
	width: 139px;
	background: no-repeat url(../images/input.gif);
	margin: 0;
}
.formRight input.radio {
	width: auto;
	background: none;
}
.formRight textarea {
	width: 234px;
	height: 70px;
}
.verzendenNl {
	width: 114px;
	height: 28px;
	background: no-repeat url(../images/verzenden.png);
	cursor: pointer;
}
.verzendenEn {
	width: 114px;
	height: 28px;
	background: no-repeat url(../images/en/verzenden.png);
	cursor: pointer;
}
.formError {
	display: none;
	width: 157px;
	height: 26px;
	position: absolute;
	z-index: 100;
}
.errStd {
	top: 0px;
	right: 3px;
}
.errApp {
	top: 0px;
	right: 63px;
}
.errSample {
	top: 3px;
	right: -157px;
}
.errLogin {
	top: 0px;
	right: -157px;
}
.errBon {
	top: 1px;
	right: -162px;
}
.errVrw {
	top: 43px;
	right: 180px;
}
.errTaf {
	top: 1px;
	right: 60px;
}
label.error {
	display: block;
	width: 147px;
	padding: 3px 2px 5px 8px;
	margin: 0;
	background: no-repeat url(../images/error01.png);
	font-size: 11px;
	color: #cc0000;
}
.textContent {
	padding: 25px 20px;
	color: #ffffff;
}
.textContent p {
	margin: 0 0 15px;
}
.textContent h2 {
	color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 12px;
}
.galleryLarge {
	width: 611px;
	height: 351px;
	padding: 1px;
	background: no-repeat url(../images/galleryBg.gif);
	margin: 10px 0 0 0;
}
.galleryText {
	color: #ffffff;
	background: repeat-x url(../images/titleLine.gif) left bottom;
	width: 613px;
}
.galleryText p {
	margin: 0;
	padding: 10px 0 12px;
}
.galleryThumbs {
	padding: 20px 0;
	overflow: hidden;
}
.galleryThumbs a {
	display: block;
	float: left;
	width: 116px;
	padding: 1px;
	height: 81px;
	background: no-repeat url(../images/galleryBgSmall.gif);
	margin: 0 4px 7px 0;
}
.line {
	padding: 0 0 3px 0;
	background: repeat-x url(../images/titleLine.gif) left bottom;
	color: #bbbbbb;
	font-size: 16px;
	font-weight: bold;
}
.newCustomer {
	float: left;
	width: 382px;
}
.existingCustomer {
	float: left;
}
.newCustForm {
	float: left;
	position: relative;
	_position: intherit;
	z-index: 10;
	width: 308px;
	margin: 0 74px 0 0;
}
.formLeftSmall {
	float: left;
	width: 115px;
	font-weight: bold;
	padding: 5px 0 0 0;
}
.formRightSmall {
	float: left;
	width: 188px;
	padding: 3px 0 0 0;
}
.exisCustForm {
	float: left;
	position: relative;
	_position: intherit;
	z-index: 0;
	width: 218px;
	margin: 25px 0 0 0;
}
.formRightSmall input {
	width: 100%;
	border: 0;
	background: no-repeat url(../images/inputMedium.gif);
	height: 21px;
}
.formRightSmall select {
	width: 100%;
	height: 21px;
}
.formRightSmall input.radio {
	width: auto;
	background: none;
	height: auto;
}
.exisCustForm input {
	width: 218px;
	background: no-repeat url(../images/input218.gif);
	border: 0;
	margin: 0 0 3px 0;
	height: 21px;
}
.ontwerpeennieuwshirtNl {
	width: 228px;
	height: 41px;
	background: no-repeat url(../images/button_ontwerpeennieuwshirt.png);
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 13px;
	_top: 90px;
}
.ontwerpeennieuwshirtEn {
	width: 228px;
	height: 41px;
	background: no-repeat url(../images/en/button_ontwerpeennieuwshirt.png);
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 13px;
}

.ontwerpnogeennieuwshirtNl {
	width: 228px;
	height: 41px;
	background: no-repeat url(../images/button_ontwerpnogeennieuwshirt.png);
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 13px;
	_top: 90px;
}
.ontwerpnogeennieuwshirtEn {
	width: 228px;
	height: 41px;
	background: no-repeat url(../images/en/button_ontwerpnogeennieuwshirt.png);
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 13px;
}
.hisBalk {
	width: 638px;
	height: 30px;
	line-height: 24px;
	color: #ffffff;
	font-weight: bold;
	cursor: pointer;
}
.hisPlus {
	background: no-repeat url(../images/historyPlus.jpg);
}
.hisMin {
	background: no-repeat url(../images/historyMin.jpg);
}

.hisDate {
	float: left;
	width: 144px;
	margin: 0 0 0 15px;
}
.hisOrder {
	float: left;
	width: 180px;
}
.hisBedrag {
	float: left;
	width: 180px;
}
.hisImg {
	float: left;
	width: 500px;
	position: relative;
}
.hisOverlay
{
	position	: absolute;
	width		: 440px;
	height		: 350px;
	left		: 30px;
	bottom		: 30px;
	background	: #525151;
	
	filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity: 0.8;
	opacity: 0.8;

}
.hisOverlayText
{
	position	: absolute;
	padding		: 10px;
	width		: 420px;
	height		: 330px;
	left		: 30px;
	bottom		: 30px;
	color		: #ffffff;
}
.hisOverLeft
{
	float	: left;
	width	: 100px;
}
.hisOverLeft
{
	float	: left;
	width	: 150px;
}
.hisOverClose
{
	position	: absolute;
	right		: 10px;
	top			: 10px;
}
.hisOverClose:hover
{
	text-decoration	: underline;
	cursor			: pointer;
}
.hisOptions {
	float: right;
	width: 140px;
}

.noLongerAvailable {
    color:#CC0000;
}
.hisProductEdit {
	padding: 0 0 10px;
	margin: 0 0 8px;
	background: repeat-x url(../images/titleLine.gif) left bottom;
}
.bestelOpnieuwNl {
	width: 132px;
	height: 50px;
	background: no-repeat url(../images/button_bestelopnieuw.png);
	cursor: pointer;
}
.bestelOpnieuwEn {
	width: 132px;
	height: 50px;
	background: no-repeat url(../images/en/button_bestelopnieuw.png);
	cursor: pointer;
}
.pasenbestelNl {
	width: 132px;
	height: 52px;
	background: no-repeat url(../images/button_pasenbestel.png);
	cursor: pointer;
}
.pasenbestelEn {
	width: 132px;
	height: 52px;
	background: no-repeat url(../images/en/button_pasenbestel.png);
	cursor: pointer;
}
.viewShirtDetailsNl {
	width: 132px;
	height: 50px;
	background: no-repeat url(../images/button_bekijkshirtdetails.png);
	cursor: pointer;
	margin	: 10px 0 0 0;
}
.viewShirtDetailsEn {
	width: 132px;
	height: 50px;
	background: no-repeat url(../images/en/button_bekijkshirtdetails.png);
	cursor: pointer;
	margin	: 10px 0 0 0;
}

.omschrLeft {
	float: left;
	color: #ffffff;
	width: 60px;
	padding: 4px 0 0 0;
}
.omschrRight {
	float: left;
	padding: 4px 0 0 0;
	color: #ffffff;
}
.omschrRight select {
	width: 50px;
}
.required {
}
.email {
}
.cadeaubonOngeldig {
	color: #FF0000;
	padding: 5px 0 5px 10px;
}
.inputInvoice {
	margin: 5px 0;
	width: 100px;
}
.measurementError {
	margin: 20px;
	color: #ffffff;
}
.noOverflow
{
	overflow:inherit !important;
	*overflow: inherit !important;
}
.orderShirt
{
    position: relative;
    z-index: 100;
}

/* ===== Aanvullend ===== */
.aanvullendInfo
{
	padding	: 10px 0 10px 10px;
}
.aanvullendInfo strong
{
	display	: block;
	font-size: 15px;
	color	: #ffffff;
}
.aanvullendInfo p
{
	margin	: 0;
	color	: #cccccc; 
}
.toevoegenNl
{
	width	: 119px;
	height	: 28px;
	background	: no-repeat url(../images/button_toevoegen.png);
	display	: block;
	margin: 5px 0 0 0;
}
.toevoegenEn
{
	width	: 81px;
	height	: 28px;
	background	: no-repeat url(../images/en/button_toevoegen.png);
	display	: block;
	margin: 5px 0 0 0;
}
#aanvullendeProducten
{
	width	: 855px;
}
.extraProdLeft
{
	float	: left;
	width	: 531px;
	overflow: hidden;
}
.extraProductLogo
{
	float	: left;
	width	: 181px;
}
.extraProductImage
{
	float	: left;
	width	: 350px;
	height	: 172px;
}
.extraProductTxt
{
	float	: left;
	width	: 510px;
	margin	: 10px 0 0 0;
	line-height: 13px;
}
.extraProductBlock
{
	float	: left;
	width	: 295px;
	margin	: 0 0 10px 10px;
}
.extraProdTitle 
{
    font: bold 18px Arial,Helvetica,sans-serif;
    margin: 0;
    padding	: 0 0 0 15px;
    width: 295px;
    height: 51px;
    line-height: 51px;
    color: #FFFFFF;
    background: no-repeat url(../images/extraProductTop.jpg);
}
.item_selection
{
	color: #ADADAD;
    font-size: 11px;
    min-height: 104px;
    padding: 10px 13px 10px 16px;
    background: no-repeat url(../images/extraProductMiddle.jpg) left bottom;
}
.item_selection p
{
	margin: 0.5em 0;
}
.item_selection label {
    float: left;
    font-size: 12px;
    line-height: 26px;
    width: 115px;
}

.item_selection select {
    width: 142px;
    background: #FFFFFF;
    border: 1px solid #999999;
    border-radius: 5px 5px 5px 5px;
    line-height: normal !important;
    padding: 5px 2px;
}
.quantity_wanted_p {
    clear: left;
    height: 2em;
}
.item_price {
    color: #FFFFFF;
    float: left;
    font: 17px Arial,Helvetica,sans-serif;
    padding: 10px 16px;
    width: 91px;
}
input.exclusive {
    float: left;
    margin: 19px 0 0 16px;
    background: url("../images/extraProductBtn.jpg") left top;
	width: 142px;    
	color: #ffffff;
	padding-bottom: 2px;
    border: 0;
    cursor: pointer;
    display: block;
    font: bold 14px/30px Arial,Helvetica,sans-serif !important;
    height: 30px;
    text-align: left;
    text-decoration: none !important;
    text-indent: 10px;
    text-transform: uppercase;
}    
.price {
    font-size: 24px;
    color: #E27730;
    font-weight: bold;
    white-space: nowrap;
}
.extraProductBottom
{
	background: no-repeat url(../images/extraProductBottom.jpg);
	height: 67px;
}
