body {
	background-image: url('images/bg-boxes.gif');
	background-repeat: no-repeat;
	background-position: top center;
	background-color: white;
   color: #231f20;
	font-size: 10pt;
   font-family: Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	line-height: 1.3em; 
}

div.forecastheaderhr {
   position: absolute; 
   margin-top: 3px; margin-left: auto; margin-right: auto;
   width: 360px; height: 0px;
   border-bottom: 2px solid #78787c;
}

table.mainfont { font-size: 10pt; }

div.main { 
	position: relative; width: 884px;
	margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px; padding: 0px;	 
	}
div.contenttitle { position: absolute; top:-18px; right:60px; }
div.contenttitleshadow { position: absolute; top:-17px; right:59px; z-index: -1; color: #cccccc; display: inline;} 

div.spacer { position: relative; width: 880px; height: 85px;}
div.forecastheadergraphic { position: absolute; top: 10px; left: 15px; }
div.headerlogout { position: absolute; top: 20px; right: 20px; } 
div.headerlogoutshadow { position: absolute; top: 21px; right: 21px; z-index: -1;	color: #cccccc; display: inline;} 

div.forecastheadergraphic a:link {	color: #231f20; text-decoration: none; }
div.forecastheadergraphic a:visited {color: #231f20; text-decoration: none; }
div.forecastheadergraphic a:hover {color:#3333ff; text-decoration: none;  }
div.forecastheadergraphic a:active {color: #3333ff; text-decoration: none; }
div.panneltitle  a:link {	color: #231f20; text-decoration: none; }
div.panneltitle a:visited {color: #231f20; text-decoration: none; }
div.panneltitle a:hover {color:#3333ff; text-decoration: none;  }
div.panneltitle a:active {color: #3333ff; text-decoration: none; }

div.navshadow { 
	position: absolute; top:1px; left: 1px;
	font-size: 8pt;
	z-index: -1;
	color: #cccccc;
	display: inline;
	}
   
div.navmenu { position: relative; margin: 8px 37px; }
div.navitem { position: absolute; display: inline; margin: 0 5px;}

div.top { 
   /*width: 884px; height: 5px; 
   background: url('images/main-top.png');
   background-repeat: no-repeat;
	background-position:3px 0px;   
   */
   
	
   }
div.content { 
   position: relative; /*width: 884px;  min-height:352px;*/
   padding: 10px 12px 12px 12px; 
   /*background: url('images/main-bg.png');
	background-repeat: repeat-y;
	background-position:1px 0px;    */
   
   }
div.bottom   {
   /*width: 884px; height: 19px; 
   background: url('images/main-bottom.png'); 
   background-repeat: no-repeat;
	background-position:2px 0px; 
   */
  
   }

div.login { 
   position: relative; width: 884px;  min-height:200px;
   padding: 10px 12px 12px 12px; 
   background: url('images/main-bg.png');
	background-repeat: repeat-y;
	background-position:1px 0px;    
   }
   
   
div.top314 { width: 314px; height: 12px; background: url('images/ends314.gif'); }
div.mid314 { width: 294px; background: url('images/mid314.gif'); padding: 0 10px; }
div.bot314 { width: 314px; height: 12px; background: url('images/ends314.gif'); background-position:0px -12px;  }

div.top444 { width: 444px; height: 12px; background: url('images/ends444.gif'); }
div.mid444 { width: 424px; background: url('images/mid444.gif'); padding: 0 10px; }
div.bot444 { width: 444px; height: 12px; background: url('images/ends444.gif'); background-position:0px -12px;  }



div.pannel { position: absolute; }
div#p1 { top: 24px; left: 34px; }
   div#p1 div.mid444 { height: 200px; }
div#p2 { top: 24px; left: 526px; }
   div#p2 div.mid314 { height: 262px; } 
   
div#p3 { top: 240px; left: 34px; }
   div#p3 div.mid444 { height: 320px; }
div#p4 { top: 238px; left: 526px; }
   div#p4 div.mid314 { height: 82px; }
   
.logincontent { border: 1px solid #cccccc; } 
.loginheader { padding: 10px; font-size: 12pt; }

div.popupquoted {
   position: absolute; top: 40px; left: 40px;
   width: 794px; height: 314px;   
   border: 2px solid #000000;
   background-color: #eeeeff;
   z-index: 5;
   display: none;
}

div.popupinner { 
   position: relative; top: 20px; overflow: scroll;
   width: 794px; height: 280px;  
   background-color: white;

}

div.popupclose { position: absolute; top: 3px; right: 3px;}
div.popuptitle { position: absolute; top:4px; left: 6px; font-size: 12pt; font-weight: bold; }
div.popupblack { position: absolute; top:0px; left:0px; background: url('images/black50.png') repeat; width:100%; height:100%; z-index: 3; display: none;}

div.panneltitle { position: absolute; top: -16px; left: 15px; }    

td.progress {  }
span.progresshighlight { color: #0000ff; font-weight: bold; }

div.loginpop {
   position: absolute; top: 100px; left: 200px;
   /*width: 400px; height: 250px;   */
   padding: 50px;
   border: 1px solid #000000;
   background-color: #ffffff;
   z-index: 5;
   display: none;
}

tr.quoteheader { font-weight: bold; }

   
table.topnav {
   width: 6.8in; position: relative; top:-10px;
   text-align: right; padding: 10px; 
   border-left: 1px solid black;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
}

table.login { margin: 10px; border: 0px solid black; padding: 10px;}
table.login td { padding: 4px 5px; }
div.error { border: 2px dashed #ff0000; color: #000000; width: 500px; padding: 10px 0 10px 0; background-color: white; font-size: 200%; margin-left: auto; margin-right: auto; }

input.login { 
   width: 220px; margin: 0px 0;
	border: 1px solid #000000;
	color: #3f3f3f; background-color: #ffffff;  
   }

table.inner {
	/*border: 1px solid #888888;*/
	margin: 0in;
	padding: 0px;
	width: 860px;
   text-align: left;
	/*height: 9in;*/
}
table.inner td { margin: 0px 0; }

table.list {
	/*border: 1px solid #888888;*/
	margin: 0in;
	padding: 0px;
	width: 6.8in;
   text-align: left;
	/*height: 9in;*/
}
table.list td { margin: 0px 0;}


div.listboxtitle { 
   /*position: absolute; */
   position: relative;
   display: inline-block;
   width: 6.8in; 
   margin: 4px 4px 20px 4px;
   padding: 3px;
   border: 1px solid black;
   }

div.listbox { 
   /*position: absolute; */
   margin: 2px -3px -3px -3px;
   min-height: 120px; 
   padding: 4px;
   background: white; 
   display: none;
   }
div.listboxclick { position: absolute; width: 450px; height: 20px; top:0px; right:5px; background: transparent;}
div.listboxclick img { border: 0; }

table.quotearray { text-align: left; }
td.ClientNote { border-top: 1px solid #808080; padding: 5px;}


td.partpart { border-left: 1px solid white; }

.processSLA { border: 1px solid #ff00a2;}
.processSLS { border: 1px solid #b400ff;}
.processCNC { border: 1px solid #002aff;}
.processDML { border: 1px solid #00f6ff;}
.processHyb { border: 1px solid #00ff24;}
.processMet { border: 1px solid #c0ff00;}
.processPre { border: 1px solid #fffc00;}
.processPro { border: 1px solid #ff7800;}

table.listrow { border: 1px solid #808080; }

tr.trkey { background-color: #eeeeff; border: 1px solid black;}

.bold { font-weight: bold; }
.tenpt { font-size: 10pt; }
.innerhead { border: 2px solid black; }


.customerinfo { 
	padding: 2px 6px; 
	border: 1px solid #aaaaaa; 
   
	}
.notes {
	padding: 2px 6px; 
	border: 1px solid #aaaaaa; 
	border-style: outset;
}
.fineprint {
	font-style: italic;
	}
	
.partinfo { 
	border-right: 1px solid black;
	text-align: center;
	
	}
.partinfo td { 
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding: 4px;
	}
.partinfohead { background-color: #eeeeff; }
.partinfohead td { 
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	padding: 2px 8px;
	font-weight: bold;
	}

.pminfo { 
	padding: 2px 6px; 
	border:  1px solid #aaaaaa; 
	}

.creditcard {
	/*padding: 2px 6px 10px 2px; */
   
	border: 1px solid #aaaaaa; 
	border-style: outset;
	text-align: center;
}
.creditcard h2 {
	font-size: 14pt;
	text-align:center;
	}
.creditcarddiv { position: relative; height: 10em; padding: 10px; } 
div.ccdivor { position: absolute; width: 20px; height: 20px; top: 55px; left: -15px; text-align: center; background: white; }


.totaltext   {  }
.totaltextb {  font-weight: bold; }
.totalvalue { border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; }
.totalvalueb { border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; font-weight: bold; }

.confirmtotals { 
	/*border-right: 1px solid black;*/
	text-align: right;
	
	}
.confirmtotals td { 
	padding: 4px;
	}

input.forminput   {width: 220px; color: #3f3f3f; background-color: #ffffff; border: 1px solid #cccccc; margin: 0px 0;}
input.forminputdisabled   {width: 220px; color: #666666; background-color: #eeeeee; border: 1px solid #cccccc; margin: 0px 0;}
form#quoteform textarea {  height: 100px; width: 400px; overflow: auto; color: #3f3f3f; border: 1px solid #cccccc;}
   
   
   
a:link {	color: #0000ff;}
a:visited {color: #0000ff;}
a:hover {color:#3333ff; }
a:active {color: #3333ff;}


div.anchor { position: relative; }
img { border:0 }

   
div.boxhead01,div.boxhead02,div.boxhead03 {
	background: url('images/010203-titles.gif');
	background-repeat:no-repeat;
	position: absolute; 
	top: 10px; left: 10px;
	}

div.boxhead01 {
	background-position:0px 0px;
	width:710px; height:73px;
	}

div.boxhead02 {
	background-position:0px -74px;
	width:710px; height:73px;
	}
		
div.boxhead03 {
	background-position:0px -148px;
	width:710px; height:73px;
	}	   
  
#r_sidebar {
	background: #ebeced;
	float: right;
	width: 200px;
	height: 700px;
	overflow: scroll;
	line-height: 20px;
	display: inline;
	margin-top: 0px;
	padding: 10px;
	display: none;
	}
  /* ********** Contact Form ********** */
  
/*div.top741 { width: 741px; height: 11px; background: url('images/ends741.gif'); }
div.bot741 { width: 741px; height: 11px; background: url('images/ends741.gif'); background-position:0px -11px;  }
*/
div.errormsg { border: 2px dashed #ff0000; color: #000000; padding: 20px; font-size: 200%; width:695px; }

div.contactform01, div.contactform03 { font-size: 12pt; font-weight: normal; padding: 10px 10px; border: 2px solid #777777; width: 715px; background: white;}

/*div.contactform01, div.contactform03 { font-size: 12pt; font-weight: normal; padding: 10px; border-left: 3px solid #777777; border-right: 3px solid #777777; width: 715px; background: white;}*/
div.contactform03 { height: 220px; }
textarea.custinfo { position: absolute; top: 90px; left: 25px;}

table#shiptotable {display:none;}

input.forminput   {width: 220px; color: #3f3f3f; background-color: #ffffff; border: 1px solid #cccccc; margin: 0px 0;}
/*form#quoteform { border: 1px solid black; padding: 10px;}*/
form#quoteform textarea {  height: 120px; width: 470px; overflow: auto; color: #3f3f3f; border: 1px solid #cccccc;}
.heading { color: #000000; font-size: 120%; font-weight: bold; padding: 0 0 10px 0; text-transform:uppercase;}

	
/* *********************************	SIDE INFO    ********************************* */


div#sideinfobutton-materials  { 
   position: absolute; width: 98px; height: 20px; top: -29px; left: -1px; padding: 4px;
   color: black; 
   border-top:1px solid #777777; 
   border-right:1px solid #777777; 
   border-left:1px solid #777777;
   text-align: center;
   background: #eeeeff;
   z-index: 10;
}

div#sideinfobutton-finishes  { 
   position: absolute; width: 100px; height: 20px; top: -29px; left: 106px; padding: 4px;
   color: black; 
   border-top:1px solid #777777; 
   border-right:1px solid #777777; 
   border-left:1px solid #777777;
   border-bottom:1px solid #777777;
   text-align: center;
   background: #eeffee;
   z-index: 10;
}
	 
div.sideinfo { position: absolute; right: -255px; width: 215px;
   color: black; 
   /*border-top:1px solid #777777; */
   border-right:1px solid #777777; 
   border-left:1px solid #777777;
}

div#sideinfo2 { display: none; }
div#sideinfo1 div.sideinfohead { background: #eeeeff; }
div#sideinfo2 div.sideinfohead { background: #eeffee; }
			
div.sideinfo a { color: blue; text-decoration: underline; font-weight: normal}
div.sideinfo a:hover { color: blue; text-decoration: underline; font-style: italic; font-weight: normal}
.sideinfobody { display: none; }

/*div.sideinfohead { padding: 6px; border-bottom: 1px solid #777777; background: url('images/diagstripes.gif'); }*/
div.sideinfohead { padding: 6px; border-bottom: 1px solid #777777; background: #eeeeee; }
div.sideinfobody { padding: 10px; border-bottom: 1px solid #777777; background: white; height: 280px; overflow: auto;}
div.sideinfobody ul { padding: 0 4px 0 12px; margin:2px; }

/* ********** Uploader ********** */

td.top { background: white; }
td.bottom {  background: white; }
td.mid { padding: 0 25px ; min-height: 228px; background: white;}

div.tablecontainer { position: relative; width: 735px; padding: 0px; margin: 0px; border: 2px solid #777777;}
/*div.tablecontainer { position: relative; width: 735px; padding: 0px; margin: 0px; border-left: 3px solid #777777; border-right: 3px solid #777777; }*/
table#uploadmaintable { border: 0px solid #dbdbdb;}
table#uploadmaintable img { border: 0px solid black; }

div#filetable { background: white; border: #dbdbdb solid 1px; min-height: 224px; }

a#instructions {
   position: absolute; 
   bottom: 26px; 
   left: 570px;
   cursor: pointer;
   }
a.uploadbutton {
   position: absolute; 
   bottom: 26px; 
   left: 60px;
   cursor: pointer;
   }

/* ********** Instructions Popup ********** */
   
div#rfqhelp {
   position: absolute; 
   display: none;
   width: 580px; 
   color: #000000;
   background: #ffffff; 
   border: 3px solid #777777;
   padding: 0px;
   
}

div#rfqhelp li,b,td { color: #000000;}

table.head3 { background: #eeeeee; border-bottom: 3px solid #777777; font-size: 18pt; color: #000000; padding: 0 10px; margin: 0 0 0 0;}
   
/* ********** Upload Table ********** */
tr.b1 { background: transparent; }
tr.b0 { background: transparent; }

table.uploadtable {
color: #000000;
   /*border: #424249 solid 1px;*/
}
table.uploadtable td {
   border: #424249 solid 1px;
   padding: 10px 10px 10px 10px;
   margin: 0px;
}

span.slaoptions { color: #0000ff; text-align: right;}
table.uploadtable br { clear: left; height: 1px; color: #000000; }
/*table.uploadtable a{ color: #0000ff; }
table.uploadtable a:hover {color:#0000ff;text-decoration:none;}*/
table.infopannel td { padding: 4px; text-align: center; }


td.uploadtable-a { width:100px; background:#ffffff;} /* Preview image */
td.uploadtable-b { width:60px; } /* File Name */
td.uploadtable-c { width:25px; } /* Dimensions */
td.uploadtable-d { padding: 4px 10px; } /* Info */
td.uploadtable-e { width:110px; display: none;} /* Options */


table.uploadtable a:link, a:visited, a:hover, a:active { text-decoration: underline; color: #0000ff; font-weight: normal;}
table.uploadtable a:hover, a:active { text-decoration: underline; color: #ff0000; font-weight: normal;}

span.uploadx { position: relative; top:-10px; right:0px; border: 0px solid black; color: black; float: right; padding: 2px; font-size: 12pt;}
span.uploadx2 { float: right; position: relative; top:-6px; right:0px; border: 0px solid black; color: black; padding: 2px; font-size: 12pt;}

span.uploadx a:link, a:visited, a:hover, a:active {color:#000000;text-decoration:none; font-weight: bolder;}
span.uploadx2 a:link, a:visited, a:hover, a:active {color:#000000;text-decoration:none; font-weight: bolder;}

a.uploadx { color: black; font-size: 12pt; }

/* ***************** Materials Popup *************** */
div#materialspopup { 
   position:absolute;
   display:none;
   /*background: #ffffff url(images/fakeal2.gif);*/
   background: #ffffff;
   padding:10px;
   border:3px solid #777777;
}

div#materialspopup b { font-weight: bolder; font-size: 120%; }
div#materialspopup td { padding: 6px }
div#materialspopup input { width: 200px; margin: 4px 0; padding: 2px 0px;}
img#materialspopupimg { border: 2px solid black; }

select, input { font-family: Geneva, Arial, Helvetica, sans-serif; }

a.helpbutton { position: absolute; top: 8px; left: 370px; }