#finder {
  	color: 								#fff;
  	background: 						#0079c2;
  	font-size: 							11px; /* Changed font from 9px to 11px per our standards */
  	-webkit-user-select: 				none;
}

#finder .state {
  	display: 							inline;
  	min-height: 						0;
  	height: 							9px;
 	width: 								9px;
}

#finder fieldset {
  	border: 							none;
  	margin: 							0;
}

/* @group old junk */
#finder input[type=text],
#finder input[type=checkbox],
#finder input[type=radio] {
  	position:							absolute !important;
  	clip:								rect(1px 1px 1px 1px);
  	clip:								rect(1px,1px,1px,1px);
}

[data-select-all],
[data-deselect-all],
[data-only],
.remove {
  	text-decoration: 					underline;
  	color: 								yellow;
  	cursor: 							pointer;
}

.panel {
  	overflow: 							hidden;
}
/* @end */

/* @group items */
#finder .item {
  	position: 							relative;
  	padding: 							2px 6px;
}

#finder .tb {
  	border-bottom: 						solid 1px #4899cb;
}

#finder .lvl1 {
  	padding: 							2px 22px;
}

#finder .lvl2 {
  	padding: 							2px 10px 2px 30px; /*changed padding-right from 25px to 10px */
}

#finder .lvl2.nobox {
  	padding-left: 						18px;
}

#finder .lvl3 {
  	padding: 							2px 41px 2px 41px;
}

#finder .lvl4 {
  	padding: 							2px 52px 2px 52px;
}


#finder .state,
#finder .custom_checkbox,
#finder .custom_radio {
	height: 							9px;
	width: 								9px;
	position: 							absolute;
	background: 						#fff;
	cursor: 							pointer;
}

#finder .lvl1 .custom_checkbox {
  	left: 								11px;
	cursor: 							pointer; /* Added cursor to actionable items like checkboxes */
}

#finder .lvl2 .state,
#finder .lvl2 .custom_checkbox,
#finder .lvl2 .custom_radio {
  	left: 								18px;
	cursor: 							pointer; /* Added cursor to actionable items like radio buttons*/
}

#finder .lvl3 .state,
#finder .lvl3 .custom_checkbox,
#finder .lvl3 .custom_radio {
	left: 								30px;
	cursor: 							pointer; /* Added cursor to actionable items like radio buttons*/
}

#finder .lvl4 .state,
#finder .lvl4 .custom_checkbox {
  	left: 								42px;
	cursor: 							pointer; /* Added cursor to actionable items like checkboxes */
}


/* @end */

/* @group toggles */
#finder .toggle {
  	cursor: 							pointer;
  	position: 							absolute;
  	top: 								2px;
  	right: 								0px;
}

#finder .lvl2 .toggle {
  	/*right: 							5px; Removing to align orange arrows */
}

#finder .lvl3 .toggle {
  	right: 								24px;
}

#finder .lvl4 .toggle {
  	right: 								36px;
}

#finder .expand .toggle {
  position: 							relative;
  float: 								left;
  left:									-1px;
  top: 									-1px;
}
/* @end */

/* @group check boxes */
#finder .custom_checkbox,
#finder .custom_radio,
#finder .state {
	background: 						url(finder.png) no-repeat 0 0;
}

#finder .custom_checkbox.on {
	background-position: 				-25px 0;
}

#finder .disabled span,
#finder .disabled label,
#finder .disabled .custom_checkbox,
#finder .disabled .custom_radio {
	opacity: 							0.3; /* Reducted opacity from 0.5 to 0.3 */
	filter: 							alpha(opacity=30); /* Reducted opacity from 50 to 30 */
	cursor:								auto;
}

#finder .some {
	background-position: 				-50px 0 !important;
}

#finder .all {
  	background-position: 				-25px 0  !important;
}

#finder .checkbox_list {
  	margin: 							6px 0;
}
/* @end */

/* @group radio */
#finder .custom_radio {
	background-position: 				-75px 0px;
}

#finder .custom_radio.on {
	background-position: 				-100px 0px;
}
/* @end */

/* @group headers */
#finder .title {
	background: 						#0167a8;
  	padding: 							2px 6px;
  	font-size: 							14px; /* Changed from 12px to 14px */
	font-weight:						bold;
}

#finder h2,
#finder h3 {
	font-weight: 						normal;
}

#finder h2 {
	position:							relative;
	border-top: 						solid 1px #0079C2;
	cursor: 							pointer;
	background: 						#033f69;
	padding: 							2px 6px;
	font-size:       					13px; /* Added font-size 13px  */
}

#finder h2:hover {
 	background: 						#034f84;
}

#finder h3 {
	font-size:   						12px; /* Added font-size 12px */
}


#finder .alt {
  	background: 						#0083d1;
}

#finder .results {
  	font-weight: 						bold;
  	font-size: 							10px;
  	padding: 							6px 6px;
 	 position: 							relative;
}

#finder .category_name {
 	padding: 							4px 12px;
  	border-bottom:						solid 1px #4899cb;
}
/* @end */

/* @group sprites */
#finder .toggle {
  	border: 							none;
  	display: 							block;
  	width: 								9px;
  	height: 							9px;
  	background: 						url(finder.png) no-repeat -100px -25px;
  	margin-top: 						1px;
}

#finder .open {
    background-position:        -75px -25px;
}
/* @end */

/* @group select */
#finder .dropdown .panel,
#finder .dropdown.panel {
  	position: 							relative;
  	height: 							40px;
}

#finder .custom_select_element,
#finder .custom_select {
  	position: 							absolute;
  	width: 								190px !important;
  	height: 							16px;
  	left: 								10px;
  	top: 								11px;
  	cursor: 							pointer;
}

#finder .custom_select {
  	overflow: 							hidden;
}

#finder .lvl4 .custom_select_element,
#finder .lvl4 .custom_select {
  	width: 								110px !important;
  	left: 								52px;
}

/* Thomas - changing the "Add Parameters Filters button */
#finder .custom_select {
  	border: 							1px solid #f9f9f9;
	-moz-border-radius-topright: 		3px;
	-khtml-border-radius-topright: 		3px;
	-webkit-border-top-right-radius: 	3px;
	
	-moz-border-radius-topleft: 		3px;
	-khtml-border-radius-topleft: 		3px;
	-webkit-border-top-left-radius: 	3px;
	
	-moz-border-radius-bottomright: 	3px;
	-khtml-border-radius-bottomright: 	3px;
	-webkit-border-bottom-right-radius: 	3px;
	
	-moz-border-radius-bottomleft: 		3px;
	-khtml-border-radius-bottomleft: 	3px;
	-webkit-border-bottom-left-radius: 	3px;

	-webkit-box-shadow: 				2px 2px 6px rgba(0,0,0,0.75); /* Adding shadow to parameters filters box */
	-moz-box-shadow: 					2px 2px 6px rgba(0,0,0,0.75);
	-ms-box-shadow: 					2px 2px 6px rgba(0,0,0,0.75);
	box-shadow: 						2px 2px 6px rgba(0,0,0,0.75);
}

.custom_select span {
  	background: 						url(finder.png) no-repeat 166px -71px;
  	height: 							100%;
  	display: 							block;
  	white-space: 						nowrap;
  	margin-left: 						6px;
  	margin-right: 						16px;
  	padding-right: 						16px;
  	overflow: 							hidden;
  	line-height: 						18px;
}

.custom_select.active span {
    background-image: 					none;
}

.lvl4 .custom_select {
    background: 						urlfinder.png) no-repeat 96px -71px;
}

.custom_select.active span {
    background-image: 					none;
}
/* @end */

/* @group slider */
.range .panel {
  	height: 							56px;
  	position: 							relative;
}

.slider {
  	position: 							relative;
  	width:								185px;
  	height: 							9px;
  	background: 						url(finder.png) no-repeat 6px -59px;
  	margin: 							auto;
  	margin-top: 						16px;
  	padding: 							0 8px;
}

.knob {
  	position: 							absolute;
  	width: 								15px;
  	height: 							20px;
  	background: 						url(finder.png) no-repeat -48px -25px;
  	cursor: 							pointer; /* Changed from col-resize to pointer */
  	top: 								6px;
}

#finder .knob input {
  	position: 							relative;
  	top: 								-18px;
  	width: 								100px;
  	display: 							block;
  	text-align: 						center;
  	border: 							none;
  	background: 						transparent;
  	padding: 							0;
  	margin: 							0;
  	left: 								-43px;
  	font-size: 							11px; /* Changed font size from 9px to 11px */
  	clip: 								auto !important;
	color:								#fff; /* Added white for legibility */
}

#finder .range .max {
	color: 								#174974;
	position: 							absolute;
  	top:								41px;
 	right: 								8px;
	color:								#fff; /* Added white for legibility */
}

#finder .range .min {
  	color: 								#174974;
  	position: 							absolute;
  	top: 								41px;
  	left: 								8px;
	color:								#fff; /* Added white for legibility */
}

#finder .ticks {
  	position: 							absolute;
  	width: 								183px;
  	top: 								0px;
  	left: 								7px;
}

#finder .range b {
  	position: 							absolute;
  	width: 								1px;
  	background: 						#103763;
  	z-index: 							1;
  	height: 							7px;
}
/* @end */

.paramList {
  	background: 						#005f98;
}

#param-checkboxes {
	border: 							solid 1px #005f98;
	position: 							absolute;
	left: 								242px;
	background: 						#0083d1;
	padding: 							10px;
	width: 								344px;
	height: 							auto;
	z-index: 							5;
	display: 							none;
	-webkit-box-shadow: 				2px 2px 6px rgba(0,0,0,0.75);
	-moz-box-shadow: 					2px 2px 6px rgba(0,0,0,0.75);
	-ms-box-shadow: 					2px 2px 6px rgba(0,0,0,0.75);
	box-shadow: 						2px 2px 6px rgba(0,0,0,0.75);
}

#param-checkboxes.visible {
  	display: 							block;
}

#param-checkboxes .custom_checkbox {
	left: 								0;
}

#param-checkboxes .item {
  	padding-left: 						11px;
}

#param-checkboxes .col {
  float: left;
  width: 150px;
  padding-left: 10px;
}

#param-checkboxes div {
  	float: 								left;
  	width: 								150px;
  	padding-left: 						10px;
}

#param-checkboxes .buttons {
  	clear: 								both;
  	width: 								100%;
  	margin-top: 						10px;
  	text-align: 						center;
}

#finder-select-filters {
	line-height: 						15px;
	text-indent: 						10px;
}

#param-checkboxes button {
  	border: 							solid 1px #fff;
  	background: 						#005f98;
  	color: 								#fff;

	-moz-border-radius-topright: 		3px;
	-khtml-border-radius-topright: 		3px;
	-webkit-border-top-right-radius: 	3px;
	
	-moz-border-radius-topleft: 		3px;
	-khtml-border-radius-topleft: 		3px;
	-webkit-border-top-left-radius: 	3px;
	
	-moz-border-radius-bottomright: 	3px;
	-khtml-border-radius-bottomright: 	3px;
	-webkit-border-bottom-right-radius: 3px;
	
	-moz-border-radius-bottomleft: 		3px;
	-khtml-border-radius-bottomleft: 	3px;
	-webkit-border-bottom-left-radius: 	3px;
}

.find_it {
  	/*padding-top: 						2px; Removing so there's no gap at the top */
  	background: 						#005f98;
  	position: 							relative;
  	height: 							33px; /* Changed from 46px to 33px b/c removed "show results" */
}

/* Thomas - changing the "Find" button active state */
.find-button {
    	background-color: 				#F99D31;
    	border: 						medium none;
    	color: 							#FFFFFF;
    	cursor: 						pointer;
    	font-weight: 					normal;
    	padding: 						0 1px;
    	position: 						absolute;
    	right: 							10px;
    	top: 							6px;
    	width: 							45px;
	-moz-border-radius-topright: 		3px;
	-khtml-border-radius-topright: 		3px;
	-webkit-border-top-right-radius: 	3px;
	
	-moz-border-radius-topleft: 		3px;
	-khtml-border-radius-topleft: 		3px;
	-webkit-border-top-left-radius: 	3px;
	
	-moz-border-radius-bottomright: 	3px;
	-khtml-border-radius-bottomright: 	3px;
	-webkit-border-bottom-right-radius: 3px;
	
	-moz-border-radius-bottomleft: 		3px;
	-khtml-border-radius-bottomleft: 	3px;
	-webkit-border-bottom-left-radius: 	3px;
}

.find-button:active {
	color: 								#fff;
}

/* Thomas - changing the "Find" button inactive state to not have border and background */
.find-button.disabled {
	opacity: 							0.3; /* Reducted opacity from 0.5 to 0.3 */
	filter: 							alpha(opacity=30); /* Reducted opacity from 50 to 30 */
	border: 							none;
	background: 						none;
	color: 								#f99d31;
	cursor:								auto;
}

#finder #products-start {
  	display: 							none;
}

#finder .startover {
  	font-size: 							10px; /* Changed from 9px to 10px */
  	font-weight: 						normal;
  	cursor: 							pointer;
  	position: 							absolute;
  	right: 								6px;
  	top: 								8px;
}

#finder-results .recommended {
	display: 							block;
	width: 								16px;
	height: 							16px;
	background: 						url(finder.png) no-repeat -131px -22px;
  	margin-right: 						auto;
  	margin-left: 						auto;
  	margin-bottom: 						auto;
  	position: 							relative;
  	top: 								10px;
}

.firsttdparam {
	border-right: 						solid 1px #ccc;
	text-align:							left!important; /* Added text align to align first cell to the left */
	background:							#EDECEC; /* Added bg color to match the other header rows  */
}

.left {
	text-align:							left!important; /* Added text align to the left so that first column will be left aligned */
}

#finder-results .btn {
  	width: 								180px;
  	font-size: 							12px;
  	border: 							solid 1px #888;
  	background: 						#ddd;
	margin:								0 10px; /* Added margin left and right to give some padding around button */
}

#finder-results .btn:active {
  	background: 						#ccc;
}

#finder-results #superTable {
  	margin: 							0;
	border: 							1px solid #9eb6ce!important; 
}

#superTable th,
#superTable td {
  	border: 							1px solid #9eb6ce!important;
}

#finder-results 
#finder-parametric-view {
  	position:  static;
}


/* @group pagination */
#finder-results .page {
  	text-decoration: 					none;
}

#finder-results #superTableDiv {
  	overflow: 							auto;
}

#finder-results table,
#finder-results #superTableDiv {
  	clear:  							both;
}

#finder-results .pagination {
	float: 								left;
  	list-style-type: 					none;
  	margin: 							0;
  	padding: 							0;
}

#finder-results .pagination li {
  	float: 								left;
}

#finder-results .pagination li.page {
  	padding-top:							1px;
}

#finder-results .pagination a,
#finder-results .pagination span {/* span from build 6 */
  display: block;
  padding: 4px;
}
/* @end */ 

#finder-results .compare {
  clear: both; /* from build 6 */
}

/* @group full screen */
#finder-results .back {	
  	display: 							none;
}

#finder-results .back .btn {
  	border: 							solid 1px #f99d31;
  	background: 						none;
  	color: 								#fff;
  	width: 								80px;
  	cursor: 							pointer;
  	margin-left: 						10px;
  	margin-top: 						4px;
}

.fullScreen #finder-results .back {
  	display: 							block;
  	position: 							absolute;
  	top: 								0;
  	left: 								0;
  	width: 								100%;
	height: 							30px;   	
	*height: 							50px; /*IE 7 hack */
  	background: 						#005f98;
}

.fullScreen #superTableDiv {
  	z-index: 							5;
  	width:								auto;
  	height: 							auto;
  	position:							absolute;
  	left: 								0;
	top: 								30px;   	
	*top: 								50px; /*IE 7 hack */
  	bottom: 							0;
  	right: 								0;
  	background: 						#fff;
}

.fullScreen .sData {
	position: 							absolute;
	left: 								0;
	right: 								0;
	bottom: 							0;
	top: 								0;
	width: 								auto !important;
	height: 							auto !important;
}

.fullScreen {
  	overflow: 							hidden !important;
}

.fullScreen #finder-results .pagination {
	float: 								right;
	margin-right: 						10px;
	margin-top: 						2px;
}

.fullScreen #finder-results .pagination a {
	color: 								#fff;
}
/* @end */

#finder div.mature {
  	padding: 							6px 0;
}

#finder-results .sort a { /* from build 6 */
  cursor: pointer;
}

#finder-indicator {
	border: 							solid 1px #005f98;
	position: 							absolute;
	left: 								242px;
	background: 						#0083d1;
	padding: 							10px;
	height:								auto;
	z-index: 							5;
	display: 							none;
	-webkit-box-shadow: 				2px 2px 6px rgba(0,0,0,0.75);
	-moz-box-shadow: 					2px 2px 6px rgba(0,0,0,0.75);
	-ms-box-shadow:						2px 2px 6px rgba(0,0,0,0.75);
	box-shadow: 						2px 2px 6px rgba(0,0,0,0.75);
  	color: 								#fff;
  	cursor: 							pointer;
  	display: 							none;
  	z-index: 							6;
}

#finder-indicator.visible {
  	display: 							block;
}

#finder-indicator.loading {
  	padding-left: 						24px;
  	background: 						#0083D1 url(loading.gif) 4px center no-repeat;
}

#finder-results .back .compareBtn { /* Needed to add a Compare Button class for the Parametric Full-screen to display correctly*/
  	border: 							solid 1px #f99d31; 
  	background: 						none;
  	color: 								#fff;
  	width: 								140px;
  	cursor: 							pointer;
  	margin: 							5px;
}

#finder-results .compare {
	clear:								both;
}

#finder-results .compareBack {
    	color: 							#FFFFFF; /*Added white font color to read on blue background */
	position: 							absolute; /*Added position to control where on the page we want this */
	top: 								-1px;  /*Added top position */  	
	left: 								200px;  /*Added left position */
	*padding:							0px; /* IE7 hack */
}

#finder-results .compareBack .compareUnselect {
	color:								#fff;
}

#finder-results .compare a {
	decoration:							underline; /* Added underline for decoration */
}

#finder-results .downloads {
  	list-style: 						none !important;
  	padding: 							0;
  	margin: 							0;
}

#finder-results .glyph {
  	background: 						url(blackglyph.png) no-repeat center 2px;
  	display: 							block;
  	height: 							12px;
}

#finder-results .sort {
  	background: 						#edecec !important;
  	filter: 							none !important;
}

#finder-results .sort a {
  	cursor: 							pointer;
}

#finder-results .table-th-sort .glyph {
	background: 						url(/images/orangeglyph.png) no-repeat center 2px;
}

#finder-results th.table-th-sort-rev .glyph {
	background-position: 				center 		-68px;
}

#finder-results th a {
  	background: 						none;
}

.ie7 #finder-results th a {
    white-space: 						nowrap !important;
}

.finder {
	margin-bottom:						10px;
}

.table-sortable th,
.table-sortable td { 
	text-align: 						center;
	border: 							1px solid #9eb6ce; /*!important; */
	padding: 							1px 6px 0px 4px;
}

#result{

    color: #0066CB;
    float: none;
    font-size: 17px;
    font-weight: normal;
    line-height: 18px;
    padding: 50px 5px;
}

#bottom_results{
    padding:15px 15px 0 0;
    //text-align:right;
}