/* Reset CSS */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin : 0;
padding : 0;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
ol, ul {
list-style : none;
}
caption, th {
text-align : left;
}
h1, h2, h3, h4, h5, h6 {
font-size : 100%;
font-weight : normal;
}
q:before, q:after {
content : '';
}
abbr, acronym {
border : 0;
}
a {
text-decoration:none;
}

/* Clear float hack */
.clearfix:after {
content : ".";
display : block;
height : 0;
font-size : 0;
clear : both;
visibility : hidden;
}
.clearfix {
display : inline-block;
}
* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}

ul.form-nav { margin:20px 0; background: #fff; }
ul.form-nav li { float: left; zoom: 1; }
ul.form-nav li a { font-size: 8pt; color:#fff; font-weight:bold; text-transform: uppercase; display: block; padding:5px 10px; text-align: center; background:#eb9272; text-decoration: none; border-right: 1px solid #fff; }
/*ul.form-nav li a:hover { background: #dbe3e9; color:#111; }*/
ul.form-nav li.enable a { background: #d2dce3; color: #333; }
ul.form-nav li.enable a:hover { background: #dbe3e9; color: #333; }
ul.form-nav li.valid a { background:#82d759; color:#fff; }
ul.form-nav li.valid a:hover { background:#82d759; color:#fff; }
ul.form-nav li.active a { background:#d4623b; color:#fff; }
ul.form-nav li.active a:hover { background: #d4623b; color: #fff; }


/***
#tabs-nav { background: #fff; margin:20px 0; border-bottom: 2px solid #d4623b }
#tabs-nav ul {  }
#tabs-nav ul li { float: left; }
#tabs-nav ul li a { font-size: 8pt; color:#fff; font-weight:bold; text-transform: uppercase; display: block; padding:5px 10px; text-align: center; background:#eb9272; text-decoration: none; border-right: 1px solid #fff; }
#tabs-nav ul li a:hover { background:#d4623b; }
#tabs-nav ul li.active a { background:#d4623b; color:#fff; }
#tabs-nav ul li.active a:hover { background:#d4623b; color:#fff; }  
**/

/* Registration form */

ul.form-reg li { margin:5px 0; zoom: 1; }
ul.form-reg li em { font-weight: bold; color:#ed2424; }
ul.form-reg li div.label { float: left; width: 140px; padding-right: 10px; }
ul.form-reg li div.field { float: left; width: 300px; }
ul.form-reg li div.info { float: left; }
ul.form-reg li input.text { border: 1px solid #496e66; padding:2px 4px; width: 260px;  }
ul.form-reg li textarea { border: 1px solid #496e66; padding:2px 4px; width: 320px; height:120px; }
ul.form-reg li select { border: 1px solid #496e66; width: 300px;  }
ul.form-reg li input.btn { }
ul.form-reg li input.btn-medium { width: 60px; }
ul.form-reg li input.btn-large { width: 90px; }
ul.form-reg li input.btn-register { font-weight: bold; }

option.parent { background:#efefef; }
ul.form-reg .disabled { color:#000; }
textarea.txt-conditions { width: 500px; height: 150px; margin: 10px 0; background: #fff; }
ul.form-reg li textarea.textarea-big { height: 240px; background:#fefefe; padding:4px; border:1px solid #516d84; }

/* Registration complete */

.registration-box { padding: 10px; border: 1px solid #ddd; }
.registration-box h3 { font-weight: bold; font-size: 12pt; margin-bottom: 20px; }      
.registration-box p { margin-top: 15px; }
.registration-box a { color: #333; text-decoration: underline; }

div#conditions-box { margin-top: 10px; background:#f7f7f7; border:1px solid #eee; }
#conditions-box ul { list-style: square; padding: 10px; margin-left: 20px; }

#error-msgs { border:1px solid #ed2424; color:#ed2424; background:#fffafa; padding:10px; display: none; line-height: 15px; }
#error-msgs .hdr { margin-bottom:5px; font-weight:bold; }
#error-msgs .row { padding-left: 5px; }

/* Char counter */
div.char-count { color:#555; font-size:10px; }

div.help-box { border:1px solid #c7c7c7; background:#f6f6f6; padding:10px; margin:0 0 15px 0; }
div.tab-info { color: 444; border:1px solid #c7c7c7; background:#f6f6f6; padding:10px; margin:20px 0; }
div.option-row { float:left; width:180px; padding:0 5px 10px 0; }

body { background:#fff url('/assets/img/bg_body.gif') top center no-repeat; margin:0; padding: 0; font: 11px Verdana, 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif; }
div,p,form,input,textarea,ul,li,select { font: 11px Verdana, 'Trebuchet MS', Tahoma, Verdana, Arial, Sans-Serif; }
a { color: #333; text-decoration: underline; }

.f-left { float: left!important; }
.f-right { float: right!important; }

.highlight { background: #fffeca; }
.bold { font-weight: bold; }

#page { margin:0 auto; width: 780px; }
#page-content { padding: 0 0 }

#page-header { position: relative; }

#page-top { }

#page-top h1 { left: 30px; top: 30px; position: absolute; }
#page-top h1 a { }
#page-top h1 a span { text-indent: 9999px; }
#page-top h1 span { text-indent: 9999px; display: none; }

#page-top #page-right { height: 120px; width: 220px; left: 540px; top: 14px; position: absolute; text-align: right; background: url('/assets/img/search/bg.gif') top center no-repeat; }
#page-top #page-right .container { margin:0; text-align: center; padding: 20px; }
#page-top #page-right .container form {  }
#page-top #page-right .container #site-info { font-weight: bold; margin-bottom: 15px; font-size: 8pt; }
#page-top #page-right .container #keyword { width: 130px; border: 1px solid #fff; color: #555; padding: 4px 8px; float: left; display: block; margin-right: 5px; }
#page-top #page-right .container #search-btn { float: right; display: block; }

#page-top #page-right .container form .top {  }
#page-top #page-right .container form .bot { text-align: left; margin-left: 10px; margin-top: 8px; font-size: 8pt; }
#page-top #page-right .container form .bot label { }

#page-header #nav-box { position: absolute; top: 108px; width: 780px; }
#page-header #nav-box #nav { float: left; height: 35px; line-height: 25px; padding-left: 20px; color: #fff; }
#page-header #nav-box #nav a { text-decoration: none; margin:5px 0; padding:0 10px; font-size: 11px; text-transform: uppercase; color: #eee; font-weight: bold; display: block; float: left; border-right: 1px solid #e38868; }
#page-header #nav-box #nav a:hover { color: #fff; }
#page-header #nav-box #nav a.active { color:#fff; text-decoration: underline; }
#page-header #nav-box #right { float: right; height: 35px; padding-right: 30px; }

#page-content #body { position: absolute; top: 170px; padding: 0 15px; width: 740px; }

#side-content { float: left; width: 220px; }
#side-content .box { margin-bottom: 20px; }
#side-content .box h2 { background: url('/assets/img/side/header.gif') top center no-repeat; height: 32px; line-height: 30px; font-weight: bold; padding-left: 20px; color:#fff; font-size: 12px; }
#side-content .box .body { background: url('/assets/img/side/bg_body_bot.gif') bottom center repeat-y; }
#side-content .box .body ul { padding: 0 10px 20px 10px; background: url('/assets/img/side/bg_body_top.gif') top center no-repeat; }
#side-content .box .body ul li { border-top: 1px solid #e8e8e8; zoom: 1; }
#side-content .box .body ul li a { display: inline-block; text-decoration: none; }
#side-content .box .body ul li a { font-size:11px; color: #333; display: block; padding: 5px 10px 5px 20px; background: url('/assets/img/side/bullet.gif') left no-repeat; }
#side-content .box .body ul li a:hover { background: #eee url('/assets/img/side/bullet.gif') left no-repeat; }
 
#main-content { float: right; width: 500px; background: #fff; margin-left: 20px; }
#main-content .box { margin-bottom: 20px; }
#main-content .box h2 { background: url('/assets/img/main/header.gif') top center no-repeat; height: 32px; line-height: 30px; font-weight: bold; padding-left: 10px; color:#fff; font-size: 12px; }
#main-content .box h2 span { font-weight: normal; font-size: 11px; }
#main-content .box h2 span a { color: #eee; text-decoration: underline; }

#main-content .box .body { background: url('/assets/img/main/bg_body_top.gif') top center no-repeat; padding: 10px; line-height: 18px; }

#footer { height: 75px; background: url('/assets/img/bg_footer.gif') center no-repeat; }
#footer p { text-align: center; line-height: 75px; font-size:11px; color: #777; }
#footer p a { color: #777; text-decoration: none; border-bottom: 1px solid #777; }
#footer p a:hover { color: #333; border-bottom: 1px solid #333; }


/* News listing - webwinkelnieuws.com */
ul.newslisting li { color: #555; line-height: 18px; }
ul.newslisting li a span.date { font-weight: bold; color: #555; font-style: italic; }
ul.newslisting li a span.title { font-weight: normal; color: #777; }
ul.newslisting li a { color: #555; text-decoration: none; }
ul.newslisting li a:hover { color: #222; }

/* Shop detail */

#tabs-nav { background: #fff; margin:20px 0; border-bottom: 2px solid #d4623b }
#tabs-nav ul {  }
#tabs-nav ul li { float: left; }
#tabs-nav ul li a { font-size: 8pt; color:#fff; font-weight:bold; text-transform: uppercase; display: block; padding:5px 10px; text-align: center; background:#eb9272; text-decoration: none; border-right: 1px solid #fff; }
#tabs-nav ul li a:hover { background:#d4623b; }
#tabs-nav ul li.active a { background:#d4623b; color:#fff; }
#tabs-nav ul li.active a:hover { background:#d4623b; color:#fff; }  
  
  
.shop-detail .shop-detail-hdr { background: url('/assets/img/main/header.gif') top center no-repeat; height: 32px; font-weight: bold; padding-left: 10px; color:#fff; }
.shop-detail .shop-detail-hdr .f-left { width: 350px; }
.shop-detail .shop-detail-hdr .f-left h3 a { font-weight: bold; color: #fff; line-height: 30px; font-size: 12px; }
.shop-detail .shop-detail-hdr .f-right { width: 100px; line-height: 35px; padding-right: 10px; }
.shop-detail .body { background: url('/assets/img/main/bg_body_top.gif') top center no-repeat; padding: 10px 0; line-height: 18px; }
.shop-detail .body .desc { line-height: 18px; }

.shop-detail .sub-box h3 { font-weight: bold; margin-bottom: 5px; padding:5px 10px; background: #eee; }
.shop-detail .sub-box { margin:20px 0; line-height: 18px; }
.shop-detail .sub-box a { color: #333; text-decoration: underline; }
.shop-detail .sub-box .body { padding: 0 5px; background: none; }

.shop-detail .detail-keywords { line-height: 18px; }

ul.options { }
ul.options li { float: left; width: 215px; padding:5px 5px 5px 15px; margin:3px 3px 0 0; border:1px dotted #e6effd; }
ul.options li.enabled { background: #fff; color: #222; }
ul.options li.enabled a { color: #222; }
ul.options li.disabled { background: #fff; color: #aaa; text-decoration: line-through; }
ul.options li.disabled a { color: #aaa; text-decoration: line-through; border: none; }
  

/* Shopbox */
.shopbox { margin-bottom: 30px; }
.shopbox .header h3 { float: left; padding: 2px 0; }
.shopbox .header h3 a { font-weight: bold; color: #5a5858; font-size: 13px; border-bottom: 1px solid #5a5858; text-decoration: none; }
.shopbox .header h3 a:hover { color: #d16039; }
.shopbox .header .rating { float: right; }
/*#main-content .box*/ .shopbox .body { background: #fff; background-image: none!important; line-height: 18px; margin:10px 0; padding: 5px 10px 5px 10px!important; border-left: 2px solid #f8f8f8; }
div.logo { float: left; padding: 0 5px 5px 0; }

#main-content .box .shopbox .body a {color: #333; text-decoration: underline; font-weight: bold; }
.shopbox .footer ul { }
.shopbox .footer ul li { float: left; margin-right: 10px; }
.shopbox .footer ul li a { color: #888; display: block; padding: 0 0 0 20px; }
.shopbox .footer ul li a span { text-decoration: underline; }
.shopbox .footer ul li a:hover { color: #333; }
.shopbox .footer ul li.visit { background: #fff url('/assets/img/shopbox/visit.gif') left no-repeat; }
.shopbox .footer ul li.info { background: #fff url('/assets/img/shopbox/info.gif') left no-repeat; }
.shopbox .footer ul li.tags { background: #fff url('/assets/img/shopbox/tags.gif') left no-repeat; }
.shopbox .footer ul li.comments { background: #fff url('/assets/img/shopbox/comments.gif') left no-repeat; }
.shopbox .keywords { padding: 5px; background: #f8f8f8; /*border:1px dashed #e6e5e5;*/ margin-top: 10px; line-height: 18px; }
.shopbox .keywords a { color: #333; font-size: 8pt; text-decoration: underline; }

/* Comment listing */
.comment-item { margin-top: 20px; border: 1px solid #ddd; }
.comment-item h3 { font-weight: bold; padding: 5px 10px; border-bottom: 1px dotted #ddd; margin:0; }
.comment-item p { line-height: 15px; padding: 10px; }
.comment-item .info { color:#888; font-size: 8pt; background: #efefef; padding: 5px 10px; border-top: 1px dotted #ddd; }
.comment-item .info a { color: #585858; text-decoration: underline; }
  
#cat-box li { padding: 10px; text-align: center; }
select#categories { font-size:11px; width: 180px; }

/* Pager */
#pager ul { float: left; }
#pager ul li { display: inline; }
#pager ul li a { font-size: 8pt; text-decoration: none; border: 1px solid #ddd; color: #333; padding:1px 2px; margin:0 5px 0 0; float: left; }
#pager ul li span { font-size: 8pt; text-decoration: none; border: 1px solid #ddd; color: #333; padding:1px 2px; margin:0 5px 0 0; float: left; }
#pager ul li a:hover { background:#f3f3f3; }
#pager ul li.active a { font-weight: bold;}  

/* Pager */
.paginationControl { margin: 10px 0 0 0; font-size: 7pt; text-align: center; }
.paginationControl a, span.disabled, span.active { background: #eee; float: left; padding: 2px 4px; border:1px solid #ddd; margin-right: 5px; text-align: center; color: #333; text-decoration: none; }
span.disabled { color: #888; }
span.active { font-weight: bold; background: #fff; }
  

/* profiler-data */
table{ padding: 2px; border:1px solid #ddd; border-collapse:collapse; }
table.profiler-data td { padding: 2px; border:1px solid #ddd; }

/* Table */
table.data { border-bottom:1px solid #ddd; border-collapse:collapse; width: 100%; }
table.data th { background:#eee; color: #616053; font-weight: bold; padding:4px; }
table.data td { border-top:1px solid #ddd; padding:4px; }  


/* Product box */
.product-box { margin-bottom: 30px; }
.product-box .header h3 { float: left; padding: 2px 0; }
.product-box .header h3 a { font-weight: bold; color: #5a5858; font-size: 13px; border-bottom: 1px solid #5a5858; text-decoration: none; }
.product-box .header h3 a:hover { color: #d16039; }
.product-box .header .rating { float: right; }
/*#main-content .box*/ .product-box .body { background: #fff; background-image: none!important; line-height: 18px; margin:10px 0; padding: 0 10px 0 10px!important; border-left: 2px solid #ddd; }
/*#main-content .box*/ .product-box .body a {color: #333; text-decoration: underline; font-weight: bold; }
.product-box .footer ul { }
.product-box .footer ul li { float: left; margin-right: 10px; }
.product-box .footer ul li a { color: #888; display: block; padding: 0 0 0 20px; }
.product-box .footer ul li a span { text-decoration: underline; }
.product-box .footer ul li a:hover { color: #333; }
.product-box .footer ul li.visit { background: #fff url('/assets/img/product-box/visit.gif') left no-repeat; }
.product-box .footer ul li.info { background: #fff url('/assets/img/product-box/info.gif') left no-repeat; }
.product-box .keywords { padding: 5px; background: #f2f1f1; border:1px dashed #e6e5e5; margin-top: 10px; line-height: 18px; }
.product-box .keywords a { color: #333; font-size: 8pt; text-decoration: underline; }
.product-box .desc { line-height: 18px; padding: 0 5px; }


/* Error box + info box */

.error-box { border:1px solid #ed2424; color:#ed2424; background:#fffafa; padding:10px; line-height: 15px; margin:0 0 10px 0; }
.info-box { border:1px solid #5ae73e; color:#2ba114; background:#f1fcef; padding:10px; line-height: 15px; margin:0 0 10px 0; }
.error-box a, info-box a { color: #333; font: 8pt verdana; }
.error-box-s { color:#ed2424; line-height: 15px; }
.info-box-s { color:#2ba114; line-height: 15px; }


.static { margin-top: 20px; }
.static h2 { font-weight: bold; text-transform: uppercase; margin-top: 20px; }
.static h3 { font-weight: bold; text-transform: uppercase; margin-top: 10px; margin-bottom: 5px; }
.static p { margin: 15px 0; }
.static div.form { margin:20px 0;}


/* Link to us box */
table#link-to-us { width: 100%; margin-bottom: 20px; } 
table#link-to-us td { padding: 5px; border:1px solid #f1f1f1; }
table#link-to-us textarea { border:1px solid #f1f1f1; background:#fff; }


/* Login */
ul.form-login { margin: 20px 0; }
ul.form-login li { margin: 5px 0; zoom: 1; }
ul.form-login li div.label { float: left; width: 120px; }
ul.form-login li div.field { float: left; }
ul.form-login li input.text { margin-bottom:4px; width: 220px; border: 1px solid #496e66; padding:2px 4px; }
ul.form-login li div.extra { float: left; margin-left:50px; }
ul.form-login li em { font-weight: bold; color:#ed2424; }

/* comments - rating */
table.rating-add { width: 300px; border: none; }
table.rating-add td { text-align: center; padding: 2px; }

/* products found box */
#products-found { padding: 10px; background:#efefef; border:1px solid #ddd; margin: 10px 0 20px 0; }
#products-found a { font-weight: bold; text-decoration: none; border-bottom: 1px solid #333; }


/* Product box */

    #main-content .box div.product-intro-box { margin-bottom: 20px; }
    #main-content .box div.product-intro-box .item { float: left; width: 210px; padding: 10px; margin-bottom: 5px; background:#f2f2f2; border:1px dotted #ddd; }
    #main-content .box div.product-intro-box .item .desc { height: 55px; line-height: 16px; font-size: 8pt; }
    #main-content .box div.product-intro-box .item h2 { padding:0; margin-bottom: 5px; background:none; background-image: none; }
    #main-content .box div.product-intro-box .item h2 a { font-weight: bold; }
    #main-content .box div.product-intro-box .hover { background: #fff; border:1px dotted #aaa; cursor: pointer; }
    
/* Debug */

    .debug-container { background:#fff; padding: 10px; border:1px solid #666; }
    .debug-container h2 { font-weight: bold; font-size: 11pt; margin-top: 10px; margin-bottom: 5px; }
    .debug-container table { background:#fff; border-collapse: collapse; border:1px solid #ddd; }
    .debug-container table td { padding: 5px; border:1px solid #ddd; }
    
    .debug-info { }
    .debug-quries { }