@charset "UTF-8";
/* =CALL LIBRARY */
@import url("reset-min.css"); /* ------- Reset all CSS Styles */

/* =GENERAL - the general styles */
html {background:#F9F2E0;}
body{font: 10px/2.2em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #4b4942;background:#FFFFFF;}
a{text-decoration: underline;color: #cc2d28;}
a:hover{color: #db4e4b;text-decoration:none;}
a:visited{color:#db4e4b;}
b,strong {font-weight:bold;}
i,em{font-style:italic;}
hr{display: none;}
strong{font-weight: bold;}
ul.borderedlist li{border-bottom: 1px dashed #d1cfcd;}
ul.borderedlist li a{display: block;padding:3px 0 0 2px;height: 26px;color: #42423b;}
ul.borderedlist li a:hover{background: #E5E5E4;color: #42423b;}
input,textarea{padding:4px 3px;margin:0 0 3px 0;width:174px;border:1px solid #bbb;}
input:hover,textarea:hover {border:1px solid #eae0c3;}
.inline {border: 1px solid #d7d7d7;background-color: #eaeaea;padding:10px;}
#main table {border-collapse: collapse;font: 90%/2.4em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;border:0px;}
td, th {padding: 0.5em;vertical-align:top;}
thead, tfoot {background-color: #DDD;}

/* misc. */
a.edit-button { padding-top:7px;text-align:center;float:right; font-size:large;color:#fff;background:url(http://dev.silvesterstrips.nl/images/review-button.png) center top no-repeat; height:36px;width:66px;}
.product_review_points { padding-top:7px;text-align:center;float:right; font-size:large;color:#fff;background:url(http://dev.silvesterstrips.nl/images/review-button.png) center top no-repeat; height:36px;width:66px; }
.reviewbox { margin: 0 0 10px 0; border: 1px solid #eae0c3;background-color: #fffdf8;overflow: hidden;padding:10px;z-index:-1;}
img.pasfoto { float:right; border: 1px solid #ccc;border-top-color: #eee;border-right-color: #ddd;border-bottom-color: #bbb; padding:2px;margin-left:10px;margin-right:5px; }
.coverimg { float:left;padding:2px;border: 1px solid #eae0c3;border-top-color: #eee;border-right-color: #ddd;border-bottom-color: #bbb; margin:5px 10px 2px 0;}
.recensieadd {width:100%;height:250px;padding:5px;font:1em "Lucida Grande", Tahoma, Verdana, Arial, Helvetica, sans-serif;color: #4b4942;font-style:italic;background-color:#FFFFFF;background-image:url('images/gillesdegeushofleverancier_back.gif');background-position:center;background-repeat : no-repeat;}
#message {margin-bottom:10px;}
#message.success p {padding:5px;border:1px solid #008C00;background-color:#6BBA70;color:#fff;}
#message.warning p {padding:5px;border:1px solid #FF7B38;background-color:#F3AE48;color:#fff;}
.infobox {color: #4b4942;margin-bottom:10px;border-bottom:1px solid #eee;}
.infobox td {padding:0;margin:0;}
.infobox td.infobox-label { color: #585b5a; }
.newsitem-date {font-style:italic;color:#999;}
.commentrecensie {display:none;visibility:hidden;}


/* =LAYOUT - the main layout styles */
.container{width:1000px;margin: 0 auto;position: relative;overflow:hidden;}

/* header layout */
#header{height: 176px;position: relative;}
#banner{height:100%;margin:0 auto;}
/* banner */
#banner * { margin: 0; padding: 0; }
#banner { background: transparent; position: relative; padding: 0; width: 100%; height: 176px; }
#banner #menu, #banner #pictures, #banner #loading { position: absolute; }
#banner #loading { background: transparent; display: block; top: 158px; left: 205px; text-indent: -5000px; width: 24px; height: 24px; visibility: hidden; z-index: 5; }
#banner #pictures { background: transparent; width: 100%; height: 176px; left: 0; overflow: hidden; }
#banner #pictures li { display: block; position: absolute; top: 0; width: 437px; }
#banner #pictures li img { display: block; position: relative; bottom: 0; }
#banner #menu { background: transparent; list-style-type: none; width: 247px;height: 176px;right: 0;padding-top: 20px; }
#banner #menu li { display: block; z-index: 1000; position: relative; zoom: 1; }
#banner #menu li a { display: block; text-decoration: none; padding: 7px 0 7px 130px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; zoom: 1; }
#banner #menu li a:focus { outline: 0; }
#banner #menu li a:hover { color: #fff; }
#banner #menu li.current a { font: 15px;color: #fff; padding: 5px 0 5px 130px; line-height: 18px; }
#banner #menu li.background { background: transparent; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
/* =HEADER - the header styles */
#header .container{height: 176px;}

/* top navigation */
#navigation{position: absolute;left: 233px;top:148px;width:1000px;}
#navigation #navsearch input {float:right;position:absolute;right:315px;width: 180px;height: 17px;padding:1px 3px;font-size:13px;margin:0;}
#navigation li{float: left;padding-right: 22px;text-transform: uppercase;font-size: 1.3em;font-weight: normal;background-color: transparent;}
#navigation li a{color: #fff;text-decoration:none;}
#navigation li a:hover,#navigation li.active a{text-decoration:underline;}

/* main area layout */
#main{padding:0 0 20px 0;min-height:400px;}
#leftcolumn{float: left;width:214px;padding-top:16px;}
#left{float: left;width:683px;padding: 20px 20px 0 20px;}

/* =CONTENT - the content styles */
/* left column */
.article_wrapper h1{color: #4b4942;font-size:2em;margin:10px 0; text-transform:uppercase;}
.article_wrapper h1 span.subheading{font-style:italic; }
.article_wrapper h2{font-size:1.8em;margin:10px 0;}
.article_wrapper p{padding-bottom:10px;font-size:1.3em;}
.article_wrapper li, .article_wrapper td {font-size:1.3em;}
.article_wrapper ul.bullet li {padding-left:25px;margin-left:20px;background:url(/img_work/bullet_go.png) no-repeat left 2px;}
.article_wrapper ol li {padding-left:20px;}
.article_wrapper ul, .article_wrapper ol {padding-bottom:10px;}

/* message columns */
.errormsg {z-index:1;padding:10px;position:absolute;top:0px;background-color:#eee;border-bottom:1px solid gray;margin-bottom:5px;width:100%;}
.msg-alert {padding:5px 0 10px 5px;background-color:#eee;border-bottom:1px solid gray;margin-bottom:5px;width:100%;}

/* right column */
.rightbox_wrapper{padding:5px 5px 5px 5px;overflow: hidden;font-size:11px;line-height: 18px;color: #58584D;}
.rightbox{border: 1px solid #eae0c3;background-color: #F9F2E0;overflow: hidden;padding:10px;z-index:-1;}
.product_image{ float: left;margin: 6px 0 0 6px;}
.product_wrapper{float: right;width:100%;}
.product_wrapper h4{font-size:1.3em;color: #483F3D;font-weight: bold;padding-top:0px;}
.product_wrapper p{font-size:1em;}
.product_wrapper ul {margin: 10px 0 10px 0; }
.product_wrapper li {padding-left:5px;}
.lastbox{margin:0;}

/* bottom layout */
#bottominfo{background: #F9F2E0;border-top:1px solid #eae0c3;padding-bottom:25px;width: 100%;overflow: hidden;}
.bottomcolumn{float: left;margin-right: 18px;}
.bottomleft{width:214px;}
.bottomright{width:360px;}
.bottommiddle {width:360px;}
/* =BOTTOM */
.bottomcolumn h3{border-bottom: 4px solid #d7d7d7;color: #db4e4a; font-size:18px;padding:15px 0 5px 0;}
.bottomcolumn p{padding: 10px 35px 10px 5px;font-size: 1.2em;}
.iconlist{border-top: 1px dashed #d1cfcd;font-size: 1.2em;}
ul.iconlist li a{padding-left: 25px;background: url(/css/images/footer_list.jpg) left bottom no-repeat;}
ul.iconlist  li a:hover{background: #E9E4DE url(/css/images/footer_list.jpg) left top no-repeat;color: #42423b;}
/* =FOOTER */
#footer{height: 37px;background: #F9F2E0;}
#footer a{color: #A39D97;}
#footer_navigation{float: right;padding-top:7px;}
#footer_navigation li{float: left;padding-left:18px;}
#footer_navigation li a{text-transform:uppercase;}
#footer_navigation li a:hover{color: #db4e4a;}

/* BUTTONS */
/* http://particletree.com/features/rediscovering-the-button-element/ */
*:first-child+html button[type] {padding:4px 10px 3px 7px;}
.buttons button {overflow:visible;padding:4px 10px 3px 7px;width:auto;}
.buttons button img,.buttons a img {border:none;height:16px;margin:0 3px -3px 0 !important;padding:0;width:16px;}
.buttons button[type] {line-height:17px;padding:5px 10px 5px 7px;}
.buttons a,.buttons button {background-color:#f5f5f5;border:1px solid #bbb;border-left:1px solid #bbb;border-top:1px solid #bbb;color:#565656;cursor:pointer;display:block;font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;font-size:100%;font-weight:700;line-height:130%;margin:0;padding:5px 10px 6px 7px;text-decoration:none;}
.buttons a.negative,button.negative {color:#d12f19;}
.buttons a.negative:active {background-color:#d12f19;border:1px solid #d12f19;color:#fff;}
.buttons a.positive:active,.buttons a.conversion:active {background-color:#529214;border:1px solid #529214;color:#fff;}
.buttons a:active {background-color:#6299c5;border:1px solid #6299c5;color:#fff;}
.buttons a.positive:hover,button.positive:hover,.buttons a.conversion:hover,button.conversion:hover {background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;}
.buttons a.negative:hover,button.negative:hover {background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;}
button.conversion,.buttons a.conversion {background-color:#E6EFC2;border:1px solid #97ab49;color:#529214;}
button.positive,.buttons a.positive {color:#529214;}
button:hover,.buttons a:hover {background-color:#dff4ff;border:1px solid #c2e1ef;color:#369;}


/* subtabs */
#tabs ul{list-style:none;padding:0;margin:0 0 0 15px;}
#tabs li{float:left;border:1px solid #d7d7d7;border-bottom-width:0;margin:0 0 0 5px;}
#tabs a{text-decoration:none;display:block;background:#fff;padding:0.24em 1em;text-align:center}
#tabs a:hover{background:#fff;color:#000;}
#tabs #active{border-top: 1px solid #d7d7d7;border-left: 1px solid #d7d7d7;border-right: 1px solid #d7d7d7;border-bottom: 0px;}
#tabs #active a{position:relative;background:#e7e7e7;color:black;}

/* order */
#order{background:#fff;clear:both;}
#order table {width:100%;border:1px solid #d7d7d7;background-color:#fff;padding-top:10px;}
#order td,#order th {border-bottom: 1px solid #eaeaea; }

/*  =THUMBNAILS - reeks overview */
ul.thumbnails {margin: 0 0 10px 0;padding: 0;background-color: #fff;line-height: 1em;}
ul.thumbnails li {margin: 0 10px 0 0;padding: 0;}
ul.thumbnails a {margin: 0;padding: 4px 4px 9px 4px;border: 1px solid #ccc;border-top-color: #eee;border-right-color: #ddd;border-bottom-color: #bbb;background-color: #fff;text-align:center;}
ul.thumbnails a:hover {border-color: #ccc;background-color: #eee;}
ul.thumbnails img {margin: 5px;border: 1px solid #ccc;border-bottom-color: #eee;border-left-color: #ddd;border-top-color: #bbb;}