body,td {
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #000000;
}
body.bg {
	background : url("/graphics/main_bg.gif") #011c60;
	background-repeat : repeat-x;
}
#header {
	background : url("/graphics/header.png") no-repeat;
	width:960px;
	height:131px;
	position:relative;
}

#logo {
	width:392px;
	height:99px;
	float:left;
	margin:19px 0 0 17px;
	text-indent:-990000px;
	border:0;
}

#volumepricing {
	width:459px;
	height:17px;
	position:absolute;
	top:97px;
	right:36px;
	text-indent:-990000px;
	border:0;
	background : url("/graphics/volumepricing.png") no-repeat;
}

#searchbox {
	position:absolute;
	top:56px;
	right:34px;
}

.infobox {
	border:0; 
	font-size: 12px; 
	width:158px; 
	height:23px;
	padding:5px 0 0 10px;
	margin:0 0 0 0;
	background: url("/graphics/search.png") no-repeat 0 0;
	color:#565555;
	float:left;
}

.infobtn {
	border:0;
	width:25px; 
	height:28px;
	background: url("/graphics/search.png") no-repeat 100% 0;
	cursor:pointer;
	float:left;
}

#leftbar {
	margin:0 0 20px 0;
	width:199px;
	border-right:1px solid #cdcdcd;
	float:left;
	text-align:left;
}

#maincontent {
	width:685px; 
	margin: 25px 35px 20px 0; 
	float:right;
	display:inline;
	text-align:left;
}

a {
	color: #b50102;
	text-decoration: none;
}
a:hover {
	color: #e74041;
	text-decoration: underline;
}
a.catalog {
	color: #7DAA9F;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
a.catalog:hover {
	color: #3362CD;
	text-decoration: none;
	font-size: 8pt;
	font-weight: bold;
}
h1:first-letter {
	font-size: 17px;
}
h1 {
	color:#aa0000;
	font-family: arial, sans-serif;
	font-size: 15px;
	font-weight: bold;
	margin:0px;
	text-transform:uppercase;
}


h2 {
	color:#011c60;
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 0 23px;
	text-transform:uppercase;
}

td.info {
	color: #000000;
	text-decoration: none;
	font-size: 11px;
	padding-top: 10px;
	padding-left: 16px;
	padding-right: 12px;
}

div#footer {
	width:960px;
	height:80px;
	background: url("/graphics/foot3.gif") #d6d6d6 repeat-x;
	font-size:13px;
	color: #fff;
	margin: 0 auto 0 auto;
	text-align:center;
}

#left_foot {
	float: left;
	margin: 10px 0 20px 20px;
}

#right_foot {
	float: right;
	margin: 10px 20px 20px 0;
}


#right_foot a{
	color: #fff;
	text-decoration: none;
}

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


#footerbot {
	color: #072c8b;
	font-size: 12px;
	font-weight:bold;
	margin: 5px 0 0 0;
}

#footerbot a{
	color: #072c8b;
	text-decoration: none;
}

#footerbot a:hover{
	color: #C93131;
	text-decoration: none;
}




#cart a {
	display:inline-block;
	margin:10px 0 0;
	font-size: 10px;
}


#prods {
	background: #ebebeb;
	width: 911px; 
	height: 318px;
	margin: 4px auto 0 auto;
	float: left;
	
}

#prodhead {
	background : url("/graphics/grad_bg.png") repeat-x;
	width: 911px; 
	height: 35px;
	padding: 0;
	border-bottom:2px solid #fff;
}

#prodhead span {
	background : url("/graphics/bnf.png");
	width:216px; 
	height: 35px;
	text-indent:-990000px;
	display:block;
}

#photoboxes {
	margin: 11px 3px 5px 10px;
	width: 570px; 
	height: 270px;
	font-weight: bold;
	font-size: 11px;
	float: left;	
}
#photoboxes a {
	color: #406899;
	text-decoration: none;
}
#photoboxes a:hover {
	color: #C93131;
	text-decoration: none;
}


#rightprod {
	margin: 26px 35px 5px 0;
	width: 283px; 
	font-size: 15px;
	line-height: 24px;
	float: right;
	text-align:left;
	display:inline;
}

#prodpic {
	margin: 0 0 9px 3px;
	width: 135px; 
	height: 130px;
	font-weight: bold;
	font-size: 11px;
	float: left;
	
}


#newsy {
	margin: 37px 5px 40px 0; 
	float:right; 
	display:inline;
	width:425px; 
	line-height: 20px; 
	font-size:14px;
	text-align:left;
}

#newsy h1{
	background : url("/graphics/nau.png") no-repeat;
	width:192px;
	height:23px;
	text-indent:-99000px;
	margin:0 0 14px 9px;
}

#newsy p{
	padding: 5px 0; 
}

#texter {
	margin: 25px 0px 20px 7px; 
	float: left; 
	width: 424px; 
	font-size: 14px; 
	line-height: 22px;
	padding: 15px 20px 30px 0;	
	border-right:1px solid #d7d7d7;
	text-align:left;
}

#texter h1{
	background : url("/graphics/bfiootw.png") no-repeat;
	width:403px;
	height:43px;
	text-indent:-99000px;
	margin:0 0 24px 0;
}
	

#socialmedia {
	background : url("/graphics/follobg.gif") no-repeat;
	padding:0 0 15px 100px;
	height:40px;
	margin:30px 0 0 0;

}

#socialmedia img {
	float: left;
	margin: 0 7px 0 0;
}

#newsy p {
	margin: 10px 0 0px 10px;
}

td.bg_l {
	background : url("/graphics/bg_l.gif");
	background-repeat : repeat-y;
}
td.bg_r {
	background : url("/graphics/bg_r.gif");
	background-repeat : repeat-y;
}


#clear {
	clear: both;
}

div.clear {
	clear: both;
}



/* catalog styles */


#detailbox {
	width: 514px;
	overflow: hidden;
	padding: 20px 20px 20px 20px;
	background: #dfdfdf;
}



a.catalog {
	color: #01177a;
	text-decoration: none;
}
a.catalog:hover {
	color: #0266c4;
	text-decoration: none;
}
.catalogText {	
	text-decoration: none;
	font-size: 10pt;
}
.catalogTitle {
	color: #5C4033;
	text-decoration: none;
	font-size: 11pt;
	font-weight: bold;
}
td.cartdisplay {
	background: #eaeaea;
	border-bottom: solid 1px #bababa;
	padding: 6px 8px;
	}

td.cartdisplaytop {
	border-bottom: solid 1px #bababa;
	padding: 2px 8px;
	font-weight: bold;
	}
	
td.cartname {
	font-weight: bold;
	font-size:11px;
	}
td.cartoptions {
	font-size: 11px;	
	}
td.cartsub {
	padding: 6px 8px;
	}
.border {
	border: solid 1px #eeaf04;
}



/* menu styles */

#leftmenu {
	text-decoration: none;
	list-style: none; 
	margin: 3px 0 30px 17px;
	float: left;
	display: inline;
	padding:0;
	width:170px;
}	

#leftmenu li{
	list-style: none;
	margin: 15px 0 0 0; 
}

#leftmenu a{
	color: #000;
	text-decoration: none; 
	font-size: 14px;
}

#leftmenu a:hover{
	color: #aa0000;
	text-decoration: none; 
}



#topmenu {
	margin:0;
	padding:0;
	width:755px;
	height:21px;
	position:absolute;
	right:12px;
	top:8px;
}

#topmenu li {
	list-style:none;
	border-left:1px solid #d0d0d0;
	float:left;
	padding:5px 8px;
	font-size:11px;
	line-height:11px;
	font-weight:bold;
	text-transform:uppercase;
}

#topmenu a {
	color:#000;
	text-decoration:none;
}

#topmenu a:hover {
	color:#022889;
}





#nav_main {
	margin:0 0 8px 0;
	padding:0;
	width:960px;
	height:42px;
	list-style:none;
	z-index:10;
}

#nav_main  li {
	position:relative;
	float:left;
}

#nav_main a {
	display:block;
	height:42px;
	background-image:url(/graphics/topmenu.png);
}

#nav_main a span {
	position:absolute;
	left:-9999px;
}

#nav_thead {
	width:138px;
	background-position:0 -0;
}#nav_thead:hover,
.active #nav_thead {
	background-position:0 -42px;
}

#nav_headed {
	width:144px;
	background-position:-138px 0;
}#nav_headed:hover,
.active #nav_headed {
	background-position:-138px -42px;
}

#nav_bent {
	width:121px;
	background-position:-282px 0;
}#nav_bent:hover,
.active #nav_bent {
	background-position:-282px -42px;
}

#nav_rods {
	width:136px;
	background-position:-403px 0;
}#nav_rods:hover,
.active #nav_rods {
	background-position:-403px -42px;
}

#nav_nuts {
	width:70px;
	background-position:-539px 0;
}#nav_nuts:hover,
.active #nav_nuts {
	background-position:-539px -42px;
}

#nav_washers {
	width:102px;
	background-position:-609px 0;
}#nav_washers:hover,
.active #nav_washers {
	background-position:-609px -42px;
}

#nav_screws {
	width:93px;
	background-position:-711px 0;
}#nav_screws:hover,
.active #nav_screws {
	background-position:-711px -42px;
}

#nav_miscellaneous {
	width:156px;
	background-position:-804px 0;
}#nav_miscellaneous:hover,
.active #nav_miscellaneous {
	background-position:-804px -42px;
}





#nav_main li ul {
	position:absolute;
	margin:0;
	padding:10px 10px;
	width:auto;
	left:-9999px;
	list-style:none;
	background:#3351a0;
	z-index:100;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;
	text-align:left;
}

#nav_main li li {
	margin:0;
	padding:0;
	width:auto;
	float:none;
}

#nav_main li li a {
	margin:0;
	padding:7px 7px;
	width:160px;
	height:auto;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	font-family:arial;
	text-decoration:none;
	background:none;
}

#nav_main li li a:hover {
	color:#fff;
	background:#6885d0;
	text-decoration:none;
}

#nav_main li:hover ul,
#nav_main li.active ul {
	left:auto;
}

#nav_main li:hover ul.last,
#nav_main li.active ul.last {
	left:auto;
	right:0;
}


.navhead {
	font-size:16px;
	color:#001344;
	font-weight:bold;
}