#conSelContent
{
padding-bottom: 30px;	
}
#conSelectorWidget
{
width: 100%;
background: none;
margin: 0 auto 12px;
}
#conSelectorWidget .imgCol
{
display: none;
}
#conSelectorWidget .imgCol .tableMiddle
{
display: table;
width: 100%;
height: 290px;
vertical-align: middle;	
}
#conSelectorWidget .imgCol .cellMiddle
{
display: table-cell;
width: 100%;
height: 290px;
vertical-align: middle;	
}
#conSelectorWidget .imgCol img
{
width: 100%;
}
#conSelectorWidget .imgCol h4
{
color: #444;
}
#conSelectorWidget .imgCol h5
{
text-transform: uppercase;	
}
#conSelectorWidget .imgCol h5 a
{
color: #444;
}
#conSelectorWidget .controlCol
{
width: 100%;
height: auto;
overflow: hidden;
float: left;	
padding: 10px;
background: #f1f1f1;
position: relative;
z-index: 0;
border: solid #cdcdcd;
border-width: 3px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
}
#conSelectorWidget h3
{
color: #59595b;
font-size: 15px;
line-height: 19px;
margin: 0;
padding: 0 0 10px 0;	
}
#conSelectorWidget .sliderBox
{
background: #dfdfdf;
border: 1px solid #cfcfcf;
padding: 10px 15px 10px 15px;
margin-bottom: 5px;	
}
#conSelectorWidget .sliderBox h3
{
padding-bottom: 12px;	
}
#conSelectorWidget .sliderBox .sliderCol
{
width: 100%;	
}
#conSelectorWidget .sliderBox .outputCol
{
width: 100%;
text-align: right;
font-size: 13px;
line-height: 23px;
}
#conSelectorWidget .sliderBox .outputCol .outputRow
{
margin-top: 15px;
width: 100px;
display: inline-block;
}
#conSelectorWidget .sliderBox .outputCol input
{
display: inline-block;
line-height: 23px;
border: 1px solid #b7b7b7;
background: #fff;
width: 52px;
padding: 0 6px;	
}

#slider01, #slider02
{
border: 1px solid #6d6d6d;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
-webkit-box-shadow:inset 0 -1px 0 0 rgba(180,180,180,1);
box-shadow:inset 0 -1px 0 0 rgba(180,180,180,1);
width: 100%;
}
#slider01.ui-slider-horizontal,
#slider02.ui-slider-horizontal 
{
height: 7px;
}
#slider01.ui-widget-content,
#slider02.ui-widget-content 
{
background: #979797;
}
#slider01 .ui-slider-range,
#slider02 .ui-slider-range
{
background: #f83c3c;	
}

#slider01 .ui-slider-handle,
#slider02 .ui-slider-handle
{
border: none;
background-color: none;
background: url("/source/2fb33ec7e8a3fd7dde9b190df64105ed/sliderHandle.png") no-repeat;
background-size: cover;
height: 26px;
width: 25px;
outline: none;
-moz-outline-style: none;
-moz-outline-width: 0;
margin-left: -12px;
top: -10px;
}
#conSelectorWidget .typeFilterOptions
{
margin-top: 7px;	
position: relative;
z-index: 1;
}
#conSelectorWidget .typeFilterOptions fieldset
{
display: block;
width: 100%;
}
#conSelectorWidget .typeFilterOptions fieldset label
{
display: block;
float: left;
width: 50%;
height: 32px;
margin: 0;
position: relative;
}
#conSelectorWidget .typeFilterOptions fieldset label span
{
display: block;
line-height: 32px;
height: 32px;
vertical-align: middle;
text-align: center;
font-size: 13px;
font-weight: normal;	
text-transform: uppercase;
width: 100%;
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #dadada 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ededed 0%,#dadada 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ededed 0%,#dadada 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */
position: absolute;
top: 0;
left: 0;
z-index: 10;
color: #4d4d4d;
border: 1px solid #939393;
-webkit-border-radius: 0px 6px 6px 0px;
border-radius: 0px 6px 6px 0px;
-webkit-box-shadow:inset 0 1px 0 0 rgba(255,255,255,1);
box-shadow:inset 0 1px 0 0 rgba(255,255,255,1);
}
#conSelectorWidget .typeFilterOptions fieldset label:first-child span
{
-webkit-border-radius: 6px 0px 0px 6px;
border-radius: 6px 0px 0px 6px;
}
#conSelectorWidget .typeFilterOptions fieldset input
{
display: block;
position: absolute;
top: 0;
left: 0;
margin: 0px;
z-index: 20;
opacity: 0;
cursor: pointer;
width: 100%;
height: 32px;
}
#conSelectorWidget .typeFilterOptions fieldset input:hover + span
{
color: #f83c3c;
}
#conSelectorWidget .typeFilterOptions fieldset input:checked + span
{
background: #a7a7a7; /* Old browsers */
background: -moz-linear-gradient(top, #a7a7a7 0%, #d3d3d3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #a7a7a7 0%,#d3d3d3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #a7a7a7 0%,#d3d3d3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a7a7', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */	
color: #030303;
-webkit-box-shadow:inset 0 1px 2px 0px rgba(140,140,140,1);
box-shadow:inset 0 1px 2px 0px rgba(140,140,140,1);
}

#conSelResults
{
text-align: center;
}
#conSelResults h3
{
color: #ee3a43;
margin-bottom: 10px;	
}


/* =========== Approx iPhone 6 Landscape =========== */
@media only screen and (min-width : 35em) { 



}


/* =========== Approx iPad Portait, Sidr menu no longer active =========== */
@media only screen and (min-width: 48em) {
	
#conSelectorWidget .sliderBox
{
background: #dfdfdf;
border: 1px solid #cfcfcf;
padding: 15px 15px 10px 20px;
margin-bottom: 5px;	
}
#conSelectorWidget .sliderBox .sliderCol
{
float: left;
/*width: 270px;*/
width: 75%;
}
#conSelectorWidget .sliderBox .outputCol
{
float: right;
/*width: 100px;*/
width: 25%;
text-align: right;
font-size: 13px;
line-height: 23px;
}
#conSelectorWidget .sliderBox .outputCol .outputRow
{
margin-top: 5px;
width: auto;
display: block;
}
#slider01, #slider02
{
/*width: 270px;*/
}

#conSelectorWidget .typeFilterOptions fieldset
{
display: block;
float: right;
width: 48%;
}
#conSelectorWidget .typeFilterOptions fieldset:first-child
{
float: left;	
}
#conSelectorWidget .typeFilterOptions fieldset.wireType:before
{
position: absolute;
left: 50%;
top: 8px;
height: 16px;
width: 2px;
margin-left: -1px;
background: #929292;
border-right: 1px solid #fff;
display: block;
}
	
}


/* ===== == = === bootstrap "medium" viewport breakpoint === = == ===== */
@media only screen and (min-width: 62em) {

	
}


/* ===== == = === arbitrary breakpoint === = == ===== */
@media only screen and (min-width: 69em) {

#conSelectorWidget
{
width: 660px;
margin-left: 0;
margin-right: 0;
}
#conSelectorWidget .imgCol
{
display: block;
width: 245px;
height: 300px;
overflow: hidden;
float: left;
text-align: center;
padding: 0px 0;
background: #fff;
border: solid #cdcdcd;
border-width: 5px 0 5px 5px;
-webkit-border-radius: 10px 0px 0px 10px;
border-radius: 10px 0px 0px 10px;
}
#conSelectorWidget .controlCol
{
width: 415px;
padding: 20px;
border-width: 5px 5px 5px 0px;
-webkit-border-radius: 0px 10px 10px 0px;
border-radius: 0px 10px 10px 0px;
height: 300px;
}

#conSelectorWidget .sliderBox .sliderCol
{
float: left;
width: 230px;
}
#conSelectorWidget .sliderBox .outputCol
{
float: right;
width: 100px;
text-align: right;
font-size: 13px;
line-height: 23px;
}
#conSelectorWidget h3
{
color: #59595b;
font-size: 13.5px;
line-height: 19px;
margin: 0;
padding: 0 0 10px 0;	
}
	
}


/* ===== == = === bootstrap "large" viewport breakpoint === = == ===== */
@media only screen and (min-width: 75em) {

#conSelectorWidget
{
width: 710px;
}
#conSelectorWidget .imgCol
{
width: 245px;
}
#conSelectorWidget .controlCol
{
width: 455px;
}
#conSelectorWidget .sliderBox
{
background: #dfdfdf;
border: 1px solid #cfcfcf;
padding: 15px 15px 10px 20px;
margin-bottom: 5px;	
}
#conSelectorWidget .sliderBox .sliderCol
{
float: left;
width: 270px;
}
#conSelectorWidget .sliderBox .outputCol
{
float: right;
width: 100px;
text-align: right;
font-size: 13px;
line-height: 23px;
}
#conSelectorWidget .sliderBox .outputCol .outputRow
{
margin-top: 5px;
width: auto;
display: block;
}
#slider01, #slider02
{
width: 270px;
}

#conSelectorWidget .typeFilterOptions fieldset
{
display: block;
float: right;
width: 48%;
}
#conSelectorWidget .typeFilterOptions fieldset:first-child
{
float: left;	
}
#conSelectorWidget .typeFilterOptions fieldset.wireType:before
{
position: absolute;
left: 50%;
top: 8px;
height: 16px;
width: 2px;
margin-left: -1px;
background: #929292;
border-right: 1px solid #fff;
display: block;
}
#conSelectorWidget h3
{
color: #59595b;
font-size: 15px;
line-height: 19px;
margin: 0;
padding: 0 0 10px 0;	
}
	
}