/* CSS Document */

	/* CAD Drawings */
	.cad-navigation {}
		
		.cad-navigation ul {list-style:none;}
			
			.cad-navigation ul li {
			width:100%;
			background:none;
			padding-left:0;
			}
			
				.cad-navigation ul li a {
				display:block;
				font-size:16px;
				line-height:24px;
				background-color:#FBFBFB;
				padding:8px 10px 8px 10px;
				}
				
					.cad-navigation ul li:before {display:none;}
					
					.cad-navigation ul li a:hover {
					background-color:#f6f6f6;	
					}
				
	.cad-container {width:100%;}
	
		.cad-container .cad-cat-title,
		details summary.cad-title {
		width:100%; 
		padding:10px; 
		background-color:#f2f3f4;
		margin-top:10px;
		cursor:pointer;
		color:#5d91db;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		}
		
		.cad-container .cad-detail-container {
		width:100%;
		border:solid 1px #f2f3f4;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		}
		
		.cad-container .cad-detail {
		position:relative;
		clear:both;
		float:left;
		width:98%; 
		height:100px;
		padding:0 1%;
		margin:0 1% 10px 1%;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		border:solid 1px #f2f3f4;
		padding-top:12.5px;
		padding-bottom:12.5px;
		}
		
			.cad-container .cad-detail:nth-child(1) {margin-top:10px;}
		
			.cad-container .cad-detail .cad-detail-image {
			float:left; 
			width:75px;
			height:75px; 
			margin-right:3%;
			cursor:pointer;
			}
		
				.cad-detail .image-hover {
				position:absolute;	
				display:none;
				top:-110px;
				left:130px;
				z-index:99999;
				padding:4px;
				background-color:#fff;
				box-shadow:rgba(0,0,0,0.4) 0 0 10px;
				-webkit-transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
				transition:         all 600ms cubic-bezier(0.19, 1, 0.22, 1);
				}
				
					.cad-detail .cad-detail-image:hover .image-hover {display:block;}
					
				.cad-container .cad-detail .cad-detail-image img {
				padding:10px; 
				background-color:#f2f3f4;
				border-radius:5px;
				-webkit-box-sizing:border-box;
				-moz-box-sizing:border-box;
				-ms-box-sizing:border-box;
				box-sizing:border-box;
				height:100%;
				width:100%;
				}
				
			.cad-container .cad-detail .cad-detail-title {
			float:left; 
			width:32%; 
			margin-right:4%; 
			height:70px;
			vertical-align:middle;
			display:table;
			}
				.cad-container .cad-detail .cad-detail-title p {
				display:table-cell; 
				line-height:26px; 
				padding:0; 
				margin:0;
				vertical-align:middle;
				}
				
			.cad-container .cad-detail .cad-detail-links {
			float:left; 
			width:50%;
			height:75px;
			line-height:70px;
			vertical-align:middle;
			}
					
				.cad-container .cad-detail .form-item {
				width:32%;
				margin-right:2%;
				margin-top:20px;
				float:left;
				clear:none;
				display:block;
				margin-bottom:0;
				position:relative;
				}
				
					.cad-container .cad-detail .form-item:nth-child(3n+3) {margin-right:0;}
					.cad-container .cad-detail .form-item:nth-child(3n+4) {clear:left;}
					
					
					/*.cad-detail-links .cad-detail-zip {display:none;}*/
				
					.cad-detail-links .cad-detail-blank,
					.cad-detail-links .cad-detail-blank-last {
					float:left; 
					width:75%; 
					margin-right:9%;
					line-height:35px;
					height:35px;
					vertical-align:middle;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					-ms-box-sizing:border-box;
					box-sizing:border-box;
					}
					
					.cad-detail-links .cad-detail-blank-last {margin-right:5%;}
					
					.cad-detail-links .cad-detail-pdf,
					.cad-detail-links .cad-detail-dwg,
					.cad-detail-links .cad-detail-dxf,
					.cad-detail-links .cad-detail-zip,
					.cad-detail-links .cad-detail-aac {
					float:left; 
					width:100%; 
					margin-right:0%;
					line-height:35px;
					height:35px;
					vertical-align:middle;
					padding-left:40px;
					-webkit-box-sizing:border-box;
					-moz-box-sizing:border-box;
					-ms-box-sizing:border-box;
					box-sizing:border-box;
					background-color:#000;
					border-radius:5px;
					position:relative;
					z-index:700;
					}
					
						.cad-detail-links .cad-detail-zip {display:none;}
						
						.cad-detail-links .cad-detail-pdf:hover,
						.cad-detail-links .cad-detail-dwg:hover,
						.cad-detail-links .cad-detail-dxf:hover,
						.cad-detail-links .cad-detail-zip:hover,
						.cad-detail-links .cad-detail-aac:hover {background-color:#248ed4;}
						
						.cad-detail-links .cad-detail-zip a,
						.cad-detail-links .cad-detail-pdf a,
						.cad-detail-links .cad-detail-dwg a,
						.cad-detail-links .cad-detail-dxf a,
						.cad-detail-links .cad-detail-aac a {
						color:#fff;
						}
					
					.cad-detail-links .cad-checkbox {
					display:block;
					position:absolute;
					right:10px;
					top:12px;
					width:auto;
					height:auto;
					line-height:25px;
					cursor:pointer;
					z-index:800;
					}
					
						.cad-detail-links .cad-checkbox:hover {
						box-shadow:rgba(0,0,0,0.3) inset 0 0 4px;	
						}
						
						.cad-detail-links a:hover {color:#fff;}
						
						.selected-holder #selected-zips:before,
						.cad-detail-links a:before {
						font-family: 'specialized';
						content:"\e906";
						position:absolute; 
						left:12px; 
						right:0; 
						line-height:35px;
						color:#fff;
						}
						
						
						
	.selected-holder {
	padding-top:10px;
	clear:both;
	}
	
		.selected-holder #selected-zips {
		position:relative;
		float:left; 
		width:auto;
		clear:both;
		line-height:35px;
		height:35px;
		margin-top:20px;
		margin-bottom:20px;
		padding-left:35px;
		padding-right:15px;
		border-radius:5px;
		color:#fff;
		background-color:#000;
		vertical-align:middle;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		-ms-box-sizing:border-box;
		box-sizing:border-box;
		z-index:9999;
		}
			.selected-holder #selected-zips:hover {
			color:#fff;
			background-color:#f29613;
			}
	
	/* Contractors */
	.contractor-holder {
	width:100%;
	margin-top:10px;
	}
		.contractor-holder .contractor-item {
		margin:10px 0;
		width:100%;
		float:left;
		}
			.contractor-holder .contractor-item p {
			margin-bottom:0;
			}
			
			

@media screen and (max-width:1180px) {
	
	.cad-container .cad-detail {
	height:auto;	
	}
	
		.cad-container .cad-detail .cad-detail-image {
		float:left;
		width:32%;
		height:120px;
		margin-right:2%;	
		}
		
		.cad-container .cad-detail .cad-detail-title {
		float:left;
		width:66%;
		margin-right:0;
		height:70px;	
		}
		
		.cad-container .cad-detail .cad-detail-links {
		width:66%;
		height:auto;	
		}
		
			.cad-container .cad-detail .form-item {
			margin-top:0;
			margin-bottom:20px;	
			}
	
}

@media screen and (max-width:750px) {

	.cad-container .cad-detail .cad-detail-image {
	height:auto;
	min-height:70px;
	}
	
	.cad-container .cad-detail .cad-detail-links {
	clear:both;
	width:96%;	
	margin:20px 2% 0;
	}
	
}


@media screen and (max-width:580px) {
	
	.cad-details-page .layout.main,
	.cad-details-page .layout.side {
	width:100%;
	clear:both;	
	}
	
		.cad-details-page .layout.side {margin-top:80px;}
		
	.cad-container .cad-detail {
	width:94%;
	padding:0 3%;	
	margin-left:3%;
	margin-right:3%;
	}
		
}


@media screen and (max-width:400px) {

	.cad-container .cad-detail .cad-detail-image,	
	.cad-container .cad-detail .cad-detail-title {
	width:100%;
	margin-right:0;
	}
	
	.cad-container .cad-detail .cad-detail-links {
	width:100%;
	margin-right:0;
	margin-left:0;	
	}
	
		.cad-container .cad-detail .form-item {
		width:100%;
		clear:left;	
		}
			
	
}


