﻿
.imageInvThumbnail{width:100;height:75;}
.imageInvUnitCell{}
.imageInvUnitCaption{font-family:Arial;font-size:7pt;}
a.imageInvNavLink{border:none;color:#222222;font-family:Arial;font-size:8pt}
a:visited.imageInvNavLink{color:#222222;font-family:Arial;font-size:8pt}
a:active.imageInvNavLink{color:#222222;font-family:Arial;font-size:8pt}
a:hover.imageInvNavLink{color:#222222;font-family:Arial;font-size:8pt}
.stdThumbsSpecName{font-weight:bold;font-size:15px;font-family:Arial;padding:4px 0 0 6px;}
.stdThumbsSpecValue{font-size:14px;font-family:Arial;padding:4px 0 0 6px;text-align:left;}
.unittitle{font-weight:bold;font-size:12pt;color:#FFFFFF;font-family:Arial;background-color:#00214e;padding:5px 0 5px 5px;text-align:left;}
.unitprice{font-weight:bold;font-size:12pt;color:#FFFFFF;font-family:Arial;background-color:#00214e;padding:5px 5px 5px 0;}
.stdThumbsImage{width:200px;height:auto;margin:3px;}
@media screen and (max-width:922px){.stdThumbsSpecName{font-size:11pt;}
.stdThumbsSpecValue{font-size:11pt;}
.unittitle{font-size:11pt;}
.unitprice{font-size:11pt;}
.stdThumbsImage{width:200px;height:151px;}
}
@media screen and (max-width:750px){.stdThumbsSpecName{font-size:10pt;}
.stdThumbsSpecValue{font-size:10pt;}
.unittitle{font-size:10pt;}
.unitprice{font-size:10pt;}
.stdThumbsImage{width:150px;height:113px;}
}
@media screen and (max-width:550px){.stdThumbsSpecName{font-size:8pt;}
.stdThumbsSpecValue{font-size:8pt;}
.unittitle{font-size:8pt;}
.unitprice{font-size:8pt;}
.stdThumbsImage{width:75px;height:57px;}
}
.unitfooter{background-color:#000000;color:#FFFFFF}
.unittable{border:none;background-color:#F7F7F7;}
a.stdThumbsImageLink{border-style:solid;border-width:1px;color:#222222;text-decoration:none;}
a:visited.stdThumbsImageLink{color:#222222;}
a:active.stdThumbsImageLink{color:#222222;}
a:hover.stdThumbsImageLink{color:#222222;}
.gridHeaderRowCellStyle{font-weight:bold;font-family:Arial;font-size:8pt;color:#000000;border-right:1px solid #C0C0C0}
.gridEvenRowCellStyle{font-family:Arial;font-size:8pt;border-right:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC;;color:#000000}
.gridOddRowCellStyle{background-color:#FFFFFF;font-family:Arial;font-size:8pt;border-bottom:#CCCCCC 1px solid;border-top:#CCCCCC 1px solid;border-right:#CCCCCC 1px solid;}
a:link.gridHeaderLink{color:#000000;}
a:active.gridHeaderLink{color:#222222;}
a:hover.gridHeaderLink{color:#222222;}
a:visited.gridHeaderLink{color:#000000;}
a:link.gridNavLink{color:#222222;font-family:Arial;font-size:9pt}
a:active.gridNavLink{color:#222222;font-family:Arial;font-size:9pt}
a:hover.gridNavLink{color:#222222;font-family:Arial;font-size:9pt}
a:visited.gridNavLink{color:#000000;font-family:Arial;font-size:9pt}
.pagingCellStyle{font-family:Arial;font-size:12pt;font-weight:bold;color:#000000}
a.pagingNavLink{font-family:Arial;color:#9c0001;}
a:hover.pagingNavLink{font-family:Arial;color:#d83034;}
a:active.pagingNavLink{font-family:Arial;color:#9c0001;}
@media screen and (max-width:922px){.pagingCellStyle{font-size:11pt;}
}
@media screen and (max-width:750px){.pagingCellStyle{font-size:10pt;}
}
@media screen and (max-width:550px){.pagingCellStyle{font-size:9pt;}
}
.stdThumbsclickphoto{display:none;}
.stdThumbsImageLink{border:none !important;}
.basicadvanced{padding-top:5px;padding-left:10px;font-size:14px;color:#888;float:right;}
.basicadvanced a:hover{color:#BBB;}
@media screen and (max-width:450px){.basicadvanced{float:none;}
.basicadvanced:before{display:block;content:'\A';padding-top:-10px;}
}



/* ----- MINI SEARCH ----- */

form.searchcont{
	display: block;
	position: relative;
	width: 100%;
	margin: 0px 10px 0px 0;
	padding: 10px 0px 5px 0px;	
	background: #f8f8f8;
	border: 1px #f8f8f8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 14px;
}


form.searchcont .buttons{
	position: absolute;
	right: 10px;
	bottom: 10px;
	
}

form.searchcont .filter{
	float: left;
	padding: 0 10px;
}

form.searchcont .filter label{
	display: none;
	font-weight: normal;
	margin: 10px 0 0 0;
}

form.searchcont .filter1{
	float: left;
	padding: 4px 5px;
	width:100%;
	border-bottom: #cfcfcf solid 1px;
	box-sizing: border-box;
}
form.searchcont .normalfilter {
	width:100%;
	box-sizing: border-box;
}

form.searchcont .filter1 label{
	display: none;
	font-weight: normal;
	margin: 10px 0 0 0;
}
form.searchcont .filter1 select{
	margin-left: 0;
    width: 180px;
    border: none;
    background-color: #f8f8f8;
	padding: 10px 0;
	border-bottom: none !important;
	font-weight:bold;
}

form.searchcont .displaylabel{
	display: block;
    font-weight: bold;
    margin: 0;
    text-align: left;
    font-size: 12px;
    float: left;
    width: 100%;
    padding: 10px 0 0 10px;
	color:#000000;
}

form.searchcont  button, form.searchcont a {
	margin-top: 5px;
    padding: 8px 20px;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: none;
    border: 1px #cfcfcf solid;
    background: #ffffff;
    color: #000000;
    cursor: pointer;
	float:none;
}
form.searchcont .filter select{
	margin-left: 0;
    width: 180px;
    border: none;
    background-color: #f8f8f8;
	padding: 10px 0;
	border-bottom: #cfcfcf solid 1px;
}
form.searchcont .filter1 select {
    background-color: #ededed;
	width: 98%;
}

form.searchcont .normalfilter select, form.searchcont .normalfilter input{
    background-color: #ffffff;
	padding: 10px 0;
	border: #cfcfcf solid 1px;
	margin-top:5px;
	width: 99%;
}


form.searchcont .filter select[name=lyear]{
	width: 70px;
}

form.searchcont .filter select[name=hyear]{
	width: 70px;
}

form.searchcont .filter select[name=lhp]{
	width: 70px;
}

form.searchcont .filter select[name=hhp]{
	width: 70px;
}


form.searchcont .filter1 select[name=lyear], 
form.searchcont .filter1 select[name=hyear],
form.searchcont .filter1 select[name=lhp],
form.searchcont .filter1 select[name=hhp]{
	width: 44%;
}


form.searchcont .contimg {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
}

form.searchcont .contimg img{
	margin-top:5px;
}
#clickforbasic, #clickforadvanced {
	font-size:15px;
}
.btn {
	padding: 5px 20px 5px 20px;
	border: none;
	clear: both;
	float: left;
	margin-top: 10px !important;
	
}

@media screen and (max-width: 922px) {
	form.searchcont .filter select{
		margin-left: 10px;
	}
	form.searchcont .filter label{
		margin-left: 10px;
	}
}

@media screen and (max-width: 635px) {
	form.searchcont .filter label{
		font-size: 12px;
		margin-top: 6px;
	}
	form.searchcont .filter select{
		font-size: 12px;
		
	}
}

@media screen and (max-width: 429px) {
	form.searchcont .filter label{
		font-size: 11px;
		margin-top: 4px;
	}
	form.searchcont .filter select{
		font-size: 11px;
		
	}
}


.searchfilters {
	font-size: 15px;
	width: 100%;
    float: left;
    background-color: #cccccc;
    padding: 10px 10px;
    color: #000;
    font-weight: bold; 
	text-align: left;
	box-sizing:border-box;
}


.inventory-lef{
	float:left;
	width:24%;
	box-sizing:border-box; 
}
.inventory-lef form.searchcont{
	background-color:#ededed;
}
.inventory-rigth{
	float: right;
    width: 75%;
	box-sizing:border-box;
}
.inventory-rigth .unittable{
	background-color:#f6f6f6;
	border: #cccccc solid 1px;
}
@media screen and (max-width:860px){
	.inventory-lef, .inventory-rigth{
		width:100%;	
	}
	form.searchcont .filter {
		width: 31%;
	}
}

@media screen and (max-width:599px){
	form.searchcont .filter {
		width: 47%;
	}
}

@media screen and (max-width:420px){
	form.searchcont .filter {
		width: 99%;
	}
	form.searchcont button {
		margin: auto;
		clear: both;
		float: none;
	}
}
.inventory-rigth table.invcont, .inventory-rigth table{
	box-sizing:border-box;
	width: 100% !important;
}
#basicsearch a:link,#basicsearch a:visited,#basicsearch a:active{color:#0d168d;} 
#header_content{
	width: 76%;
	float:right;
}
.header_address {
	width:25%;
	box-sizing:border-box;
	padding:5px 2px;
    float: left;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    font-size: 12px;
    list-style: none;
}
.header_address h2 {
    font-weight: bold;
    font-size: 16px;
    margin: 0px;
}
.header_address li {
	width:100%;
	box-sizing:border-box;
	padding:1px;
	float:left;
}
.header_address h2 a:link, .header_address h2 a:visited, .header_address h2 a:hover {
	text-decoration:none; 
}
@media screen and (max-width:950px){
	#header_content{width: 70%;}
}
@media screen and (max-width:800px){
	#header_content{width: 67%;}
}
@media screen and (max-width:550px){
	#header_content{display:none;}
}

@media screen and (max-width: 668px) {	
	#inv #mainarea-padding {
		margin-top: 100px; 
	}
}

#inv #specs.ssbox .sectionhead, #inv #options .sectionhead{
	color:#0d168d !important;
}
#unitSpecs_specsTable tr{
	width:50%;
	float:left;
	box-sizing:border-box;	
    padding: 0 5px;
    border-bottom: #f6f6f6 solid 1px;
}

#unitSpecs_specsTable tr.alt{
	background: #f7f7f7;
    border-bottom: #fff solid 1px;
}
#inv #quickspecs dl.clearfix dt {
    font-size: 15px !important;
}
#inv #quickspecs dl.clearfix dd {
    font-size: 15px !important;
}
#inv #lower-left-2third #unitSpecs_specsTable tr td {
    font-size: 15px !important;
}
#inv #lower-left-2third #options li {
    font-size: 15px !important;	
    padding:0 5px;
}