*{
	margin:0;
	padding:0;
	list-style:none
}

body{
	font:normal 11px verdana;
	color:#333;
	background:#7280a5 url(/img/bg.jpg) repeat-x
}

h1{
	font:bold 16px arial;
	color:#485270;
	margin:0 0 14px 0;
}

h2{
	font-size:12px;
	margin:0 0 4px 0;
	color:#717FA4;
}

h3{
	font-size:14px;
	margin:0 0 7px 0;
	color:#c00
}

h4{
	font-size:11px;
	color:#717FA4
}

h5{
	font-size:11px;
	margin:0 0 10px
}

h6{
	font-size:11px;
	display:inline
}

p{
	line-height:14px
}

a{
	text-decoration:none;
	font-weight:bold;
	color:#900
}

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

a:active{
	color:#ff000e
}

img{
	border:0
}

p, address{
	font-style:normal;
	margin:0 0 14px
}

dt{
	font-weight:bold;
	color:#717FA4;
}

dd{
	margin:0 0 10px
}

div:after{/* For Gecko Browsers which like to completely break float elements out of the parent's layout */
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

#main{
	width:770px;
	margin:auto;
	background:#fff url(/img/mainBg.gif) repeat-y
}

#content{
	width:494px;
	padding:16px 20px 0;
	float:left
}

#content ul{
	margin:0 0 10px
}

#content ul li{
	padding:0 0 0 15px;
	margin:0 0 2px;
	background:url(/img/bullet3.gif) no-repeat 0 5px
}

/* BEGIN: Homepage ============ */
#content.hp{
	width:524px;
	padding:16px 5px 0
}

.separator{
	background:url(/img/bg2.gif) repeat-x top left;
	display:block;
	height:16px;
	overflow:hidden;
	margin:1.5% 0
}

#openingStatement{
	margin:0 0 0 15px;
	padding:0 0 7px;
	background:url(/img/nuts.jpg) no-repeat 290px 15px
}

#openingStatement p{
	padding:0 45.5% 0 0
}

#content.hp .leftCol{
	width:270px;
	padding:0 13px 0 12px;
	margin:0 0 20px
}

#content.hp .rightCol{
	width:202px;
	padding:0 0 0 17px
}
/* END: Homepage ============ */
/* BEGIN: Header ============ */
#topFiller{
	height:21px;
	background:#414a67
}

#header{
	background:#fff url(/img/bg1.gif) repeat-x
}

#header span{
	background:url(/img/blackDot.gif) repeat-x;
	display:block;
	height:1px;
	overflow:hidden;
	margin:0 10px;
	clear:both
}

#logo{
	margin:18px 0 0 25px;
	float:left
}
/* END: Header ============ */
/* BEGIN: Right Side ============ */
#rightSide{
	position:relative;
	margin:-126px 0 0;
	width:235px;
	float:left;
	color:#ccc
}

#rightSide h2{
	font:bold 16px arial;
	color:#f2f2f2;
	padding:0 0 0 15px;
	background:url(/img/bullet2.gif) no-repeat 0 4px
}

#rightSide a img{
	border:1px solid #555
}

#rightSide a:hover img{
	border:1px solid #eee
}

#navShadow{
	position:absolute;
	top:-1px;
	left:218px
}

#nav{
	background:url(/img/bg7.gif) repeat-y top right;
	width:225px
}

#nav ul{
	background:#000 url(/img/bg4.gif) repeat-x center left;
	padding:5px 0 9px 0;
	margin:0 7px 0 0
}

#nav li{
	padding:0 0 0 10px;
	margin:0 0 0 10px
}

#nav li a{
	background:transparent url(/img/grayDot.gif) repeat-x;
	color:#eee;
	padding:2px 0;
	display:block
}

#nav li a:hover, #nav li.firstElement a:hover{
	background:#fff url(/img/grayDot.gif) repeat-x !important;
	color:#000;
	text-decoration:none
}

#nav img{
	display:block
}

.sideBar{
	padding:13px;
	margin:8px 0 0;
	width:192px;
	background:#000 url(/img/bg5.gif) repeat-x center left
}

.sideBar p{
	background:url(/img/grayDot.gif) repeat-x;
	padding:4px 0 0
}

.sideBar a{
	color:#e7e186
}

.sideBar a:hover{
	color:#e7de5b
}
/* END: Right Side ============ */
/* BEGIN: Footer ============ */
#footer{
	width:770px;
	margin:auto;
	font-size:10px
}

#footer div{
	background:#fff;
	border:1px solid #ccc;
	border-top:0
}

#footer p{
	background:#000 url(/img/bg6.gif) repeat-x;
	text-align:center;
	color:#ccc;
	padding:36px 0 4px 0;
	margin:0 2px 2px
}

#footer p a{
	text-decoration:underline;
	font-weight:normal;
	color:#ddd
}

#footer p a:hover{
	text-decoration:none
}

#footer ul{
	text-align:center;
	background:#fff;
	padding:5px 0 6px
}

#footer li{
	display:inline;
	padding:0 5px 0 11px;
	background:url(/img/slant.gif) no-repeat center left
}
#footer li a{
	font-weight:normal;
	color:#666
}
/* END: Footer ============ */
/* BEGIN: Manufacturers ============ */
#manufacturers .leftCol{
	background:none
}

#manufacturers a{
	width:225px;
	height:83px;
	display:block;
	margin:6px 0 0;
	text-align:center;
	border:1px solid #eee
}

#manufacturers a:hover{
	border:1px solid #ccc
}
/* END: Manufacturers ============ */
/* BEGIN: Fasteners ============ */
.viewGuide{
	width:75%;
	display:block;
	margin:8px auto;
	padding:10px;
	text-align:center;
	background-color:#FFFFED;
	border:1px solid #ddd
}

.viewGuide:hover{
	border:1px solid #bbb;
	text-decoration:none
}
/* END: Fasteners ============ */
/* BEGIN: Interior ============ */
#phone{
	background:url(/img/iconPhone.gif) no-repeat;
	width:154px;
	padding:0 10px 0 47px
}

#email{
	background:url(/img/iconEmail.gif) no-repeat;
	width:203px;
	padding:0 0 0 40px
}

#address{
	background:url(/img/iconOffices.gif) no-repeat;
	padding:0 0 0 40px
}
.imgBorder{
	border:1px solid #ccc;
}
/* END: Interior ============ */
/* BEGIN: Flash Replacement ================== */
/* These are standard sIFR styles... do not modify */
.sIFR-flash{
	visibility:visible !important;
	margin:0
}

.sIFR-replaced{
	visibility:visible !important
}

span.sIFR-alternate{
	position: absolute;
	left:0;
	top:0;
	width:0;
	height:0;
	display:block;
	overflow:hidden
}

/*These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1{
	visibility:hidden;
	letter-spacing:-4px;
	font-size:18px
}

.sIFR-hasFlash #content h2{
	visibility:hidden;
	letter-spacing:-6px;
	font-size:13px
}

.sIFR-hasFlash #content h3{
	visibility:hidden;
	letter-spacing:-6px;
	font-size:15px
}

.sIFR-hasFlash #rightSide h2{
	visibility:hidden;
	letter-spacing:-8px;
	font-size:17px
}
/* END: Flash Replacement ================== */
/* BEGIN: Notice ================== */
.notice{
	border:1px solid #ccc;
	padding:1px;
	clear:both
}

.notice div{
	padding:3px 3px 3px 10px;
	background:#677497 url(/img/bg3.gif) repeat-x
}

.notice h4{
	float:left;
	font-size:15px;
	color:#fff;
	padding:10px 0 10px 60px;
	background:url(/img/iconCaution.gif) no-repeat center left
}

.notice p{
	margin:5px 5px 0 0;
	width:255px;
	padding:0 30px 0 0;
	float:right;
	background:url(/img/rightArrow.gif) no-repeat center right
}

.notice a{
	color:#fff;
	float:right;
	font-weight:normal
}
/* END: Notice ================== */


.firstElement{
	border:0 !important;
	background:none !important
}

.leftCol{
	float:left;
	width:224px;
	padding:0 10px 0 17px;
	margin:0
}

.rightCol{
	float:left;
	width:223px;
	padding:0 0;
	margin:0
}