@charset "utf-8";
/* CSS Document */
body, td, th {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	background-color: #c0c0c0;
	margin-top: 0px;
}
a {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
}
a:link {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a:visited {
	color: #CCCCCC;
	text-decoration: underline;
}
a:hover {
	color: #FFCC33;
	text-decoration: underline;
}
.grayText {
	color: #C0C9CE;
}
.footerGrayText {
	color: #C0C9CE;
	font-size: 11px;
}
.linkWhite {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	text-decoration: none;
}
.footerLinkWhite {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	text-decoration: none;
}
a.footerLinkWhite:link {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	text-decoration: none;
}
a.footerLinkWhite:visited {
	color: #CCCCCC;
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	text-decoration: none;
}
a.footerLinkWhite:active {
	color: #FFFFFF;
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	text-decoration: none;
}
a.footerLinkWhite:hover {
	color: #FFCC33;
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	text-decoration: underline;
}
.yellowText {
	color: #E1AE38;
	font-weight: bold;
}
.yellowJacket {
	color: #E1AE38;
}
.orangetext {
	color: #eea835;
}
.orangetextSm {
	color: #eea835;
	font-size: 11px;
}
.dltxt {
	color: #D1D1C7;
	font-weight: bold;
}
.prodlink {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodlink:link {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodlink:visited {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodlink:active {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodlink:hover {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 14px;
	color: #FFCC33;
	text-decoration: underline;
}
prodhome {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodhome:link {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodhome:visited {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodhome:active {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.prodhome:hover {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFCC33;
	text-decoration: underline;
}
suggestlink {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	color: #FFFFFF;
}
a.suggestlink:link {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.suggestlink:visited {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	color: #CCCCCC;
	text-decoration: underline;
}
a.suggestlink:active {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: underline;
}
a.suggestlink:hover {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 11px;
	color: #FFCC33;
	text-decoration: underline;
}


.calendar {
	color: #C0C9CE;
	font-size: 10px;
	cursor: text;
}
.bg {
	background-color: #555555;

}
.MainTable {
	background-color: #555555;
	padding-top: 25px;
	padding-right: 35px;
	padding-left: 35px;
	padding-bottom: 30px;
	width: 880px;
}
.DL{
	scrollbar-face-color:#E0E0E0; /*/ obviously this will only work in IE browsers - the standard scrollbar in the other browsers looks fine too /*/
	scrollbar-base-color:#F0F0F0;
	scrollbar-arrow-color:gray;
	scrollbar-track-color:#F3F3F3;
	scrollbar-shadow-color:#F0F0F0;
	scrollbar-highlight-color:#F8F8F8;
	scrollbar-3dlight-color:#D0D0D0;
	scrollbar-darkshadow-Color:#B8B8B8;
}
.op_scroll {
	min-width: 100px;
	max-width: 100%;
	overflow: auto;
}
.box {
	width: 100%;
	height: 270px;
	overflow-x: hidden;
	overflow-y: scroll;
}
.box2 {
	width: 236px;
	height: 137px;
	overflow-x: hidden;
	overflow-y: scroll;
}
div.display {
border:1px solid #555555;
font-family:verdana;
}
.dimText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10.75px;
	line-height: 12px;
}
.directText {
	color: #E0E0E0
}
.newWin {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 12px;
	color: #FFFFFF;
}
	
.RQtextbox {font-family: Arial, Tahoma, Verdana, Times New Roman; font-size: 11px; color: gray; height: 18px;}
.RQcharbox {font-family: Arial, Tahoma, Verdana, Times New Roman; font-size: 8px; color: gray; height: 13px; width: 20px;}
.RQqtybox {font-family: Arial, Tahoma, Verdana, Times New Roman; font-size: 9px; color: gray; height: 13px; width: 20px;}

.yellownumber {
	color: #eea835;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1pt;
}

.dottedline  {
	background-image: url(../images/dotted_line.gif); 
	background-repeat: repeat-x; 
	background-position: bottom; 
	width: 100%;
}	

.smallgrey  {
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 10px;
	color: #a4a4a4;
}	

.subheading {
	color: #E1AE38;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}

h2 .prodlink {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 10px 0px;
}

/*/RFQ Page Classes/*/

.lightblue10
{
	color: #99cccc;
	font-weight: normal;
	font-size: 10px;
}

.lightblue12 
{
	color: #99cccc;
	font-weight: normal;
	font-size: 12px;
}


/*/Chart Classes/*/

.yellowText13 {
	color: #E1AE38;
	font-weight: normal;
	font-size: 13px;
}
.yellowText14 {
	color: #E1AE38;
	font-weight: normal;
	font-size: 14px;
}
.chartHeader {
	color: #444444;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.chartWhiteSm {
	color: #ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.chartWhite {
	color: #ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.chartGreySm {
	color: #525252;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.chartGrey {
	color: #525252;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.chartGreyLg{
	color: #525252;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.chartGreyBig{
	color: #525252;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
chartWhiteLg{
	color: #ffffff;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}
.chartWhiteBig{
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

/* Page Title Styles */

h1 
{
	margin: -10px 0px 0px 0px;
	padding: 0px;
	font-weight: normal;
}
.title1
{
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1pt;

}
.title2
{
	color: #ffffff;
	font-size: 18px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	position: relative;
	left: -5px;
}
.title3
{
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	letter-spacing: -1pt;
}
.title4
{
	color: #E1AE38;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	top: 7px;
}

.title5
{
	color: #E1AE38;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: -1pt;
}


/* Header styles Start */

#apDiv1 {
	position:relative;
	top:6px;
	left:25px;
	width:329px;
	height:31px;
	z-index:1;
}
.headerYellow {
	color: #eea835;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	letter-spacing: -1pt;
}
#apDiv2 {
	position:relative;
	left:25px;
	top:1px;
	width:133px;
	height:25px;
	z-index:2;
}
.headerGray {
	color: #7f7f7f;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.05px;
}
#apDiv3 {
	position:relative;
	top:-23px;
	left:160px;
	width:192px;
	height:31px;
	z-index:3;
}
.headerBlue {
	color: #003d79;
	font-size: 24px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.05em;
}
#apDiv4 {
	position:relative;
	top:9px;
	left:645px;
	width:59px;
	height:32px;
	z-index:400;
	background-image: url(../images/faqs.gif);
	overflow: hidden;
	cursor: help;
}

/* Header styles End */


/* Navigation CSS Start */

.navmenu, .navmenu li ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 173px; /*WIDTH OF MAIN MENU ITEMS*/
	height: 38px;
	z-index: -200;
}

.navmenu li{
	position: relative;
	z-index: 300;
}

.navmenu li a{
	font-family: Arial, Tahoma, Verdana, Times New Roman;
	font-size: 14px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/menu_btn.gif);
	width: 158px;
	height: 38px;
	line-height: 38px;
	display: block;
	text-decoration: none;
	padding-left: 15px;
}

.navmenu li ul
{
	/*SUB MENU STYLE*/
	position: absolute;
	width: 173px; /*WIDTH OF SUB MENU ITEMS*/
	left: 0;
	top: 0;
	display: none;
}

.navmenu li ul li
{
	float: left;
}

.navmenu li ul a
{
	width: 158px; /*WIDTH OF SUB MENU ITEMS */
	height: 38px;
	background-image: url(../images/menu_btn2.gif);
	border-left: 1px solid #555555;
	border-right: 1px solid #555555;
}

.navmenu li a:visited, .navmenu li a:active
{
	color: #ffffff;
	text-decoration: none;
}

.navmenu li a:hover
{
	color: #333333;
	text-decoration: none;
	background-image: url(../images/menu_over1_btn.gif);
}

.navmenu a.arrow
{
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/menu_arrow_btn.gif);
}

.navmenu a.arrow:hover
{
	color: #333333;
	text-decoration: none;
	background-image: url(../images/menu_over_btn.gif);
}

#verticalmenu
{
	z-index: -1;
	display: block;
	width: 173px;
	height: 304px;
}

/* Holly Hack for IE \*/
* html .navmenu li { float: left; height: 1%; width: 173px; }
* html .navmenu li a { height: 1%; width: 173px; }
/* End */

/* Navigation CSS End */