/** * Filterbox styles * * @Date Jun 6, 2010 */ /* ======[ FilterBox ]====== */ div#infiltratus { display: block; float: none; padding: 5px 15px 5px; background:#f1f1f1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin:0 0 5px 0; min-height:100px; } div#infiltratus h4, div#infiltratus .filter { font-style:italic; font-family:Arial; font-size:12px; padding:0; margin:0; } div#infiltratus .insearch { margin:10px 0; padding:5px 10px; font-size:13px; } /* ======[ Common ]====== */ div#infiltratus ul { margin:0; padding:0; } div#infiltratus ul li { list-style: none; width: 210px; padding: 0px 0px 10px 0px; display: block; float:left; } div#infiltratus ul li h5 { font-size: 13px; font-weight: bold; padding:5px 0; display: block; } /* ======[ Brand Checkboxes ]====== */ div#infiltratus ul li.brands { width: 100%; } div#infiltratus ul li.brands div{ overflow: auto; } div#infiltratus ul li.brands div label { display: block; float: left; padding:3px 3px 3px 0; min-width: 20%; } div#infiltratus ul li.brands div label sup { color: #333; } /* ======[ Dropdown filters ]====== */ div#infiltratus ul li.select { } div#infiltratus ul li.select select { } /* ======[ TrackBar filters ]====== */ div#infiltratus ul li.trackbar { float:left; margin-right:20px; } div#infiltratus ul li.trackbar div.inputs { padding-bottom:10px; } div#infiltratus ul li.trackbar div.inputs input { } div#infiltratus ul li.trackbar div.trackbar { font-size: 10px; } /* ======[ TrackBar Price: overrides ]====== */ div#infiltratus ul li.trackbar.selprice { } div#infiltratus ul li.trackbar.selprice div.inputs { } div#infiltratus ul li.trackbar.selprice div.inputs input { } div#infiltratus ul li.trackbar.selprice div.trackbar { } /*Slider*/ div#infiltratus ul li.trackbar.selprice .ui-widget-header { background: #AFA; } div#infiltratus ul li.trackbar.selprice .ui-widget-content { border-color: #5A5; } div#infiltratus ul li.trackbar.selprice .ui-state-default { border-color: #5A5; background: #AFA; } div#infiltratus ul li.trackbar.selprice .ui-state-hover { border-color: #5A5; background: #DFD; } /* ======[ Individial Styls ]====== */ div#infiltratus ul li.selprop123 { /* blah-blah */ } div#infiltratus ul li.checkbox { padding:10px 20px 10px 0;}