/* CSS for catalogue search page */

#search #center { padding: 10px 0 20px 20px; width: 880px; }
#srp .poolteaser {
	float: left;
	margin: 0 7px 11px 0;
}
#filterer { display: none; margin-top: 20px; }
#srp { margin-top: 20px; }
#srp h2, #srp h3 { margin: .25em 0; }
#search-filters {
	background: #b9dbe7 url(images/ui/search-prompt.png) 700px 50% no-repeat;
	border-top: 1px solid #99bfd6;
	margin: 0 0  0 -20px;
	padding: 0 20px;
  }
.filter-wrapper {
	padding-top: 23px;
	float: left;
	margin: 0 10px 0 0;
	background-position: top center;
	background-repeat: no-repeat;
	background: #184f93;
}
#shape-wrapper { background-image:url('images/ui/shape.png'); }
#size-wrapper { background-image: url('images/ui/size.png');}
#depth-wrapper { background-image: url('images/ui/depth.png'); }

.filter-wrapper div.filter {
	display: block;
	float: left;
	height: 66px;
	margin-bottom: -12px;
	margin-right: -1px;
	padding-bottom: 16px;
	vertical-align: top;
	width: 70px;
}
#depth-wrapper { width: 139px; }
#shape-wrapper, #size-wrapper { width: 208px; }

.filter-wrapper div.filter { background-position: 0 0; background-repeat: no-repeat; }
#rectangle-option { background-image: url('images/ui/filter/rectangle.png'); }
#kidney-option { background-image: url('images/ui/filter/kidney.png'); }
#circle-option { background-image: url('images/ui/filter/circle.png'); }
#small-option { background-image: url('images/ui/filter/small.png'); }
#medium-option { background-image: url('images/ui/filter/medium.png');}
#large-option { background-image: url('images/ui/filter/large.png'); }
#flat-option { background-image: url('images/ui/filter/flat.png'); }
#sloping-option { background: url('images/ui/filter/sloping.png'); }
#all-option { background: url('images/ui/filter/allpools.png'); }
  
#all-option.selected,
#all-option.selected:hover,
#rectangle-option.selected,
#kidney-option.selected,
#circle-option.selected,
#small-option.selected,
#medium-option.selected,
#large-option.selected,
#flat-option.selected,
#sloping-option.selected { background-position: 0px -82px; }

#all-option:hover,
#rectangle-option:hover,
#kidney-option:hover,
#circle-option:hover,
#small-option:hover,
#medium-option:hover,
#large-option:hover,
#flat-option:hover,
#sloping-option:hover { background-position: 0px -164px; }

#rectangle-option.selected:hover,
#kidney-option.selected:hover,
#circle-option.selected:hover,
#small-option.selected:hover,
#medium-option.selected:hover,
#large-option.selected:hover,
#flat-option.selected:hover,
#sloping-option.selected:hover { background-position: 0px -246px; }