body {
	margin: 0;
	padding: 0;
	
	
}
html {
	margin: 0;
	padding: 0;
	
	
}
#main {width:100%;   min-height:100%; position:relative;  }

          
.menu {background:#FFFFFF; height:85px; letter-spacing:1px; width:100%; 
 
 
      
      
      }


div.wrapper_prdBrief {

         max-width:100%;
        
         
         display:none;
         padding-bottom:0px;
         box-shadow: 0px 3px 3px #DDDDDD;
         
        
}

div.widthControl{max-width:1024px;
         margin:auto;
       
         
         


                  }
div.prodDesp{
            height:auto;
            width: 100%;
            
            margin-top:30px;
            padding-top:10px;
            margin-bottom:10px;
            overflow:hidden

            
            
          
  
            
         }
         
 div.prodDesp h2 { font-weight:lighter;
                       color:gray;
                       
                    } 
 div.prodDesp h4  {
                    font-weight:lighter;
                       color:gray;
                       margin-top:40px;
                       
                      
              width:100%;
              font-size:20px;
              display:block;
              overflow:hidden
           
                       } 
 .inner_prdBrief {width:60%;
 
 float:left;
 padding-left:0px}
 
 div.box-list{
    margin-bottom:20px;
    margin-left:5px;
    width:95%;
    height:auto;
   
    float:left;
    border:thin #CCCCCC solid;

   
}

div.adsl  {
	height:auto;
	width:48%;
	float:left;
	display:block;
	vertical-align:middle;
	*border:thin #CCCCCC solid;
	
	margin-left:1%
	
}	

div#model-details {
	height:auto;
	width:70%;
	float:left;
	display:block;
	vertical-align:middle;
	margin-top:30px;
	
}	

img.model{
				width:100px;
				height:auto;
			    float: left;
			    margin-left:0%;
			    vertical-align:middle
			
}
		
		
div.adsl a#model {
   position:relative;
				 height:auto;
				 text-align:center;
				 margin-top:0px;
				 color:gray;
				 width:20%;
				 float:left;
				 display:block
								
				
}
div.adsl h3 {
	position:relative;
	width:100%;
	padding-left:10px;
	float:left;
	margin-top:20px;
	 font-weight:lighter
	

}
div.adsl h4 {
	position:relative;
	width:90%;
		padding-left:0px;
	float:left;
	margin-top:0px;
	margin-left:0px;
	 text-transform:uppercase;
	 *border-bottom:1px   #CFCFCF solid;
	  font-weight:lighter;
	  font-size:small;
	  color:#3366FF


}

div.adsl p {
    position:relative;
	width:100%;
	padding-left:0px;
	
	float:left;
	margin-top:0px;
	font-size:16px
}
div.adsl a:hover{
	color:#0099FF
}
div.adsl a#learn-more:hover{
	 background-color:#0066CC

}



ul.sub-sitemap {width:20%;
 float:left}
 
.sub-sitemap li {
            list-style-image:url('../images/breadcrumb_separator.png'); 
            list-style-position:outside;
                     
            float:left;
            padding-right:15px;
            height:20px;
            margin-right:5px;
            text-align:center
           
            
            

          }
 .sub-sitemap li a { font-size:small;
}
          
  div.prodDesp h2 {
            font-weight:lighter;
            width:100%;
            height:auto;
            margin-top:15px;
            margin-bottom:0px;
            margin-left:0px;
            float:left;
            padding-left:0px;
            text-align:center;
           
            padding-bottom:5px;
            padding-left:10px
           

            
            }
 
            
   div.innerWrapperColour {
            background-color:#E6E6E6;
              
               width:100%;
               height:auto;
              padding-bottom:30px;
               overflow:hidden
            
             }      
  
                       
      
 img.img_prdBrief { margin-right:15px;
          height:80px;
          width:auto;
           float:left;
           padding-top:10px;
           padding-left:30px

}
  .model_title h2{ display:inline-block;
 *border-bottom:thin #CCCCCC solid;

  
   padding-bottom:0px;
   margin-bottom:0px

                 }
h3.model_title  { 
        font-weight:lighter;
        margin-top:5px;
        padding-left:20px;
        margin-top:10px
        }

 
 h2.modelDesp {
				font-weight:lighter;
				font-size:x-large;
				
				padding-left:15px;
				width:40%;
				color:gray
			 
}

div.PrdSpec{
            width:70%;
             position:relative;
             height:auto;
             float:right;
             font-size:medium}
             
.LogoSet {
          width:100%;
           display:block}             

.featureLogo {
                 
                 
                 
                
                 display:block;
                 text-align:center
                 

}

div.overviewDesp{
                  width:100%;
                  display:block;
                  *border:1px #CCCCCC solid
                 }
div.OverviewText{
                width:90%;
               
                margin-bottom:0px;
                margin-top:0px;
                padding-top:0px;
                padding-bottom:0px;
                float:right
               
                
                }
                
.sectionImg { width:45%;
              float:left;
              margin-top:0px ;
              padding-top:0px;  }
.sectionImg img{
              width:95%}
    
p.overview {
      width:95%;
       position:relative;
       float:left;
     
      padding-left:20px;
      font-size:medium;
      text-align:justify
      
      
}
div.OverviewText ul { width:15%;
display:inline-block;
padding-left:0px;

 list-style:none;

float:none;
margin-left:1%;
text-align:center

}

 li.overviewLogo{
 -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 width:60px; 
                      height:60px;
                      
                       margin-left:8%;
                       font-size:10px;
                       display:inline-block;
                       border-radius:30px 30px 30px 30px;
                       
                       box-shadow:0px 0px 8px 8px #E6E6E6;
                       text-align:center ;
                       padding-top:30px;
                       vertical-align:middle            
                      }
                      
 li.overviewBrief{ width:100%;
                  
 text-align:center;
 margin-top:20px;
 font-size:x-small
 
                    }
 img.PrdFeatures {width:35%;
                 height:auto;
               
                 float:left
               
                }
	

.SampleEV {background-color:black;
           width:100%;
           display:block;
           height:auto;
           margin-top:10px;
           margin-bottom:10px;
           padding-top:5px;
           padding-bottom:0px;
           margin-left:10px;
       

           
}	



.SampleEV ul.note {

              width:95%;
              margin-left:0%;
              
              padding-top:0px;
              
              position:relative;
              float:left;
              text-align:left
             
              

              
              

}
.SampleEV ul.note li { margin-left:0%;
                       color:gray;
                        font-size:0.90em}
                       
                       
                 

  
                  
                  
.SpecTitle{
           width:100%;
           font:caption;
           padding-left:5%;
           
}
.SpecTitle:before {
          content:""}
.SpecDetials {
           width:100%;
           padding-left:10%;
           font-size:small
           
}
.SpecDetials:before{
  content: "•"; /* Insert content that looks like bullets */
  padding-right: 8px;
  color:#0066FF; /* Or a color you prefer */}
 .prdRes_content{ margin-top:70px} 
   
 div.RS_Block { width:33%;
                 float:left;
                 
                 margin-right:3px;
                 margin-bottom:3px }
                  
 div.RS_Block ul li a img { width:80px;
                            height:auto;
                            -webkit-filter: grayscale(100%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(100%); 
    -moz-transition: .3s ease-in-out;
    -o-filter: grayscale(100%); 
    -o-transition: .3s ease-in-out;}
 div.RS_Block ul li a img:hover { -webkit-filter: grayscale(0%);
    -webkit-transition: .3s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .3s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .3s ease-in-out;                      
                     }



/* Other
 * =============================== */



/* Floating BackToTop */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color:#0066FF;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color:gray;
}


/* FOOTER */

/* dropdown/close onclic */
.ac-container  {
	 
	 display:block;
	 
	 background:#333333;
	
	 
}
.ac-container div {margin-bottom:0px;
                   background:#333333;}
 .ac-container label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
	padding: 5px 20px;
	 
	z-index: 20;
	display:block;
	
	cursor: pointer;
	color:#FFFFFF;
    line-height: 30px;
	font-size:small;
	border-bottom:thin #FFFFFF solid;
	margin-bottom:0px;
	position: relative;
	
	
	
	

	
}
.ac-container label:hover{
   cursor:inherit
}
.ac-container input:checked + label:hover{
	
	*color: #FFFFFF;
	
}
.ac-container input:checked + label{
	
	*color: #FFFFFF;
	
}
.ac-container input:checked + label:hover:after{
	content: '';
	
	width: 24px;
	height: 30px;
	right: 13px;
	top: 0px;
	background: transparent url('LTE Pico/arrow_up.png') no-repeat center center;
	
	position: absolute;	
	
	
}
.ac-container label:hover:after{
	content: ' ';
	position: absolute;
	width: 24px;
	height: 30px;
	right: 13px;
	top: 7px;
	 background: transparent url('LTE Pico/arrow_down.png') no-repeat center center;
		
}
.ac-container input:checked + label:hover:after{
	background-image:url('LTE Pico/arrow_up.png');
}
.ac-container input{
	display: none;
}
.ac-container ul{
	
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	background-color:#FFFFFF;
	display:inline-block;
	width:100%;
	

	
}
.ac-container ul li {
	height:20px;
	 padding-left:40px;
	 padding-top:15px;
	  display:block;
	
	 width:100%;
	 list-style:none;
	  *border-bottom:thin gray solid;
}
.ac-container ul li a {
	  text-decoration:none;
	  width:90%;
	  display:inline-block;
	  color:gray;
	  height:30px
}
.ac-container input:checked ~ ul{ 
height: auto;

	
}
.ac-container input:checked ~ ul.ac-large{
	height: auto;
	
	

} 

/* end of dropdown-close */
#footer:after {
  content: "";
  display: table;
}
#footer:before {
  content: "";
  display: table;
}
#footer:after {
  clear: both;
}
#footer {
				font-family:  sans-serif;
				 width:100%;
			    margin-top:20px;
			    
			    position:relative;
			    
			    bottom:0px;
			    height:auto;
			     
			     font-size:0.75em;   left:0;
			     display:inline-block;
			     
			      

			    *zoom: 1;
			    
			   			  			  			  
}

.fullsite {
	display:inline-block;	
	width:100%;
	margin-top:0px
    
	
	
	

}

div.footerWrapper {margin:auto;
                   max-width:1024px;
                   border-top: thin #CCCCCC solid}

section.left  {       
                         height:auto;
                      
                         font-size:1em;
                         text-align:left;
                         width:25%;
                         margin-left:0%;
                         display:none;
                         padding-bottom:5px;
                         padding-left:2%
              
                         
                                    }
                                    
                                 

section.left ul li.sitemap_title {
				 
				 font-size:1.2em;
				 font-weight:normal;
				 margin-bottom:5px;
				 margin-top:15px;
				 padding-left:0px;
				 padding-top:10px;
				 padding-right:20px;
				 display:none;
				 border-bottom:thin #999999 solid;
				 padding-right:20px;
				 width:100%;
				 font-weight:bold;


				  
	
				
}
section.left ul{
	width:100%;
	display:inline-table
	}
}
section.left ul li {
	padding-left: 20px;
	list-style:none;
	
	  width:90%;
	
	  
	

 
	
}
section.left ul li a {
				color:gray; 
				text-decoration:none;
				padding-left:10px
}
section.left ul li a:hover {
				color:blue
}

@media all and (min-width: 800px) {


  #footer {
    max-width: 100%;
    height:auto;
   * border-top:thin #CCCCCC solid;
  }
  
  section.left {
    float: left;
    width: 20%;
    display: block;
    
    
   }
               
 #footer li.sitemap_title {
				  display:inline-block;
				   border-bottom:none;
				   font-weight:bold;
				    color:gray
	
				
}
section.left ul li {
	  list-style:none
}
.ac-container{
	display:none;
	

}
  
} /* end of @media of footer */
div.bottomWrapper { 

                    padding: 18px 0 20px 0; 
                    width:100%;
                   
                    background-color:gray;
				}

div.bottom { color:#FFFFFF;
 
  max-width:1024px;
  margin:auto;
 height:auto;
font-size:small;
margin-top:0px}


div.bottom ul li a {
	color:#FFFFFF
}

.copyright {
	width:100%;
	border-bottom:thin #FFFFFF solid;
	text-align:right;
	
}
.footerInfo { width:100%;
                text-align:right}
.bottom ul {
				
				width:100%;
				
			    margin-top:0;
			   
			   
			  
}
 .bottom ul li {
				 display:inline-block;
				
				height:13px;
				list-style:none;
				width:auto;
				
				margin-top:3px;
				 padding-right:0%;
				 text-align:left
				
				
				}
.bottom a {color:gray}
.bottom a:hover {
	 color:blue }
.bottom ul li a {
	color:#FFFFFF
}
	 
@media  (max-width: 800px) {  
div.OverviewText ul {width:45%;
                      }

li.overviewBrief { width:50%; display:inline-block
}
     div.prodDesp h4  {
                    
                        width:100%;
                        text-align:center}
     div.PrdSpec{
            width:100%;
            }

     div.RS_Block{  width:100%}
     
   
     
 div.footerWrapper {border-top:none;}

    .bottom ul {
   display:none
}
.fullsite {display:none}
   .copyright{
	border-bottom:none;
   text-align:center;
   width:100%
}
	#footer {
				background-color:#333333;
				height:auto
				 }
}
	.bottom ul{
	
	
}
	#footer .bottom ul li {
	width:100%;
	border-right:none;

	
}
}