@charset "UTF-8";
/* CSS for product.php */

.Social{
	height:64px;
	text-align:center;
}

/*.Social img{
	padding-top: 4px;
	padding-left:20px;
	height:35px;
	width:auto;
}*/
.Social img{
	display:block;
	padding-top: 4px;
	margin-left:auto;
	margin-right:auto;
	max-width: 50%;
	
}

.page {
	width: 100%;
	/*max-width:705px;*/
	/*max-width:637px;*/
	/*max-height:1024px;*/
	margin: 0px auto 0px auto;
	position:relative;
	
}

.productHeader{
	/*background-color:#003a70;*/
	text-align:center;
	color:#eee;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1.4em;
	padding-bottom:5px;	
}

.pageHeader{
	vertical-align:bottom;
	background-color:#003a70;
	padding-top:3.5em;
	height:30px;
}

.productSummary{
	margin-top:1.75em;
}

.productSummary table{
	width:95%;
	margin: 0 auto 0 auto;
}

.productSummary table td{
	width:50%;
	text-align:right;
	font-size:1.25em;
}
.productSummary table td+td{
	width:50%;
	text-align: left;
	padding-left:2.5em;
	color:222;
	font-size:1.25em;
}

.productSummaryStats{
	text-align:right;	
}

.productPicture{
	text-align:center;
	
}

.productPicture img{
	margin: 2em auto 2em auto;
	width:95%;
	/*margin-left: auto;
	margin-right: auto;*/
	max-width: 400px;
	-webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
  	-moz-transform: rotate(180deg);        /* FF */
  	-o-transform: rotate(180deg);          /* Opera */
  	-ms-transform: rotate(180deg);         /* IE9 */
  	transform: rotate(180deg);             /* W3C compliant browsers */
}

.productDrawing img{
	margin: 2em auto 2em auto;
	width:95%;
	/*margin-left: auto;
	margin-right: auto;*/
	max-width: 400px;
}

#canvas2D{
	width: 100%;
	height: auto;
	margin-left:auto;
  	margin-right:auto;
  	max-width: 400px;
  }

#divCanvas3D{
	height: 200px;
	/*width: 400px;
	height: 300px;
	margin-left:auto;
  	margin-right:auto;
  	max-width: 400px;*/
}

.productPricing{
	clear:both;
	width: 75%;
	padding-bottom: 3em;
	margin-left:auto;
	margin-right:auto;		
}

#productPricing{
	width:100%;	
}

#productPricing th{
	background-color: #003a70;
	color:#ffffff;
}

.productPricing #PriceHead{
	background-color:#003a70;	
}

.productPricing #PriceHead td{
	
	color:#fff;
	text-align:center;
	width:80px;	
	padding:2px;	
}

.productPricing td{
	
	color:#000;
	text-align:center;
	width:80px;	
	padding:2px;	
}

.productHoleDescription{
	text-align:center;
	margin: 1em auto 1em auto;
}



.productSpecs table{
	width: 100%;
	margin: 0 auto 0 auto;
}

.productSpecs table td{
	/*font-size:.7em;*/
	text-align:right;
	padding-right: 1em;
	width:50%;
}

.productSpecs table td+td{
	text-align:left;
	padding-left:2em;
}

.productAppNotes{
	width: 100%;
	/*margin-top: 1em;*/
	margin: 1em auto 1em auto;
	
}



#productAppNotesTitle{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;	
	font-weight:bold;
}

.productAppNotesTextDies{
	
	width:600px;
	height:450px;
	overflow:scroll;
	background-color:#EEE;
	border: 2px solid;
	padding: 0 1em 0 1em;
	
}

.productAppNotesText{
	
	width:90%;
	margin: 0em auto 0em auto;
	/*height:20%;*/
	max-height: 10em;
	overflow:scroll;
	background-color:#EEE;
	border: 2px solid;
	padding: 0 1em 0 1em;
	color:#000;
	
}

.productAppNotesText p{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 1em;	
	
}

.productMatRecommendations{
	
}

.productMaterialsTitle{
	color:#003a70;
	font-size:1em;
}

#materialMenu{
	/*background-color: #ff0;	*/
}

.productMaterials{
	text-align:center;
	width: 85%;
	margin: 1em auto 1em auto;
	/*width:300px;
	float:left;	*/
}
.productWarning{
	font-size: .7em;
}

.productRecommendations{
	text-align:center;
	/*padding-top:20px;*/
	font-size: .9em;
	width: 85%;
	margin: 1em auto 1em auto;
}

#productSFMrow{
	background-color:#003a70;
	color:#fff;
}

#coolant{
	color:#003a70;
}

#surfacetreatment{
	color:#003a70;
}

#hookrake{
	color:#003a70;
}

button{
	background-color:#003a70;
	width: 100px;
	color:#fff;
	padding:5px;
	margin-left:20px;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	
	
}

.productSpecs{
	width:95%;
	margin: 1em auto 1em auto;
}

.productFavorites{
	clear:both;
	float:left;	
}

.productQuoteButtons{ 
	text-align:right;
}

.productSFMtable td{
	font-size:.9em;
	text-align:center;
	width:80px;
	
}
.productSFMtable{
	margin: 1em auto 1em auto;width:95%;
	margin: 1em auto 1em auto;
}

.productRecommendtable{
	font-size:.9em;
	width:95%;
	margin: 1em auto 1em auto;
}

.productRecommendtableTD{
	width:50%;
	text-align:right;
	padding-right:1em;	
}

#buttonstable{
	width:680px;	
}



#selectQuote{
	padding-left:100px;	
}

.callus{
	clear:both;
	text-align:center;
	color:#f00;	
}


input[type=radio] {
  display: none;
}

label{
	padding:10px 20px 10px 20px;
}

 /* Currently Selected Main Tab*/
input[id^="tab"]:checked + label {
  color: #555;
  border-radius:0px;
  border: 1px solid #ddd;
  border-top: 2px solid #003a70;
  border-bottom: 1px solid #fff;
  padding:10px 20px 12px 20px;
  
}

 /* Currently Selected Sub Tab*/
input:checked + label {  
  color: #555;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /*border-top: 2px solid red;*/
  border-top: 2px solid #003a70;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  border-bottom: 1px solid #efefef;
  padding:10px;
  
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3
{
  display: block;
}

#tabBar{
	padding: .5em 0 1em 0;
	margin: 1.5em auto 0 auto;
	width: 95%;
	
}
.specTab{
	height: auto;
	width: 95%;
	display: none;
	margin-top: 10px;
	border: 1px solid #ddd;
	border-radius: 3px;
	
	 
}

#butFavorites{
	margin-top:50px;
}
.productPageHeader{
	padding-top:50px;
}




/*Media Queries*/


@media only screen and (min-width : 781px) {
	#ctlBox {
		  /*position: fixed;*/
		  /*border-color: #eee;
		  border-style:solid;
		  border-width:2px;*/
		  
		  margin-top: -70px;
		  float:right;
		  z-index: 4;
		  overflow: auto;
		  /*top: 0px;
		  right: 0px;*/
		  width: 130px;
		  opacity: 1;
		  /*padding: 20px 0px;*/
		  height: 100%;
		  /*max-height: 1024px;*/
		  /*max-height:calc(100% - 200px);*/
		  background-color: #003a70;
		  color: #eeeeee;
		  transition: all 350ms cubic-bezier(0.6, 0.05, 0.28, 0.91);
		}
		
	.page{
		margin-right: 130px;
		
	}
	#fixedBar{
		width: 100%;
		position: relative;
		background-color: #003a70;
	}
	.pageHeader{
		vertical-align:bottom;
		background-color:#003a70;
		padding-top:0em;
		height:30px;
	}
}


@media only screen and (min-width : 632px) {
	.productMaterials{
		/*float: left;*/
		/*width:50%;*/
	}
	.productRecommendations{
		/*width:50%;
		margin: 0;
		display: inline-block;*/
	}
}
@media only screen and (max-width : 568px) {
	
}
@media only screen and (max-width : 504px) {
	
}
@media only screen and (max-width : 405px) {
	
}