/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height:14px;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	background-color: #BEC2CD;
	background-image: url(../../images/pc_bgmaingrey.gif);
	background-repeat: repeat;
	
}

td, div {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height:14px;
}

p
{
	clear:both;
	font-size:12px;
	line-height:14px;
}
.maintable
{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;	
	background-color:#FFFFFF;
	width:740px;
}

#jumpnav
{
	float:right;
	font-size: 10px;
	text-align:right;
	padding:12px 10px 12px 0px;
}

#jumpnav a, #jumpnav a:visited, #jumpnav a:link
{
	color: #000000;
	font-size: 10px;
	text-decoration:none;
}	
#jumpnav a:hover
{
	color: #8F0D0A;
	font-size: 10px;
}	

a, a:visited, a:link
{
	color: #8F0D0A;
	text-decoration:underline;
}
a:hover
{
	color:#4A4949;
}
.list ul
{
	margin:0px;
	padding:0px 0px 0px 20px;
}
.list li 
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
/* -----------------------------------------------*/
/* -------------- begin nav styles ---------------*/
#navcell
{
	background-color:#969696; /* need to rotate this color */
}
#nav {
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#969696; 		/* to change based on product line */
}
#nav a, #nav a:visited, #nav a:link {
	display: block;
	padding: 3px 10px 3px 10px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
#nav a:hover {
	color: #FFFFFF;
	line-height: 14px;
	background-color: #727272;		/* to change based on product line */
}
#nav li li a, #nav li li a:visited, #nav li li a:link /* child links */ {
	display: block;
	font-weight: normal;
	font-size: 11px;
	color: #FFFFFF;
	padding: 3px 0px 3px 10px;
	line-height: 14px;
	border-left:0px;
	border-right:0px;
	margin:0px;
}
#nav li li a:hover /*child hover state*/ { 
	display: block;
	background-color: #969696;		/* to change based on product line */
	color: #FFFFFF;
}
#nav li li li a, #nav li li li a:visited, #nav li li li a:link /* child child links */ {
	display: block;
	padding-left:20px;
	margin:0px;
	border-left:0px;
	border-right:0px;
	padding-right:0px;
}
#nav li li li a:hover /*child child hover state*/ { 
	display: block;
	background-color: #969696;		/* to change based on product line */
	color: #FFFFFF;
	border-left:0px;
	border-right:0px;
	padding-right:0px;
	margin-right:0px;
}
#nav li /*parent menu item*/ { 
	float: left;
	position: relative;
	padding: 0px;
	text-align: center;
	background-color: #969696;		/* to change based on product line */
}

#nav li#inside {
	float: left;
	position: relative;
	padding: 0px;
	text-align: center;
	background-color: #969696;		/* to change based on product line */
	color:#FFFFFF;
}
#nav li#end {
	float: left;
	position: relative;
	padding: 0px;
	text-align: center;
	background-color: #969696;		/* to change based on product line */
}
#nav li#divider
{
	float: left;
	position: relative;
	padding-top:3px;
	color:#FFFFFF;
}
#nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#nav li ul {
	display: none;
	position: absolute;
	font-weight: normal;
	width: 160px;
	padding-right:0px;
	margin-right:0px;
	border-left:0px;
	border-right:0px;
}
#nav li ul li ul{	/* child child block. changed position to relative to continue flow */
	display: none;
	position: relative;
	font-weight: normal;
	width: 160px;
	padding-right:0px;
	margin-right:0px;
	border-left:0px;
	border-right:0px;
}
#nav li>ul {
	top: auto;
	left: auto;
}
#nav li li /*child menu items */
{
	display: block;
	width: 160px;
	background-color: #727272;		/* to change based on product line */
	filter: alpha(style=0,opacity=97);
	border-top: solid 1px #FFFFFF;
	border-left:0px;
	border-right:0px;
	text-align: left;
	padding:0px;
	margin: 0px;
	float:none;
}
#nav li li li /*child child menu items */
{
	display: block;
	width: 159px;
	background-color: #727272;		/* to change based on product line */
	filter: alpha(style=0,opacity=97);
	border-top: solid 1px #FFFFFF;
	text-align: left;
	padding:0px;
	margin: 0px;
	float:none;
	border-left:0px;
	border-right:0px;
}
#nav li:hover ul, #nav li.over ul {
	display: block;
}

/* -------------- end nav styles ---------------*/
/* ---------------------------------------------*/
.content
{
	padding: 20px 35px 10px 25px;
	background-color:#FFFFFF;
	width:740px;
}

/* ------ SIDEBAR STYLES (not exclusive) -------*/
.leftsidebar
{
	padding-right:20px;
	background-color:#FFFFFF;
	width:215px;
}

h1		/* to change based on product line */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:36px;
	font-weight:bold;
	font-style:italic;
	color:#969696;
	margin-bottom:15px;
}

.caption
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#646464;
	font-size:11px;
	line-height:14px;
	font-style:italic;
	margin-bottom:15px;
	clear:left;
}
/* ----- END SIDEBAR STYLES (not exclusive) ------*/

/* ---------- BEGIN MAIN BODY STYLES -------------*/

.rightmain
{
	line-height: 19px;
	text-align: left;
	vertical-align: top;
	background-color:#FFFFFF;
}

h2		/* section of line. e.g. "Fasteners" to change based on product line */
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#969696;
	line-height:15px;
	padding-bottom:0px;
	margin-bottom:0px;
}

h3		/* for spec page. e.g. "Size Specifications" */
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:16px;
	line-height:14px;
	margin-bottom:5px;
	margin-top:30px;	
	padding:0px;
	text-transform:uppercase;
	float:left;
}

h3 a, h3 a:visited, h3 a:link /* for spec page. e.g. "Go to Plategrip Products" */
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:16px;
	line-height:14px;
	margin-bottom:5px;
	padding:0px;
	text-transform:uppercase;
	text-decoration:none;

}

h3 a:hover
{
	color: #8F0D0A;

}

h4		/* e.g., "Steel", "Stainless Steel", etc. */
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#8F0D0A;
	font-size:16px;
	line-height:14px;
	margin:0px;
	padding:0px;
	display:inline;
	clear:left;
}
h4 a, h4 a:visited, h4 a:link /* for spec page. e.g. "Go to Plategrip Products" */
{
	color:#8F0D0A;
	text-decoration:none;
}
h4 a:hover
{
	color: #8F0D0A;

}
h5		/* chart header. e.g., "NUMBER". to change based on product line */
{
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#969696;
	line-height:17px;
	padding-bottom:0px;
	margin-bottom:4px;
}
.intro
{
	font-size:12px;
	line-height:15px;
	font-weight:normal;
}

.emphasis
{
	font-size:12px;
	line-height:15px;
	font-weight:bold;
}
.backtop
{
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	color: #8F0D0A;
	font-size:10px;
	border-bottom:1px solid #969696;
	margin-bottom:30px;
	padding-bottom:5px;
	clear:left;
}
.backtop a, .backtop a:visited, .backtop a:link
{
	color: #8F0D0A;
	text-decoration:underline;
}
.backtop a:hover
{
	color:#4A4949;
}
.floatrightcopyborder
{
	float:none;
	border-bottom:1px solid #969696;
	padding-bottom:18px;
}
/* ----- END MAIN BODY STYLES ---------*/


/* --------- CHART STYLES -------------*/
.chartleft
{
	float:left;
	margin:0px 15px 10px 0px;
}
.chartright
{
	float: left;
	margin: 0px 15px 10px 0px;
}
.chartheader
{
	text-transform:uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:12px;
	line-height:15px;
	text-align:left;
	width:95px;
	text-transform:uppercase;
}
.chartcontent
{
	border-left:1px solid #000000;
	padding-left:7px;
	font-size:12px;
	line-height:17px;
	text-transform:uppercase;
	width:100px;
}
.chartcontent2
{
	border-left:1px solid #000000;
	padding-left:7px;
	font-size:10px;
	line-height:14px;
	width:100px;
}

.specchartheader	/* to change based on product line */
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#969696;
	color:#FFFFFF;
	font-size:12px;
	line-height:13px;
	padding:5px 8px 5px 8px;
	text-transform:uppercase;
}

.specchartheader2	/* to change based on product line */
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-color:#777777;
	color:#FFFFFF;
	font-size:12px;
	line-height:13px;
	padding:5px 8px 5px 8px;
	text-transform:uppercase;
	text-align:center;
}

.specchartrow1
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#DDDBDB;
	padding:4px 8px 4px 8px;
	font-size:12px;
	line-height:17px;
	text-align:left;
}

.specchartrow2
{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#BABABA;
	padding: 4px 8px 4px 8px;
	font-size:12px;
	line-height:17px;
	text-align:left;
}
.linedchartheader
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000000;
	font-size:12px;
	line-height:15px;
	text-align:left;
	width:95px;
	text-transform:uppercase;
	border-right:1px solid #000000;
}
.linedchartcontent
{
	border-bottom:1px solid #CCCCCC;
	text-align:left;
	font-size:12px;
	line-height:17px;
	text-transform:uppercase;
        padding:2px 15px 2px 5px;
}

.selectorchartcontentleft
{
	width:190px;
	padding:20px 0px 20px 0px;
	margin:0px;
	border-bottom:1px solid #969696;
}
.selectorchartcontentright
{
	padding:20px 0px 20px 0px;
	margin:0px;
	border-bottom:1px solid #969696;
}
.chartrightcaption
{
	display:inline;
	font-style:italic;
	text-align:left;
	font-size:11px;
}
.chartdivider
{
	border-left:1px dashed #636363;
}
/* -------- END CHART STYLES ----------*/

/* ----- BEGIN FOOTER STYLES ----------*/
#footer
{
	font-size:10px;
	color:#FFFFFF;
	margin:5px;
	background-color:#969696;		/* to change based on product line */
}

#footer a, #footer a:visited, #footer a:link
{
	color:#FFFFFF;
	text-decoration:underline;
}

#footer a:hover
{
	color:#8F0D0A;
}
/* ----- END FOOTER STYLES ----------*/

/* ----- FOR SIDEBAR HIGHLIGHT FEATURE-----*/
.normal
{
/* ----- if necessary for future-----*/
}
.current 
{
	font-weight:bold !important;
	text-decoration: none !important;
 }
/* ----- END SIDEBAR HIGHLIGHT FEATURE-----*/