﻿
/*----- tree display: none & in treeview.js display: block -----*/

#tree { display:none; }

/* ------------- PRODUCTLIST.ASPX ------------- */

div.prodoverview h3 { width: 250px; float:left;}
div.prodoverview h3 span { color:#017C3C; margin-bottom:5px; width: 250px; line-height:1.2em;}

#prodlist { margin-top: 24px; margin-left: 24px; margin-right: 24px; padding-bottom: 13px; width:350px; }

div.prodoverview { float:left; border-bottom:dotted 1px #695540; margin: 0 0 15px 0; width:350px; } 
div.prodoverview span { display:block; float:left; font-size:1.1em; line-height:1.1em; margin-bottom:1.1em; font-weight:bold;}

div.prodoverview a { margin-right:10px; float:left; color:#695540; font-size:1.1em; line-height:1.1em; font-weight:bold; text-decoration:none; padding: 5px; background-color:#D8D9DB; border: solid 1px #B9B9B9; }

div.prodoverview p a img { clear:both; }
div.prodoverview p {  margin:5px 0; clear:both; }

div.prodoverview div.prodimg { width:100px; min-height:100px; float:left;}
div.prodoverview div.prodimg img { float:left; margin-right:10px;}
div.prodoverview div.product { border-bottom:dotted 1px #695540; padding:10px 0; width:350px;}
div.prodoverview div.paragraph { float:left; margin-bottom:10px; width: 250px; }
div.prodoverview div.paragraph p { width:250px; float:left;}

div.prodoverview div.price { float:left; width:110px; margin-top:10px; *float:none; *width: auto;}
div.prodoverview div.milieu { float:left; margin-top:5px; width:250px; *margin-bottom:10px;}

div.prodoverview div.price span { color:#017C3C; padding:5px; background-color:#D8D9DB; border: solid 1px #B9B9B9; float:right; }

/* ------------- PAGER ------------- */
#prodlist div.form-pager { display:block; }
#prodlist div.form-pager a { color:#474747; float:left; font-size:1.4em; font-weight:bold; line-height:1.4em; margin-bottom:1.1em; }

#numbut { float:left; }
#numbut a { margin:0 2px; color:#474747;}

#first { float:left; margin:0 2px; }
#prev { float:left; margin:0 2px; }
#next { float:left; margin:0 2px; }
#last { float:left; margin:0 2px; }

/* ------------- PRODUCTS.ASPX ------------- */

#proddetail { padding-bottom: 25px; margin-bottom: 15px; border-bottom:dotted 1px #695540; }
#prodlist div.prodprice span { color:#017C3C; padding:5px; background-color:#D8D9DB; border: solid 1px #B9B9B9; font-weight:bold; display:block; float:left; font-size:1.1em; line-height:1.1em; margin-bottom:1.1em; }
#prodlist div.addprod a { margin-right:10px; float:left; color:#695540; font-size:1.1em; line-height:1.1em; font-weight:bold; text-decoration:none; padding: 5px; background-color:#D8D9DB; border: solid 1px #B9B9B9; }
#prodlist div.links { float:left; clear:both; width:240px; margin-top:10px; *float:none; *width:auto; }
#prodlist div.prodprice { float:right; }
#detaillinks { float:left; }

#social {clear:both; width:350px; *margin-top:10px;}
#social a { float:right;}

/* ------------- BASKET.ASPX ------------- */
#basketoverview { margin-left:24px; margin-right:24px; margin-top:24px; padding-bottom:13px; width:600px; float:left;}
#basketoverview #links { clear: both; overflow: hidden; margin-bottom: 10px;}
#basketoverview #links a { background-color:#D8D9DB; border:1px solid #B9B9B9; color:#695540; float:left; font-size:1.1em; font-weight:bold; line-height:1.1em; margin-right:10px; padding:5px;text-decoration:none; }

#info { font-size:1.1em; }

#basket { display: block; }
#basket input[type="text"] { width:45px; float:left;}

#basket div.basketitem { margin:10px 0; float:left; clear:both; width:600px;}
#basket div.basketitem img { width:85px; margin-right:10px; float:left;}

#basket div.basketitem span.lblprodnam { width:250px; }

#basket span { float:left; margin:0 10px; }
#basket div.buttons { float:left; margin-left:10px; }

#basket div.prodimg { float:left; width:100px; display:block;}

/* ------------- CONFIRM.ASPX ------------- */
#confirm .fieldrow select { float: left; margin-right: 5px; }

#persinfo {}
#persinfo h2 { clear: both; overflow: hidden; margin: 10px 0; }
#persinfo .fieldrow { clear: both; overflow: hidden; margin-bottom: 5px; }
#persinfo .fieldrow h2 span { width: auto; }
#persinfo .fieldrow span { float: left; width: 100px; }
#persinfo .fieldrow input { float: left; }
#persinfo .fieldrow table { float: left; margin-bottom: 10px; }
#persinfo .fieldrow label { float: left; }
#persinfo .chkbox { clear: both; overflow: hidden; }
#persinfo .chkbox label { margin-right: 5px; }
#persinfo span.errorrdb { color: Red; width: auto; margin: 0 5px; }
#persinfo span.error { width: auto; margin: 0 5px; }
#factP span, #adresP span { width:530px !important; margin-bottom:10px; }


/* ------------- Confirm ------------- */
#confirm { float:left; margin-bottom:10px; }
.confirmbtn { margin-bottom: 10px; }

#confirm div.calc {padding-bottom:10px; margin-bottom:25px; border-bottom:dotted 1px #000; }

#confirm div.aanhef { float:left; clear:both; *float:none; }
#confirm div.aanhef div { float:left !important; }
#confirm div.aanhef span { float:left; width:100px; }

#confirm input[type="submit"] { float:right; clear:both; margin-right:10px; *clear:none;}

#confirm table.mybasket { width:600px; border:none; margin-bottom: 20px;}
#confirm table.mybasket tr th { color:#027b3d; text-align:left; }
#confirm table.mybasket tr td { width:350px; }

#confirm table.baskettotal {  margin-left:205px; margin-bottom: 25px; border-top: solid 1px #8e8e8e;}
#confirm table.baskettotal tr td { text-align:right; margin:5px 5px 0 5px; width:150px; }

#confirm table.total { margin-left:205px; border-top: solid 1px #8e8e8e; }
#confirm table.total tr td { text-align:right; margin:5px 5px 0 5px; width:150px; font-weight:bold; }

/* ------------- SideBarBasket ------------- */
#sidebasket { margin-left: 50px; float:left; border: solid 1px #8e8e8e; margin-top:20px; padding:10px;}
#sidebasket table.basket { margin:15px; }
#sidebasket span { margin-left:15px; }
#basketlinks a { margin:0 10px; }

#confirmbtn {float:left;}