/*Webshop*/
.clear{
	clear					: both
}

#cnt_shopping_cart,
.cnt_order_finish,
.cnt_order_confirm,
.cnt_overview,
.cnt_info_cvccode,
.cnt_address_data,
.cnt_inputaddress {
	border					: 1px solid #99AF88;
	background				: #99AF88
}

.webshop_ttl,
.webshop_ttl_preview {
	background				: #013300;
	padding					: 4px 6px;
	font					: bold 11px Verdana, Arial, Geneva, sans-serif;
	height					: 14px
}

.webshop_ttl_preview {
	background				: url(../img/search-clear.gif) top right no-repeat;
}
.cnt_shop_article{
	width					: 98px;
	height					: 110px;
	float					: left;
	margin					: 0 10px 4px 0
}

.webshop_article .btn_art_zoomin{
	margin					: -16px 0pt 0pt 82px;
	width					: 15px;
	height					: 15px;
	cursor					: pointer;
	background				: url(../img/webshop/btn_zoomin.gif) no-repeat;
	position				: relative;
	float					: left
}

.cnt_imgarticle img{
	width					: 96px;
	height					: 87px;
	border					: 1px solid #fff
}

.webshop_article{
	width					: 334px;
	height					: 339px;
	float					: left;
	font-weight				: normal;
	font-size				: 11px
}

.btn_shopping_cart{
	width					: 16px;
	height					: 16px;
	float					: right;
	cursor					: pointer;
	margin					: 4px 0px 0px 0px;
	background				: url(../img/webshop/shopping_cart.gif) no-repeat;
}

.price{
	margin					: 4px 0px 0px 0px;
	font-size				: 11px;
	float					: left;
}

.tr_shopping_cart{
	width					: 193px;
	height					: 32px;
}

.tr_shopping_cart .item,
.tr_shopping_cart .clothingsize,
.tr_shopping_cart .amount{
	width					: 36px;
	text-align				: left;
	float					: left;
	display					: inline-block;
	line-height				: 28px
}

.tr_shopping_cart .item{
	width					: 31px
}

.tr_shopping_cart .clothingsize{
	width					: 34px
}

.tr_shopping_cart .number{
	width					: 40px;
	text-align				: center;
	float					: left;
	display					: inline-block;
	line-height				: 28px
}

.clothingsize input, .number input{
	margin-top				: 5px;
	height					: 16px;
	width					: 25px;
	border					: 1px solid #666;
	font-size				: 11px
}

#cnt_shopping_cart{
	width					: 220px;
	height					: 339px;
	float					: left
}

.shopping_cart_overview{
	padding					: 4px;
	color					: #000;
	font-weight				: normal;
	font-size				: 11px;
	width					: 212px;
	height					: 120px;
	overflow				: auto;
	float					: left
}

.shopping_cart_text{
	padding					: 4px;
	color					: #000;
	font-weight				: normal;
	font-size				: 11px;
	width					: 212px;
	float					: left
}

div#btn_kassa a{
	text-decoration			: none;
	background				: #030;
	padding-left			: 4px;
	margin					: 76px -8px 0 0;
	font-size				: 10px;
	font-weight				: bold;
	color					: #fff;
	line-height				: 21px;
	width					: 120px;
	height					: 21px;
	float					: right;
	background				: url(../img/webshop/btn_kassa.gif) no-repeat
}

cnt_shopping_cart #btn_kassa{
	margin-top				: 4px;
	float					: right
}

#cnt_shopping_cart .total{
	color					: #000;
	font-weight				: normal;
	font-size				: 11px;
	float					: left;
}

#cnt_shopping_cart .total_price{
	color					: #000;
	font-weight				: normal;
	font-size				: 11px;
	margin-left				: 70px;
	float					: left;
}

#cnt_shopping_cart .line,
.overview_txt .line{
	margin					: 4px 0;
	border-top				: 1px dashed #ccc;
}

.cnt_info_delete{
	float					: right;
	width					: 50px;
	display					: inline;

}

.btn_info{
	width					: 20px;
	height					: 20px;
	cursor					: pointer;
	float					: right;
	background				: url(../img/webshop/btn_info.gif) no-repeat;
	margin-right			: 4px;
	margin-top				: 1px
}

.btn_delete{
	width					: 20px;
	height					: 20px;
	cursor					: pointer;
	float					: right;
	background				: url(../img/webshop/btn_delete.gif) no-repeat;
	margin-top				: 1px
}


.order_finish {
	width					: 570px;
	height					: 105px;
}

.order_txt, .overview_txt{
	padding					: 10px 6px;
	background				: #99AF88;
	color					: #000;
	font-weight				: normal;
	font-size				: 11px;
}

/*#grhr_container .overview_txt a,*/

#grhr_container .overview_txt a:hover{
	text-decoration			: none;
	color					: #f00;
	font-size				: 11px;
}

.cnt_order_confirm {
	width					: 468px;
	height					: 143px;
	color					: #000;
}

.order_check_txt{
	padding					: 40px 0px 20px 100px;
	font-size				: 11px;
	font-weight				: normal;
}

#webshop_article div.btn_addon a, #webshop_article  div.btn_cancel a{
	text-decoration			: none;
	width					: 140px;
	height					: 21px;
	float					: right;
	background				: #030;
	font-size				: 10px;
	font-weight				: bold;
	color					: #fff;
	line-height				: 21px;
	text-align				: left;
}

.webshop_article div.btn_addon a{
	margin					: 0px -2px 0 10px;
	padding-left			: 4px;
	background				: url(../img/webshop/btn_right.gif) no-repeat;
}

div.btn_ok a:hover,
#webshop_article div.btn_cancel a:hover,
#grhr_container div.btn_back a:hover,
#grhr_container div.btn_submit a:hover,
div.btn_further a:hover,
div#btn_kassa a:hover,
#webshop_article div.btn_addon a:hover{
	color					: #f00;
	text-decoration			: none;
	line-height				: 21px;
	font-size				: 10px;
	font-weight				: bold
}


div.btn_cancel a,
div.btn_ok a{
	text-align				: center
}

.webshop_article .cnt_article{
	width					: 326px;
	height					: 316px;
	float					: left;
}

.cnt_articlegtr{
	float					: left
}


#webshop_article .cnt_articlegtr img{
	width					: 211px;
	height					: 211px;
	float					: left;
	border					: 1px solid .fff
}

.cnt_article_sizenumber{
	margin					: 0 0 0 10px;
	width					: 100px;
	height					: 211px;
	float					: left;
}

.cnt_article_sizenumber .tr_sizenumber{
	width					: 100px;
	line-height				: 14px;
	float					: left;
	font-weight				: bold
}

.cnt_description{
	margin-top				: 10px;
	width					: 320px;
	float					: left;
}

.description_ttl{
	line-height				: 14px;
	font-weight				: bold;
	font-size				: 11px
}

.description_txt{
	line-height				: 14px;
	font-weight				: normal;
	font-size				: 11px
}


#grhr_container div.btn_back a{
	margin					: 0 -18px 10px 0;
	padding-left			: 26px;
	text-decoration			: none;
	text-align				: left;
	background				: #030;
	font-size				: 10px;
	font-weight				: bold;
	color					: #fff;
	line-height				: 21px;
	width					: 67px;
	height					: 21px;
	float					: right;
	background				: url(../img/webshop/btn_left.gif) no-repeat;
}

#grhr_container div.btn_submit a,
#grhr_container div.btn_further a{
	margin					: 0 0 10px 6px;
	padding-left			: 6px;
	text-decoration			: none;
	background				: #030;
	font-size				: 10px;
	font-weight				: bold;
	color					: #fff;
	line-height				: 21px;
	width					: 76px;
	height					: 21px;
	float					: right;
	background				: url(../img/webshop/btn_right.gif) no-repeat;
}

#grhr_container div.btn_submit a{
	margin					: 30px 0 10px 6px;
}

#grhr_container div.btn_back a{
	margin					: 20px -18px 10px 0;
}

div.cnt_inputaddress, div.cnt_overview{
	width					: 570px;
	height					: 339px;
}

.cnt_shoppingoverview{
	height					: 180px;
	width					: 558px;
	margin					: 2px 0px;
	overflow				: auto;
	font-size				: 9px
}

.cnt_order_articles{
	clear					: left;
	display					: inline-table;
	height					: 20px;
	margin					: 1px 0;
}

.cnt_shoppingoverview .article_describe{
	width					: 300px;
	line-height				: 20px;
	float					: left;
	margin-left				: 10px;
}

.cnt_shoppingoverview .number,
.cnt_shoppingoverview .clothingsize,
.cnt_shoppingoverview .amount{
	width					: 35px;
	float					: left;
	line-height				: 20px;
	text-align				: left;
}

.cnt_shoppingoverview .amount{
	width					: 50px;
}

#grhr_container .cnt_shoppingoverview .btn_article_little img{
	float					: left;
	width					: 20px;
	height					: 18px;
	border					: 1 px solid #fff
}

.overview_txt .total{
	float					: left;
	margin-left				: 330px;
	line-height				: 20px;
	width					: 35px;
}

.overview_txt .total_price{
	float					: left;
	line-height				: 20px;
	margin-left				: 36px;
	width					: 70px
}

.cnt_address{
	margin-top				: 10px;
	float					: left;
	line-height				: 14px;
	width					: 200px;
}

.cnt_address .address_ttl{
	font-weight				: bold
}

.cnt_manner{
	margin					: 10px 0px 0px 20px;
	float					: left;
	line-height				: 14px;
	width					: 100px;
}

/*
.btn_art_example{
	width					: 31px;
	height					: 28px;
	padding					: 1px 0 0 1px;
	cursor					: pointer;
	position				: relative;
	background				: url(../img/webshop/btn_art_example.gif) no-repeat;
	z-index 				: 200
}*/

#cnt_shopping_cart .btn_article_little, .cnt_shoppingoverview .btn_article_little{
	float					: left
}

#grhr_container .btn_article_little img{
	float					: left;
	width					: 29px;
	height					: 26px;
	border					: 1 px solid #fff
}


/* dit is gemaakt voor de toekomst, als er de mogelijkheid met creditcard ingebouwd wordt
#cnt_manner{
	margin					: 20px 0px 0px 20px;
	float					: left;
	line-height				: 14px;
	width					: 100px;
}

#ideal{
	width					: 39px;
	height					: 34px;
	background				: url(../img/webshop/logo_ideal.gif) no-repeat;
	float					: left
}

#mastercard{
	width					: 52px;
	height					: 34px;
	background				: url(../img/webshop/logo_mastercard.gif) no-repeat;
	float					: left
}

#visa{
	width					: 52px;
	height					: 34px;
	background				: url(../img/webshop/logo_visa.gif) no-repeat;
	float					: left
}
*/


.cnt_info_cvccode{
	width					: 468px;
	height					: 241px;
}

.info_cvccode_txt{
	padding					: 10px;
	color					: #000;
	font-size				: 11px;
	font-weight				: normal;
}

.cvc_code{
	margin					: 0px 10px 10px 10px;
	float					: left;
	width					: 140px;
	height					: 91px;
	background				: url(../img/webshop/cvc_card.gif);
}

.cnt_address_data{
	width					: 340px;
	height					: 270px;
	float					: left;
	border-right			: 1px dashed #ccc;
}

.cnt_paymethod{
	width					: 200px;
	height					: 270px;
	margin-left				: 15px;
	float					: left;
}

.tr {
	margin-bottom			: 8px;
	width					: 325px;
}

.label {
	float					: left;
	margin-top				: 2px
}


.radiobtn{
	float					: left;
	margin-top				: -1px
}

.form_1 {
	margin-top				: 10px
}

.form_1 .label {
	width					: 90px;
	float					: left;
}

.form_1 .field {
	float					: left;
	width					: 232px
}

.form_1 .field input{
	border					: 1px solid #666;
	width					: 230px
}

.select_paymethode{
	width					: 52px;
	margin					: 3px;
	text-align				: center;
	float					: left;
}

.cnt_address_data input{
	margin					: 0 4px 0 0;
	padding					: 0
}

#product1preview,
#product2preview,
#product3preview,
#product4preview,
#product5preview,
#product6preview,
#product7preview,
#product8preview,
#product9preview {
	float					: left;
	padding					: 5px;
	background				: #99AF88;
	z-index					: 10;
}

.show {
	display					: block;
}
.hide {
	display					: none;
}

#productpreview{
	background				: #000000;
	float					: left;
	height					: 340px;
	position				: absolute;
	width					: 330px;
	z-index					: 100001;
	xmoz-opacity			: 80%;
	xopacity				: 0.80;
	xfilter					: alpha(opacity=80);
}

#webshop_article .preview_img img{
	width					: 300px;
	height					: 300px;
	z-index					: 10000001;
	position				: absolute
}

#grhr_container .cntr_productcategory_list{
	position				: absolute;
	left					: -10px;
	top						: 220px;
}

#grhr_container li.catparent{
	list-style				: none;
	display					: table;
	font-size				: 11px
}

#grhr_container li.catparent a{
	font-size				: 11px;
	font-weight				: bold;
	text-decoration			: none
}

#grhr_container li.catparent a:hover{
	color					: #f00;
	text-decoration			: none
}

#grhr_container li.catparent ul{
	xwidth					: 200px;
	margin					: 0 -10px;
}

#grhr_container li.catparent ul li{
	xdisplay				: table-column;
	xfloat					: left;
	margin					: 0 -20px;
	color					: red;
}

#grhr_container li.catparent ul li ul{
	float					: left;
	margin					: 0 -10px;
}