@charset "utf-8";
/* CSS Container-Specs */

/* Media Query for Phone AND Tablet same*/
.specTitle {
	clear:both;
	float:none;
	width:100%;
	font-size:1.15em;
	font-weight:bold;
	color:#163c6a;
	text-align:center;}
.docTitleC {margin-top:0; margin-left:.5em;}
.textFit {font-size:1em;}
.truckMenuLeft {
  float:left;
	margin-top:.3em;
	margin-bottom:.3em;
	position:relative;
	border:0 solid #777;
	text-align:center;}
.truckMenuMiddle {
  float:left;
	margin-top:.3em;
	margin-bottom:.3em;
  position:relative;
	border:0 solid #777;
	text-align:center;}
.truckMenuRight {
  float:left;
	margin-top:.3em;
	margin-bottom:.3em;
  position:relative;
	border:0 solid #777;
	text-align:center;}
.wrapperCont {
	visibility:visible;
	display:block;
	clear:both;
	width:98%;
	margin:0 auto;}
.contImageLeft {
	visibility:hidden; 
	display:none;
	clear:left;
	float:none;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	border:0;}
.contImageRight {
	visibility:hidden; 
	display:none;
	clear:right;
	float:none;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	border:0;}
.containerSpecs {
	float:left;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	line-height:1.1em;
	height:auto;}
.containerSpecs td{text-align:center;} 
.containerSpecsOuter {
	float:left;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	font-size:1em;
	line-height:1.1em;
	height:auto;}
.containerSpecsOuter td{text-align:center;}
.containerTitle1 {height:52px; text-align:center;}
.containerTitle2 {height:20px; text-align:center;}
.containerTitle3 {height:25px; text-align:center;}
.containerTitle4 {height:37px; text-align:center;}
#eqSpecsMenu {
	clear: both;
	width: 100%;
	margin:auto;
	font-family: Calibri, sans-serif;}
.csMenuTitle {visibility:hidden; display:none;}
#navMenu {
	z-index:10000; 
	padding:0; 
	border:0;}
#menuList {clear:both;}
#menuList ul {
	list-style:none;
	margin:0;
	padding:0;
	index 5000;
	border:0;}
#menuList ul li {
	background-color:#fff;}
#menuList ul li a {
	margin-left: .3em;
	text-align:center;
	text-decoration: none;
	font-weight:normal;
	border:0;} 
.smallText {font-size:.9em;}
@media all and (max-width:300px) { /* use (max-width:500px) for Multi-Device */
.accordionButton {	
	visibility:visible;
	display:block;	
	width:100%;
	margin:0;
	padding:.5em 0 .7em 0;
	text-align:center;
	text-decoration: none;
	color:#000;
	background-color: b2c5dc;
	background-image: -webkit-gradient(linear, left top, right top, from(#8f9eb1), color-stop(0.25, #b2c5dc), color-stop(0.5, #c1d3ea), color-stop(0.75, #b2c5dc), to(#8f9eb1));
	background-image: -webkit-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);
	background-image: -ms-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);
	background-image: -o-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);	
	background-image: -moz-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}
.on {
	background-color: #b2c5dc;
	background-image: -webkit-gradient(linear, left top, right top, from(#c1d3ea), color-stop(0.25, #b2c5dc), color-stop(0.5, #8f9eb1), color-stop(0.75, #b2c5dc), to(#c1d3ea));
	background-image: -webkit-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);
	background-image: -ms-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);
	background-image: -o-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);	
	background-image: -moz-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);}
.over {
	background-color: #b2c5dc;
	background-image: -webkit-gradient(linear, left top, right top, from(#c1d3ea), color-stop(0.25, #b2c5dc), color-stop(0.5, #8f9eb1), color-stop(0.75, #b2c5dc), to(#c1d3ea));
	background-image: -webkit-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);
	background-image: -ms-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);
	background-image: -o-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);	
	background-image: -moz-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);}
#menuList ul li {
	display:inline-block;
	float:left; 
	margin: 0 auto;
	padding:.5em 0;
	background-color: b2c5dc;
	background-image: -webkit-gradient(linear, left top, right top, from(#8f9eb1), color-stop(0.25, #b2c5dc), color-stop(0.5, #c1d3ea), color-stop(0.75, #b2c5dc), to(#8f9eb1));
	background-image: -webkit-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);
	background-image: -ms-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);
	background-image: -o-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);	
	background-image: -moz-linear-gradient(top, #8f9eb1, #b2c5dc, #c1d3ea, #b2c5dc, #8f9eb1);
	border-right:1px solid #8f9eb1;
	border-left:1px solid #8f9eb1;} 
#menuList ul li a {
	text-align:center;
	text-decoration: none;
	font-size:1em;
	color:#000;} 
#menuList ul li:hover, menuList ul li:visited {
	background-color: #b2c5dc;
	background-image: -webkit-gradient(linear, left top, right top, from(#c1d3ea), color-stop(0.25, #b2c5dc), color-stop(0.5, #8f9eb1), color-stop(0.75, #b2c5dc), to(#c1d3ea));
	background-image: -webkit-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);
	background-image: -ms-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);
	background-image: -o-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);	
	background-image: -moz-linear-gradient(top, #c1d3ea, #b2c5dc, #8f9eb1, #b2c5dc, #c1d3ea);}
}
@media all and (min-width:300px) { /* use  (min-width:501px) for Multi-Device */
.accordionButton {visibility:hidden; display:none;}
.menuContent {width:100%; margin:auto; text-align:center;}
.csMenuTitle {
	visibility:visible; 
	display:block;  
	COLOR: #163c6a;
  FONT-WEIGHT: bold;
  FONT-SIZE: 1.25em;
	margin: .15em 0;
	text-align:center;}
#menuList ul {
  list-style: none;
	margin:.5em;
	padding:0;}
#menuList ul li {
	display:inline-block;
	float:left; 
	width:24%;
	margin: 0;
	padding:.15em .1em;
	border:0;} 
#menuList ul li a {
	padding:0;	
	font-size:1em;
	color:#000;
	text-decoration: underline;} 
}
@media all and (max-width:300px) { <!-- use (max-width:699px) for Multi-Device -->
.wrapDesktop {visibility:hidden; display:none;}
.wrapTabletPhone {visibility:visible; display:inline;}
.wrapDeskTablet {visibility:hidden; display:none;}
.wrapPhone {
	visibility:visible; 
	display:inline;	
	clear:both;
	width:100%;
	padding: .3em;}
.colHeader {visibility:hidden; display:none;}
.pageSpace {visibility:hidden; display:none;}
h1 {margin-top:0;}
.docTitle {margin: 0;}
.truckMenuLeft {     /* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
  float:left;
	margin:0 auto .3em auto;
  width:100%;
	position:relative;
	border:0 solid #777;
	}
.truckMenuMiddle {	     	/* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
  float:left;
	margin:0 auto .3em auto;
  width:100%;
  position:relative;
	border:0 solid #777;}
.truckMenuRight {     	/* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
  float:left;
	margin:0 auto .3em auto;
  width:100%;
  position:relative;
	border:0 solid #777;}
.menuText{
	margin-left:.6em;
	margin-right:2em;
	width:auto;
  position:relative;
  float:right;
  overflow:hidden;}
.menuText a{text-decoration:none;}
.wrapperSpecs {
	visibility:visible;
	clear:both;
	width:98%;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
	position:relative;
	padding:0;}
.dimension{line-height:.9em; font-size:.9em;}
.noShow {visibility:visible; display:inline;}
.pageSpace {clear:both; visibility:visible; display:block;}}
}
/* Small Phone */
@media all and (max-width:300px) {
.wrapperCont {visibility:hidden; display:none;}
.containerSpecs {font-size:.95em;}
.containerSpecsOuter {font-size:.95em;}
#menuList ul li {width:98%;}
}
@media all and (max-width:401px) {
#menuList ul li {width:49%;}
}
@media all and (min-width:250px) and (max-width:400) {
.wrapperCont {visibility:hidden; display:none;}
.containerSpecsOuter {height:auto;}
.containerSpecs {height:auto;}
}
@media all and (min-width:401px) and (max-width:699px) {
.wrapDeskTablet {visibility:visible; display:inline;}
.wrapPhone {visibility:hidden; display:none;}
.barMenu {visibility:visible; display:inline;}
.accordionMenu {visibility:hidden; display:none;}
.contImageLeft {
	visibility:visible; 
	display:inline;
	float:left; 
	width:48%;}
.contImageRight {
	visibility:visible; 
	display:inline;
	float:right; 
	width:48%;}
.truckMenuLeft {     /* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
  float:left;
	margin-bottom:.3em;
  width:33%;
	position:relative;
	border:0 solid #777;}
.truckMenuMiddle {	     	/* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
  float:left;
	margin-bottom:.3em;
  width:33%;
  position:relative;
	border:0 solid #777;}
.truckMenuRight {     	/* Container Service Maps, Car Carrier Service Maps, Container Specifications  */
  float:left;
	margin-bottom:.3em;
  width:33%;
  position:relative;
	border:0 solid #777;}
}
@media all and  (min-width:402px) and (max-width:562px) {
#menuList ul li {width:32.5%;}
}
@media all and (min-width:524px) and (max-width:562px) {
/* Media Query for Tablet Truck Images -------------------------------------------------------------- */
.textFit {font-size:.9em;}
.containerSpecs {
	width:20%;
	height:80px;}
.containerSpecsOuter {
	width:40%;
	height:80px;}
.containerTitle2 {height:20px;}
.containerTitle3 {font-size:1em;}
}
@media all and (min-width:300px) { /* use (min-width:563px) for Multi-Device */
.textFit {font-size:1em;}
.containerSpecs {
	width:20%;
	height:80px;}
.containerSpecsOuter {
	width:40%;
	height:80px;}
.containerTitle1 {height:52px;}
.containerTitle2 {height:20px;}
.containerTitle3 {height:25px;}
#menuList ul li {width:24%;}
}
@media all and (min-width:651px) and (max-width:699px) {
h1 {border:0;}
}
@media all and (min-width:700px) {
.wrapDeskTablet {visibility:visible; display:inline;}
.wrapPhone {visibility:hidden; display:none;}
.wrapperCont {
	max-width:700px;}
.contImageLeft {
	visibility:visible; 
	display:inline;
	float:left; 
	width:48%; 
	max-width:350px; 
	padding:0 0 0 .3em;}
.contImageRight {
	visibility:visible; 
	display:inline;
	float:right; 
	width:48%; 
	max-width:350px; 
	padding:0 .3em 0 0;}
.menuText{
	margin-left:.6em;
	margin-right:2em;
	width:auto;
  position:relative;
  float:right;
  overflow:hidden;}
.menuText a{text-decoration:none;}
.colHeader {
	clear:both; 
	visibility:visible; 
	display:block;
  COLOR: #396edf;
  FONT-WEIGHT: bold;
  FONT-SIZE: 1.1em;}
.wrapperSpecs {
	visibility:visible;
	clear:both;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	max-width:700px;
	position:relative;
	padding:.3em;}
.truckMenuLeft {
  float:left;
	margin-top:.3em;
	margin-bottom:.3em;
  width:33%;
	position:relative;
	border:0 solid #777;}
.truckMenuMiddle {
  float:left;
	margin-top:.3em;
	margin-bottom:.3em;
  width:33%;
  position:relative;
	border:0 solid #777;}
.truckMenuRight {
  float:left;
	margin-top:.3em;
	margin-bottom:.3em;
  width:33%;
  position:relative;
	border:0 solid #777;}
.dimension{line-height:.9em; font-size:.9em;}
.noShow {visibility:hidden; display:none;}
.pageSpace {clear:both; visibility:visible; display:block;}
#eqSpecsMenu {margin:0;}
}
@media print {
#eqSpecsMenu {visibility:hidden; display:none;}
}