html, body, div, span, applet, object, iframe, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 12px;
	font-family: inherit;
	vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6,{margin:0px;
	padding:0px;
	}
html { overflow-y: scroll }
/* remember to define focus styles! */
:focus {outline: 0;}
body {
	line-height:1; 
	font-size:12px; 	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#666666; 
	background:#4758B0 url(../images/body-bg-main.jpg) repeat-x;	
	}
ol, ul {
	list-style: none; 
	margin:0px; 
	padding:0px;}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate; 	
	border-spacing: 0;
	}
caption, th, td { 
	text-align: left; 
	font-weight: normal;
	}
	
		
blockquote:before, blockquote:after,
q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
strong{ font-weight:bold;}
#wraper-main{
	width:1000px;
	margin:0 auto;
			}

#wraper{
	width:810px;
	margin:0 0 0 90px;
	
		}
#hdr{
	margin-top:20px;
	float:left;
	width:800px;
	height:74px;
	}	
#logo-bbn{
	width:363px;
	height:72px;
	float:left;
	}
#logo-bbn a{
	width:363px;
	height:72px;
	background:url(../images/bbn-logo.gif) no-repeat ;
	display:block;
	text-indent:-9999px;
	}
#container{
	float:left;
	width:817px;
	height:auto;
	}	
#container-tp-bg{
	float:left;
	width:773px;
	height:52px;
	background:url(../images/container-top-bg.jpg) no-repeat;
		text-align:left;
	}	

#container-tp-bg h1{
	font-size:18px;
	font-weight:bold;
	padding:70px 0 0 50px;
	color:#fff;
	font:Arial;
		}
#container-bg{
	float:left;
	width:817px;
	background:url(../images/bg.jpg) repeat-y;
	}		
#menu-home{
	margin:0 auto;
	width:790px;
	height:28px;
	}	
#pnav{float:left; clear:both; width:600px; padding:0 0 0 40px;}
#pnav ul{ float:left; margin:1px 0 0 12px; border-right:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; }
#pnav li{ float:left; border-right:solid 1px #FFFFFF; font-weight:bold;}
#pnav li a,#pnav li span{ float:left; display:block; line-height:25px; color:#999999; text-decoration:none; cursor:pointer; font-weight:bold;}
#pnav li span{ font-size:13px; padding:0 12px 0 12px;}
#pnav li a:hover, #pnav li a.on{ background:#fff url(../images/nbgl.gif) no-repeat top left;}
#pnav li a:hover span, #pnav li a.on span{ background:url(../images/nbgr.gif) no-repeat top right; color:#FCBC3C;}
#pnav li.pnavend{ border-right:0px;
}		
#menu-product{
	margin:0 auto;
	width:790px;
	height:76px;
	}	
#menu-line-hr{
	margin-left:3px;
	width:795px;
	height:8px;
	background:url(../images/hr-line.gif) repeat-x;
	}	
#contant{
	margin:0 auto;
	width:790px;
	height:auto;
	}
#contant-left{
	float:left;
	padding:5px 0 0 20px;
	margin-left:5px;
	width:520px;
	height:auto;
	}
#contant-left table{
	float:left;
	
	}			
#contant-left h1{
	padding:5px 0 5px 0; 
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color:#000066;
	}
#contant-left h2{
	padding:2px 0 2px 12px; 
	font-family:Arial;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	color:Blue;
	}
.contantHd
{
	float:left;
	width:530px;
	height:30px;
	text-align:left;
	color:#0099FF;
	font-family:Arial;
	font-size:18px;
	border-bottom:1px solid #ccc;
	}	
#contant-left p{
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#666666;
	text-align:justify;
	}
#contant-left p a{
	font-family:Arial;
	font-size:12px;
	line-height:18px;
	color:#666666;
	text-align:justify;
	text-decoration:underline;
	}	
#contant-right-sub{
	float:left;
	width:205px;
	background-color:#CAE2EC;
	margin-top:8px;
		}		
#contant-right{
	float:right;
	width:242px;
	background-color:#CAE2EC;
	margin-top:8px;
	height:auto;
		}
#quick-search{
	float:left;
	width:242px;
	margin-top:5px;
	height:auto;
	}	
#quick-search h2{
	padding:5px 0 5px 15px; 
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	color:#000066;
	}
#quick-search ul{
	list-style:none;
	display:inline;
	
	}	
#quick-search li{
	float:left;
	width:53px;
	height:46px;
	padding:5px 0 10px 16px;

		}
#quick-search li a{
	width:53px;
	height:46px;
}
.last{
	margin:0px;}			

#search{
	float:left;
	width:205px;
	height:30px;
	background:url(../images/search-bg.jpg) no-repeat;
	}
#search-txt{
	float:left;
	font:Arial;	
	font-size:11px;
	font-weight:bold;
	padding:5px 0 0 12px;
	height:inherit;
	color:#000066;
	}
#search-field{
	 float:left;
	 width:130px;
	 padding:5px 0 0 3px;
	 	 }

#search-ab{
	float:left;
	width:242px;
	height:30px;
	background:#CAE2EC;
	}
#search-ab-txt{
	float:left;
	font:Arial;	
	font-size:11px;
	font-weight:bold;
	padding:10px 10px 0 10px;
	height:inherit;
	color:#000066;
	}
#search-ab-field{
	 float:left;
	 width:130px;
	 padding:5px 0 0 3px;
	 	 }

	 	 #search-go{
	 float:left;
	 width:20px;
	 font-size:11px;
     font-weight:bold;
	 color:#000066;
	 padding:4px 0 0 2px;
	 text-align: left;
	 }
#search-field .sty{	 
	 height:12px;
	 width:130px;
	 color:#0033CC;
	 font-size:11px;
	 background:url(../images/search-field.jpg) no-repeat;
	 }
	 
#search-pro{
	float:left;
	width:200px;
	height:30px;
	background:url(../images/search-bg.jpg) no-repeat;
	}
#search-pro-txt{
	float:left;
	font:Arial;	
	font-size:11px;
	font-weight:bold;
	padding:5px 0 0 10px;
	width:auto;
	height:inherit;
	color:#000066;
	}
#search-pro-field{
	 float:left;
	 width:130px;
	 margin:5px 2px 0 0;
	 	 }
#search-pro-field .sty{	 
	 height:12px;
	 width:130px;
	 color:#0033CC;
	 font-size:11px;
	 background:url(../images/search-field.jpg) no-repeat;
	 }	 
.right {
	float: right;
}	 
#quick_quote{
	float:left;
	width:242px;
	margin-top:5px;
	}	
#quick_quote h2{
	background:url(../images/arrow.jpg) no-repeat 5px 0px;
	padding-left:30px;
	padding: 0 0 10px 25px;
	font-weight:bold;
	text-align: left;
	text-decoration:underline;
	}	
#quick_quote h3{
	padding:0 0 5px 13px;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
	}
	
#contact{
			float:left; 
			width:200px;
			padding:0 0 0 10PX;
}
#form{
	width:220px;
	height:14px;
	margin:5px 0 5px 0;
	float: left;
	}
#formCap{
	width:220px;
	height:auto;
	margin:5px 0 5px 0;
	float: left;
	}
#form-text{
	width:65px;
	padding:2px 0 0 0;
	height:14px;
	font-size:11px;
	color:#666666;
	font-weight:bold;
	float:left;
	text-align: right;

	}	
	#form-text1{
	width:48px;
	padding:2px 0 0 20px;
	height:14px;
	font-size:12px;
	color:#333333;
	font-weight:bold;
	float:left;
	text-align: right;
	}
	#form-field
	{
	width:120px;
	height:16px;
	float:right;
	}
	#form-button
	{
	width:120px;
	padding-right:5px;
	text-align:right;
	height:16px;
	float:right;
	}		
.input{
	width:130px;
	height:12px;
	}
#phone-info{
	width:200px;
	height:42px;
	font-size:12px;
	color:#666666;
	font-weight:bold;
	float: left;
	margin-left: 10px;
	}
#nav-container
{
	float: left;
	margin: 0;
	padding: 0;
	width:784px;
	height:74px;
		}

#nav-container ul	{
	width: 784px;
	height: 74px;
	background: transparent url(../images/menu.gif) top left no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative; 
	overflow:hidden;
}

#nav-container li {
	width: 784px;
	height: 74px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
}

#nav-container li, #nav-container a {
	height: 74px;
	display: block;
	background-image: none;
}

#nav-container ul li a {
	text-indent: -9999px;
	text-decoration: none;
}
/* clickable regions */
#nav-container #aud-forged {left: 0; width: 112px;}
#nav-container #aud-pressed{left: 112px; width: 111px;}
#nav-container #aud-quick_lock {left: 212px; width: 110px;}
#nav-container #aud-jacks {left: 324px; width: 110px;}
#nav-container #aud-props{left:436px; width: 100px}
#nav-container #aud-steel{left:548px; width: 100px}
#nav-container #aud-special{left:660px; width: 99px}


/* rollover states */
#nav-container #aud-forged a:hover {background: transparent url(../images/menu.gif) 0 -74px no-repeat;}
#nav-container #aud-pressed a:hover {background: transparent url(../images/menu.gif) -112px -74px no-repeat;}
#nav-container #aud-quick_lock a:hover {background: transparent url(../images/menu.gif) -212px -74px no-repeat;}
#nav-container #aud-jacks a:hover {background: transparent url(../images/menu.gif) -324px -74px no-repeat;}
#nav-container #aud-props a:hover {background: transparent url(../images/menu.gif) -436px -74px no-repeat;}
#nav-container #aud-steel a:hover {background: transparent url(../images/menu.gif) -548px -74px no-repeat;}
#nav-container #aud-special a:hover {background: transparent url(../images/menu.gif) -660px -74px no-repeat;}

/* you are here nav */
body#nav-forged #navaud #aud-forged {background: transparent url(../images/products.gif) 0 -74px no-repeat;}
body#nav-pressed #navaud #aud-pressed  {background: transparent url(../images/products.gif) -112px -74px no-repeat;}
body#nav-quick_lock #navaud #aud-quick_lock {background: transparent url(../images/products.gif) -212px -74px no-repeat;}
body#nav-jacks #navaud #aud-jacks {background: transparent url(../images/products.gif) -324px -74px no-repeat;}
body#nav-props #navaud #aud-props {background: transparent url(../images/products.gif) -436px -74px no-repeat;}
body#nav-steel #navaud #aud-steel {background: transparent url(../images/products.gif) -548px -74px no-repeat;}
body#nav-special #navaud #aud-special {background: transparent url(../images/products.gif) -660px -74px no-repeat;}

#product-menu{
	float:left;
	width:200px;
	margin-top:5px;
	}
.arrowlistmenu{
width: 200px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
font:arial;
color:#4F90D7;
}

.arrowlistmenu ul li a:visited{
color: #003366;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background-color: #4F90D7;
}
#ftr{
	margin:10px 0 10px 6px; 
	width:800px;
	height:20px;
	float:left;
	background-color:#FE9800;
	text-align:right;
	}
#ftr p{
	font-size:11px;
	color:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:4px 20px 0 0;
	}	
#ftr p a{
	color:#fff;
	text-decoration:none;
	}	
	.grid-padding
	{
		padding-left: 40px;
	}
	.grid-lbl
	{
		padding-left: 3px;	
	}
						
.btn-adm th
{
	font:arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:5px;
	}
.product-heading
{
	font:arial;
	height:20px;
	padding:10px 0 4px 0;
	/*border-bottom:1px solid #cccccc;*/
	}
.product-heading a
{
	font:arial;
	color:#666666;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	}	
.lable-c
{
	padding:5px;
	font:arial;
	font-size:12px;
	text-align:left;
	}
	
	.textAbout
	{
		float:left;
	padding:5px 5px 5px 0px;
	margin-left:5px;
	width:500px;
	height:auto;
	}
.siteM a
{
	font-size:11px;
	font:arial;
	text-decoration:none;
	color:#999999;
	}	
.siteM a:hover
{
	font-size:11px;
	font:arial;
	text-decoration:none;
	color:#0099ff;
	}		
.qtyField
{
	width:45px;
	height:20px;
	font-size:11px;
	}	
.disclaimer
{
	float:right;
	width:530px;
	height:auto;
	font:arial;
	font-size:11px;
	line-height:16px;
	text-align:justify;
	color:#666666;
	padding:5px 30px 5px 0;
	}