/* @override http://www.lichtbasis.com/fileadmin/templates/filter.css */

.jq_filter { position: relative; width: 860px; height: 800px; margin-top: 0px; z-index: 999;}
.jq_filter .selects_bg { position: absolute; top: 0px; left: 0; width: 270px; background: #fff; height: 40px; z-index:1; padding: 10px 10px 5px 20px; } 
.jq_filter .selects { position: absolute; top: 10px; left: 0; width: 260px; height: auto; z-index:2; padding: 10px 10px 5px 20px; }
*+ html .jq_filter .selects, *+ html .jq_filter .selects_bg { padding-bottom: 10px; height: 1000px; overflow: hidden;}

.jq_filter .select { float: left; width: 255px; margin: 0 7px 7px 0; cursor: pointer; cursor: hand;  }
.jq_filter .select div { float: left; width: auto; color: #ccc; background: url(gfx/dropup_bar.png) no-repeat 0 0; padding: 4px 10px; height: 14px;  }
.jq_filter .select div.label { font-weight: bold; padding-right: 0; width: 115px;}
.jq_filter .select div.value_label { background-position: 100% 0; padding-right: 20px; width: 100px !important; text-align: right;}
.jq_filter .select_active div.label { background-position: 0 -30px; color: #fff; }
.jq_filter .select_active div.value_label { background-position: 100% -30px; color: #fff; }
.jq_filter .select_open div.label { background-position: 0 -60px; color: #333; }
.jq_filter .select_open div.value_label { background-position: 100% -60px; color: #333; }
.jq_filter .select_initialised div, .jq_filter .input_initialised div.label { color: #fff; }
.jq_filter .value_label span { float: left; width: auto; }
.jq_filter .value_label span.value_label_fromDate { margin-left: -0.4em; }
.jq_filter .value_label span.value_label_toDate  { margin-left: 0; }
.jq_filter .sublabel { font-weight: bold; margin: 0 0.5em; }
.jq_filter .selects .highlight .label, .jq_filter .selects .highlight .value_label  { color: #fff; !important; font-weight:bold; color: #eddf64}
.filteroptions, .filteroptionsInit { position: relative; width: 890px; height: 150px; margin-top: -125px; margin-left: 5px;}
.filteroptions .options_bg, .filteroptionsInit .options_bgInit { position: absolute; top: 10px; left: 20px; width: 860px; height: 200px; z-index:1;   }
*+ html .filteroptions .options_bg { top: 8px; }
*+ html .filteroptionsInit .options_bgInit { top: 8px; }
.filteroptions .options_bg_top, .filteroptionsInit .options_bg_topInit { position: absolute; top: 0; left: 0; width: 860px; height: 5px; z-index:2; background: url(gfx/option_area_wide.png) no-repeat 0 0;  }
.filteroptions .options_bg_body, .filteroptionsInit .options_bg_bodyInit { position: absolute; top: 5px; left: 0; width: 860px; height: 130px; z-index:1; background: url(gfx/option_area_wide.png) no-repeat bottom left;  }

.filteroptions .options, .filteroptionsInit .optionsInit { position: absolute; top: 20px; left: 30px; width: 840px !important; height: 120px; z-index:2; overflow: hidden;  }
*+ html .filteroptions .options { top: 18px; }
*+ html .filteroptionsInit .optionsinit { top: 18px; }
.filteroptions .option, #jq-option-test, .filteroptionsInit .optionsInit { position: relative; display: block; float: left; color: #fff; clear: both; width: 150px; cursor: pointer; cursor: hand; margin-top: -1px; font-size: 12px; }
.filteroptions .option span, #jq-option-test span, .filteroptionsInit .option span { padding: 1px 4px 1px 3px; border: 1px solid transparent; float: left; }
.filteroptions .option_selected span { border: 1px solid #aaa;}
.filteroptionsInit .option_selected span { border: 1px solid #aaa; float: left;}
.filteroptionsInit .option_selected span a { padding: 1px 14px 1px 3px; margin-top: 0px;color:  #fff; text-decoration: none; float: left;}
.filteroptions .option_hover span, .filteroptionsInit .option_hover span { border: 1px solid #aaa; }

.filteroptions .inner_options, .filteroptionsInit .inner_optionsInit { position: relative; float: left; width: 8000px; }

.filteroptions .options .col, .filteroptionsInit .optionsInit .col { float: left; width: 160px; }
.filteroptionsInit .optionsInit .col .option span { float: left; width: 140px; color: #fff; text-decoration: none; }
.filteroptionsInit .optionsInit .col .option span a {  color: #fff; text-decoration: none; }
.filteroptionsInit .optionsInit .col .option span:hover { border: 1px solid #ccc; }
.filteroptions .options .col_border,.filteroptionsInit .optionsInit .col_border { float: left; width: 0; margin: 0 7px; height: 200px; border-right: 1px solid #666;  }

.filteroptions .option_label, .filteroptionsInit .option_label { float: left; width: 35px; font-weight: bold; color: #fff; padding: 2px 4px 1px 3px; clear: both; margin-bottom: 6px; }
.filteroptions .option_col, .filteroptionsInit .option_col { float: left; width: 265px; padding-top: 1px; }
.filteroptions .option_row, .filteroptionsInit .option_row { float: left; clear: both; width: 100%; padding-bottom: 6px; }

.filteroptions .option_row .option, .filteroptionsInit .option_row .option { clear: none; width: auto; margin-right: 3px;  }

.jq_filter .submit { float: left; width: auto; cursor: pointer; cursor: hand;  }
.jq_filter .submit div { float: left; width: auto; color: #333; background: url(gfx/submit.png) no-repeat 0 0; padding: 4px 0 4px 10px; height: 14px; font-weight: bold;  }
.jq_filter .submit div.submit_stub { background-position: 100% 0; width: 10px; padding: 4px 0;}
.jq_filter .submit_hover div { background-position: 0 -30px; }
.jq_filter .submit_hover div.submit_stub { background-position: 100% -30px; }

.jq_filter .resetJQF { float: left; width: auto; cursor: pointer; cursor: hand;  }
.jq_filter .resetJQF div { float: left; width: auto; color: #333; background: url(gfx/submit.png) no-repeat 0 0; padding: 4px 0 4px 10px; height: 14px; font-weight: bold;  }
.jq_filter .resetJQF div.reset_stub { background-position: 100% 0; width: 10px; padding: 4px 0;}
.jq_filter .reset_hover div { background-position: 0 -30px; }
.jq_filter .reset_hover div.reset_stub { background-position: 100% -30px; }

.jq_filter .helpJQF { float: left; width: auto; cursor: pointer; cursor: hand;  margin-left: 10px;}
.jq_filter .helpJQF div { float: left; width: auto; color: #333; background: url(gfx/submit.png) no-repeat 0 0; padding: 4px 0 4px 10px; height: 14px; font-weight: bold;  }
.jq_filter .helpJQF div.help_stub { background-position: 100% 0; width: 10px; padding: 4px 0;}
.jq_filter .help_hover div { background-position: 0 -30px; }
.jq_filter .help_hover div.help_stub { background-position: 100% -30px; }
.jq_filter .help_hover .help_label a,
.jq_filter .helpJQF .help_label a
 { color: #333; text-decoration: none;}

.jq_filter .moreJQF { float: left; width: auto; cursor: pointer; cursor: hand;  margin-left: 10px;}
.jq_filter .moreJQF div { float: left; width: auto; color: #333; background: url(gfx/submit.png) no-repeat 0 0; padding: 4px 0 4px 10px; height: 14px; font-weight: bold;  }
.jq_filter .moreJQF div.more_stub { background-position: 100% 0; width: 10px; padding: 4px 0;}
.jq_filter .more_hover div { background-position: 0 -30px; }
.jq_filter .more_hover div.more_stub { background-position: 100% -30px; }
.jq_filter .more_hover .more_label a,
.jq_filter .moreJQF .more_label a
 { color: #333; text-decoration: none;}

.jq_filter .submit_options { margin-top: 5px; }
.jq_filter .submit_options div { color: #fff; }
.jq_filter .submit_options div { background-position: 0 -60px; }
.jq_filter .submit_options div.submit_stub { background-position: 100% -60px; }
.jq_filter .submit_options_hover div { background-position: 0 -90px; }
.jq_filter .submit_options_hover div.submit_stub { background-position: 100% -90px; }

#shopsearch { float: right;}
.shopmenu input { background: none; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; float: left; margin-left: -2px; color: #666; }
.shopmenu .input_container { float: left; margin: 0px; }
.shopmenu .input_outer_container, .shopmenu .input_container div.label { float: left; width: 2; color: #ccc; background: url(gfx/dropup_bar.png) no-repeat 0 0; padding: 4px 8px 4px 10px; height: 14px;}
.shopmenu .input_container div.label { font-weight: bold; width: 84px; }
.shopmenu .input_initialised div.label { color: #fff; }
.shopmenu .input_outer_container { background-position: 100% 0; padding: 3px 3px; height: 16px;  }
.shopmenu .input_inner_container { float: left; background: url(gfx/input.png) no-repeat 0 -30px; padding: 1px 0 8px 5px; }
.shopmenu .input_inner_container input { margin-top: 0px; width: 132px!important; height: 12px;}
.shopmenu .input_inner_container input:focus { outline: 0;}
.shopmenu .input_stub { float: left; background: url(gfx/input.png) no-repeat 100% -30px; width: 5px; padding: 4px 0 5px 0;}
.shopmenu .input_active div.label { background-position: 0 -30px; }
.shopmenu .input_active .input_outer_container { background-position: 100% -30px; }

.filteroptions .options_label, .filteroptionsInit .options_label  { float: left; width: 180px; font-weight: bold; font-size: 12px; padding-left: 3px; color: #fff; }

.filteroptions .option_nav, .filteroptionsInit .option_nav { float: left; width: 100%; margin-bottom: 6px; }
.filteroptions .option_nav span.option_nav_letter { float: left; position: relative; padding: 0 5px; color: #fff; cursor:pointer; cursor: hand; font-size: 13px;}
.filteroptions .option_nav span.option_nav_letter:hover { text-decoration: underline; }

.filteroptions .col_nav, .filteroptionsInit .col_nav { float: right; width: 40px; }
.filteroptions .col_nav span, .filteroptionsInit .col_nav span { display: block; float: left; width: 17px; height: 17px; background: url(gfx/scroll_arrows.png) no-repeat 0 0; overflow: hidden; text-indent: -20em; cursor: pointer; cursor: hand; }
.filteroptions .col_nav span#jq-option-col-fw { background-position: -22px 0; margin-left: 3px;}

.filteroptions .col .searchoption a { text-decoration: none; color: #fff; }
.filteroptions .col .searchoption img { text-decoration: none; margin-right: 5px;; }

.tx-lichtbasisproduct-pi1 .prodsearch{
	background: url(gfx/lf_back.jpg) no-repeat 0 0px;
	float: left;
	width: 300px;
	height: auto !important;
	margin-top: 0px;
}

.tx-lichtbasisproduct-pi1 .prodsearch h1{
	background: url(gfx/lichtfinder.png) no-repeat 0 0px;
	text-indent: -10000px;
	height: 27px;
}

.tx-lichtbasisproduct-pi1 .prodsearch h1 {
	margin-left: 20px; 
	margin-bottom: 0px;
	}
.tx-lichtbasisproduct-pi1 .prodlist{
	float: left;
	background: #fff;
	width: 500px;
	margin-left: 20px;
}
#helpModal {
	width: 500px;
	font-size: 11px;
	line-height: 14px;
}