/* CSS Document */

body { 
	padding:0px;
	margin:0px 0px 3px 0px;
	background:#b1ceff url(../templateImages/bg.jpg) top fixed repeat-x;
	 } /*default font-family and font color*/
table td.top {
	vertical-align:top;
	}
/*some standards*/

.header{ 
		background-image:url(../templateImages/header1.jpg);
		background-repeat:no-repeat;
		background-position:left top;}
			
.header_txt {color:#163662;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;}

.header a:link, .header a:visited { color:#163662;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			text-decoration:underline;} 
			
.header a:hover { color:#DB0000;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			text-decoration:underline;}


.page_title { font-family:Arial, Helvetica, sans-serif;
				font-size:19px;
				color:#DB0000;
				font-weight:bold; }

.pt_pad { padding-bottom:18px;}

		
.sub_title { }



form, ul, ol, h1, h2, h3, h4, h5 { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:0px; }

h1 {
	margin-bottom:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	color:#DB0000;
	font-weight:bold;
	}
h2	{
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#DB0000;
	font-weight:bold;
	}	

p { margin:0px; }
a img { border: none; } /*default border attribute on images that have a link*/

/*basics*/
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs17 { font-size:17px; }
.fs18 { font-size:18px; }
.fs19 { font-size:19px; }
.fs20 { font-size:20px; }
.fs21 { font-size:21px; }
.fs22 { font-size:22px; }
.fs23 { font-size:23px; }
.fs24 { font-size:24px; }
.fs25 { font-size:25px; }
.fs30 { font-size:30px; }

.fw600 {font-weight:600}
.fw700 {font-weight:700}
.fw800 {font-weight:800}
.fw900 {font-weight:900}

.b { font-weight:bold; }
.i { font-style:italic; }
.u { text-decoration:underline; /*border-bottom:1px solid #3366FF;*/ }

/*td's padding or sample padding to be use*/

.main__block { padding:20px; }

.main_area { }

.main, td{ font-family:Arial;
			color:#000000;
			font-size:12px;
			font-weight:normal;
			text-decoration:none;}
			
.main a:link, .main a:visited { font-family:Arial;
			color:#000000;
			font-size:12px;
			font-weight:normal;
			text-decoration:underline; }
			 
.main a:hover {  font-family:Arial;
			color:#DB0000;
			font-size:12px;
			font-weight:normal;
			text-decoration:underline;} 
		
/*.overflow {overflow:auto; height:300px; width:500px;}*/

.overflow {overflow:auto; height:381px; width:533px;}

.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }

/*default color on text-links and text-decoration*/

a:link {  }

a:visited { }

a:hover { }

/*to override default color on text-links and text-decoration*/
.a1 a:link, .a1 a:visited {  } 
.a1 a:hover {  } 

/*css navigation | main nav*/
.nav_block { background-image:url(../templateImages/nav_bg.jpg);
		background-repeat:repeat-x;
		background-position:top;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;}

.nav { 	font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold; }

.nav a { font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;}
		 
.nav a:link, .nav a:visited { font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none; }

.nav a:hover { font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#DB0000;
		font-weight:bold;
		text-decoration:none;}

#currentnavpage { }
#navfirst {  }
#navlast { }
#navfirst:hover { }
#navlast:hover { }
#currentnavfirst { }
#currentnavlast { }

.vnav_block { background-image:url(../templateImages/vnav_bg.jpg);
		background-repeat:repeat-y;
		background-position:left top;}

.vnavbg{ background-image:url(../templateImages/vnavbg.jpg);
		background-repeat:repeat-x;
		background-position:top;
		background-color:#629cff; }
		
.vnav_pad{ padding:7px 10px;}

.vnav_pad2{ padding:4px 10px;}

.vnav { font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#163662;
		background-image:url(../templateImages/vnav_bot_bg1.jpg);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:10px;
		text-decoration:none; }		
.vnav a:link, .vnav a:visited { font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#163662;
		text-decoration:none;}
.vnav a:hover { 
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#DB0000;
		text-decoration:none;}


.vnav2 { font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#163662;
		background-image:url(../templateImages/vnav_bot_bg2.jpg);
		background-repeat:no-repeat;
		background-position:left center;
		padding-left:10px;
		text-decoration:none;}	
.vnav2 a:link, .vnav2 a:visited { font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#163662;
		text-decoration:none;}
.vnav2 a:hover { font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		font-weight:normal;
		color:#DB0000;
		text-decoration:none;}

.top_nav { }
			
.top_nav a:link, .top_nav a:visited { }
			
.top_nav a:hover { }
			
#current_top_nav { }

/*footer nav*/
.footer_block { background-image:url(../templateImages/footer_bg.jpg);
				background-repeat:repeat-x;
				background-position:left top }
				
.footer { padding:0px 11px;
		color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;}

.footer a:link, .footer a:visited { color:#FFFFFF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:underline;}

.footer a:hover {color:#DB0000;
		font-family:Arial, Helvetica, sans-serif;
		font-size:11px;
		text-decoration:underline;}
		

/*add-ons*/
/*sample font color to be use*/
.black { color:#000000; }
.white { color:#FFFFFF;}
.red { color:#DB0000;}
/*sample font-family to be use*/
.ff_a { font-family:Arial;}
.ff_cs { font-family:"Comic Sans MS"; }
/*font attrributes for form, e.g., input box, textarea, select*/
.form { font-family:Arial; font-size:12px;} 

.bucket1 { background-image:url(../images/nut.jpg); background-repeat:no-repeat; }

.bucket2 { background-image:url(../images/bolt.jpg); background-repeat:no-repeat;
}

.bucket3 { background-image:url(../images/washer.jpg); background-repeat:no-repeat;
}

.bucket4 { background-image:url(../images/anchor.jpg); background-repeat:no-repeat;
}

.bucket5 { background-image:url(../images/screw.jpg); background-repeat:no-repeat;
}

.bucket6 { background-image:url(../images/socket.jpg); background-repeat:no-repeat;
}

.bucket7 { background-image:url(../images/standard.jpg); background-repeat:no-repeat;
}

.bucket8 { background-image:url(../images/service.jpg); background-repeat:no-repeat;
}

.products a:link, .products a:visited { font-weight:bold; color:#ffffff; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px }
.products a:hover { color:#FF0000; font-weight:bold; text-decoration:none }

#nuts { padding:0px 0px 0px 26px }
#bolts { padding:0px 0px 0px 27px }
#washers { padding:0px 0px 0px 19px }
#screws { padding:0px 0px 0px 17px }
#sockets { padding:0px 0px 0px 0px; text-align:center }
#standards { padding:0px 0px 0px 0px; text-align:center }
#services { padding:0px 0px 0px 0px; text-align:center }