﻿a {
				text-decoration:none
}

	/* Products styles */
	
.photos {
	overflow: hidden;
	border: none;
	padding: 10px;
	

	float: left;
	
	width:45%
}

ul.thumbs {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
	width: auto;
	float: left;

	margin-left:0;
	list-style:none

	

	
}

.photos img.logo {margin: 0 auto; display:block;}
.photos div img {
	padding:0px 0;
	margin: 0px 0;
	float:none;
}
.photos ul.thumbs li{
	width: auto;
	height: auto;
	margin: 0px 0px 0 0;
	padding-top: 10px;
	float: left;
	overflow: hidden;
	

	border: 
}
.photos ul.thumbs li:hover {
	border: 1px solid  #3399FF;
	
}
.photos ul.thumbs li img {

	 
	
}
div#model {
     
	width:50%;
	float:left;
	*border-bottom:thin #CCCCCC solid
}
div#model p.title {
	margin-top:5px;
	margin-bottom:8px;
	font-size:large;
	width:100%;
	padding-left:1%;
	 font-family:MyriadProRegular,Helvetica,Arial,sans-serif;
	 

	
}
div#model p.dscp {
	margin-top:15px;
	font-size:21px;
	width:100%;
	padding-left:1%;
	padding-bottom:5px;
	 font-family:MyriadProRegular,Helvetica,Arial,sans-serif;
	 border-bottom:thin #CCCCCC solid

	
}

div.related {
				float:left;
				width:100%;
				margin-left:2%;
				margin-bottom:10px;
				border:0px solid #f0f0f0;
				padding-bottom:10px;
				
				height:auto;
				display:inline-block;
				

}
 h3.related { width:100%;
text-transform:uppercase;

margin-bottom:20px;
font-weight:lighter;
border-top:thin  #CCCCCC solid;
float:left;
padding-top:15px;
padding-left:2.5%;
display:inline-block

}



#border-top {
				background-image:url('../../images/border-top.gif'); 
background-repeat:repeat-x; float:left; vertical-align:top;width:100%
}
#left-top-corner {background:url('../../images/left-top-corner.gif') no-repeat left top;
}
#right-top-corner {background:url('../../images/right-top-corner.gif') no-repeat right top; 
width:190px
}
#inner {
				  padding-left:40px;  padding-bottom:8px; padding-top:8px;   padding-right:42px;
				   font:caption; color:white; font-size:0.70em;font-weight:bold; 		   
}
#related-list ul li {
				float:left;
				height:52px;
				display:block;
				margin-top:5px;
				}
#related-list ul li b {
				font-size:xx-small
}
#related-list ul li a {
			 color:inherit;
			 height:58px;
			 display:block
			 
}
#related-list ul li a:hover {
				outline-style:solid;
                outline-color:#3399FF;
                outline-width: 1px;
              
}
#related-list img{   width:50px; height:48px;
                     float:left	;
                	padding-top:10px;
                	
}
b.related-dscp{
				float:right;
				width:140px;
				height:40px;
				padding-top:10px;
				font-size:x-small;
				float:left;
				vertical-align:middle
				
}
.related-dscp a {
				text-decoration:none;
			    color:inherit }
.products-header {
				 float: left;
				 width:100%;				
			     margin-top:15px;
			     border-bottom:thin #f0f0f0 solid;
			     padding-bottom:5px;
			     display:none
			 			
}

.products-header  div#products-header {
				 font-family:Arial, Helvetica, sans-serif;
				 display:block;
				 padding-top:10px;
				 font-size:X-large;
				 width:70%
}
.products-header div#q-call {
				font-family:Arial, Helvetica, sans-serif;
				 display:block;
				 padding-top:10px;
				 font-size:medium;
				 float:right

}

#product-wraper {
				max-width:1024px;
				margin:auto;
				margin-top:80px

}
		
.highlights {
				width:45%;
				float:left;
				margin-left:0px;
				margin-top:5px
				
}
div.highlightsWrap{
				float:right;
				width:290px;

}

.highlights h5 {  margin-left:5%;
                 }
.highlights ul { float:left;
				 font-family:Arial, Helvetica, sans-serif;
				 font-size:small;
				 list-style:disc;
				 padding-left:10%;
				 margin-top:10px;
				 margin-bottom:10px;
				 display:block;
				 width:90%;
				 
					}
					
#download {
				padding: 5px 10px;
background-color:#0099FF; 
	background-repeat:repeat-x; 	float:left; 	vertical-align:top;
			   	margin-top:10px;
			   	text-transform:uppercase;
			   	font:caption; 	color:white;
			   	font-size:small;
			   	font-weight:bold
}	


#pdf {
				float:left;
				padding-left:20px;
			    list-style:none;
				width:80%;
				text-align:justify
}	
#pdf li {
				 padding-left:0px;
				 padding-bottom:6px;
				 padding-left:20px;
				 
				 
				
				 vertical-align:middle;
				 width:15%	;
				 float:left
				 			
}	
#pdf li a {
				color:  #333333; 
				font-size:small;
			   vertical-align:text-top;
			   text-transform:uppercase;
			   width:auto
			  
				
				
				
}

#pdf li a img:hover {
				text-decoration:none; 
				border:thin gray solid 

}

/* quote button */
div.quote  {
	 background:#0099FF;
	 width:30%;
	 float:left;
	 margin-left:10%;
	 margin-top:55px;
	 border-radius:4px;
	 
}

div.quote label{
	font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;

	position: relative;
	z-index: 20;
	display: block;
	height: auto;
	cursor: pointer;
	color:#FFFFFF;
	width:100%;
	

	
	line-height: 35px;
	font-size:medium;
	 text-align:center;
	 

	
}

div.quote label:hover{
   cursor:pointer
}
div.quote input:checked + label,
div.quote input:checked + label:hover{
	
	color: #FFFFFF;
	
}
div.quote label:hover:after,
div.quote input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 24px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url('../CSS3Accordion/images/arrow_down.png') no-repeat center center;	
}
div.quote input:checked + label:hover:after{
	background-image:url('../CSS3Accordion/images/arrow_up.png');
}
div.quote input{
	display: none;
}
div.quote ul{
	background: rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	overflow: hidden;
	height: 0px;
	position: relative;
	z-index: 10;
	background-color:white;
	border-bottom: 1px #E5E5E5 solid;
	border-left: 1px #E5E5E5 solid;
	border-right: 1px #E5E5E5 solid;
	width:100%;

	
border-bottom-right-radius:4px;
border-bottom-left-radius:4px;


}

div.quote ul li {
	height:auto;
	 padding-left:0px;
	 padding-top:5px;
	 padding-bottom:5px;
	 
	 width:33.3333%;
	  font-size:small;
	  float:left;
	  list-style:none;
	  text-align:center
}
div.quote ul li a {
	  text-decoration:none;
	  width:100%;
	  display:block;
	  color:black
	  
}
div.quote ul li img {
	  
	  width:40px;
	  
	 
	  
}

div.quote ul li a:hover{color:gray}
div.quote ul li p {
	  text-decoration:none;
	  width:100%;
	  display:block;
	  height:20px;
	   vertical-align:baseline
	  
}

div.quote input:checked ~ ul{
	
}
div.quote input:checked ~ ul.quo-large{
	height: auto;
} 
div.quote input:checked ~ ul.quo-large li {width:33.333%}
/* quote button ends */

}
div#icons {
				 
				
				 width:100px;
				 
				 float:right;
				 margin-right:5px

				}
img#icons {
				width:22px;
				height:19px;
				float:right;
				margin-right:7px;
				
				
}

div.widthControl{max-width:1024px;
         margin:auto;}
@media  (max-width: 800px) {
.photos {
	width:100%;
	float:none

}
div#model{
	width:100%
}
div#model p {
	font-size:medium;
	text-align:left
}
div.sitemap {
	display:none
}
#product-wraper {
	margin-top:45px;
	width:100%;
	margin-left:0;
	margin-right:0
	
}
li#adsl {
	width:100%
}
.highlights {
				display:none
}
div.quote {
	width:80%;
	
}

div.quote label {

font-size:smaller;

	}

div.highlights {
	width:80%;margin-left:3%
}
}
