@charset "utf-8";
/* CSS Document */

/*div{border:1px solid aqua;}*/
html,body
{
	font-family: "trebuchet MS",trebuchet,verdana,"sans serif";
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-color: #CFD9E3;
	height: 100%;

}

form
{
	padding: 0px;
	margin: 0px;
}

input
{
	font-size: 11px;
	color: #666;
	background-color: #fff;
}

h1
{
	font-size: 18px;
	color: #1264B6;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h2
{
	font-size: 16px;
	color:#fff;
	margin: 0px;
	padding: 0px;
}

h3
{
	font-size: 16px;
	color:#000;
	margin: 0px;
	padding: 0px;
}

a:link, a:visited
{
color:#1264B6;
text-decoration:underline;
}

a:hover
{
color:#000;
text-decoration:underline;
}

a:active
{
color:#1264B6;
text-decoration:none;
}



.title { background-color: #1264B6; }

.blue { color: #1264B6; }

.wrapper
{
	margin: 0px auto;
	width: 1009px;
	background-color: #1264B6;
}

.main
{
	background-color: white;
	width: 913px;
	margin: 0px auto;
}

#pd
{
	padding: 10px 20px 20px 20px;
	height: 90%;
}

.pd2
{
	margin: 10px 0px 20px 22px;
	height: 90%;
}


#coname
{
	font-family: arial black,impact;
	color: #1264B6;
	font-size: 18px;
	line-height: 18px;
	width: 230px;
	height: 57px;
	position: relative;
	float: left;
	text-align: center;
}

#topnav
{
	margin-top: 5px;
	margin-left: 15px;
	width: 370px;
	position: relative;
	float: left;
	text-align:right;
}

a.top,a.top:hover,a.top:visited, a.top:active
{
	color: #1264B6;
	font-size: 14px;
	text-decoration: none;
}









#graynav
{
	width: 863px;
	padding: 5px;
	background-color: #EDEDDF;
	margin-top: 5px;
	position: relative;
	float: left;
}

#bluenav
{
	width: 863px;
	padding: 5px;
	background-color: #1264B6;
	color: #fff;
	font-size: 14px;
	font-family: arial;
	font-style: italic;
	font-weight: bold;
	margin-top: 5px;
	text-align: center;
}

.fl
{
	position: relative;
	float: left;
	margin-top:0px !important;
}

#oc
{
	margin-top: 5px;
	margin-left: 5px;
	background-image: url(/images/catalog.gif);
	background-repeat: no-repeat;
	width: 286px;
	height: 112px;
	line-height:12px;
	font-size:11px;
}

#oc2
{
	position: absolute;
	top: 17px;
	right: 10px;
	width: 130px;
	color: #666;
}

#wn
{
	margin-top: 2px;
	margin-left: 5px;
	background-image: url(/images/whatsnew.gif);
	background-repeat: no-repeat;
	width: 286px;
	height: 116px;
	line-height:12px;
	font-size:11px;
}

#wn2
{
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 130px;
	color: #666;
}

a.navlinks,a.navlinks:visited
{
	font-family: arial;
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

a.navlinks:hover
{
	color: #000;
	font-size: 11px;
	text-decoration: underline;
}

a.navlinks:active
{
	color: #666;
	font-size: 11px;
	text-decoration: none;
}

#browse
{
	margin-top: 5px;
	padding-top: 20px;
	background-image: url(/images/categorybkgrd.jpg);
	width: 584px;
	height: 214px;
	background-repeat: no-repeat;
}

.orange
{
	color: #CC6600;
	font-size: 16px;
}

ul.nav
{
	text-align: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	line-height: 16px;
}

li.nav
{
	padding: 0px;
	margin: 2px;
}

a.catlinks,a.catlinks:visited
{
	color: #000;
	text-decoration: none;
}

a.catlinks:hover
{
	color: #666;
	text-decoration: none;
}

.gb
{
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

/* Home Page Product  Icons */
.icons
{
	position: relative;
	float: left;
	width: 124px;
	height: 124px;
	background-repeat: no-repeat;
	text-align: center;
	margin-right: 16px;
}

a.pro,a.pro:visited
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	line-height: 24px;
}

a.pro:hover
{
	color: #666;
	font-weight: bold;
	text-decoration: none;
}

.btmicon
{
	position: absolute;
	bottom: 5px;
	right: 0px;
	width: 124px;
}

.btmicon2
{
	position: absolute;
	bottom: 2px;
	right: 0px;
	width: 124px;
}

a.pro2,a.pro2:visited
{
	color: #000;
	font-size: 11px;
	line-height: 11px;
	text-decoration: none;
}

a.pro2:hover
{
	color: #666;
	text-decoration: none;
}

a.translink
{
	display: block;
	position: absolute;
	top: 21px;
	left: 12px;
	width: 98px;
	height: 77px;
}

/* Footer */

.f1
{
	position: absolute;
	left: 100px;
	width: 280px;
	margin-right: 100px;
}

.f2
{
	position: absolute;
	right: 100px;
	width: 200px;
	color:#666;
}

.f3
{
	position: absolute;
	top: 125px;
	left: 50px;
	right: 0px;
	font-size: 11px;
	color: #666;
}

/* Interior Navigation */


#navbarvert
{
	background-image: url(/images/custum_nav.jpg);
	width: 191px;
	height: 603px;
	padding-left: 3px;
	background-repeat: no-repeat;
	line-height:14px;
}

a.intnav,a.intnav:visited
{
	color: #000;
	font-size: 11px;
	text-decoration: none;
	font-weight:normal;
	margin-left:5px;
}

a.intnav:hover
{
	color: #666;
	text-decoration: none;
}
a.intnav:active
{
	color: #666;
	text-decoration: none;
}




a.sml,a.sml:visited
{
	color: #222;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight:normal;
}

a.sml:hover
{
	color: #000;
	text-decoration: underline;
}
a.sml:active
{
	color: #666;
	text-decoration: underline;
}


/* Product Page */


#product_bg
{
	background-image: url(/images/product_bkgrd.jpg);
	background-repeat: no-repeat;
	width:647px;
	height:471px;
}
.yellow
{
color:#FFCC00;
}

a.dl,a.dl:visited
{
color:#FFCC00;
font-size:16px;
text-decoration:none;
}
a.dl,a.dl:hover
{
color:#ff9900;
font-size:16px;
text-decoration:none;
}
a.dl,a.dl:active
{
color:#FFCC00;
font-size:16px;
text-decoration:none;
}

li.pro
{
line-height:16px;
padding:0px 0px 5px 3px;
margin:5px 0px 0px 0px;
}

/* Services Page */

.services
{
	background-image: url(/images/blue-services.jpg);
	background-repeat: no-repeat;
	width:639px;
	height:229px;
	padding:10px 10px 0px 10px;
	color:#fff;
	line-height:16px;
}



/* Events Page */
.eimage
{
float:left;
padding-right:20px;
width:240px;
}

.ecopy1
{
float:left;
padding-top:70px;
width:300px;
font-size:14px;
}
.ecopy2
{
float:left;
padding-top:40px;
width:300px;
font-size:14px;
}
.ecopy3
{
float:left;
padding-top:10px;
width:300px;
font-size:14px;
}

.ecopy4
{
float:left;
padding-top:20px;
width:300px;
font-size:14px;
}


.eline
{
float:left;
padding-top:5px;
width:95%;
border-top:1px solid #ddd;
margin:20px 0px 20px 0px;
}


.copy
{

	width: 800px;
	text-align: center;
	color: #666;
	font-size: 11px;
	z-index: 10;
	padding:30px 0px 100px 0px;
}

a.atx,a.atx:visited
{
	color: #999;
	font-size: 11px;
	line-height: 16px;
	text-decoration: none;
	font-weight:normal;
}

a.atx:hover
{
	color: #000;
	text-decoration: underline;
}
a.atx:active
{
	color: #666;
	text-decoration: underline;
}




/*-------------------------------Additions--------------------------------*/

.mainHeading{
margin-bottom:20px;
}
.divider{
height:0;
border-bottom:1px solid #ccc;
margin-bottom:25px;
margin-top:25px;
}

.sheetBox{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:1px dotted #e5e5e5;
height:40px;
}
.infoArea{
width:520px;
float:left;
}

.infoArea h2{
font-size:14px;
padding-bottom:5px;
}
.infoArea h2 a{
text-decoration:none;
}
.infoArea span{
font-size:12px;
color:#aaaaaa;
}
.sheetBox .downloadBtn{
width:92px;

height:0px;
padding:27px 0 0 0;
overflow:hidden;
background:url(/images/downloadBtn.gif) no-repeat top left;
float:right;
margin-top:7px;
}

.clear{
clear:both;
}



/*------------------------------------------------New Homepage and Header---------------------------------*/
.header{
margin-bottom:23px;
}
.header .topHeader{
height:140px;
}
#logo{
float: left;
width: 505px;
height: 107px;
padding-top:10px;
}
#logo a{
display:block;
width:505px;
height:0px;
padding:107px 0 0 0;
overflow:hidden;
background:url(/images/topHeaderLogo.gif) no-repeat top left;
}
.topHeader .needNowBox{
width:161px;
padding:0 0 0 192px;
background:url(/images/topHeaderImage.jpg) no-repeat top left;
float:right;
text-align:left;
}
.topHeader .needNowBox h3{
font-size:20px;
color:#222;
line-height:20px;
}
.topHeader .needNowBox p{
font-size:10px;
line-height:14px;
padding:0 0 3px 0;
margin:0;
}
.topHeader .needNowBox ul{
list-style:none;
padding:0;
margin:0;
}
.topHeader .needNowBox ul li{
background:url(/images/blueArrow.gif) no-repeat left 4px;
padding:0 0 0px 11px;
font-weight:bold;
}
.topHeader .needNowBox ul li a{
color:#222;
text-decoration:none;
}
.topHeader .needNowBox ul li a:hover{
text-decoration:underline;
}


/*-----------------------Navigation-------------*/
.header .navWrapper{
width:655px;
height:28px;
float:left;
position:relative;
z-index:999;
}
.header .navWrapper .mainNav{
list-style:none;
height:28px;
padding:0;
margin:0;
}
.navWrapper .mainNav li{
float:left;
border-right:1px solid #689cd0;
background:#1264b6;
position:relative;
margin: 0px;
}
.navWrapper .mainNav li.last{
border:none;
}
.navWrapper .mainNav li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
color:#fff;
text-decoration:none;
line-height:28px;
padding:0 30px;
font-weight:bold;
}
.navWrapper .mainNav li a:hover{
background:#848383;
}

/*--subnav--*/
.navWrapper .mainNav li .dropDown{
width:200px;
background:#1264b6;
padding:5px 0 0 0;
position:absolute;
top:28px;
left:0;
visibility:hidden;
list-style:none;
z-index:999;
}
.navWrapper .mainNav li .dropDown li{
float:none !important;
border:none !important;
}
.navWrapper .mainNav li .dropDown li a{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left !important;
color:#fff;
text-decoration:none;
line-height:40px !important;
height:40px;
padding:0 30px;
font-weight:bold;
}

.navWrapper .mainNav li:hover .dropDown{
visibility:visible;
}

/*-----------------------Google search-------------*/
.googleSearch{
float:right;
width:210px;
text-align:right;
}
.googleSearch table{
width:100%;
height:28px;
text-align:right;
border-spacing:0;
}
.googleSearch table td{
vertical-align:middle;
}
.googleSearch table td.s{
width:68px;
}



.homeTitle{
font-size:16px;
color:#1264b6;
}
.welcomeBox{
width:356px;
float:left;
text-align:left;
}



/*-----------------------Banner-------------*/
.banner{
width:476px;
float:right;
text-align:left;
}
.receiveEmails,
.createShortcut{
font-size:10px;
color:#8c8c8c !important;
text-decoration:none !important;
font-family:Arial, Helvetica, sans-serif;
}
.receiveEmails span{
background:url(/images/receiveEmails-bg.gif) no-repeat left center;
padding-left:18px;
}
.createShortcut span{
background:url(/images/shortcut-bg.gif) no-repeat left center;
padding-left:18px;
}
.receiveEmails:hover,
.createShortcut:hover{
color:#010101 !important;
}



.fasteningGuideBox{
width:356px;
float:left;
text-align:left;
border-top:6px solid #1264b6;
border-bottom:6px solid #1264b6;
padding:10px 0 0 0;
margin-top:20px;
height:280px;
}
.fasteningGuideBox h3{
margin-bottom:20px;
}
.fasteningGuideBox img{
border:none;
}


.browseBox{
width:476px;
float:right;
text-align:left;
margin-top:20px;
}
.productList{
float:left;
padding-right:6px;
width:140px;
}
.browseListBox{
background:url(/images/browseBox-bg.png) no-repeat top left;
height:260px;
}
.adobeBox{
margin-top:10px;
font-size:11px;
color:#666;
padding-right:18px;
background:url(/images/adobe12pix.png) no-repeat right center;
height:14px;
text-align:right;
margin-right:19px;
}


.whatNewBox{
width:356px;
float:left;
text-align:left;
margin-top:20px;
}
.testVideoBox{
width:394px;
float:right;
text-align:left;
margin-top:20px;
padding-left:82px;
}
.whatNewBox img,
.testVideoBox img{
border:none;
}
.whatNewBox h3,
.testVideoBox h3{
margin-bottom:10px;
}


/*---------------------Footer--------------------*/
.footer{
text-align: left;
margin-top:50px;
}
.footerBoxes{
background: url(/images/footerTop-new.gif) no-repeat top left;
width:872px;
margin:0 auto;
color:#666666;
font-size:12px;
margin-bottom:30px;
}
.footerBoxes .footLeft{
width:403px;
padding:13px 15px 0;
float:left;
}
.footerBoxes h4{
font-size:12px;
color:#1264b6;
margin:0 0 5px 0;
}
.footLeft table{
width:100%;
border-spacing:0;
margin-top:3px;
}
.footLeft table td{
vertical-align:top;
width:50%;
padding-bottom:8px;
}
.footLeft table td.r{
text-align:right;
}
.footLeft table td input[type="text"]{
width:184px;
padding:4px;
border:1px solid #cdccca;
color:#666666;
background:#fff;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.footerBoxes .footRight{
width:403px;
padding:13px 15px 0;
float:right;
}
.footerBoxesBottom{
background:url(/images/footerBottom-new.gif) no-repeat bottom left;
width:872px;
margin:0 auto;
height:5px;
}
.footerBoxes p{
margin:0;
padding-bottom:10px;
line-height:18px;
}

.footBottomLeft{
float:left;
width:50%;
color:#504f4f;
font-size:11px;
padding-bottom:15px;
}
.footBottomLeft p{
padding-bottom:15px;
margin:0;
}
.footBottomLeft p a{
text-decoration:none;
}
.footBottomLeft p a:hover{
text-decoration:underline;
}
.footBottomLeft span a{
color:#999;
text-decoration:none;
}
.footBottomLeft span a:hover{
text-decoration:underline;
}

.footBottomRight{
width:45%;
float:right;
text-align:right;
padding-bottom:5px;
}

.techInfoTable{
width:100%;
border-spacing:0;
border-left:1px solid #2a2a2a;
border-top:1px solid #2a2a2a;
}
.techInfoTable td{
border-right:1px solid #2a2a2a;
border-bottom:1px solid #2a2a2a;
padding:5px;
vertical-align:middle;
text-align:left;
}
.techInfoTable tr.titles td{
background:#1264b6;
font-weight:bold;
color:#fff;
}
.techInfoTable td a{
text-decoration:none !important;
}

/*--------------Brands Page Styles--------------*/

.fl {border-bottom: 1px solid #dddddd; padding: 10px 0;}
.brandimage {float:left; margin: 0 0 10px 0px; width: 140px;}
.brandimage  a img {border: 1px solid #dddddd; padding: 5px;}
.brandcontent {float: left; width: 484px;}
.fl h3.blue {margin-bottom: 5px;}