﻿div.technologyTitle {
				display:inline-block;
				width:100%;
			    
			    height:auto;
			   background-color:#4D4D4D;
			   padding-top:100px
}
	
div.techDetails {
      display:inline-block;
      width:100%;
      
				
}
h1.techTiles {
		 position:relative;
	width:90%;
	
	float:left;
	margin-top:17%;
	color:white;

	
	 text-transform:uppercase;
	  font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:40pt;
				  
				
				  margin-bottom:10px;
				  padding-left:2%;
	            
}

div.techDesp {
	 display:inline-block;
	 width:38%;
	margin-left:10%;
	margin-top:2%
}
div.techDesp p {
				color:white;
				font-size:15pt;
				font-family: Open Sans, sans-serif;
				padding-left:5%;
				width:90%
				


}

div.prodDesp {
				width:80%;;
				margin-left:10%
				
}

div.subTechDetails{
				 width:50%;
				 display:inline-block;
				 float:left
}

div.subTechDetails img {
				width:50%;
			    margin-left:40%
}
div.subTechDetails h1 {
		 position:relative;
	width:80%;
	margin-left:20%;
	float:left;
	margin-top:10%;
	color:gray;

	
	 
	  font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:30pt;
				  
				
				  margin-bottom:10px;
				  padding-left:2%;
	            
}

div.subTechDetails p {
position:relative;
	width:65%;
	margin-left:20%;
	
	float:left;
	font-size:large;
	 font-family: Open Sans, sans-serif;

				
}

div.subTechDetailsFullwidth {

                 width:50%;
				 display:inline-block;
				 float:left

				
}

div.subTechDetailsFullwidth h1 {
		 position:relative;
	width:50%;
	margin-left:15%;
	float:left;
	margin-top:10%;
	color:gray;

	
	 
	  font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:30pt;
				  
				
				  margin-bottom:10px;
				  padding-left:2%;
	            
}

div.subTechDetailsFullwidth  p {
position:relative;
	width:50%;
	margin-left:20%;
	
	float:left;
	font-size:large;
	 font-family: Open Sans, sans-serif;

				
}

div.subTechDetailsFullwidth  img {
				width:50%;
			   
			    float:right
}

				
img.techDisplay {
     width:30%;
     float:left
				
}

div.featureDesp {
				display:inline-block;
				width:30%;
			    position:relative;
			    padding-bottom:5%;
			    padding-top:5%
}

 h1.featureTitle{

               position:relative;
	width:80%;
	margin-left:10%;
	float:left;
	margin-top:10%;
	color:gray;

	
	 
	  font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:30pt;
				  
				
				  margin-bottom:10px;
				  padding-left:2%;

				
}

h1.specTab {
		 position:relative;
	width:100%;
	margin-left:0%;
	float:left;
	margin-top:3%;
	color:gray;

	
	 
	  font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:30pt;
				  
				
				  margin-bottom:10px;
				  padding-left:2%;
	            
}

div.prodDespSpec { display:inline-block;
                width:80%;
                margin-left:25%;
                padding-bottom:3%
               
               
				
}

div.PrdSpec {
				width:25%;
				
				display:inline-table;
				margin-right:5%
				
				
}

p.SpecTitle{
           width:90%;
           
           padding-left:6%;
            font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:15pt;
				  display:inline-table;
				  vertical-align:text-top;
				  margin-bottom:10px;
				  margin-top:15px

           
}

p.SpecDetials {
           width:90%;
           padding-left:0%;
           font-size:small;
           display:inline-table;
           vertical-align:text-top;
           font-family: Open Sans, sans-serif;
				  font-style:normal;
				  font-weight:100;
				  font-size:15pt;
				  display:inline-table;
				  vertical-align:text-top;

         
           
}

.widthControl-white {

      width:100%;
      background-color:#F2F2F2;
      margin:0.5%;
      margin-bottom:10px;
      padding-left:0%

     
				
}

.widthControl-grey {

      width:100%;
     
      display:inline-block

				
}

div.deviceList {
				width:70%;
				 height:auto;
				 background:#F2F2F2;
				 
			
			 margin-left:15%;
			 
			 margin-right:0px;
			 margin-left:0px;
			 margin-top:0px;
			
			 display:inline-block;

}



/* from demo.css*/
/* Gallery styles */



div.box-list{
    margin-bottom:20px;
    margin-left:5px;
    width:100%;
    height:auto;
   
    float:left
   
}



div#model-details {
	
	width:40%;
	float:left;
	display:block;
	vertical-align:middle;
	margin-top:30px;
	
}	
			
		
div.deviceList a#model {
   position:relative;
				 height:auto;
				 text-align:center;
				 margin-top:25px;
				 color:gray;
				 width:20%;
				 float:left;
				 display:block
				
				 
				
				
}


div.deviceList h1 {
	position:relative;
	width:100%;
	padding-left:10px;
	float:left;
	margin-top:20px;
	
	
	 text-transform:uppercase;
	  font-family:Arial, Helvetica, sans-serif;
				  font-style:normal;
				  
				
				  margin-bottom:10px;
				  padding-left:2%;
	            
	              

	

}





div.deviceList p {
    position:relative;
	width:95%;
	padding-left:2%;
	
	float:left;
	margin-top:5px;
	font-size:13pt;
	font-weight:lighter;
	font-family:Arial, Helvetica, sans-serif;

}

div.deviceList ul {
    position:relative;
	width:95%;
	padding-left:5%;
	
	float:left;
	margin-top:5px;
	font-size:13pt;
	font-weight:lighter;
	font-family:Arial, Helvetica, sans-serif;
	list-style:none

}


div.deviceList a#learn-more {
	 position:relative;
	width:25%;
	height:23px;
	background:#0099FF;
	color:#FFFFFF;
	display:inline-block;
	margin-left:8%;
	margin-top:10px;
	padding-top:4px;
	border-radius:8px;
	text-align:center;
	float:left;
	text-decoration:none


	
}


div.deviceList a:hover{
	color:#0099FF
}
div.deviceList a#learn-more:hover{
	 background-color:#0066CC

}
li.acs{
			 width:100px;
			 margin:auto;
			 padding:1px;
			 margin-right:7px;
			 margin-left:7px;
			 margin-top:9px;
			 float:left;
}
a#model{
				color:  #666666;
				display:block;
				text-decoration:none;
				padding: 5px 5px;
				
				

}
a#model:link{
			   
				text-decoration:none;	
				
}
img.model{
				width:120%;
				height:auto;
			    float: left;
			    margin-left:10%;
			    
			    vertical-align:middle
			
}


img.acs {      width:90px;
				height:72px;
			    float: right				
}
h2.model{
				text-transform:uppercase;
				width:100%;
				
			
}
#model{
				
				font-size:11px;
				margin-bottom:0;
}
li.voip {
			 width:740px;
			 margin:auto;
			 height:160px;
			 padding:1px;
			 margin-right:7px;
			 margin-left:7px;
			 margin-top:9px;
			 float:left;
			 display:block;

}
li.voip a {
				color:gray;
				font-size:small;
			    text-align:justify
}
li.voip img.model {
				height:130px;
				width:200px;
				float:left;
				padding-left:15px;
				padding-right: 15px
}

#menu{
	/* This is the container for the thumbnails */
	height:30px;
	width:auto;
}

ul{
	margin:0px;
	padding:0px;
}

#menu ul li{
	/* Every thumbnail is a li element */
	width:85px;
	display:inline-block;
	list-style:none;
	height:35px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
}
#menu ul li b{
				  font:caption; color: #666666;
}
#menu ul li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(img/pic_bg.png) repeat;
}

li.act:hover{
	/* The active state of the thumb */
	background: url(img/active_bg.png) no-repeat;
}

#menu ul li.act{
	/* The active state of the thumb */
	background:url(img/active_bg.png)  no-repeat;
}
#menu ul li.act a{
	cursor:default;
}

.fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:1px;
	background:url(img/divider.png) no-repeat right;
}

#menu ul li a{
	display:block;
	background:url(img/divider.png) no-repeat right;
	height:35px;
	width:auto;
	padding-top:10px;
}


/* The styles below are only necessary for the demo page */






@media  (max-width: 800px) {
#models-wraper{
	width:90%;
	margin-left:5%
}
div.deviceList {
	width:100%;
	height:auto
}
div.deviceList p {
	 width:95%
}

a#model {
	 width:100%
}
div.deviceList div#model-details  {
	width:100%;
	height:auto
	
}
div.deviceList a#learn-more {
	float:left;
	width:90%;
	margin-left:5%;
	margin-bottom:15px
}
img.model {
	margin-left:35%
}
	
}
