/* ETALAGE
======================================================*/
.shopEtalage {
	border:1px solid #cccccc;
	background-color: #F6F6F7;
	width:480px;
	margin:15px 0px;
}

.shopEtalage div 
{
	margin: 15px;
	font-size:12px;
	line-height: 16px;
	text-align:left;
}

/* FORM
======================================================*/

DIV.wsblock 
{
	background-color: #f6f6f7;
	background-position:bottom;
	background-repeat:repeat-X;
	text-align:left;
	border-bottom: 0px #f6f6f7 solid;
}

.w254 { width: 254px; }
.w268 { width: 268px; }
.w300 { width: 304px; }
.w448 { width: 448px; }
.w480 {	width: 480px; }

TABLE.ws
{
	margin-bottom: 16px;
}
TABLE.ws TR 
{
	vertical-align: middle;
}
TABLE.ws TD.wserror
{

}

TABLE.ws TD.wserror SPAN
{
	display: block;
	background-color: #FDD;
	margin: 8px;
	padding: 7px;
	border: solid 1px #F99;
	font-weight: bold;
}
TABLE.ws TD.wsheader
{
	background-color: #c7c8ca !important;
	padding: 4px 10px;
	line-height: 11px;
	border-bottom: 0px solid #c7c8ca;
}
TABLE.ws TD.wsheader SPAN 
{
	color: #000;
	font-weight: bold;
}

TABLE.ws TD.wslabel
{
	width: 112px;
	text-align: right;
}
TABLE.ws TD.wslabel SPAN 
{
	display: block;
	margin-top: 0px;
	margin-right: 8px;
}
TABLE.ws TD.wscontrol
{
	width: 192px;
	padding-top: 1px;
	padding-bottom: 1px;
}
TABLE.ws TD.wscontrol INPUT
{
	width: 192px;
	padding-top: 3px;
	height: 15px !important;
}
TABLE.ws TD.wscontrol TEXTAREA
{
	width: 192px;
	padding-top: 3px;
	height: 120px !important;
}
TABLE.ws TD.wscontrol SELECT
{
	width: 190px;
	padding-top: 3px;
	height: 20px !important;
}

TABLE.ws TD.wscontrol INPUT.wsradio,
TABLE.ws TD.wscontrol TABLE.wsradio INPUT,
TABLE.ws TD.wscontrol SPAN.wsradio INPUT
{
	border: 0px;
	width: 16px;
	height: 16px;
	margin-right: 8px;
	position: relative;
	top: 2px;
}


TABLE.ws TD.wsvalidator
{
	width: 176px;
}
TABLE.ws TD.wsvalidator SPAN 
{
	display: block;
	margin-top: 0px;
	margin-left: 8px;
	color: #F00;
}
TABLE.ws TD.wssubmit
{
	padding-top: 8px;
	width: 304px;
	text-align: right;
}


/* PRODUCT LISTING TABLE
======================================================*/

TABLE.ws TD.wsListingName
{
	width: 384px;
	text-align: left;	
	border-top: 2px solid #fff;
	padding-top: 4px;
}

TABLE.ws TR.wsListingRow {
	background-image: url(/resources/shop/images/bgrWebEtalage.gif);
}

TABLE.ws TD.wsListingName SPAN 
{
	display: block;
	margin-top: 0px;
	margin-left: 8px;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
}

TABLE.ws TR.wsListing { /* seperates products in listing */
	border-bottom:45px solid #ccc;
}

TABLE.ws TD.wsListingLink
{
/*	width: 96px;*/
	text-align: right;	
	white-space: nowrap;
	padding-top: 7px;
	padding-bottom: 5px;
	
}
TABLE.ws TD.wsListingLink A 
{
	margin-right: 8px;
	font-weight: bold;
}

TABLE.ws TD.wsListingPicture {
	vertical-align: top;
	background-color: #fff;
	background-image: none;
	border-top: 2px solid #fff;
}

TABLE.ws TD.wsListingPicture IMG {
	margin-right: 5px;
	margin-bottom: 5px;
}

TABLE.ws TD.wsDescription
{
	text-align: left;	
	padding: 8px;
	vertical-align: top;
}

TABLE.ws TD.wsListingDescription
{
	width: 480px;
	text-align: left;	
	padding-top: 4px;
	padding-bottom: 5px;
	vertical-align: top;
}
TABLE.ws TD.wsListingDescription SPAN 
{
	display: block;
	margin-top: 0px;
	margin-left: 8px;
	margin-right: 8px;
}

/* PRODUCT INFO TABLE
======================================================*/

TABLE.wsProduct
{
	width: 480px;
}

TABLE.wsProduct TD.wsproductImg
{
	width: 176px;
	text-align: center;	
	vertical-align: top !important;
}

TABLE.wsProduct TD.wsproductImg IMG
{
}

OPTION.greytext {
	color: #333;
}

/* ORDER INFO TABLE
======================================================*/

TABLE.ws TD.wsOrderQuantity
{
	width: 48px;
	text-align: right;	
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}
TABLE.ws TD.wsOrderQuantity SPAN 
{
	display: block;
	margin-right: 8px;
	font-weight: regular;
}

TABLE.ws TD.wsOrderName
{
	width: 264px;
	text-align: left;	
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}
TABLE.ws TD.wsOrderName SPAN 
{
	display: block;
	margin-right: 8px;
	font-weight: regular;
}

TABLE.ws TD.wsOrderPrice
{
	width: 60px;
	text-align: right;	
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}
TABLE.ws TD.wsOrderPrice SPAN 
{
	display: block;
	font-weight: normal;
}

TABLE.ws TD.wsOrderTotalPrice
{
	width: 60px;
	text-align: right;	
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}
TABLE.ws TD.wsOrderTotalPrice SPAN 
{
	display: block;
	font-weight: bold;
}

TABLE.ws TD.wsOrderLineDelete
{
	width: 48px;
	text-align: center;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 2px;
}

TABLE.ws TD.wsTotal
{
	border-top: solid 1px #FFF;
	padding-top: 8px !important;
}

/* HELP LAAG */

.helpLaag UL.helpMenu, .winkelWagen UL.winkelWagen {
	margin: 0;
	padding: 0;
	list-style: none;
}
.helpLaag UL.helpMenu LI, .winkelWagen UL.winkelWagen LI {
	margin: 0;
	padding: 0;
	color: #ff9915;
	width:100%;
}
.helpLaag UL.helpMenu A, .winkelWagen UL.winkelWagen A {
	color: #0a55a3 !important;
}
.winkelWagen UL.winkelWagen LI .prijs {
	color:#000;
	display:inline;
	float:right;
	margin-right:6px;
}
.winkelWagen UL.winkelWagen LI {
	padding:6px 0 6px 0px;
	clear:both;
}
.winkelWagen UL.winkelWagen LI IMG {
	float:right;
	margin-left:10px;
}
.winkelWagen UL.winkelWagen LI INPUT {
	margin-right:15px;
	border:1px solid #333333;
	width:30px;
}
.blockspace, .midblockspace {
	margin-bottom:15px !important;
}

.horizontal, .horizontal DIV {
	/* background-image:url('images/bgrWebEtalage.jpg');
	padding-top:15px !important; */
	background-position:top;
	width:480px !important;
}
.horizontal DIV {
	display:block;
	width:10px;
	height:15px !important;
	font-weight:bold !important;
	float:left;
	line-height:15px;
	margin-bottom:-2px;
	margin-top:-1px;
}
.horizontal DIV.aantal {
	width:67px !important;
	text-align:left;
}
.horizontal DIV.omschrijving {
	width:179px !important;
	text-align:left;
}
.horizontal DIV.bedrag {
	width:187px !important;
	text-align:right;
}
.totaalBalk {
	font-weight:bold;
	width:418px;
	text-align:right;
	padding-bottom:15px;
}
.betaalBalk {
	background-image:url(images/bgrWebEtalage.gif);
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:450px;
	padding:15px;
	text-align:left;
	margin-bottom:15px;
}
.betaalBalk .akkoord {
	position:absolute;
	display:inline;
	margin-left:8px;
	margin-top:2px;
}
.betaalBalk .akkoord-overview {
	display:inline;
	margin-left:0;
	margin-top:4px;
}

.horizontal DIV.aantal-overview {
	width:50px !important;
	text-align:left;
}
.horizontal DIV.omschrijving-overview {
	width:196px !important;
	text-align:left;
}
.horizontal DIV.bedrag-overview {
	width:208px !important;
	text-align:right;
}
.totaalBalk-overview {
	font-weight:bold;
	margin-right:15px;
	text-align:right;
	padding-bottom:15px;
}
.smallForm {
	width:100% !important;
	text-align:right;
}
.smallForm LABEL {
	display:block;
	width:95px;
	margin:6px 0 6px 0;
	float:left;
	text-align:left;
	clear:left;
}
.smallForm INPUT {
	width:130px;
	border:1px solid #333333;
	margin:6px 0 6px 0 !important;
}
.smallForm INPUT.keuze {
	width:auto !important;
	border:0 !important;
	margin:6px 0 6px 0;
	float:left !important;
}
.formItem {
	display:block;
	text-align:left;
	clear:both;
	margin:0 !important;
	padding:0 !important;
	/* border:1px solid #000; */
}
.formItem INPUT {
	width:147px !important;
	float:right !important;
	clear:none !important;
}
.formItem LABEL.inline {
	display:inline !important;
	width:auto !important;
	margin:4px 15px 0 4px;
	float:left !important;
	clear:none !important;
}
.smallForm SELECT, .winkelWagen SELECT {
	width:150px;
	float:right !important;
	border:1px solid #333333;
	margin:6px 0 6px 0;
}
.smallForm SELECT.small, .winkelWagen SELECT.small {
	width:50px;
	border:1px solid #333333;
	margin:6px 0 6px 0;
	margin-right:100px;
}
.smallForm .helpMenu {
	float:left;
}
.smallForm .helpMenu UL {
	margin-top:6px;
}
.midblockspace .smallForm INPUT {
	width:58%;
	border:1px solid #333333;
	margin:6px 0 6px 0;
}
.midblockspace .smallForm BUTTON, .blockspace .smallForm BUTTON, .betaalBalk BUTTON {
	padding:0 0 0 6px;
	width:100px;
	height:18px;
	line-height:12px;
	border:1px solid #0a55a3;
	background-color:#0a55a3;
	color:#ffffff;
	font-weight:bold;
	cursor:hand;
	cursor:pointer;
	text-align:left;
	margin:9px 0 15px 0;
}
.betaalBalk BUTTON {
	margin:0;
	float:right;
}
.midblockspace .smallForm BUTTON.verstuur-knopje {
	margin-right:0;
}
.midblockspace, .blockspace {
	text-align:left !important;
}
.logLeft {
	width:256px;
	text-align:left;
}
.logRight {
	width:209px;
	padding:6px 0 0 15px;
	text-align:left;
}
.productBlok {
	text-align:left;
}
.productBlok .smallForm UL LI {
	padding-top:12px;
	width:168px;
	text-align:left;
}
.productBlok .prodLeft {
	width:165px;
	border-bottom:1px solid #cccccc;
}
.productBlok .prodRight {
	width:300px;
	border-bottom:1px solid #cccccc;
}
.productBlok .block1 {
	width:300px !important;
}
.winkelWagen UL.winkelWagen LI SELECT {
	margin:0 15px 0 0;
	border:1px solid #333333;
	width:50px;
	float:left !important;
}
.winkelWagen UL.winkelWagen LI A.productOmschrijving {
	float:left;
	display:block;
	width:310px;
}
.winkelWagen UL.winkelWagen LI DIV.aantal {
	display:block;
	width:50px;
	float:left;
	font-weight:bold;
}

/* CATEGORIES */

DIV.categories H1 {
	margin-top: 15px;
	font-weight: bold;
	font-size: 14px;
}
TABLE.wsCategories {
	border-top: 1px solid #ccc;
	margin-top: 0px;

}
TABLE.wsCategories TD {
	width: 220px; /* 240 - padding */
	padding: 8px 16px 0px 8px;
	font-weight: bold;
	vertical-align: top;
}

TABLE.wsCategories TD SPAN {
	font-weight: normal;
}

TABLE.wsCategories TR.wsEndRow TD {
	padding-bottom: 4px;
	border-bottom: 1px solid #ccc;
}

/* product pages */
TD.wsPickCat {
	padding: 8px 0px 8px 8px;	
}

TD.wsPickCat SELECT {
	position: relative;
	top: 1px;
	margin-left: 4px;
}