@media print {
	.no_print {
		display: none;
	}
	.print_logo {
		display: block;
		margin: 0 auto;
	}	
}

.leftcol {
	display: none;
}

.rightcol {
	display: none;
}
.middlecol .section_container {
	background-color: #FFFFFF;
	}
.section_container {
	margin-top: 0px !important;
}
.slideshow-container{
	background-color: #fff;
	padding: 1em;
	}
.section_data {
	margin: 0 auto;
	}

h1,h2,h3,h4 {
	line-height: 1.3em;
	}
div.slideshow-container #video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

div.slideshow-container  #video-container iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*div.slideshow-container #content-left h3 {
	padding-top: 1em;
}*/

div.slideshow-container div#showcase {
  width: 20%;
}

@media screen and (min-width:0px) and (max-width:1100px) {
   div.slideshow-container {
      max-width: 99%;
    }
  div.wrapper {
    max-width: 65%;
  }
  div.wrapper2 {
    max-width: 65%;
  }
  .padding{
	margin-bottom:20px;  
  }

}

@media screen and (min-width:494px) and (max-width:1300px) {
  	div.slideshow-container p#content {
		width:60%;	
	}
	div.slideshow-container table {
		float:left;
		width:100%!important;	
	}
	h1.description_content {
		font-size: 1.3em!important;	
	}
	div.wrapper2 {
		margin-bottom:20px!important;	
	}
	.middlecol .section_container {
		background-color:transparent;
		border-color:transparent!important;	
	}
   .div.slideshow-container {
	max-width:100%!important;  
  }
}

@media screen and (min-width:1100px) and (max-width:1350px) {
   div.slideshow-container {
      max-width: 95%;
    }
   div.wrapper {
    max-width: 70%;
  }
  div.wrapper2 {
    max-width: 70%;
  }
 }

 @media screen and (min-width: 1350px) {
     div.slideshow-container {
      max-width: 80%;
    }
       div.wrapper {
    max-width: 75%;
  }
  div.wrapper2 {
    max-width: 75%;
  }
 }


/* Custom Page Introduction */
div.slideshow-container div#land-intro {
	font-size: 1.2em;
}

/* Primary Support Page */
div.slideshow-container div.support-tables input {
width: 100%;
text-align: center;
}

div.slideshow-container table#gen-support input {
width: 100%;
text-align: center;
}

div.slideshow-container div.support-tables table td{
min-width: 5em;
font-weight: bold;
width: 25%;
}
div.slideshow-container div.support-tables table {
	width: 75%;
	min-width: 600px;
}
div.slideshow-container #small {
	width: auto;
}
div.slideshow
div.slideshow-container #content-left input {
float: right;
font-size: 1.4em;
padding: .5em;
margin: 2em;
}
div.slideshow-container #right-content input {
float: none;
font-size: 1.4em;
padding: .5em;
margin: .5em auto auto auto;
}

div.slideshow-container #right-content {
width: 25%;
float: right;
/*background-color: #D8E2EE;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 0;/*border-radius: 10px;*/
min-width: :;
padding: 15px;
text-align: center;
/*border-left: solid 1px #D2D2D2;*/
border-width: 0px;
}
div.slideshow-container #right-content h4{
color: #990000;
text-align: left;
}
div.slideshow-container #right-content p,div.slideshow-container #right-content ul {
font-size: 1.1em;
/*padding-top: 3px;*/
text-align: left;
}
div.slideshow-container div#content-left {
	width: 66%; 
  float: left;
	}

ul {

}

li {
	padding-top: 0.15em;
}

li > ul {
	padding-bottom: 0.3em;
}

/* Custom Robotics */

div#custom-robots p#content {
width: 100%;
}
div#custom-robots a#content {
width: auto;
}
/* Tactical Robots */
div#tactical p#content {
width: 100%%;
}
div#tactical a#content {
width: auto;
}
div#tactical img#showcase {
width: 30%;
margin: auto 10px auto auto;
}
div#tactical div#details {
width: 30%;
margin: auto 10px auto auto;
float: left;
}
div#tactical div#details h3{
font-weight: normal;
}
div#tactical .nyroModal-gallery a{
text-decoration: none;
}
.nyroModal img{
border-style: solid;
border-color: #B3B3B3;
border-width: 0px;
}
div#tactical span {
font-size: .9em;
}
div#tactical h2 {
margin-top: 10px;
}
div#tactical #content-left input {
float: right;
font-size: 1.4em;
padding: .5em;
margin: 2em;
}
div#tactical #right-tactical input {
float: none;
font-size: 1.4em;
padding: .5em;
margin: .5em auto auto auto;
}
div#tactical #top-tactical {
width: 100%;
}

/* Robots for Education */


/* Motor Controllers */
div#motor-controller table td{
	text-align: left;
	padding: .5em;
	vertical-align: top;
	min-width: 110px;
	}
div#motor-controller table img {
	width: 100px;
	height: auto;
}


div#motor-controller table  span{
	display: block;
	}

/* Custom Robots */
div#custom-robots p#content {
	float: left;
	width: 70%;
	}
div#custom-robots #content-left img#showcase {
	border-style: solid;
	border-width: 2px;
	border-color: #B3B3B3;
	background-color: #f3f3f3;
	float: left;
	width: 70%;
	max-width: 70%;
	height: auto;
}
div#custom-robots #content-left #highlights{
	width: 100%;
	min-width: 500px;
	}
div#custom-robots #content-left #highlights img {
	width: 20%;
	height: auto;
	border-width: 1px;
	border-color: #B3B3B3;
	background-color: #f3f3f3;
	border-style: solid;
	}
div#custom-robots #content-left input {
	font-size: 1.2em;
	padding: .5em;
	margin-bottom: .5em;
	}

/*Profile Pages */

.slideshow-container p#profile-intro {
	/*width: 150%;*/
	font-size: 1em;
	}
/*Custom Fabrication */
div#mech-services img#showcase {
	width: 100%;
	max-width: 100%;
	}

/* Microcontrollers */
div#microcontrollers td {
background-color: #ffffff;
text-align: center;
}
div#microcontrollers td img {
height: 75px;
border: #B3B3B3;
border-style: solid;
border-width: 1px;
}
div#microcontrollers a.nyroModal img{
border: #B3B3B3 solid 1px;
}
div#microcontrollers h2 {
	float: left;
	clear: both;
	}
div#microcontrollers a#up {
	margin: 2px 0px 5px 0px;
	clear: both;
	float: left;
	}
/* WiFi */
div#wifi #slideshow-sub-hl li{
list-style-type: none;
font-size: 1.1em;
text-align: left;
}

div#wifi #slideshow-sub-hl ul{
padding: 2px !important;
color: #333;
}
div#wifi .nyroModal-gallery img {
border-style: solid;
border-width: 1px;
border-color: #8000;
padding: 2px;
margin: 5px;
}
div#wifi .highlight-links {
list-style-type: none;
padding: 5px;
text-align: left;
}
div#wifi .highlight-links a{
text-decoration: none !important;
font-size: 1.1em !important;
}
div#wifi .highlight-links a:hover {
text-decoration: underline !important;
}
div#wifi .info-bullets {
font-size: 1.1em;
}
div#wifi .info-callout span {
color: #141A46;
text-align: left !important;
font-size: 1.2em;
font-weight: bold;
}
div#wifi .info-callout {
background-color: #f3f3f3;
}
div#wifi #quick-links {
width: 240px;
margin-left: 5px;
}
div#wifi .jump {
text-align: left;
margin-left: 20px;
}
div#wifi .jump span {
font-size: 1.2em;

}
div#wifi .jump a{
text-decoration: none;
}
div#wifi .slideshow img {
width: 250px;
padding: 0px;
height: 200px;
}
div#wifi .slideshow div {
width: 100% important;
max-width: 100% !Important;
float: left !Important;
display: block !Important;
}

.content-pics-right img {
	margin: auto !important;
	display: block !important;
	}

/* Speed Calculator Specifics */

div#SpeedCalc {
	display: block;
}

div#SpeedCalc ul {
	border: 2px solid;
	border-radius: 10px;
	list-style-type: none;
	list-style-image: none;
	margin: 2em auto;
	width: 550px;
}

div#SpeedCalc ul li {
	margin: 0.5em 0;
	min-height: 1.5em;
}

div#SpeedCalc ul li > label
{
	display: block;
	float: left;
	padding-right: 0.5em;
	clear: none;
	min-width: 14em;
	max-width: 14em;
	line-height: 2.8em !important;
	word-wrap: normal;
	text-align: right;
}

div#SpeedCalc ul li span
{
	line-height: 2.0em;
}

div#SpeedCalc ul li input[type=text], div#SpeedCalc ul li select
{
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	/*line-height: 1em;*/
	padding-left: 0.2em;
}

div#SpeedCalc textarea
{
	resize: vertical;
}

div#SpeedCalc ul li table td
{
	border: 0;
	padding: 1px;
	margin-top: 0;
}

div#SpeedCalc ul li table label
{
	text-align: left;
	display: inline;
	clear: none;
	width: auto;
}

div#SpeedCalc ul li table td input
{
	clear: none;
	width:auto;
}

div#SpeedCalc .form_button
{
	margin-top: 1em;
}

div#SpeedCalc input:enabled {
	padding: 0.5em;
	text-align: center;
}

div#SpeedCalc input:disabled {
	background-color: #C00;
	color: #FFF !important;
	padding: 0.5em;
	text-align: center;
}

/* End Speed Calculator */

  div.RobotProfileContent {
    margin-left: 450px;
    min-width: 510px;
  }
  div.RobotProfileImages {
    float: left;
  }
    div.wrapper{
  float:left; /* important */
  clear:both;
  position:relative; /* important(so we can absolutely position the description div */
  margin:0px;
  max-width: 70%;
}
div.wrapper2{
  float:left; /* important */
  clear:both;
  position:relative; /* important(so we can absolutely position the description div */
  margin:0px;
  max-width: 100%;
  padding-right: 20px;
  /*border-width: 2px;*/
  /*border-color: #162A63;*/
  /*border-style: solid;*/
}
.wrapper-custom-inner{
  border-width: 2px;
  border-color: #162A63;
  border-style: solid;
  position: relative;
  height: 500px; /* set a default height */
}
div.description{
  position:absolute; /* absolute position (so we can position it where we want)*/
  bottom:0px; /* position will be on bottom */
  left:0px;
  width:100%;
  /* styling bellow */
  background-color:black;
  font-family: 'tahoma';
  font-size:2.2em;
  color:white;
  opacity:0.8; /* transparency */
  filter:alpha(opacity=80); /* IE transparency */
}

p.description_content{
  padding:10px;
  margin:0px;
}
h1.description_content{
  padding:10px;
  margin:0px;
  font-family: 'Arial' !important;
  font-size: 1.3em !important;
  color: white !important;
  /*opacity: 0.8 !important;*/
  font-weight: 200 !important;
}

div.image_content{
  margin-left: 450px;
  margin-top: 15px;
}
div.right_banner{
  float:right;
  width:350px;
  border: 1px solid black;
  margin:5px;
  padding:5px;
}
div.right_banner p{
  margin-top:0px;
  padding-top:0px;
  clear: none;
}
div.clear {
  clear: both;
}
ul.bxslider img{
  margin:0 !important;
  padding:0 !important;
  max-height: none !important;
}
ul.bxslider {
  margin:0 !important;
  padding:0 !important;
  clear: none;
  width: 800px;
  float: left;
}
div.bx-wrapper {
  clear: both;
}

.container {
  width: 80%;
  margin: auto;
  padding:0;
  display: table;
        table-layout:fixed; 
        line-height:1.5em;
        background-color:#e6e6e6;
 
}

.header {
  background:#2B3856;
  width:100%;
  color:white;
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  padding-left: 20px; 
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  display: table-cell;

  moz-border-radius-topleft: 10px;
  webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;

  moz-border-radius-topright: 10px;
  webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.cell {
  background-color:#e6e6e6;
  text-align:center ;
  vertical-align: middle;
  display: table-cell;  
        padding-left: 10px;
        width:2%;
}

.link {
        text-align:left;
        padding-left:20px;
        background-color:#e6e6e6; 
  vertical-align: middle;
  display: table-cell;  
        padding-bottom:5px;          
}

.row {
  display: table-row;
}

.footer {
  background:#2B3856;
  width:100%;
  height: 20px;
  display: table-cell;

  moz-border-radius-bottomleft: 10px;
  webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;

  moz-border-radius-bottomright: 10px;
  webkit-border-bottom-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

div.container a:link {color:#162A63;}    /* unvisited link */
div.container a:visited {color:#670404;} /* visited link */
div.container a:hover {color:#670404;}   /* mouse over link */
div.container a:active {color:#162A63;}  /* selected link */ 

.left {
  background-color:#e6e6e6;
  width: 200px;
  text-align:left ;
  vertical-align: middle;
  padding-left:50px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: table-cell;
  border-bottom: 1px;
}

div.left a:link {color:#162A63; text-decoration:none;}    /* unvisited link */
div.left a:visited {color:#670404; text-decoration:none;} /* visited link */
div.left a:hover {color:#670404;text-decoration:none;}   /* mouse over link */
div.left a:active {color:#162A63;text-decoration:none;}  /* selected link */      

.right {
  background-color:#e6e6e6; 
  padding: 20px;
  width:50%;
  text-align:left ;
  vertical-align: middle;
  display: table-cell;
  text-align: justify;
}

div.right a:link {color:#162A63;}    /* unvisited link */
div.right a:visited {color:#670404;} /* visited link */
div.right a:hover {color:#670404;}   /* mouse over link */
div.right a:active {color:#162A63;}  /* selected link */ 

h3 {
	font-weight: 100 !important;
	font-style: Arial;
	font-size: 1.2em !important;
	font-color: #990000 !important;
}

/**
 * custom page h2
 */
.slideshow-container h2{
	font-size: 1.8em !important;
}


@media only screen and (min-width : 0px) and (max-width : 320px) {
	.wrapper-custom-inner{
		height: 200px;
	}
}


/* Portrait */
@media only screen and (min-width : 320px) and (max-width : 480px) {
	.custombutton{
		font-size:75%!important;	
	}
	div.slideshow-container{
		width:95%!important;
		max-width:95%!important;	
	}
	div.slideshow-container h1{
		font-size:1.3em!important;
	}
	div.slideshow-container h2{
		font-size:1.2em!important;	
		padding-top:0px!important;
		margin-top:0px!important;
	}
	div.slideshow-container div#content-left{
		width:100%!important;	
	}
	div#custom-robots #content-left #highlights img{
		width:auto!important;
		clear:both;	
	}
	div.slideshow-container #showcase ul{
		padding-left:2em;	
	}
	div.slideshow-container div#showcase span{
		padding-left:.5em;	
	}

	div.slideshow-container div#showcase, #showcase{
		width:70%!important;
		float:left;	
	}
	iframe{
		width:90%!important;
	}
	div.slideshow-container #profile-left{
		width:100%!important;
	}
	h1.description_content {
		font-size:1.3em!important;
	}
	div.slideshow-container {
		width:100%!important;
		margin:0px!important;
	}
	.middlecol .section_container {
		background-color:#FFF;
		float:left;
		width:100%;	
	}
	/*div{
		float:left;
		width:100%;	
	}*/
	.left{
		float:left!important;
		width:100%!important;
		padding-bottom:0px!important	
	}
	.right{
		float:left!important;
		width:90%!important;
		text-align:left!important;
		padding-top:0px!important;		
	}
	#Support .container{
		width:100%!important;	
	}
	div.slideshow-container ul {
		padding-left:0px!important;
		width:80%!important;	
	}
	.simplesearch_input{
		margin-left:0px!important;
		width:220px!important;	
	}
	.topbanner div {
		/*  margin-left:-10px!important; */	
	}
	.wrapper-custom-inner{
		height: 200px;
	}
}

.hide_23 {
	display: none;
}
@media only screen and (min-width : 480px) and (max-width : 667px) {
	.topbanner div {
		/* margin-left:-10px!important;	*/
	}
	div.slideshow-container{
		width:95%!important;
		max-width:95%!important;	
	}
	div.slideshow-container h1{
		font-size:1.3em!important;
	}
	div.slideshow-container h2{
		font-size:1.2em!important;	
		padding-top:0px!important;
		margin-top:0px!important;
	}
	div#custom-robots #content-left #highlights img{
		width:70%!important;	
	}
	div.slideshow-container #showcase ul{
		padding-left:2em;	
	}
	div.slideshow-container div#showcase span{
		padding-left:.5em;	
	}

	div.slideshow-container div#showcase, #showcase{
		width:60%!important;
		float:left;	
	}
	iframe{
	width:80%!important;
	}
	div.slideshow-container #profile-left{
	width:90%!important;
	}
	h1.description_content {
	font-size:1.3em!important;
	}
	div.slideshow-container {
		width:80%!important;
		float:none;	
	}
	.middlecol .section_container {
		background-color:#FFF;
		float:left;
	}
	.simplesearch_input{
		margin-left:0px!important;
		width:220px!important;	
	}
	/*div{
		float:left;
		width:100%;	
	}*/
	.left{
		float:left!important;
		width:100%!important;	
		padding-bottom:0px!important	
	}
	.right{
		float:left!important;
		width:80%!important;
		text-align:left!important;
		padding-top:0px!important;	
	
	}
	#Support .container{
		width:100%!important;
			
	}
	div.slideshow-container ul {
		padding-left:0px!important;	
		width:80%!important;	
	}
	.wrapper-custom-inner{
		height: 250px;
	}
	.wrapper-custom-inner{
		height: 250px;
	}
}

/**
 * wrapper for custom pages
 */

@media only screen and (min-width : 667px) and (max-width : 900px) {
	.wrapper-custom-inner{
		height: 300px;
	}
	#showcase{
		float: left !important;
	}
}


@media only screen and (min-width : 900px) {
	.wrapper2{
		width: 60%;
	}
	.wrapper-custom-inner{
		height: 250px;
	}
}



@media only screen and (min-width : 1100px) {
	.wrapper2{
		width: 65%;
	}
	.wrapper-custom-inner{
		height: 300px;
	}
}

@media only screen and (min-width : 1400px) {
	.wrapper2{
		width: 75%;
	}
	.wrapper-custom-inner{
		height: 400px;
	}
}

@media only screen and (min-width : 1700px) {
	.wrapper2{
		width: 75%;
	}
	.wrapper-custom-inner{
		height: 500px;
		max-width: 1145px !important;
	}
}

.bx-wrapper{
	width: 1200px !important;
}
.bxslider li{
	width: 1200px !important;
}

@media only screen and (min-width : 700px) and (max-width : 1235px) {
	
	.bx-wrapper{
		width: 700px !important;
	}
	.bxslider li{
		width: 700px !important;
	}	
}

@media only screen and (min-width : 0px) and (max-width : 700px) {
	
	.bx-wrapper{
		width: 300px !important;
	}
	.bxslider li{
		width: 300px !important;
	}
	.bx-caption{
		visibility: hidden;
	}	
}

.botsec h4{
	color: #fff;
	font-weight: bold;
}

.lgImg {
    max-width: 100%;   
    width: auto;   
    height: auto; 
}