/* 5-3009 updated rfqbutton style

/*basic design methods from CSS Mastery Andy Budd 2006 case study 1
Variables:

#00378c;   /*  = APP blue 
#ccc; /* dim color 
#384A70  /*grey/blue
#ffef8e; /* hover color 

760px;  /* layout Width:
600px;   /* layout High 
-378px; /* Midscreen:  layout Width /2  - 2 for border


60px;   /* Nav Bar High:
200px;  /* Left Menu Wide
490px;  /* Left Menu High:  Layout High - Footer High - Nav Bar High

540px; 	/* BoxBorder High: lay Out High - Nav Bar High
756px; /* BoxBorder Wide:   layout Width - 4 (border)

556px;	/* Banner Nav Wide:  =BoxBorder Wide - left Menu Wide 
75px;	/*Banner Nav Image High:
25px;	/*Banner Nav Menu High 
100px;	/*Banner Nav High:   Banner Nav Image High + Banner Nav Menu High 

-180px;  /* Banner Midscreen Offset:   = Midscreen: -  Left Menu Wide

556px;	/*Content Wide:   Banner Nav Wide 
390px;	/*Content High:  Layout High - Footer High - Banner Nav High 

50px;		/*  Footer High:

*/

html {font-size:76%;font-family:arial,verdana,helvetica,sans-serif;	color: #333;background-color: White;}

body {margin: 0;padding: 0;}

img {border: 0;}

#wrapper {
width:764px;
margin:0 auto;
padding: 0 0px 0px 0px;
}

#navbar {
	/*very top of page not inside of boxborder */
width: 760px;
	height:50px;
	z-index: 7;
}

#prettyBox {
	border-style: solid;
	border-width: 2px;
	border-color: #ccc #666 #666 #ccc;
}


#leftmenu {
	float:left;
	width:200px;
	text-align: right;
	z-index:4;
}



#banner{
	height: 100px;
	z-index:9; 
	background-color :white;
	}
	
#primarycontent {
  color: inherit;
	float:left;
	width: 560px;	
	z-index:2;
	}

.contentmessage {
	color: inherit;
	width: 540px;
	padding: 0 10px 0px 10px;
	height: 390px;
	overflow: auto;
	}
	
#footer {
	clear:both;
	width: 760px;
	height: 50px;
	padding: 0px;
	
	background-color:  #00378c;   /*  = APP blue  */
	color:#fff;
	Text-align: center;
	}
		
#hideBottom {
	position: relative;
	top: 200px;
	Bottom: 0;
	display:block; 
	width:100%;
	height:100%;		
	z-index:5; 
	background-color:  red;  
	}

/* menus  */
.leftmenuContent  {
	font-family: arial, verdana, helvetica, sans-serif;
	/* line-height: 75px; 
	*/
	text-align: right;
	padding: 0 1em 10em;
	border-style: none solid none none;
	border-width: 0px 1px 0px 0px;
	border-color: #666;
}
.leftmenuHead   {
 font-size: 13px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 font-weight: 700; 
 line-height: 14px; 
 text-align: right; 
 padding: 1em 1em 0em 0em;
 }
 
.leftmenuNews    { 
font-size: 12px; 
font-family: arial, verdana, helvetica, sans-serif;
 line-height: 14px; 
 text-align: right; 
 padding-top: 5px; 
 margin-bottom: 5pt; 
 padding-left: 0 
 }
 
 .leftmenuSub  { 
 font-family: arial, verdana, helvetica, sans-serif; 
 line-height: 14px; 
 margin-top: -2px;
 text-align: right; 
 padding: 0 
 }
 
 .rightmenu  { font-size: 11px; 
 font-family: arial, verdana, helvetica, sans-serif; 
 line-height: 15px; 
 padding: 0 
 } 

/* top nav bar stuff */

.navinfo {
	float: left;
   padding: 20px 0 0 5px;
}

.navsearch {
	padding: 20px 5px 0 0;
	float: right;
}

.infoNav {color:#00378C; text-decoration:none;}
.infoNav A:link {text-decoration:none;}
.infoNav A:visited {text-decoration:none;}
.infoNav A:hover {text-decoration:underline;}
.infoNav A:active {}

A:link {text-decoration:none;}
A:visited {text-decoration:none;}
A:hover {text-decoration:underline;}
A:active {}

a.otherNav { color: #00378C; text-decoration:none;}
a.otherNav:link { color: #00378C; text-decoration:none;}
a.otherNav:visited { color: #00378C; text-decoration:none;}
a.otherNav:hover {text-decoration:underline;}
a.otherNav:active {} 

a.bodyNav { color: #00378C; text-decoration:none; }
a.bodyNav:link { color: #00378C; text-decoration:none;}
a.bodyNav:visited {text-decoration:none;}
a.bodyNav:hover {text-decoration:underline;}
a.bodyNav:active {} 

a.indexNav { color: #00378C; text-decoration:none; }
a.indexNav:link { color: #00378C; text-decoration:none; }
a.indexNav:visited { color: #00378C; text-decoration:none; }
a.indexNav:hover {text-decoration:underline; }
a.indexNav:active {} 

a.nodec:link { color: #000000; text-decoration:none; font-weight: normal; }
a.nodec:visited { color: #000000; text-decoration:none; font-weight: normal; }	
a.nodec:hover { color: #000000; text-decoration:none; font-weight: normal;}
a.nodec:active { color: #000000; text-decoration:none; font-weight: normal; }

/* display external links with graphic */
.contentmessage a[href^="http:"],
.contentmessage a:hover[href^="http:"] { 
  background: url(/images/external.gif) no-repeat right top;
  padding-right: 10px; 
} 


/* remove external from links to our site */
 .contentmessage a[href^="http://www.injection-moldings.com"]
{ 
  background-image: none; 
  padding-right: 0; 
}

.contentmessage a { color: #00378C; text-decoration:none; font-weight: bold; }
.contentmessage a:link { color: #00378C; text-decoration:none;}
.contentmessage a:visited {text-decoration:none;}
.contentmessage a:hover {text-decoration:underline;}
.contentmessage a:active {} 
	
/*hilight current page in left menu links 
you must add one for each unique link  pg 90 css mastery
bodyclass in pageparams must be the same as the ID in leftmenu of the link */
body.home  a#home 
,body.sitemap a#sitemap
/* company */
,body.about a#about
,body.contact a#contact
,body.customers a#customers
,body.facility a#facility
,body.imc a#imc
,body.jobs a#jobs
,body.map a#map
,body.quotes a#quotes
,body.service a#service

/*  Capabilities */
,body.capabilities a#capabilities 
,body.plastic a#plastic
,body.minimold a#minimold
,body.capinjection a#capinjection
,body.capvacuum a#capvacuum
,body.capmolding a#capmolding
,body.capmoldbuild a#capmoldbuild
,body.enp a#enp
,body.portalasia a#portalasia
,body.capdesign a#capdesign
,body.capfinish a#capfinish
,body.caprapid a#caprapid
,body.portalassy a#portalassy 
,body.aerospace a#aerospace


/* Materials */
,body.portalinherent a#portalinherent
,body.portalclear a#portalclear
,body.capvalue a#capvalue
,body.portaleng a#portaleng
,body.portalcompress a#portalcompress
,body.portalpvdf a#portalpvdf
,body.portalfill a#portalfill
,body.portalinsert a#portalinsert
,body.portalinherent a#portalinherent
,body.portalemi a#portalemi
,body.portalmicro a#portalmicro
,body.portaltset a#portaltset
,body.portalelastomers a#portalelastomers

/* news */
,body.news a#news
,body.events a#events

/* reference */
,body.faqtools a#faqtools
,body.faqreferences a#faqreferences
,body.faqinvent a#faqinvent
,body.faqintro a#faqintro
,body.faqlinks a#faqlinks
,body.faqprototype a#faqprototype

/* ---- */
,body.capabilities a#capabilities
,body.faqtools a#faqtools
,body.products a#product
,body.capmicro a#capmicro
,body.capmfg a#capmfg
,body.capfab a#capfab
,body.capmoldmake a#capmoldmake
,body.capproto a#capproto
,body.capsecond a#capsecond
,body.captset a#captset

,body.onlinequote a#onlinequote
,body.emailquote2 a#emailquote2
/* facility stuff */
,body.fabrication a#fabrication
,body.plant a#plant
,body.molding a#molding
,body.qc a#qc
,body.tool a#tool
/* us-products */
,body.stovepipe a#stovepipe
,body.partnumbers a#partnumbers
,body.pegs a#pegs
,body.products a#products


 {
	/*  color:  #384A70;  /* APP blud   was #ccc; /* dim color */
	  cursor: default; /*don't change cursor for ink*/
	  text-decoration: inherit;
	font-weight: bold;
}

body.home  a:hover#home 
,body.contact a:hover#contact
,body.about a:hover#about
,body.capabilities a:hover#capabilities
,body.sitemap a:hover#sitemap
,body.quotes a:hover#quotes
,body.customers a:hover#customers
,body.facility a:hover#facility
,body.faq a:hover#faq
,body.products a:hover#products
,body.news a:hover#news
{
  text-decoration: none;
}
	

.imageRight {
	float: right;
}
.imageRightPortal {
	float: right;
	margin: 2px 0 5px 10px;
	width:257px; 
}
.imageRightPortal p {
	display: block;

	font-size: smaller;
	font-style: italic;
	text-align: center;
}

.imageLeft {
	float: left;
	padding-right: 10px;
}




.colThree1 {
	top: 0px;
	position:relative;
	left: 0;
	margin-left: 10px;
}
.colThree2 {
	top: 0px;
	position:absolute;
	left: 33%;
	margin: auto;
	width: 30%;
	text-align: center;
}
.colThree3 {
	top: 0px;
	position:absolute;
	right: 0;
	text-align: center;
	width: 30%;
}
.greyHilite {
	padding: 10px;
	color: white;
	background:#384A70; 
	font-size: larger;
	font-weight: bolder;
}

.textEmp {
	font-size: larger;
	font-weight: bolder;
}
.boxP {
	border: medium solid Black;
}

.italicP {
	line-height:1.3; 
	margin: 10px 50px 10px 50px; 
	font-style: italic;
}


b {
	font-family:arial,verdana,helvetica,sans-serif;
	font-style: inherit;
	font-weight: 700
}

h1 {
	text-align:left;
	font-size:14px;
	font-family:arial,verdana,helvetica,sans-serif;
	color:#384A70;
	margin-top: 4px;
}

h2 { color: #384A70; 
	font-size: 12px; 
	font-family: arial, verdana, helvetica, sans-serif; 
	text-align: left;
}

h3 { color: #384A70; 
	font-size: 12px; 
	font-family: arial, verdana, helvetica, sans-serif; 
	text-align: left ;
	font-style: italic;
}
input,select,textarea,option {
	font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	border-style:solid;
	border-width:1px;
	border-color:#000000;
	background-color:#ffffff;	
}

hr{
	margin-top:3px; 
	margin-bottom:20px; 
	height:3px; 
	background-color: #ccc;
	}

 /* Kludge  there must be a better way to do this banner stuff */
 
 .bannermenu {
	text-align: right;
	width: 100%;
	background-color : #00378c;   /*  = APP blue  */
	color: #fff;
	float: right;
	clear:right;
	padding: 0 0 0 0 ;
	margin: 0 0 0 0 ;
 
}
 
 .bannermenu_text {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	/* line-height: normal;
	*/
	color: #fff;
	vertical-align : middle;
	padding-top:5px;
	
}

.bannermenu_text a {
		color: #fff;
}
 
 /* footer stuff */
 #footer a{
	color: #fff;	
}
#footer br {
	margin-bottom: 7px;
}

 .menu_tiny  {
	color: rgb(255, 255, 255);
	font-size: smaller;
	text-align: center;
}

 .menu_tiny_right  {
	color: rgb(255, 255, 255);
	font-size: smaller;
	text-align: right;
	
}


.make_big {
	background-color: #00378c;  
	
}

address.make_big:hover {
	font-size: medium;
/*	background-color: #ffef8e;  */
/*	color: black;*/
	font-weight: bold;
	padding: 10px;
/*	border-style: solid;
	border-color: #ffef8e; 
	*/

}

.site_design {
	color: white;
	padding: 5px;
	text-align: right;
	float: right;
}

.site_design a {
 	color: black;
	}
.copyright {
	text-align: left;
	float:left;
	padding: 5px;
}

.explaintext {
	color: inherit;
	font-size: x-small;
	text-align: center;
	margin: auto auto auto;
}


.contactTable p:hover {
	background-color: #ffef8e; /* hover color */
}


.dimColor {
	color:  #ccc;
}
P.close {
	padding: 0,0,0,0;
	margin-top: 1px;
	text-align: center;
}

.boldlist ul{
	list-style-type: none;
	color: black;
}
.boldlist li {
	background: url(images/appbulletlight.gif) no-repeat left top;
	margin: 3px 0px 0px -5%;
	padding-left: 20px;
	list-style-image:none;
	list-style-type: none;
	font-weight: bold;
}

.boldlist a:hover{
	background-color: #ffef8e; /* hover color  #ccc; */
}

.boldsublist ul {
	background: none;
	margin-top: 3px;
}

.boldsublist li {
 	padding: 0;
	list-style-image: none;
	list-style-type: square;
	background: White none;
	font-weight: normal;
	font-style: italic;
	margin-left: -20px;

}

.designlist {
	margin-left: 20px;
}

.designlist ul, ol, li {
	margin-bottom: 6px;
	margin-left: 20px;
}

.linksHeader {
   margin-top: 20px;
	font-style: normal;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
}

.linksList dl, dt{
	margin:  10px 0 10px 0;
	padding-left:30px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
}

.linksList dd {
	padding-left: 30px;
}

.linksList a:visited {
	background: url(images/visited.gif) no-repeat top right;
}

.sitemap  a:visited {
	width: 200px;  
	display: block;/* makes sure check mark is past text */
	background: url(images/visited.gif) no-repeat top right;
}
	
.tableScroll {
			 height: 250px;
			  width: 525px;
			   overflow: auto;
	}

.upoad td {
          text-align: center; 
          border: solid #00378C; 
          letter-spacing: 3px; 
          width: 33%;
          font-weight: bolder;
          text-decoration: underline;
			}

.sitemapkludge {
 	line-height: 14px; 
	padding-top: 5px; 
 	margin-bottom: 5pt; 
 	padding-left: 25px; 
	font-style: italic;
 }
		
/* login form styling 
taken largely from CSS mastery
*/
form p {
	position: relative;
	}
	
	.feedback {
		position: absolute;
		margin-left: 11em;
		left: 200px;
		font-weight: bold;
		color: #760000;
		padding-left: 18px;
		background: url(images/error.jpg) no-repeat left top;
		}
  .serverError {
  		

		font-weight: bold;
		color: #760000;
		padding-left: 18px;
		background: url(images/error.jpg) no-repeat left top;
  }
	
.rightHilite {
	float: right;
	padding-right: 50px;
	font-weight: bold;
	font-size: larger;
	text-align: center;
}
/*Rollover rfqbtn

the has both active and inactive imags combined
this "preloads" the whole image and keeps it from flickering
rollover is done with css hover
	add this to page:
	  <a href="quotes.php" class="rfqbtn"></a> 
*/
.rfqbtn {	
	width: 75px;
	height: 102px;
	background: url(images/buttonquote3B.gif) 0 0 no-repeat;
	margin: 5px 20px 5px 30px;
	background-position: top left;
	float: right;
}
.rfqbtn:hover  {
	background-position: -84px 0;
}

.rfqbtnleft {	
	width: 75px;
	height: 102px;
	background: url(images/buttonquote3B.gif) 0 0 no-repeat;
	margin: 5px 30px 5px 20px;
  background-position: top left;
	float: left;
}


.rfqbtnleft:hover {
	background-position: -84px 0;
}

#upload {

font-family:arial,verdana,helvetica,sans-serif;
	font-size:12px;
	color:#000000;
	
	position: relative;
	}
	
.required {
	font-style: normal;
	font-weight: bolder;
	font-size: larger;
}	
.requiredItem {
	color: Red;
	
	font-weight: bold;
	font-size: larger;
}
.instruct {
	font-style: italic;
	width: 350px;
	margin: 10px;
}
.important {
	font-style: italic;
	font-weight: bold;
	color: Red;
}
div#btns {
	text-align: center;
}
input#btn {
	padding: 5px;
	margin: 10px;
}

.upline label {
display: block;
text-align: right;
 float: left;
 
 clear: left;
 width: 150px;
 padding: 5px;
 font-weight: bold;
 font-size: inherit;
 color: #384A70 ;
}
.upline input, select, checkbox {
	margin: 3px;
	padding: 2px;
	font-size: larger;
	font-weight: bold;
}

.conversionCode {
	position: absolute;
	text-indent: -550px;
	width: 10px;
	overflow: hidden;
}


.column2 {
position: absolute;	
display: block;
top: -15px;
left: 130px;
}


.uploadapp {
	display: inline;
	float: right;
	margin: 2px 0 5px 10px;
	/*width:257px; */
}
.uploadappR {
		
	font-size: smaller;
	font-style: italic;
	text-align: center;
	
}
.uploadappP {
	
	
	font-size: smaller;
	font-style: italic;
	margin-left: 15px;
	display: block;
}


/*  rep maps roll overs */
.leftmenuContent UL {
	margin: 0;
	padding: 0;
	list-style: none;
}

.leftmenuContent a .note {
	position: absolute;
	left: -1000px;
}

.leftmenuContent a:hover .note {
	position: absolute;
	left: 600px;
	border: 2px solid black;
	Padding: 5px;
	background-color: #ffef8e;
}

.southeast a:hover .note {
	
position: absolute;
	left: 600px;
	border: 2px solid black;
	Padding: 5px;
	background-color: #ffef8e;
}

.refbody {
	margin-left: 25px;
	
}