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

body{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 90%;
	text-align: center;
}

#mainWrap{
	text-align: left;
	margin: 0 auto;
	width: 835px;	
        background-color: white;
        margin-top: 35px;
        min-height: 560px;
       padding-bottom: 20px; 
}

#testNav{
	position: absolute;
	top: 0px;
	left: 15px;
}

a:focus {outline:none;}

/* Header
__________________________________________________________________*/

/* Main Navigation
__________________________*/

#navWrap{
	width: 550px;
	height: 65px;
	overflow: hidden;
	position: relative;
	top: 17px;
	float: right;
       margin-right: 50px;
       margin-top: 6px;
}

.nav, .nav * {
	margin:0;
	padding:0;
}
.nav {
	
	padding-bottom: 2.5em;
	height:65px;
	line-height:1.0;
	margin-bottom:1.5em;
	position:relative;
}
.nav ul {
	background:#fff; /*IE6 needs this*/
	position:relative;
}
.nav li {
	float: right;
	list-style:none;
	z-index:999;
	margin: 0 0 0 2px;
	background: url(images/interface/navtopoff_bg.jpg) 0 center repeat-x;
	text-align: right;
	padding: 0 0 2px 0;
	
}
	.nav li.noMrg {
		margin: 0 ;
	}
	
.nav li.current ul {
	z-index: 999;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
	z-index: 1000;
}
.nav li li {
	background:none;
	float: left;
	position: relative;
	left: -2px;
}
.nav a {/*These are the top nav links*/
	color: #666;
	display:block;
	float: left;
	padding: .75em 8px .8em 8px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase;
	font-size: 11px;
	background: none;
	margin: 0;
}
	.nav a:hover{
		color: #ff0000;
	}

.nav li ul li a {/*These are the bottom nav links*/
	border-bottom: solid 3px #fefefe !important;
	color: #0061aa;
	display:block;
	float: left;
	padding: .75em 1.2em .5em 1.2em;
	text-transform: lowercase;
	background: none;
	text-decoration:none;
	margin: 0;
}
	.nav li ul li a:hover{ /* This is the hover state for the sub-link color */
		color: #629bc6 !important;
		border-bottom: solid 3px #0061aa !important;
	}


.nav li ul {
	right:0;
	top:-999em;
	position:absolute;
	width: 535px;
	background: url(images/interface/navbtm_bg.jpg) 0 bottom repeat-x;
}
	.nav li ul.blank {
		height: 2em;
	}

.nav li:hover,
.nav li.sfHover,
.nav li.current,
.nav a:focus, .nav a:hover, .nav a:active {
	background: url(images/interface/navtop_bg.jpg) 0 bottom repeat-x; /* This is for the active top nav */
	outline: none;
}

.nav li.sfHover a,
.nav li.current a,
.nav li a:focus, .nav li a:hover, .nav li a:active { /* This is the active top link */
	border-bottom: none;
	outline: none;
	color:#ff0000;
}
.nav li li.current a, .nav li li.current a:hover { /* This is the active sub-link */
	/*font-weight: bold;*/
	color: #0061aa !important;
	
}

.nav li li:hover,
.nav li li.sfHover,
.nav li ul li.current,
.nav li li.current a,
.nav li li a,
.nav li li:hover,
.nav li li a:focus, .nav li li a:hover, .nav li li a:active {
	background: none !important;
	color: #0061aa !important;
}

.nav li ul li.current a{
	border-bottom: solid 3px #0061aa !important; /* Bottom border on the current sub-nav state */
}

.nav li:hover ul, /* pure CSS hover is removed below */
body .nav li.current ul, /* this must be more specific than the .superfish override below */
ul.nav li.sfHover ul {
	top:27px;
}

.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}
.nav li li:hover ul, /* pure CSS hover is removed below */
ul.nav li li.sfHover ul {
	top:2.5em;
}
/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

.nav em{
	font-style: italic;
	color: #4c90c3;
}



/* home page
___________________________*/

.home_wrapper {width:; margin:0 0 0 0;}
	.home_wrapper h3 {color:#d02929; font-size:14px; font-face:"Trebuchet MS"; margin:15px 0 0 0; padding:0;}
	.home_wrapper h2 {color:#0061aa; font-size:24px; font-face:"Trebuchet MS"; margin:0 0 15px 0; padding:0;}
	.home_wrapper a {color:#d02929;}
	
.home_billboard_wrapper {width:835px; height:273px; margin:30px 0; position:relative;}
	.home_billboard_text {line-height:20px; font-size:14px; width:350px; height:235px; overflow:hidden; position:absolute; top:25px; left:413px;}
	.home_billboard_text h1 {line-height:27px; color:#0061aa; font-size:24px; font-face:"Trebuchet MS"; margin:0 0 15px 0; padding:0;}
	.home_billboard_text span {float:right;}
       .home_billboard_video {margin: 40px 10px 10px; overflow: hidden; height: 235px; position: absolute; width: 320px; left:63px;}

.home_col1 {width:225px; float:left; font:12px Arial; line-height:18px; margin:0 0 0 50px;}
	.home_col1 span {color:#999999; margin-right:10px;}
.home_col2 {width:225px; float:left; font:12px Arial; line-height:18px; margin:0 0 0 30px;}
.home_col3 {width:225px; float:right; font:12px Arial; line-height:18px; margin:0 0 0 30px;}
.home_btn_container {padding-top:10px; float:right;}
.clear_right {clear:right;}
.consultation_feedback {color:#D73647;}
.input_style {outline:none; border: 1px solid #d9d9d9; color:##333333; padding:4px; width:217px;}


/* logo
___________________________*/

h1.logo{
	text-indent: -9999px;
	width: 169px;
	height: 83px;
	background: transparent url(images/interface/us_synthetic_logo.gif) 0 0 no-repeat;
	float: left;
	margin: 0 6px 0 0;
       margin-left: 40px;
       margin-top: 15px;
}
h1.logo a{
	width: 169px;
	height: 83px;
	display:block;
}

/* Footer
__________________________________________________________________*/

#footer{
       
	width: 735px;
	clear: both;
	font-size: 11px;
	text-align: right;
       clear: both;
       
}

#footer ul{
	list-style: none;
	padding-top: 20px;
	text-align: inherit;
}

#footer ul li{
	list-style: none;
	display: inline;
	margin: 0 0 0 3px;
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #dddddd; 
}

#footer li a, #footer li a:link, #footer li a:visited{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #0061aa;
	text-decoration: none;
}

#footer li a:hover{ color: #629bc6; }

#footer .legal{
	font-family: "Century Gothic", Arial, Helvetica, sans-serif;
	color: #d4d4d4;
        
}

/* Bottom Reflection
__________________________________________________________________*/

#bottom{
      margin: 0 auto;
      width: 835px;
      height: 100px;
     
}


/* Home Body
__________________________________________________________________*/


/* sub banner
___________________________*/

.subBanner{
               float: right;
              margin-right: 50px;
              margin-top: 15px;   
}
	
	
/* Left col
___________________________*/

#home_col1{
	width: 474px;
	float: left;
	margin: 15px 14px 0 0;
        margin-left: 40px;
	padding: 4px 0 4px 4px;
	border: solid 1px #ccc;
}
	#home_col1 img{
		margin: 0;
		border: none;
		width: 469px;
	}

#home_col1 .morebtn a, #home_col1 .morebtn a:link, #home_col1 .morebtn a:visited{
	background: transparent url(images/interface/btn_next_darkGraybg.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 35px;
	height: 23px;
	margin: -35px 0 13px 0;
	display: block;
	overflow: hidden;
	position: relative;
	left: 21px;
       bottom: 4px;
}

#home_col1 .morebtn a:hover{ background: transparent url(images/interface/btn_next_darkGraybg.gif) 0 -23px no-repeat; }
	

/* Right col
___________________________*/

#home_col2{
	width: 245px;
       height: 342px;
	float: right;
	margin: 15px 0 0 0;
       margin-right: 40px;
padding: 4px 0 4px 4px;
	border: solid 1px #ccc;
}
	#home_col2 img{
		border: none !important;
	}

#home_col2 .morebtn{
	position: relative;
	bottom: 8px;
	left: 5px;
}

#home_col3{
	width: auto;
	float: right;
	margin: 15px 0 0 0;
}
	#home_col3 img{
		border: none !important;
	}

#home_col2 .morebtn a, #home_col2 .morebtn a:link, #home_col2 .morebtn a:visited{
	background: transparent url(images/interface/btn_next_transparent.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 35px;
	height: 23px;
	margin: -30px 0 0 30px;
	display: block;
	overflow: hidden;
}

#home_col2 .morebtn a:hover{ background: transparent url(images/interface/btn_next_transparent.gif) 0 -23px no-repeat; }

/* Lowerthird row
___________________________*/

#home_row3{

	border-style: solid;
	border-color: #cccccc;
	border-width: 1px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0;
	padding-top: 0px;
	background-color: white;
	margin-left: 50px;
	margin-bottom: 0;
	margin-right: 15px;
	margin-top: 15px;
	width: 750px;
	height: 265px;
	float: left;
        background-image: url(http://ussbearings.com/images/uploads/stealBG.jpg);
}

   #home_row3 a {
	   
	   padding-left: 3px;   
	   padding-bottom: 4px;
	   padding-right: 0; 
	   padding-top: 4px;
	   background-color: #ffffff;
	   margin-left: 10px;
	   margin-top: 10px; 
	   height: 238px;
	   width: 305px;
	   float: right;
	   border: solid 1px #ccc;
	  
      }

#home_row3 embed {
         background-color: white;
         margin-top: 10px;
         margin-right: 16px;
         float: left;
         padding: 4px 4px 4px 4px;
	 border: solid 1px #cccccc;
}

#home_row3 img{
	border: none !important;
	}

#home_row3 .morebtn a, #home_row3 .morebtn a:link, #home_row3 .morebtn a:visited{
	margin-left: -60px;
	margin-bottom: 0;
	margin-right: 0;
	margin-top: 215px;
	background: transparent url(images/interface/btn_next_transparent.gif) 0 0 no-repeat;
	text-indent: -9999px;
	width: 35px;
	height: 23px;
	display: block;
	overflow: hidden;
	}

#home_row3 .morebtn a:hover{ background: transparent url(images/interface/btn_next_darkGraybg.gif) 0 -23px no-repeat; }

#home_row4{
	background-color: #e3e3e3;
	border-style: solid;
	border-color: white;
	border-width: 2px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin-left: 15px;
	margin-bottom: 5;
	margin-right: 15px;
	margin-top: 5px;
	width: 286px;
	height: 248px;
	float: none;
       
	}
		
		
#home_row4 p{							
	margin-left: 18px;			
	float: left;			
	padding-top: 5px;		
	background-color: #ffffff;
	padding-bottom: 2px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-width: 1px;
	border-style: solid;
	border-color: #000000;
	border-bottom-width: 1px;
	font-family: Arial;
	font-weight: normal;
	text-align: center;		
	font-size: 22px;
	width: 250px;
                       
		
		}
              
 #movie{
         float: left;
         margin-left:335px;
         margin-top: -250px;
         margin-bottom: 100px;
         background-color: #000000;
	 border-style: solid;
	 border-color: white;
	 border-width: 2px;
         width: 394px;
         height: 248px;
                 }

#home_row5 {
        font-family: Arial;
        font-size: 5px;
	width: 250px;
	height: 20px;
	margin-left: 5px;
	margin-bottom: 200px;
	margin-right: 5px;
	margin-top: -230px;		
		}

               

#home_row6{
         font-family: Arial;
         font-size: 5px;
	 padding-left: 0px;
	 padding-bottom: 0px;
	 padding-right: 0;
	 padding-top: 0px;
	 background-color: none;
	 margin-left: 5px;
	 margin-bottom: 15;
	 margin-right: 15px;
	 margin-top: 0px;
	 width: 265px;
	 height: 120px;
	 float: left;
}

#home_row6 input{
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
	padding-left: 0px;
	width: 250px;
	height: 20px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-top: 2px;       		
		}

#home_row6 p{               		
	width: 250px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 20px;
	margin-top: 2px;         	
        font-family: Arial;
	font-weight: none;			
	text-align: center;		
	font-size: 15px;                       
		}

/* Sub page Body
__________________________________________________________________*/

/* Right col
___________________________*/

.col515{
	width: 495px;
	float: left;
	margin-left: 25px;
	padding: 15px 0 4px 4px;
	border: none;
	background: transparent url(images/interface/dots_large_whitebg.jpg) 150px 10px no-repeat;
	overflow: visible;
}
	 #col515 img{
		margin: 0;
		border: none;
		width: 472px;
	}
	
	.col515 .bdrimg{
		margin: 5px;
		padding: 4px;
		border: solid 1px #fff;
		background: #fff;
		text-align: left;
	}
	
	.col515 .bdrimgleft{
		padding: 4px;
		border: solid 1px #fff;
		background: #fff;
		text-align: right;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.col515 .bdrimgright{
		padding: 4px;
		border: solid 1px #fff;
		background: #fff;
		text-align: right;
	float: right;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
}


.col515 .bdrimgleft2{
		padding: 4px;
		border: solid 1px #fff;
		background: #fff;
		text-align: right;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
}


.col515 a:link{color:#0033aa}
.col515 a:hover{color:#ff0000}
.col515 a:active{color:#0033aa}
.col515 a:visited{color:#9999ff}

.col515 h2{
	font-weight: 400;
	font-size: 24px;
	color: #0061a9;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	margin: 0;
}

.col515 h3{
	font-weight: 400;
	font-size: 16px;
	color: #0061a9;
	text-transform: uppercase;
	padding: 10px 0 0 0;
	margin: 0;
}

.col515 p, .col515 ul{
	margin: 8px 0 18px 0;
	font-size: 11px;
	line-height: 1.4em;
	color: #676767;
	list-style: none;
}

.col515 ul{
	padding: 0;
}

.col515 ul li{
	padding: 0 0 0 30px;
	background: url(images/interface/list_arrow.jpg) 10px 2px no-repeat;
}

a.more, a.more:link, a.more:visited{
	float: right;
	text-indent: -9999px;
	background: transparent url(images/interface/btn_next_transparent.gif) 0 0 no-repeat;
	width: 35px;
	height: 23px;
	margin-top: 15px;
	display: block;
	overflow: hidden;
}

a.more:hover{ background: transparent url(images/interface/btn_next_transparent.gif) 0 -23px no-repeat;	}



/* Left col
___________________________*/

.col200{
	width: 200px;
	float: left;
	margin: 30px 14px 0 0;
        margin-left: 50px;
	background: transparent url(images/interface/gray_grad_lchannel.jpg) 0 0 no-repeat;
	min-height: 399px;
	text-align: center;
}
	.col200 .bdrimg{
		margin: 5px auto 15px auto;
		width: 180px;
		padding: 4px 0 4px 4px;
		border: solid 1px #ccc;
		background: #fff;
		text-align: left;
	}

.col200 .blankWrap{
	text-align: left;
	width: 180px;
	margin: 0 auto;
}	

.col200 h3{
	font-weight: 100;
	font-size: 18px;
	color: #0061a9;
	text-transform: uppercase;
	margin-bottom: 0px;
}

.col200 p{
	margin: 0 0 10px;
	font-size: 11px;
	line-height: 1.3em;
	color: #555;
}

.col200 a, .col200 a:link, .col200 a:visited,a.arrow_link,a.arrow_link:visited{
	float: right;
	display: block;
	text-indent: -9999px;
	background: transparent url(images/interface/btn_next_transparent.gif) 0 0 no-repeat;
	width: 35px;
	height: 23px;
	margin-top: 10px;
	overflow: hidden;
}
	.col200 p a:hover,a.arrow_link:hover{
		background: transparent url(images/interface/btn_next_transparent.gif) 0 -23px no-repeat;
	}


/* Globals
__________________________________________________________________*/


.floatClear{
	height: 0;
	visibility: hidden;
	border: none;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
}

.blankWrap{
	text-align: left;
}

/* Form
___________________________*/

input, textarea{
	margin: 0;
	padding: 0;
	width: 100%;
}

.inputType {
	margin: 0;
	padding: 0;
}