/*#####################*/
.---Utility--- {}
.clear {width: 100%; clear: both !important; height: 0px; _height: 1px; _margin: 0 0 -1px; overflow: hidden;}
.repeat-x {background-repeat: repeat-x;}
.repeat-y {background-repeat: repeat-y;}
.no-repeat {background-repeat: no-repeat;}
.contentwrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -87px;} /* STICKY FOOTER: The bottom margin is the negative value of the footer's height */
#footer-bg, .push {height: 87px;} /* STICKY FOOTER: .push must be the same height as .footer */
#wrapper {position: relative;}
#photodiv1, #photodiv2, #photodiv3, #photodiv4, #photodiv5 {background-repeat: no-repeat;}

/*#####################*/
.---Backgrounds--- {}

body, html {
	height: 100%;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
	background-color: #2b2b2b;
	background-image: url(images/bg_body.gif);
	*background-image: url(images/bg_body-ie.gif);
	background-repeat: repeat-y;
	background-position: center;
}
#header-bg {
	text-align: center;
	background-repeat: repeat-x;
	height: 151px;
	background-image: url(images/bg_header.png);
}
#nav-bg {
	text-align: center;
	background-repeat: repeat-x;
	height: 58px;
	background-image: url(images/bg_nav.gif);
}
#content-bg {
	background-image: url(images/bg_center.png);
	background-position: center top;
	background-repeat: repeat-x;
	height: auto;
}
#content-bg2 {
	height: 170px;
	*height: auto;
	background-image: url(images/bg_body_top.png);
	*background-image: url(images/bg_body_top-ie.png);
	background-position: center top;
	background-repeat: no-repeat;
}

#footer-bg {
	text-align: center;
	background-repeat: repeat-x;
	background-image: url(images/bg_footer.gif);
	background-color: #272727;
}
/*#####################*/
.---Content--- {}
#header {
	text-align: left;
	margin: 0 auto;
	width: 912px;
	padding: 0;
	background-image: url(images/bg_bearings_01.jpg);
	height: 151px;
}
#logolyr {
	position:absolute;
	left:-70px;
	top:0px;
	z-index:1;
}
#search {
	text-align: left;
	width: 223px;
	margin: 0 auto;
	padding: 0;
	visibility: visible;
}
#homesplash {
	height: 212px;
	width: 646px;
	margin-top: -20px;
	margin-bottom: 0px;
	margin-left: -35px;
	margin-right: -39px;
	display:none;
}

.searchbox {
	height: 23px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	width: 155px;
	border-width: 0px;
	color: #FFFFFF;
	border-style: none;
	background-color: #2B2B2B;	/*top: -7px;
	_top: -4px;
	padding-top: 4px;*/
}
#nav {
	text-align: left;
	margin: 0 auto;
	width: 912px;
	padding: 0;
	background-image: url(images/bg_bearings_03.png);
	background-repeat: no-repeat;
	background-position: right top;
	height:58px;
}
#content {
	width: 912px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#bodycopy {
	width: 572px;
	*width: 646px;
	float: left;
	z-index: 1;
	padding-top: 25px;
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 39px;
}
.contactinfo {
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 17px;
	line-height: 14px;
	height: 71px;
	padding-top: 5px;
	margin-bottom: 35px;
}
.contactinfo a:link, .contactinfo a:visited, .contactinfo a:active {
	color: #FFFFFF;
	text-decoration:none
}
.contactinfo a:hover {
	color: #FBB103;
	text-decoration:none
}
.contactinfo h1 {
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

#sidebar {
	width: 266px;
	float: right;
	text-align: left;
	background-image: url(images/bg_bearings_04.png);
	background-repeat: no-repeat;
	padding-bottom: 5px;
	overflow:hidden;

}
.temp {
	background-color: #2b2b2b; background-image: url(images/bg_submenu.png); background-repeat: no-repeat; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #000000;
}



#footer {
	text-align: left;
	width: 908px;
	background-image: url(images/bg_footer_body.png);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 37px;
	background-position: -2px top;
}
#sidebarlinks {
	padding-left: 35px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	line-height: 1.75em;
}
#sidebarlinks a:link, #sidebarlinks a:active, #sidebarlinks a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#sidebarlinks a:hover {
	color: #FBB103;
	text-decoration: none;
}
#pressroom {
	padding-left: 35px;
	font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}
#pressroom a:link, #pressroom a:active, #pressroom a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
#pressroom a:hover {
	color: #fbb003;
	text-decoration: underline;
}
#pressroom li{
margin-left:-25px;
}

#lfooter{
	float: left;
	width: 640px;
}
#lfooter, #lfooter a:link, #lfooter a:visited, #lfooter a:active{
	color: #7d7d7d;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#lfooter a:hover{
	color: #ffffff;
	text-decoration: underline;
}
#rfooter {
	float: right;
	width: 264px;
	text-align: right;
}
#rfooter, #rfooter a:link, #rfooter a:visited, #rfooter a:active{
	color: #686868;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#rfooter a:hover{
	color: #ffffff;
	text-decoration: underline;
}


body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #002546;
}
a:link, a:visited, a:active {
	color: #d54200;
	text-decoration: underline;
}
a:hover {
	color: #FBB103;
	text-decoration: underline;
}
h1 {
	font-size: 30px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height: 1em;
}
h2 {
	font-size: 20px;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
form {
	margin: 0px;
	padding: 0px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
left: -35px;
border: 0px solid black;
overflow: scroll; /*leave this value alone*/
width: 262px; /*Width of Carousel Viewer itself*/
height: 500px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin-left: 39px; /*margin around each panel*/
margin-right: 39px; /*margin around each panel*/
width: 223px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}