/*************************************************************************/
/*************************** global styles *******************************/

body {
	margin:10px 0 0 0;
	padding:0;
	background-color: #EBEAE8;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;
	color:#000000;
}
#container{
	margin-left:auto;
	margin-right:auto;
	padding:0;
	width:733px;
}
.header {
	font-size: 13px;
	line-height: 16px;
	font-weight: bold;
	color: #003366;
}
.leftSideBar{
	background:url(../images/left-sidebar.gif) repeat-y;
	height:320px;
}
.rightSideBar{
	background:url(../images/right-sidebar.gif) repeat-y;
}
.mainBody{
	background-color:#FFFFFF;
	min-height:300px;
}

/*************************************************************************/
/************************* header navigation *****************************/

#headerNav{
	background:url(../images/logo-pii1.gif) no-repeat;
	font-size: 11px; 
	color: #003366; 
	height:24px;
	text-align: right;
}
#headerNavLinks{
	height:14px;
	padding:10px 7px 0 0;
}
#headerNavLinks a{
	border:none;
}

/*************************************************************************/
/************************* OLD top navigation ****************************/

#topNav ul{
	width:733px;
	height:56px;
	padding:0;
	margin:0;
	list-style:none;
	white-space:nowrap;
}
#topNav li{
	list-style:none;
	padding:0;
	margin-bottom:-1px;
	display:inline;
	float:left;
}
#topNav li a{
	padding:0;
	margin:0;
	display:inline;
	border:none;
}

/*************************************************************************/
/************************** main navigation ******************************/

#navigation{
	width:733px;
	height:103px;
	font:12px/16px 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Geneva, Helvetica, Arial, sans-serif;
	color:#003399;
	background:transparent url(../images/header-bg.jpg) no-repeat;
}
#nav, #nav ul {
	float:right;
	list-style:none;
	line-height:1;
	padding:0;
	border:none;
	margin:32px 0 0 0;
	text-align:left;
}
#nav a {
	display:block;
	width:10em;
	w\idth:6em;
	height:68px; /* height of the main nav hit area */
	color:#0B4A7F;
	font-weight:bold;	
	text-decoration:none;
	padding:3px 0 0 10px;
}
#nav a.daddy { /* arrow indicates 2nd level dropdown */
	background:url(../images/navArrow.gif) center right no-repeat;
}
#nav li {
	float:left;
	padding:0;
}
#nav li.navForce{
	width:85px;
}
#nav li.navRollerChain{
	width:90px;
}
#nav li.navBearings{
	width:75px;
}
#nav li.navPacific{
	width:110px;
}
#nav ul li{
	border-bottom:1px solid #CCC;
}
#nav li ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:140px;
	w\idth:160px; /* sets width of dropdown background */
	border:0;
	background-color:#FFF;
	margin:0;
	text-align:left;
}
#nav li li {
	padding-right:1.6em;
	width:142px;
}
#nav li ul li a{
	height:14px;
}
#nav li ul a {
	width:170px;
	w\idth:160px; /* sets the width of the arrows */
	font-size:11px;
	font-weight:normal;
	color:#767676;
}
#nav li ul ul { /* alignmnent of 2nd leveldropdown */
	margin:-18px 0 0 165px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left:-999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left:auto;
}
#nav li:hover, #nav li.sfhover {
	/* background:#9D0000; */
}
#nav li ul li:hover, #nav li ul li.sfhover{
	background:#EEE;
}

/*************************************************************************/
/***************************** home page *********************************/

.homeBgImage{
	background-image:url(../images/index_bgImage.jpg);
	background-repeat:no-repeat;
}
#homeCopy{
	width:300px;
	height:200px;
	margin:40px 0 0 400px;
	font-size:12px;
	line-height:17px;
}


/*************************************************************************/
/*************************** footer styles *******************************/

.footerBg{
	background:url(../images/footer.gif) no-repeat;
}
#homeFooter{
	font-size:10px;
	color:#003366;
	text-align:right;
	margin:81px 0 0 0;
	width:708px;
	height:28px;
}
#footer{
	text-align:right;
	width:710px;
	height:15px;
	padding-top:11px;
	font-size:10px;
	color:#003366;
}
#footerTag{
	text-align:right;
	margin-top:5px;
	padding-right:25px;
	color:#595959;
}

/*************************************************************************/
/************************** checkmark lists ******************************/

.checkmarkList{
	font-size: 10px;
	line-height:14px;
	padding-left:32px;
	list-style:url(../images/checkmark.gif);
}
.checkmarkList li{
	padding-bottom:10px;
}
.bearingsList{
	font-size: 10px;
	line-height:14px;
	padding-left:25px;
	list-style:url(../images/checkmark.gif);
}
.numberList{
	list-style:armenian;
	margin:-5px 0 5px 0;
}
.numberList li{
	padding-bottom:5px;
}

/*************************************************************************/
/**************************** to be sorted *******************************/

.body_copy, .form_copy {  
	font-size:11px; 
	color:#000000; 
	text-align:left;
}
.form_copy{
	text-align:right;
}
.links {
	font-size:12px; 
	line-height:19px; 
	color:#333333; 
}
.header_sm {
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	color: #003366;
}
.copy_table {
	font-size: 9px;
	line-height: 16px;
	color: #000000;
	text-align: center;
	background-position: center center;
}
.header_table {
	font-size: 9px;
	line-height: 16px;
	font-weight: bold;
	color: #003366;
	text-align: center;
	background-position: center center;
}
.body_copy_sm {
	font-size: 10px;
	line-height: 13px; 
	color: #000000
}
.top_white {
	font-size: 11px;
	line-height: 16px;
	color: #CCCCCC; 
	text-align: center
}
.caption {
	font-size: 10px; 
	font-style: italic; 
	line-height: 14px; 
	color: #000000;
}
.index_copy {
	font-size: 11px; 
	color: #000000;
}
.top_nav {
	font-size: 11px; 
	color: #000000; 
	text-align: right;
	vertical-align:bottom;
}
.bottom {
	font-size: 11px; 
	color: #003366; 
	text-align: right;
}
.Quote {
	font-size: 12px;
	font-style: italic;
	line-height: 17px;
	font-weight: bold;
	color: #003366;
}
.header_category, h1, h2 {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #003366;
	text-align: center;
	background-position: center center;
}
h2{
	font-size:11px;
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 5px 0;
	color:#000000;
}
.body_head_sm {
	font-size: 10px;
	line-height: 13px; 
	font-weight: bold; 
	color: #003366
}
.body_head_smB {
	font-size: 10px; 
	line-height: 13px; 
	font-weight: bold;
	color: #000000
}
#bodyContent{
	clear:both;
}

/*************************************************************************/
/*************************** linkage styles ******************************/

.body_copy_sm a:link, .header_sm a:link{ text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }
.body_copy_sm a:visited, .header_sm a:visited{ text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }
.body_copy_sm a:hover, .header_sm a:hover{ text-decoration: none; color: #990000; border-bottom:1px dotted #990000; }
.body_copy_sm a:active, .header_sm a:active{ text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }

#headerNavLinks a:link{ text-decoration: none; color: #003366; }
#headerNavLinks a:visited{ text-decoration: none; color: #003366; }
#headerNavLinks a:hover{ text-decoration: none; color: #990000; }
#headerNavLinks a:active{ text-decoration: none; color: #003366; }

#homeCopy a:link, #homeCopy a:visited, #homeCopy a:active { text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }
#homeCopy a:hover{ text-decoration: none; color: #990000; border-bottom:1px dotted #990000; }

#footerTag a:link, #footerTag a:visited, #footerTag a:active { text-decoration: none; color:#595959; border-bottom:1px dotted #595959; }
#footerTag a:hover{ text-decoration: none; color:#333333; border-bottom:1px dotted #333333; }

#homeFooter a:link, #footer a:link{ text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }
#homeFooter a:visited, #footer a:visited{ text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }
#homeFooter a:hover, #footer a:hover{ text-decoration: none; color: #990000; border-bottom:1px dotted #990000; }
#homeFooter a:active, #footer a:active{ text-decoration: none; color: #003366; border-bottom:1px dotted #003366; }