@media screen and (max-width : 767px) {
	/* triggers in MOBILE less than 700px */
	.partList {font-size: 100% !important;}
	.partList .spec-columns {columns:1 !important;}
	.partList .spec-columns div {width:auto !important;}
	.resultsHeader {display:block !important;}
	.sortWrapper select {margin-top:10px !important;}
	.upper2 {margin-bottom:15px;}
	.photo-sect {margin-left:0 !important;}
	.bottomOpts {display:block !important;}
	.showDisWrap select {margin-bottom:15px;margin-top:15px;}
	.partList .lower {justify-content:space-around !important;}

}
@media screen and (min-width: 768px) and (max-width:1023px) {
	/* triggers in TABLET max-width = DP min-width-1 */
	.partList {font-size:90% !important;}
}
@media (min-width:1024px), print {
	/* triggers in DESKTOP */

}
@media print {

}


a.addToComp {margin-right:10px !important;}

abbr {font-size: 14px;}
img.inlineIcon {position:relative;top: 1px;}
a img {border: none;}
a.pg_feedback {font-size: 11px;display: block;text-align:right;font-weight: bold;float:right;margin-top:4px;}

.dcpart {color: #f00;padding: 0 2px;}

.top10badge {float: left;position:relative;top:1px;margin-right:3px;}

.invis {visibility: hidden;}

h2 {font-size: 13px;font-weight: bold;margin: 0;padding: 0;border: 0;}
h2 .sm {font-size: 11px;font-weight: normal;margin-left: 7px;float: right;}


.bottomOpts {max-width:900px;display:flex;justify-content:space-between;align-items:center;margin:0 auto 40px auto;}

.showDisWrap {font-size: 14px;color: #666;}
.showDisWrap select {margin-right:10px;}

.resCount {font-weight: bold;font-size: 14px;margin-right: 20px;}
.pageNav {}
.pageNav a {font-size: 16px;text-align: center;width: 15px;padding: 0 3px;height: 20px;line-height:20px;text-decoration: none;color: #bbb;border: 1px solid #bbb;}
.pageNav a.curr {color: #000; background: #eee; border-color: #000;}
.pageNav a:hover {text-decoration: none;}
.pageNav a:link,.pageNav a:visited {color: #000;border-color: #000;text-decoration: none;}
.pageNav a:link:hover, .pageNav a:visited:hover { border-color:#333; background-color:#eee; text-decoration: none;}

.mfg-tab-strip {max-width:900px !important;margin:0 auto 30px auto !important;}

/* Firefox the outer FONT tag that shouldn't be there anyway, so we need to style the tag on its own */

.compareChecksLabel {font-weight: bold;padding-left: 7px;float:left;}
.compareChecksLabel img {margin-right: 5px;margin-bottom: -4px;}


.grad {opacity:0.05;background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #000000 100%);width:100%;height:20px;}

.resultsHeader {max-width:900px;font-size:14px;line-height:20px;display:flex;justify-content:space-between;align-items:center;margin:0 auto 20px auto;padding:20px 0;border-bottom: 1px solid #dadada;}
.sortWrapper {}
.sortWrapper select {margin:0 20px 0 10px;}
.sortWrapper a {display:inline-block;}
.sortWrapper img{margin-bottom:-2px;margin-left:4px;}

/************ Part Table Styles ****************/

.partList {color: #131313;text-align: left;vertical-align: top;padding-bottom: 20px;border-bottom:1px solid #dadada;max-width:900px;margin:0 auto 20px auto;}
.partList .upper {margin-bottom:5px;}
.partList .lower {padding-top:5px;clear:both;display:flex;justify-content:space-between;}
.partList .addToFav {width: 13px;margin-right:5px;margin-top:2px;float:left;}
.partList .addToFav img {margin: 2px auto;}
.partList .modelName {display:inline-block;font-size:18px;line-height:22px;}
.partList .modelName a {color:#131313;}
.partList .modelName a:hover {color:#3496D1 !important;text-decoration:none;}
.partList .prices {text-align: right;float:right;}
.partList .prices a {color:#131313;}
.partList .prices a:hover {color:#3496D1 !important;text-decoration:none;}
.partList a {font-weight: bold;}
.partList .photo-sect {text-align:center;min-width:140px;display:flex;align-items:center;margin-left: 30px;margin-right:20px;}
.partList .photo-sect img {max-height:65px;}
.partList .pc-award {margin-bottom:10px;}
.partList .rating-stars {}
.partList .review-link {margin-bottom:10px;font-size:14px;color:#131313;line-height:22px;display:block;font-weight:normal !important;}
.partList .review-link:hover {color:#3496D1 !important;text-decoration:none;}
.partList .spec-columns {columns:2; column-gap:40px;font-size:14px;line-height:22px;}
.partList .spec-columns div {width:250px;}
.partList .spec-columns label, .condensedSpec label {color:#909090;}
.partList dl {margin: 0; padding: 0;color:#131313;}
.partList dl a {font-weight: normal;}
.partList dd {display: inline;font-weight: normal;padding: 0;margin: 0;}
.partList dt {display: inline;margin: 0;padding: 0;font-weight:bold;}
.partList dt.sorted, .partList dd.sorted {color: #333;}
.partList dt.sorted a {font-weight: bold;}
.partList .sorted {font-weight: bold;}
.partList .condensedSpec {}
.partList span.disabled {font-weight: bold;color: #ccc;}
.partList .big {font-size: 22px;line-height:25px;font-weight: bold;}
.partList .model-date {font-size:12px;color:#909090;margin-bottom:10px;}


.partList.condensed {width:100%;}
.partList.condensed td {font-size:16px;line-height:24px;padding-bottom:10px;}

.star-ratings_v3 {margin-right:0 !important;}
.star-ratings_v3 img {margin-bottom:0 !important;}


/************ Filter Form Styles (e.g. projectors_new.cfm search filters) ****************/
#projectorsForm {margin: 0;padding: 0;}

@media only screen and (max-width : 600px) {
	/* triggers in mobile less than 600px */
	.filterForm * {font-size: 90%;}
	.filterForm select {margin: 0 0 10px 0;}
}
@media only screen and (min-width: 600px) {
	/* triggers in tablet and desktop */
	.filterForm * {font-size: 94%;}
	.filterForm select {margin: 0 0 5px 0;}
}

.filterWrap {position:relative;background: #f9f9f9;padding: 15px 20px 0 20px;border-bottom:1px solid #dadada;max-width:900px;margin:0 auto;}
.filterWrap h2 {margin-bottom:10px;font-size:100%;font-weight:bold;cursor: pointer;}
.filterWrap hr {border:0;border-top:1px solid #ccc;}


.filterForm * {margin-left:0;}
.filterForm {display:flex;flex-flow:row wrap;justify-content:space-around;}
.filterForm a {font-weight:bold;}
.filterForm td {background: none;vertical-align: top;}

.filterForm select {display: block;border:1px solid #d3d3d3;border-radius:3px;padding: 0 40px 0 15px;height:40px;width: 150px;font-size:14px;color:#262626;
	-webkit-appearance: none;-moz-appearance: none;appearance: none;background: url(https://www.projectorcentral.com/images/wrap2/select-down-arrow.svg) right 15px center / 10px no-repeat #fff;
}
.filterForm select::-ms-expand {display: none; /* remove default arrow on ie10 and ie11 */}

@media screen and (min-width:0\0) {
	.filterForm select {background:none\9;padding: 5px\9;}
}


.filterForm select.filterActive, .cust input, .throwFilter input.filterActive{background-color: #fff;border-color: #997;}
.filterForm .filterActive, .filterForm .filterActive a.gloss {font-weight: bold;}

.filterForm button {font-size: 10px;height: 17px;}
.filterForm label {font-weight: normal;white-space: nowrap;padding:0;}

/* the labels that appear when entering a custom range */
.filterForm .cust label {color: #3396D2;cursor: pointer;}

.filterForm a.gloss {color: #444;font-weight: normal;cursor:help;text-decoration: none;border-bottom: 1px dotted #333;}

.filterForm a.gloss:hover {text-decoration: none;}

.filterForm h2 {font-size: 13px;}

.filterForm .wide input, .filterForm .thin input {border: 1px solid #999;}

.filterForm .checkboxes label:first-child input {margin-top: 0px;}
.checkboxes {margin-left:auto;margin-right:auto;margin-top:4px;}
.checkboxes label {white-space: nowrap;padding:0;display:block;margin-bottom:10px;}
.checkboxes input[type="checkbox"] {width:20px;height:20px;margin:0 10px 0 0;vertical-align:middle;}

.autoWrap {font-size: 14px;color: #131313;margin:20px 0 20px 0;overflow:hidden;}

.submit-wrap {margin-bottom:20px;display:flex;justify-content:center;line-height:30px;align-items:center;}
.submit-wrap input[type=submit] {margin:0;}
.submit-wrap a {display:block;margin-left: 20px;font-weight:bold;}


.rtn-filters-btn {padding:11px 25px;background-color:#3496D1;color:#ffffff !important;font-size:16px;line-height:19px;margin-left:40px;}
.rtn-filters-btn img {margin-bottom:-2px;margin-right:4px;}
.rtn-filters-btn:hover {background-color:#318BC3;text-decoration:none;}

@media only screen and (max-width : 600px) {
	/* triggers in mobile less than 600px */
	.checkboxes{width:150px;}
	.filterForm .wide select {width: 110px;}
}
@media only screen and (min-width: 600px) {
	/* triggers in tablet and desktop */
	.checkboxes{width:135px;}
	.filterForm .wide select {width: 138px;}
}


.header-top {background-color:#036CA7;display:flex;color: #FFFFFF;font-size: 12px;line-height: 18px;margin-bottom:20px;}
.header-title {color: #FFFFFF;font-size: 36px;font-weight: bold;line-height: 42px;text-align: center;margin:60px auto 40px auto;width:100%;max-width:800px;}
.header-title h1 {color: #FFFFFF;font-size: 36px;font-weight: bold;line-height: 42px;text-align: center;margin-bottom:15px;}
.header-title h3 {color: #FFFFFF;font-size: 20px;line-height: 30px;text-align: center;margin:0;font-weight:normal;}




.collapsedForm table {display: none;}
#autoRefreshChk.collapsedForm {visibility: hidden;}
#autoRefresh {width: 20px;height: 20px;vertical-align: middle;}

.colExp {background: none;font-size: 12px;font-weight: bold;padding: 4px;margin-bottom: 6px;text-align: center;}
.specPreview {color: #333;font-weight: normal;padding-top: 2ex;font-size: 11px;}
.collapsedForm .colExp {margin-bottom: 0;}
.specPreview {display: none;}
.collapsedForm .specPreview {display: block;}

#showHideForm{cursor:pointer;}

a.formExpIcon {position: absolute;top: 17px;right: 27px;height: 18px;width: 16px;cursor: pointer;background-repeat: no-repeat;background-position: 0% 50%;}

#expand1, #expand2, #expand3, #expand4, #expand5 {background-image:url('https://www.projectorcentral.com/images/plus.svg');}

#compress1, #compress2, #compress3, #compress4, #compress5 {background-image:url('https://www.projectorcentral.com/images/minus.svg');}

#underlineExpl {color: #555;text-align:center;font-style:italic;}

/* for older combo box emulation, see the css in the backup JS file */

.cust {margin-bottom: 5px;width: 130px;}
.cust span {padding: 0 3px;}

.cust label {display: inline;padding: 0 2px;text-decoration: underline;cursor: pointer;}
.cust input {margin: 1px 0 0 1px;padding: 1px 3px;width: 40px;}
.filterForm .cust input {width: 70px;}

.toggleMetric {font-size:14px;font-weight:normal;display:block;margin-top:16px;margin-left:15px;}


#maxPjSizeLabel {margin-right: 3px;font-weight: bold;}
#projectorSize input {border: 1px solid #999;font-size:14px;padding: 10px;margin: 0 3px 0 0;width:50px;}
#projectorSize label {margin-right: 0px;}


.throwFilter {width: 100%;}
.throwFilter td {
	padding: 1px 0;
	vertical-align: top;
}
.throwFilter th {
	font-weight: normal;
	text-align: right;
	padding-right: 7px;
}
.throwFilter td.inWrap {
	text-align: right;
}
.throwFilter select {
	font-size: 11px;
	display: inline;
	margin: 0;
}
.throwFilter label {
	text-align: left;
	/* border: 1px solid #ffd; match table background color */
	/* border used instead of width b/c inline element */
	position: absolute;
}
.throwFilter #td, .throwFilter #is, .throwFilter #tr, .throwFilter #tr2 {
	font-size: 10px;
	border: 1px solid #999;
	width: 3em;
	height: 14px;
	padding: 1px;
	margin: 0 3px 0 0;
}

#srchHelp {
	font-weight: bold;
	font-size: 11px;
}
#helpMessage {
	padding: 10px;
	background: #646464;
	background: rgba(100,100,100,0.7);
	width: 320px;
	margin-left: -150px;
	left: 50%;
	top: 30px;
	position: fixed;
	z-index: 200;
	cursor: pointer;
}
#helpMessage .helpBorder {
	border: 1px solid #000;
	background: #ffd;
	padding: 5px;
	font-size: 12px;
}
#helpMessage .helpHdr {
	font-weight: bold;
	font-size: 110%;
}
#helpMessage ul {
	margin: 5px 0 0 0;
	padding: 0;
}
#helpMessage ul li {
	margin: 0 0 0 20px;
	padding: 0;
}
#helpCalcIcon {
	position: relative;
	margin-bottom: -2px;
}
#closeHelp {
	position: absolute;
	font-size: 11px;
	top: 13px;
	right: 15px;
}
.iconDef {
	font-size: 11px;
	margin: 0 15px;
	color: #666;
	text-align: center;
}
.iconDef img {
	vertical-align: middle;
}

a.miniCalcLink {
	background-image: url('https://www.projectorcentral.com/images/calculator.gif');
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 15px;
	line-height: 15px;
	min-height: 13px;
	display: block;
}

.inputsText{
    position: absolute;
    left: 20px;
    top: -7px;
    background: #f9f9f9;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 13px;
    font-weight:bold;
}
.inCmLabel, .ftMLabel, .throwRatioLabel{
	color:#666;
	font-size:80%;
}
#imgDimension{
	/*position:absolute;*/
	margin-left:40px;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}
.select select {
	font-family: 'Roboto';
	display: inline-block;
	width: 100%;
	cursor: pointer;
	padding: 12px 8px;
	outline: 0;
	border: 1px solid #d3d3d3;
	border-radius: 3px;
	background: white;
	color: #262726;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.select select::-ms-expand {
	display: none;
}
.select select:hover,
.select select:focus {
	color: #262726;
	background: white;
}
.select select:disabled {
	opacity: 0.5;
	pointer-events: none;
}

.select_arrow {
    position: absolute;
    top: 20px;
    right: 10px;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #7b7b7b transparent transparent transparent;
}
.select select:hover ~ .select_arrow,
.select select:focus ~ .select_arrow {
    border-top-color: #000000;
}
.select select:disabled ~ .select_arrow {
    border-top-color: #cccccc;
}