/* 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;
}

div#tipsimulatie{margin-left:10px;}
/*
#tipsimulatie > body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
#tipsimulatie > table{border-collapse:collapse;border-spacing:0;}
#tipsimulatie > fieldset,img{border:0;}
#tipsimulatie > address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
#tipsimulatie > del,ins{text-decoration:none;}
#tipsimulatie > li{list-style:none;}
#tipsimulatie > caption,th{text-align:left;}
#tipsimulatie > h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
#tipsimulatie > q:before,q:after{content:'';}
#tipsimulatie > abbr,acronym{border:0;font-variant:normal;}
#tipsimulatie > sup{vertical-align:baseline;}
#tipsimulatie > sub{vertical-align:baseline;}
#tipsimulatie > legend{color:#000;}
#tipsimulatie > input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
#tipsimulatie > input,button,textarea,select{*font-size:100%;}
*/


#c-left { float: left; width: 498px; background: #fff;  margin-right: 10px; display: inline; }
#c-right { float: left; width: 189px;  background: #fff; display: inline; }

#tipsimulatie h2 { margin: 0; }
h2.step-hdr { margin: 0;padding: 10px 0; background: url('http://graphics.tn-media.be/tsd3/tip/simulation/step-hdr-bg.gif') top center repeat-x; }

.steps { border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; width: 496px; }
.step-ftr { background: url('http://graphics.tn-media.be/tsd3/tip/simulation/step-ftr-bg-full.gif') bottom center repeat-x; margin-bottom: 20px; height: 7px; }
.step-ftr-full { background: url('http://graphics.tn-media.be/tsd3/tip/simulation/step-ftr-bg.gif') bottom center repeat-x; }
.step-hdr-txt { float: left; margin-left: 20px; }
.step-hdr-txt a { font-weight: bold; font-size: 12pt; line-height: 24pt; color:#333; text-decoration: none; }
.step-body { padding: 10px; }
a.btn-next-step { margin-left:20px; font-weight: bold; float: left; }

.side-box { width: 193px; }
.side-box h2 { background: url('http://graphics.tn-media.be/tsd3/tip/simulation/side-hdr-bg.gif') top center repeat-x; }
.side-box h2 span { font-size: 9pt; font-weight: bold; color:#000; padding: 10px; display: block; }
.side-box .body { border-left:1px solid #e3000b; border-right:1px solid #e3000b; padding: 0 20px 0 10px; }
.side-box-ftr {  background: url('http://graphics.tn-media.be/tsd3/tip/simulation/side-ftr-bg.gif') bottom center repeat-x; height: 12px; }
.intro-visual { display: block; margin-bottom: 5px; }

.body-txt { padding: 0 0; }
.body-txt a { color:#d30000; }
.body-txt h2 { font-size: 10pt; font-weight: bold; margin-bottom: 10px; line-height: 16pt; }
.body-txt p { line-height: 13pt; margin: 15px 0; }

.contrib-box .body input { padding: 4px; background:#fff; border: 1px solid #ddd; }
.contrib-box .body td { padding: 4px; }
.contrib-box .body td.lbl { text-align: left; }
.contrib-box .body .txt { width: 50px; }
.contrib-box h2 { margin: 15px 0px !important; }
.contrib-box .body ul { padding-left: 15px; }

.install-info-box { width: 660px; margin-bottom:10px; position: relative; }
.install-info-box h2 { background:#fff url('http://graphics.tn-media.be/tsd3/tip/simulation/intro-box-hdr.gif') top center no-repeat; padding: 10px; font-weight: bold; font-size: 9pt; }
.install-info-box h3 { padding: 20px 0 10px 0; font-weight: bold; font-size: 9pt; }
.install-info-box .body { background:#fff url('http://graphics.tn-media.be/tsd3/tip/simulation/intro-box-body.gif') bottom center no-repeat; padding: 0 10px 10px 10px;}
.install-info-box a { color:#333; text-decoration: underline; }
.install-info-box ul li { padding-left: 15px; list-style: none; background: none; }

#product-data-box { padding: 12px; margin: 0 0 0 0; } /* product boxes container */
.product-box { width: 230px; float: left; margin:0 0 20px 0; position: relative; }
.product-box h3 span.title { padding: 10px 0 10px 8px; display: block; font-weight: bold; font-size: 8pt; background:url('http://graphics.tn-media.be/tsd3/tip/simulation/prod-hdr-bg.gif') no-repeat top center; margin: 0; }
.product-box .body { padding: 10px; height: 175px; border-left:1px solid #e6e4e4; border-right:1px solid #e6e4e4; }
.product-box ul li { padding:5px 0; border-bottom:1px solid #f7f6f6;  list-style: none; background: none; }
.product-box div.info-link { background: url('http://graphics.tn-media.be/tsd3/tip/simulation/bullet-grey.gif') left no-repeat; padding-left: 27px; text-align: left; position: absolute; bottom: 10px; left: 10px; }
.product-box div.info-link a { color:#666; }
.prod-box-ftr { background:url('http://graphics.tn-media.be/tsd3/tip/simulation/prod-ftr-bg.gif') no-repeat bottom center; height: 12px; }
.product-box-right-margin{ margin-right: 10px; }

.prod-check  { float: left; width: 20px; }
.prod-name  { float: left; width: 90px; }
.prod-price { float: right; width: 80px; text-align: right; }

#installation-matrix .check { float: left; width: 20px; position: relative; display: block; }
#installation-matrix .check input { border:0; padding:0 0 0 0; margin:0; }
#installation-matrix .type { float: left; width: 250px; }
#installation-matrix .price { float: right; width: 100px; }
#installation-matrix .desc { margin-top: 5px; margin-left: 20px; }
#installation-matrix li { border-bottom: 1px solid #eee; padding: 10px 0; list-style: none; background: none; }

div.btn-order a span { font-weight: bold; color:#cc0001; font-size: 9pt; }
div.btn-order a { text-decoration: none; display: block; padding-left:30px; background: url('http://graphics.tn-media.be/tsd3/tip/simulation/icons/btn-next-step.gif') left no-repeat; }
div.btn-order { margin-top: 10px; }

/* Summary (side) headers */
h3.sub { font-weight: bold; text-decoration: underline; margin-bottom: 5px; }
.sub-summary .val { float: right; width: 50px; text-align: right; }
.sub-summary .lbl { float: left; width: 110px; }

#sum-box-result h3 { font-weight: bold; text-transform: uppercase; text-decoration: underline; }
#sum-box-result .val { font-weight: bold; color:#d30000; }
.sum-box { padding: 10px 0; }

/* Start simulatie + Bereken */
.btn-box { color:#000; text-decoration: none; font-weight: bold; display: block; background: url('http://graphics.tn-media.be/tsd3/tip/simulation/bg-btn-1.gif') no-repeat; position: relative; width: 172px; height: 35px; }
.btn-box span {  display: block; text-align: center; line-height: 24pt; font-weight: bold; font-size: 9pt; }

/* Belangrijke info onderaan */
#important-box { font-style: italic; color:#636262; }
#important-box p { padding: 10px; font-weight: bold; }
#important-box ul { margin-left: 30px;  }
#important-box ul li { padding: 2px 5px; list-style-type: disc !important; font-style: italic;  list-style: none; background: none; }

a.btn-more-info { float: right; display: block; padding: 5px 5px 5px 30px; background: url('http://graphics.tn-media.be/tsd3/tip/simulation/icons/btn-next-step.gif') left no-repeat; color: #d30000; }

.wifi-box { border:1px solid #f1f1f1; text-align: center; margin-top: 5px; background:#eee; color:#000; font-weight: bold; padding: 5px; }
.powerline-adapter-box { border:1px solid #f1f1f1; text-align: center; margin-top: 5px; background:#eee; color:#000; font-weight: bold; padding: 5px; }
.wifi-box input { border: 0; padding: 0; margin: 0; background:none; }