/*





Theme Name: WilkofIndustrial


Author: Ricky Kamil 


Version: 1


.


Copyright by WilkofIndustrial


.


[Table Of Contents] 


	0- Reset


	1- Global


	2- Links


	3- Headings


	4- Header 


	5- Navigation


	6- Middle 


	7- Forms


	8- Extras


	9- Footer 


*/


/* =0 Reset


–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


/*@import url('reset.css');*/





/* =1 Global


–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


body {


	background:url(../images/back_grey.jpg) #fff; 


	line-height: 1;


	margin:0;


	margin-bottom:40px;


	vertical-align: top;


	padding:0;


	color: #000;
	font:normal 12px Arial, Helvetica, sans-serif;
}


#container {


	margin:auto;


	margin-top:0px;


	width:980px;


	position:relative;


}


.front_left {


	background:url(../images/background.jpg) repeat-x top right;


}


.front_right {


	background:url(../images/background.jpg) repeat-x top left;


}


.front_mid {


	background:url(../images/background.jpg) repeat-x top left;


}


#topheader {


	background:url(../images/back_top_header-global.jpg) top no-repeat;


	position:relative;


	width:894px;


	height:145px;


}


#topheader_inner {


	background:url(../images/back_top_header-global.jpg) top no-repeat;


	position:relative;


	width:894px;


	height:168px;


}


#logo {


	width:255px;


	height:125px;


	position:absolute;


	top:0px;


	left:20px;


}





#sloganarea1 {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	line-height: 18px;
	right: 0;
	top: 10px;
	position: absolute;
	text-align: right;
	text-align: center;
	font-size:20px;
}

#sloganarea1 a.quote-btn, a.btn {
	background:url(../images/btn-bg.png) repeat-x #ffc10e;
	color:#fff;
	font-weight:bold;
	padding:0 20px;
	text-decoration: none;
	font-family:Rockwell;
	display:block;
	float:right;
	line-height:25px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	-webkit-box-shadow:0 2px 2px rgba(0,0,0,.5);
	-moz-box-shadow:0 2px 2px rgba(0,0,0,.5);
	box-shadow:0 2px 2px rgba(0,0,0,.5);
	margin:7px 0;
	font-size:14px;
}
a.btn {
	
}


#sloganarea2{


	font-family:"Times New Roman", Times, serif;


	font-size:12px;


	font-weight:bold;


	color:#fff;


	line-height:15px;


	left:580px;


	top:28px;


	text-align:right;


	position:absolute;


	width:300px;





}





#navmenu{


	left:286px;


	top:99px;


	position:absolute;


}


#navmenu a:link{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}





#navmenu a:hover{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}


#navmenu a:visited{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}











#submenu_products{


	left:84px;


	top:135px;


	position:absolute;


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


}





#submenu_products a:link{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}





#submenu_products a:hover{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}


#submenu_products a:visited{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}








#submenu_store{


	left:373px;


	top:135px;


	position:absolute;


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


}





#submenu_store a:link{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}





#submenu_store a:hover{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}


#submenu_store a:visited{


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#fff;


	font-weight:bold;


	text-decoration:none;


}














#side_left {


	width:4px;


	background:url(../images/left.gif) top right;


}


#side_right {


	width:4px;


	background:url(../images/right.gif) top left;


}


#container_mid {


	background:url(../images/back_mid.gif) repeat-x #e3e7e9;


	margin-bottom:-10px;


}


.right {


	float: right;


}


.left {


	float: left;


}


.align-left {


	text-align: left;


}


.align-right {


	text-align: right;


}


.align-center {


	text-align:center;


}


.justify {


	text-align:justify;


}


.hide {


	display: none;


}


.clear {


	clear: both;


}


.bold {


	font-weight:bold;


}


.italic {


	font-style:italic;


}





.underline {


	border-bottom:1px solid;


}


.highlight {


	background:#ffc;


}


img.centered {


	display: block;


	margin-left: auto;


	margin-right: auto;


}


img.alignleft {


	float:left;


	margin:4px 10px 4px 0;


}


img.alignright {


	float:right;


	margin:4px 0 4px 10px;


}


.clearfix:after {


	content: ".";


	display: block;


	clear: both;


	visibility: hidden;


	line-height: 0;


	height: 0;


}


.clearfix {


	display: block;


}


html[xmlns] .clearfix {


	display: block;


}


* html .clearfix {


	height: 1%;


}


/* =2 Links





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


a:link, a:visited {


	color: #333;


}


a:hover {


	color: #111;


}


a:active {


	color: #111;


}





/* =3 Headings





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/


h1 {

	font: bold 2em;


}


h2 {


	font: bold 1.5em;


}


h3 {


	font: bold 1.2em Arial, Geneva, Helvetica, sans-serif;


}


h4 {


	font: bold 1em Arial, Geneva, Helvetica, sans-serif;


}


h5 {


	font: bold 0.9em Arial, Geneva, Helvetica, sans-serif;


}





.text_black {


	font: normal 12px Arial, Helvetica, sans-serif;


	color:#000;


}





.text_black_big {


	font: normal 14px Arial, Helvetica, sans-serif;


	color:#000;


}





.text_black_big2 {


	font: normal 18px Arial, Helvetica, sans-serif;


	color:#000;


	font-weight:bold;


	padding-bottom:4px;


}


.borderbottomblack {


	border-bottom:2px #666666 solid;


}








.text_black_small {


	font: normal 11px Arial, Helvetica, sans-serif;


	color:#000;


}


.text_red_big {


	font-family:Arial, Helvetica, sans-serif;


	font-weight:bold;


	font-size:14px;


	color:#b42b33;


}


.text_red_big2 {


	font-family:Arial, Helvetica, sans-serif;


	font-weight:bold;


	font-size:13px;


	color:#b42b33;


}


.text_red_big3 {


	font-family:Arial, Helvetica, sans-serif;


	font-weight:bold;


	font-size:18px;


	color:#b42b33;





}





p, li {
	font-size:12px;
	color:#464646;
}





.xtitle {





	/*line-height:30px;*/





	padding-top:10px;





	padding-bottom:10px;





}





.text_blue {





	font-family:"Times New Roman", Times, serif;





	font-size:18px;





	color:#0f9fc3;





}





.text_blue_big {





	font-family:"Times New Roman", Times, serif;





	font-size:20px;





	color:#0f9fc3;





}





.text_front_grey {


	font-family:Arial, Helvetica, sans-serif;


	font-size:12px;


	color:#333333;


	line-height:18px;


}





.text_front_grey a:link{


	font-family:Arial, Helvetica, sans-serif;


	font-size:12px;


	color:#333333;


	line-height:18px;


	text-decoration:none;


}


.text_front_grey a:active{


	font-family:Arial, Helvetica, sans-serif;


	font-size:12px;


	color:#333333;


	line-height:18px;


	text-decoration:none;


}


.text_front_grey a:visited{


	font-family:Arial, Helvetica, sans-serif;


	font-size:12px;


	color:#333333;


	line-height:18px;


	text-decoration:none;


}


.text_front_grey a:hover{


	font-family:Arial, Helvetica, sans-serif;


	font-size:12px;


	color:#333333;


	line-height:18px;


	text-decoration:underline;


}





/* =4 Header





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/











#header {





	background:url(../images/header.gif) no-repeat;





	width:972px;





	height:151px;





}











#mid_div {





	background:url(../images/mid_div.gif) no-repeat;





	width:972px;





	height:8px;





}

















/* =5 Navigation





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/











#navigation {





	background:url(../images/menu_back.gif) no-repeat;





	width:950px;





	height:49px;





	margin:auto;





}











#frontflash{





	position:relative;





}








#flashmovie{





	position:absolute;





	top:0px;





	left:0px;


	


	z-index:90;





}








#cover{





	position:absolute;





	top:0px;





	left:0px;





	z-index:99;





}





/* =6 Middle





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





# content_mid {


	height:100px;


}


.front_bottom {


	background: #f7921c;


	border-top:#fff solid 6px;


	border-bottom:#fff solid 6px;


	height:200px;


}





.front_bottom_inner {


	background:url(../images/back_brownstrip.gif) top repeat-x #fff;


	border-top:#fff solid 6px;


	border-bottom:#fff solid 6px;


	min-height:400px;


}





#sheavepage {


	position:relative;


}


#sheavepagepic {


	position:absolute;


	top:119px;


	left:645px;


}





#slingpage {


	position:relative;


}


#slingpagepic {


	position:absolute;


	top:104px;


	left:624px;


}





#wireropepagepic {


	position:absolute;


	top:276px;


	left:639px;


}








#content_fallprotection {


	position:relative;





}


#pic_fall1 {


	position:absolute;


	z-index:10;


	top:3px;


	left:545px;


}





#pic_fall2 {


	position:absolute;


	z-index:10;


	top:94px;


	left:556px;


}





#pic_fall3 {


	position:absolute;


	z-index:10;


	top:254px;


	left:557px;


}





#pic_fall4 {


	position:absolute;


	z-index:10;


	top:429px;


	left:568px;


}





#pic_fall5 {


	position:absolute;


	z-index:10;


	top:541px;


	left:630px;


}





#pic_fall6 {


	position:absolute;


	z-index:10;


	top:686px;


	left:539px;


}








/* =7 Form





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





.myform{





	width:400px;





	padding:14px;





	padding-left:0px;





}





#stylized{





}





#stylized h1 {





	font-size:14px;





	font-weight:bold;





	margin-bottom:8px;





}





#stylized p{





	font-size:11px;





	color:#666666;





	margin-bottom:20px;





	border-bottom:solid 1px #b7ddf2;





	padding-bottom:10px;





}





#stylized label{





	color:#444444;





	font:Arial, Helvetica, sans-serif;





	font-size:11px;





	display:block;





	font-weight:bold;





	text-align:left;





	width:130px;





	float:left;





	padding-top:5px;





}





#stylized .small{





	color:#666666;





	display:block;





	font-size:10px;





	font-weight:bold;





	text-align:right;





	width:140px;





}





#stylized input{





	float:left;





	font-size:12px;





	padding:4px 2px;





	border:solid 1px #cccccc;





	width:250px;





	margin:2px 0 10px 10px;





}











#stylized select{





	float:left;





	font-size:12px;





	padding:4px 2px;





	border:solid 1px #cccccc;





	width:250px;





	margin:2px 0 10px 10px;





}

















#stylized button{





	clear:both;





	width:125px;





	height:31px;





	background:#5b6e7b;





	text-align:center;





	line-height:20px;





	color:#FFFFFF;





	font-size:12px;





	font-weight:bold;





	margin-top:-2px;





}





.mytextarea {





	clear:both;





	width:400px;





	margin-top:10px;





	margin-bottom:10px;





	border:solid 1px #cccccc;





} 

















/* =8 Extra





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





/* =9 Footer





–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––*/





.footer_left {


}


.footer_mid {


	height:30px;


	color:#fff;


	text-decoration:none;


	font: normal 12px Arial, Helvetica, sans-serif;


}


.footer_mid a:link{


	height:30px;


	color:#fff;


	text-decoration:none;


	font: normal 12px Arial, Helvetica, sans-serif;


}


.footer_mid a:hover{


	height:30px;


	color:#fff;


	text-decoration:none;


	font: normal 12px Arial, Helvetica, sans-serif;


}


.footer_mid a:active{


	height:30px;


	color:#fff;


	text-decoration:none;


	font: normal 12px Arial, Helvetica, sans-serif;


}


.footer_mid a:visited{


	height:30px;


	color:#fff;


	text-decoration:none;


	font: normal 12px Arial, Helvetica, sans-serif;


}


.footer_right {


}





.footer_inner_left{


	background:url(../images/back_footer_inner.jpg) top right repeat-x;


	height:43px;


}


.footer_inner_mid{


	background:url(../images/back_footer_inner.jpg) top left repeat-x;


	height:43px;


}


.footer_inner_right{


	background:url(../images/back_footer_inner.jpg) top left repeat-x;


	height:43px;


}








#footer {





	padding-top:10px;





	padding-left:10px;





	font-family:"Times New Roman", Times, serif;





	font-size:12px;





	color:#333333;





	line-height:18px;





	color:#fff;





	padding-right:20px;





	/*text-transform: uppercase; */





}











#footer a{


	font: normal 12px Arial, Helvetica, sans-serif;


	color:#fff;


	text-decoration:none;





}


.tetnavhorz {


	font:Arial, Helvetica, sans-serif;


	font-size:12px;


	padding-bottom:10px;


}


.tetnavhorztxt {


	font:Arial, Helvetica, sans-serif;


	font-size:12px;


}

#ronsPromo {
	background: url('../images/pic_box_workingman2.jpg') 0 0 no-repeat;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	height: 140px;
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 80px 10px 0 5px;
	text-decoration: none;
	width: 204px;
}
#ronsPromo h2, #ronsPromo h3, #ronsPromo p, #ronsPromo span {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4em;
	margin: 0 0 0 0;
	text-align: center;
	width: 100%;
}
#ronsPromo h2 {
}
#ronsPromo h3 {
}
#ronsPromo.wilkof {
	background: url('../images/pic_01.png') 0 15px no-repeat;
	padding-top: 109px;
}


#please-call {
	border:solid 5px #413000;
	background:url(../images/phone-icon.png) no-repeat 10px center #fff;
	width:358px;
	margin:0 12px 10px 0;
}
#please-call p {
	text-align: left;
	padding:10px 6px 10px 65px;
	margin:0;
	line-height:1.2em;
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	font-family:Rockwell;
	color:#362600;
}
#please-call2 {
	background:url(../images/call-callout.png);
	height:68px;
	margin:15px auto;
	width:864px;
}
#please-call2 p {
	text-transform: uppercase;
	padding:13px 225px 0 68px;
	margin:0;
	font-size:19px;
	color:#342500;
	font-weight:bold;
	font-family:Rockwell;
}
.phone-number {
	color:#fff;
	font-family:Helvetica, Arial, sans-serif;
	display:block;
	line-height:30px;
	font-size:18px;
	font-weight:bold;
	float:right;
	padding-right:10px;
}
.right {
	float:right;
	
}
.clear {
	clear:both;
}
ul.horiz-nav {
	list-style: none;
	margin:1em 0;
	padding:0;
	height:30px;
}
ul.horiz-nav li {
	float:left;
	padding:0 6px;
	border-right:solid 1px #999;
}
ul.horiz-nav li.last {
	border:none;
}
ul.horiz-nav li.current a,ul.horiz-nav li.first{
	color:#E3701E;
	font-weight:bold;
	border:none;
	text-decoration: none;
}
h1 {}
#storeHeading {
	color: #FDD139;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 32px;
	font-weight: normal;
	margin:0;
}