@import "./bootstrap.less";
 
//Site Colors
@gray:#e5e5e5;
@gold:#d7a91f;
@brightGold:#f4bd16;
@darkGold:#7a6012;
@hpBlue:#0e437e;

.tabs{
	//display:none;
}



body{
	font-family:"Arial","Helvetica",sans-serif;
	color:#333;
	background-image:url(../images/bg-body.jpg);
	//#gradient > .vertical( #888,#ddd );	
	background-repeat:repeat-x;
	background-color:#d2d2d2;
	a{
		color:@hpBlue;
	}
	#footer{
		width:992px;
		margin:0 auto;
		margin-top:10px;

		font-size:12px;
		font-weight:bold;
		color: lighten(#444444,8%); 
		#address-phone{
			height:23px;
			float:left;
			width:60%;
			#address{
				margin-right:10px; 
				padding-right:13px;
				border-right:2px groove #f9f9f9; 
			}
			#phone{
				&:before{
					content:"Phone: ";
				}
			}
		}
		#footer-links{
			/*display:none;*/
			height:23px;			
			float:right;
			text-align:right;
			.block-menu{
				ul{
					margin:0 0;
					li{
						list-style:none;
						float:left;
						margin-left:7px;
						border-left:2px groove #f9f9f9; 
						padding-left:5px;
						padding-bottom:3px;
						a{
						    color:#585858;
						    //color:white;
						    //text-shadow:1px 1px #999;
						}
						&:first-child{
							border-left:0;
						}
					}
				}				
			}

		}
		#copyright{
			float:left;
			width:50%;
			font-size:11px;
			color: lighten(#444444,25%); 
			font-weight:normal;
		}
		#creator{
			text-align:right; 
			float:right;
			width:35%;
			font-size:11px;
			color: lighten(#444444,25%); 
			font-weight:normal;
			margin-bottom:30px;
			a{
				color: lighten(#444444,25%); 
			}
		}
	}
	#page-wrapper{
		width:992px;
		.box-shadow(0.9px 0px 7px #444);
		/*border-left:1px solid 	#eee;
		border-right:1px solid 	#eee;*/
		#page{
			background-color:white; 
			
			#header{
				background-image:url(../images/headerbg.jpg);
				height:140px;
				position:relative;
				#london-metal-exchange{
					position:absolute;
					right:6px;
					top:93px;
				}
				#lme-header-chart{
				    position:absolute;
				    right:8px;
				    top:35px;				     
				    width:135px; 
				    height:93px;
				    border:1px solid darken(@hpBlue,10%);
				    //.border-radius(5px,5px);
				    overflow:hidden;
				    .chart-title{
					display:block;
					background:@hpBlue;
					text-align:center;
					font-size:10px;
					color:lighten(@gold,20%);
					text-shadow:1px 1px 0 @hpBlue; 
					margin-top:0; padding-top:0;
					
				    }
				    #VisifireChart{		
					height:75px;
				    }
				}
				
				#name-and-slogan{
					top:40px;
					left:250px;
					position:absolute;
					color:@gold;
					#phone-fax{
						text-align:center;
						font-size:11px;
						text-transform:uppercase;
						margin-bottom:6px;
						font-weight:bold;	
						#phone-free{
							color:white;
							margin-right:6px;
						}
						#fax{
							color:white;
							margin-left:5px;
						}						
					}
					#site-slogan{
						color:white; 
						font-family: "adobe-garamond-pro-1","adobe-garamond-pro-2", "Times New Roman", "Georgia", serif; 
						font-size: 25px;
						text-shadow:1px 1px 1px #000a1c;
						strong{
							color:@gold;
							font-style:italic;
							font-weight:bold;
						}
					}
				}

				#logo{
					margin:5px 0 0 28px;
				}
				
				#search-box{
					display:none;
					width:300px;
				}
				#block-menu_block-4{
					background-color:#1d1d1d;
					float:right;
					ul{
						padding:3px 0 0 0;
						margin:0 3px;
						height:25px;
						li{
							list-style:none;
							float:left;
							a{
								font-size: 10px;
								color: lighten(#e3e3e3,7.5%);  
								text-shadow:1px 1px 0px #555;
								padding: 0 8px;
								border-right: 1px solid #888;
								font-weight:bold;
								
							}
							&.last a{	border-right:none; }
						}
					}
				}
			}
			#main-wrapper{				
				#main{
					#content{
						width:700px;
						margin-left:255px;
						padding-top:21px;
						margin-bottom:15px;  
						.breadcrumb{
							padding:			7px 11px 9px;
							font-size:10px;
							display:inline;
							line-height:1;
							background-color:#f5f5f5;
							margin-left:-11px;
							a{
								color:#777;
							}
						}
						h1.title{
							color:@hpBlue;
							font-size:22px;
							font-family:"Arial","Helvetica",sans-serif;
							margin-top:23px;
							margin-bottom:6px;
						}
						.content{
							width:715px; 
							table{
								border-width:0px;
								border:3px solid  darken(@hpBlue,10%);
								float:right;
								thead{
									#gradient > .vertical( darken(@hpBlue,10%),desaturate(lighten(@hpBlue ,5%),30%) );	
									height:30px;
									tr{
										th{
											padding:10px;
											color:white;
											text-shadow:1px 1px darken(@hpBlue, 10%);
											background:url(/sites/all/themes/howard/images/table-seperator.gif) left center no-repeat; 
											&:first-child{
												background:none;	
											}
										}

										th.sorting:after{
											content:"";
											background:url(/sites/all/themes/howard/images/th-sort.gif) left center no-repeat; 
											width:10px;
											height:11px;
											margin-top:4px; 
											float:right;
										}
										th.sorting_asc:after{
											content:"";
											background:url(/sites/all/themes/howard/images/th-sort-asc.gif) left center no-repeat; 
											width:10px;
											height:11px;
											margin-top:4px; 
											float:right;
										}
										th.sorting_desc:after{
											content:"";
											background:url(/sites/all/themes/howard/images/th-sort-desc.gif) left center no-repeat; 
											width:10px;
											height:11px;
											margin-top:4px; 
											float:right;
										}
									}								
								}
								tbody{
									tr{
										td{
											padding:10px;
										}
										&.odd{
											td{
												background-color:hsl(4,4%,90%);	
											}
										}
									}
								}
								width:100%;	
								
							}
							p{
								&:first-child{
									margin-top:0;
								}
							}
						}
						iframe{
						    width:104%;
						    height:790px; 
						    border:0px;
						    //overflow-y:hidden;
						    //overflow-x:hidden;  
						    //overflow:hidden;
						    

						}
						#content-iframe-1626{ // Midwest Averages
						    height:790px;
						}
						#content-iframe-1628{ // 
						    height:620px;
						}
						#content-iframe-1627{ // 
						    height: 590px;
						}
						#content-iframe-1629{ // 
						    height: 500px;
						}			
						
					}
					#navigation{
						height:auto;
						#block-search-0{
							float:right;
							margin:7px 7px 0 0;  

							.title{
								display:none;
							}
							input[type="text"]{
								height:21px;
								border:1px inset #ccc;
								vertical-align:top;
								.border-radius(3px, 3px);
								padding-left:3px;
								color:#333; 
								.box-shadow(-1px -1px 0px #eeef inset);
							}
							input[type="submit"]{
								background: #EEE; /* old browsers */
								height:25px;
								margin-left:0px; 
								padding-bottom:3px;
								width:60px; 
								text-align:center;
								#gradient > .vertical( darken(@hpBlue,10%),lighten(@hpBlue ,5%) );
								.border-radius(5px, 5px);
								border:0;
								color:white;
								font-size:12px;
								text-shadow:1px 1px darken(@hpBlue,10%);
							}
						}
						#block-menu_block-2{
							width:750px;
							float:left;
							.menu-name-primary-links{
								ul{
									width:992px;
									background: #E5E5E5;
									height: 40px;
									border-top:1px solid #222;  
									background: url(/sites/all/themes/howard/css/../images/top-menu-nav-bg.png) center center repeat-x;
									li{
										padding:11px 0 0 0;
										height:23px;
										display:inline;
										list-style:none;
										text-align:center;
										a{
											border-right:2px groove #f9f9f9;
											text-decoration: none;
											color: desaturate(spin(lighten(#193970,2%),-5%),-10%); 
											text-shadow: 0px 1px #e5e5e5 ;
											margin-left: 27px;
											font-weight: bold;
											font-family: "Arial","Helvetica",sans-serif;
											font-size: 15px;
											padding-right: 30px;
											&:visited{}
											&:active{}
											&:hover{ color: saturate(spin(lighten(#193970,8%),-10%),10%); }

										}
									}
									.last a{
										border-right:none;
									}
								}
							}
						}			
					}
					.region-sidebar-first{
					
						width:233px;
						margin-top:46px;
						.section{
							margin:0;
							#block-block-8{
								margin-top:0px; 
								margin-bottom:0px;
								.title{
									display:none;
								}
								.content{
									margin-left:10px;
									a{
										
										display:block;
										width:211px;
										background-color:#eee;
										padding:7px 5px 8px 9px;
										font-weight:bold;
										text-decoration:underline;
										font-size:13px;
										background: url(/sites/all/themes/howard/css/../images/button-template.jpg) left top repeat-x;
										color:white							
									}
								}
							}
							#block-webformblock-1622>.title{
									margin: 0 0 0 10px;
									font-size: 13px;
									background: url(/sites/all/themes/howard/css/../images/button-template.jpg) left top repeat-x;
									width: 216px;
									height: 14px;
									padding: 9px 0px 10px 9px;
									color:white;
							}
							#block-webformblock-1622>.content{
								border:1px outset #eee;
								border-top:0;
								
								background: #EEE; /* old browsers */
								background: -moz-linear-gradient(top, #EEE 0%, #DDD 100%); /* firefox */
								background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEE), color-stop(100%,#DDD)); /* webkit */
								background: -o-linear-gradient(top, #EEE 0%,#DDD 100%); /* opera */
								width:221px;
								padding-bottom:10px;
								margin-bottom:10px;
								position:relative;
								&:after{
										content:"";
										color:white;
										width:8px;
										height:8px;
										background-image:url(../images/nav-left-bottom-edge-darker.gif); 
										background-position:bottom right;
										background-repeat:no-repeat;
										position:absolute;
										right:-1px;
										bottom:-1px;
									}

							}
							#block-webformblock-1622{
								label{
									text-shadow:1px 1px #fff;
								}
								.content{
									font-size:13px;
									margin-left:10px;
									float:left;

									input[type="submit"]{
										margin:0 10px 0px 0;
										background: #EEE; /* old browsers */
										height:25px;
										padding-bottom:3px;
										width:60px; 
										text-align:center;
										#gradient > .vertical( darken(@hpBlue,10%),lighten(@hpBlue ,5%) );
										.border-radius(5px, 5px);
										border:0;
										color:white;
										font-size:12px;
										text-shadow:1px 1px darken(@hpBlue,10%);
									}

									.webform-component-textfield input, .webform-component-textarea textarea{
										width:194px;
									}
								}
							}
							.block-menu_block{
								margin-bottom:6px; 
								.title{
									margin: 0 0 0 10px;
									font-size: 13px;
									background: url(/sites/all/themes/howard/css/../images/button-template.jpg) left top repeat-x;
									width: 216px;
									height: 14px;
									padding: 9px 0px 10px 9px;
									a{
										text-decoration:none;
										color:white;
									}
								}
								ul{
									margin: 0 0;
									padding-left:0px;
									position:relative;
									&:after{
										content:"";
										color:white;
										width:8px;
										height:8px;
										background-image:url(../images/nav-left-bottom-edge.gif); 
										background-position:bottom right;
										background-repeat:no-repeat;
										position:absolute;
										right:0px;
										bottom:0px;
									}

									li{
										list-style: none;
										padding: 9px 0;
										/*background: url(http://jeffrey.com/sites/all/themes/howard/css/../images/goldarrow.gif) -3px 7px no-repeat;*/
										border-bottom: 1px solid #ccc;
										padding: 9px 0;
										margin-left: 10px;
										&:nth-child(even){
											background-color:#e8e6e6;
											
										}
										&:nth-child(odd){
											background-color:#dfdfdf; 
											
										}
										&.last{
											border-bottom:1px solid #c5c5c5;
										}
										a{
											display:block;
											width:200px;
											margin-left:10px;
											font-size:12px;
											font-weight:bold;
											text-decoration:none;
											font-family: arial,helvetica,sans serif;
											text-shadow:1px 1px white;
											&:before{
												content:"";
												width:7px;
												height:7px;
												background-image:url(/sites/all/themes/howard/images/goldarrow.gif);
												display:block;
												float:left;
												margin-top:6px;
												margin-right:4px;
											}
										}
									}
								}
							}
						}
					}
				}
			}


			#block-menu-primary-links{
				li{
					background-image:url(../images/button-nav.jpg);
					background-repeat:no-repeat;
					background-position:0 0;
					float:left;		
				}
			}	
		}
	}
}

.front{
	#content{
		.breadcrumb,h1.title{
			display:none!important;
		}
		.content{
			margin-top:-3px;
			>h1.gold-text{
				margin-top:8px;
				padding-bottom:0;
				margin-bottom:0;
				color:@hpBlue;
			}
			>p{
				margin:2px 0 8px;
					
			}
			#bucket-area{
				width:739px;
				padding-bottom:10px;
				overflow:hidden;
				>div{
					float:left;
					width:31%;
					margin-right:1.3%;
					border:1px solid @gold;
					.border-radius(10px 10px);
					/*-moz-border-radius:10px 10px;
					border-radius:10px 10px;*/
					.title-cap{
						.title{
							background: #EEE; /* old browsers */
							#gradient > .vertical(@gold,#ad8818);
							margin:1px; 
							.border-radius(8px 8px 0px 0px);
							padding:6px 6px 4px 6px;
							text-shadow:1px 1px darken(#ad8202,10%);
							border-bottom:1px solid darken(@gold, 21%);
							a{
								font-size:16px;
								font-weight:bold;
								color:white;
								text-decoration:none;
								&:before{
									content:"";
									width:9px;
									height:8px;
									background-image:url(/sites/all/themes/howard/images/whitearrow.gif);
									display:block;
									float:left;
									margin-top:3px;
									margin-right:6px;
									margin-left:5px;
								}
								
							}
						
						}
						
					}
					>a{
						float:left;
						img{
							margin-top:12px;
							margin-left:0px;
						}
					}
					.bucket-text{
						float:right;
						width:134px;
						margin:10px 12px 0 0;
						font-size:11px;
						line-height:1;
						height:65px;
						text-align:left;
					}
					.clickhere{
						margin:0 10px 10px 0;
						background: #EEE; /* old browsers */
						@click_here_paddingtop:3px;
						padding:@click_here_paddingtop 0 0;
						height:25px - @click_here_paddingtop;
						width:100px; 
						text-align:center;
						#gradient > .vertical( darken(@hpBlue,10%),lighten(@hpBlue ,5%) );
						.border-radius(5px 5px);
						float:right;
						a{
							color:white;
							text-decoration:none;
							font-weight:bold;
							font-size:12px;
							text-shadow:1px 1px darken(#183056, 6%);
							position:relative;
							&:before{
								content:"";
								background:url(../images/saw-trans.png) bottom left no-repeat;
								display:block;
								width:100px;
								height:100px;
								position:absolute;
								right:8px;
								bottom:-5px;
							}
						}

					}
				}
			}
			#sponsorship{
				.dist-title{
					color:#485d71;
					font-weight:bold;
					font-size:12px;
				}
				ul{
					padding-left:0;
					li{
						float:left;
						display:block;
						width:90px;
						height:60px;
						border:1px solid #ccc;
						text-align:center;
						padding-top:20px;
						margin-bottom:10px;
						margin-right:10px;
					}
				}	
			}
		}
	}	
}

.product-type-filter{
	margin-top:10px;
	span{
		font-weight:bold;
		&.filter-select{
			select{
				margin-left:0; 
				height:25px;
				padding:3px;
				margin-left:5px; 
			}
		}
	}	
}

#alloy-temper-specs_filter{
	display:none;
}
#alloy-temper-specs{
	font-size:12px;
	.score{
		overflow:hidden; 
		width:10px;
		height:20px;
		float:right;
		margin-right:10px; 
	}
}

#distributors{
	padding-left:0;
	width:600px;
	li{
		float:left;
		display:block;
		width:90px;
		height:60px;
		border:1px solid #ccc;
		text-align:center;
		padding-top:20px;
		margin-bottom:10px;
		margin-right:10px;
	}
}

.section-random-rack iframe{
	border:0;
}

#content .webform-client-form{
	width:330px;
	div{
		width:100%;
		float:left;
	}
	.webform-component-email,.webform-component-textfield,.webform-component-select{
		height:30px;
		margin-bottom:5px;
		label{
			float:left;
			widht:100px;
		}
		input,select{
			float:right;
			width:200px;
			height:20px;
			padding-left:4px;
		}
	}

	.webform-component-textarea{
		.form-item{
		margin:0;
		margin:10px 0 0 0;
			textarea{
				float:left;
				height:100px;
				margin-top:5px;
			}
		}
	}

	input[type="submit"]{
		background: #EEE; /* old browsers */
		height:25px;
		margin:10px 0 0 0;
		padding-bottom:3px;
		width:60px; 
		text-align:center;
		#gradient > .vertical( darken(@hpBlue,10%),lighten(@hpBlue ,5%) );
		.border-radius(5px, 5px);
		border:0;
		color:white;
		font-size:12px;
		text-shadow:1px 1px darken(@hpBlue,10%);
		float:right; 

	}
}


.content{
	.see-also{
		color:#333;
		font-size:12px;
		display:block;
		margin-bottom:2px;
	}
	.pdf-link{
		display:block;
		font-weight:normal;
		font-size:12px;
		padding-left:25px;
		margin-bottom:5px;
		background:url(/sites/all/themes/howard/images/icon-file-pdf.png) center left no-repeat;
	}
}

.page-sitemap{
	.site-map-box{
		.title{
			display:none;
		}
	}
}

.page-industries-served{
	#block-menu_block-3{
		display:none;
	}
	.view-industries-served{
		.view-content{
			>div{
				float:left;
				@width:600px;
				margin-top:20px;
				.views-field-field-thumbnail-fid{
					float:left;
					img{
					.border-radius(6px);	
					}
				}
				.views-field-title{
					float:right;
					text-align:left;
					width:@width;
					font-size:14px;
					font-weight:bold;
					margin-bottom:4px;
					color:#0E437E;
					margin-top:-4px;
				}
				.views-field-body{
					width:@width;
					float:right;
					font-size:12px;
				}
				&.last{
					margin-bottom:20px;
				}
			}
		}
	}
}

.page-aluminum{
	#product-list{
		float:left;
		width:100%;
		border-top:1px solid #888;
		border-bottom:1px solid #888; 
		margin-bottom:20px;
		margin-top:5px;
		ul{
			float:left;
			width:20%;
			margin-top:0px;
			margin-bottom:15px;  
			li{
			    	list-style:none;
				margin-left:0;
				text-align:center;
				h3{
				    	margin-bottom:5px;
					width:100%; 

				}
			&:first-child{

			}
				
			}
		}
	}
}



.page-node-1623{
	#physical-location{
		float:right;
		padding:20px;
		background:#f4f4f4;
		width:320px;
		border:1px solid #eee;
		font-size:12px;
	}
	
}



.node-type-location-page{
    .location-info{
	float:left;
	width:300px!important; 
	display:block;
    }
    #gmap{
	float:right;
	border:2px solid #444;
	width:300px!important;
	height:200px!important;
    }
}