/*
	base.css
 	Product: AMI.com 
	Description:AMI.com Page Structure & Layout Stylesheet
	© 2009, AMI Inc.
*/

/* General css rules */
html 				{min-height:100%; margin-bottom:1px;}
body				{font:12px Arial, Helvetica, sans-serif; 
    				 margin:0px auto 20px auto; padding:0px; background-color:#369; color:#555;}
body.popup			{margin:0px; background:none; background-color:transparent;}
a					{outline:none; color:#369;}
a:link				{cursor:pointer;}
a:visited			{color:#369;}
a:hover				{color:#a4b4ca; text-decoration:none;}

form				{padding:0px; margin:0px;}
p					{margin:0px 0px 10px 0px;}
th, td				{font:11px Arial, Helvetica, sans-serif; padding:2px;}
th					{font-weight:bold;}
h1, h2, h3, h4, h5	{font-family:Verdana, Arial, Helvetica, sans-serif;}
pre					{font:12px monospace;}
acronym				{cursor:help; font-weight:bold;}
strong				{font-weight:bold;}
em					{font-style:italic;}
hr					{height:1px; background:#dfdfdf; color:#dfdfdf; margin:15px 0px; padding:0px; border:0px;}

input				{padding:0px;}
select				{padding:0px; vertical-align:middle; border:1px solid #7f9db9; font:11px Arial, Helvetica, sans-serif;}
textarea			{padding:0px 0px 0px 2px; font:11px Arial, Helvetica, sans-serif;}
input.textbox		{margin:0px 2px 0px 0px; padding:1px 5px; border:1px solid #7f9db9; font:11px Arial, Helvetica, sans-serif;}
input.checkbox,
input.radio			{margin:0px 5px 0px 0px; padding:0px; vertical-align:middle;}

.hiddenText			{display:none;}
.returnLink			{width:100%; margin:10px 0px 20px 0px; text-align:center;}
.clear				{clear:both; line-height:0pt; font-size:0px;}
.textLeft			{text-align:left;}
.textCenter			{text-align:center;}
.textRight			{text-align:right;}
.floatL				{float:left;}
.floatR				{float:right;}

.returnTop 			{margin-bottom:15px; padding-bottom:10px; border-bottom:1px solid #555;}
.returnTop a		{font-weight:bold;}
    
/* General page rules */
#pageFrame {
    position:relative; 
    z-index:2; 
    height: 100%;
    /*width:972px; */
    width:1000px; 
    padding:0px 10px; 
    margin:0px auto; 
    background:url('../images/page-frame-bg.png') repeat-y;
}
#pageHeader	
{
  position:relative; 
  z-index:100; 
  height:126px; 
  background:#fff; 
	font-size:11px;
	
}
#pageBody {
    position:relative; 
    z-index:10; 
    background:#fff;}
#pageFooter	{
    background:url('../images/FooterBG.png');
    bottom: 0;
    font-size:11px; 
    height:26px; 
    margin:0px 0px 0px 0px; 
    padding:0px 10px; 
    position: fixed;
    vertical-align: text-bottom;
    width: 100%;
    z-index:999; 
}

/* banner area rules */
#pageHeader #banner 
{
	height:68px;
	
}
#pageHeader h1 {
    position:absolute; 
    top:20px; 
    left:24px; 
    padding:0px; 
    margin:0px; 
    background:url('../images/AMILogo.png') no-repeat;}
#pageHeader h1 a {
    display:block; 
    width:275px; 
    height:48px;}

/* utility nav rules */
#pageHeader #utilityNav {
    float:right; 
    display:inline; 
    margin: 7px 5px 6px 0px;}
#pageHeader #utilityNav ul {
    margin:0px; 
    padding:0px;}
#pageHeader #utilityNav ul li {
    list-style-type:none;   
    margin:0px; 
    padding:5px; 
    float:left; 
    display:inline;}
#pageHeader #utilityNav ul li#utilWelcome	{
    color:#c68038; 
    text-indent:1px; 
    display:inline; /* hide welcome until functions shows it */}
#pageHeader #utilityNav ul li a {
    color:#369; 
    text-decoration:none; 
    background:url('../images/icons/link.gif') 0px 4px no-repeat; 
    padding-left:8px; 
    margin-left:15px;}
#pageHeader #utilityNav ul li a:hover {
    color:#a4b4ca; 
    text-decoration:underline;}
#pageHeader #utilityNav ul li#utilTranslator	{
    color:#c68038; 
    font-size:xx-small;
    font-family: Calibri,Verdana,Arial Narrow;     
    display:inline; /* hide Translator until functions shows it */}

/* header ad rules */
#pageHeader #bannerAd {
    position:absolute; 
    top:14px; 
    left:290px; 
    z-index:9999; 
    display:none; /* turning off */}
#pageHeader #bannerAd div			{
    width:370px; 
    height:70px;}
#pageHeader[id] #bannerAd div		
{
    background:url('../images/header-ad.png') no-repeat;}
#pageHeader #bannerAd div a			
{
    width:60px; 
    display:block; 
    position:relative; 
    top:37px; 
    left:171px; 
    text-decoration:none;}
#pageHeader #bannerAd div a:hover	
{
    text-decoration:underline;}

/* footer rules */
#pageFooter div			
{
        position:relative; 
        z-index:2; 
        padding:5px 0px 0px 20px;}
#pageFooter p			
{
    margin:0px 0px 8px 0px;}
#pageFooter a			
{
    color:#369; 
    text-decoration:none;}
#pageFooter a:hover		
{
    color:#a4b4ca; 
    text-decoration:underline;}
#pageFooter .links		
{
    margin-left:-2px;}
#pageFooter .links a	
{
    margin:0px 6px 0px 2px;}


/* Menu System css rules */
#globalNav							
{
    position:relative; 
    z-index:999;}
#globalNav ul						
{
    margin:0px; 
    padding:0px 0px 0px 31px; 
    height:61px; 
    background:url('../images/globalNav/background.gif') repeat-x; 
    position:relative; 
    z-index:999;
}

#globalNav a, #globalNav a:hover	
{
    text-decoration:none; 
    font-weight:bold; 
    text-transform:uppercase;}
#globalNav ul li					
{
    margin:0px; 
    padding:0px; 
    position:relative; 
    text-align:center; 
    float:left; 
    display:inline;}
#globalNav ul li a					
{
    position:relative; 
    float:left; 
    margin:0px; 
    padding:0px 20px 0px 0px; 
    height:38px; 
    background:url('../images/globalNav/itemRight.gif') no-repeat right 0px; 
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    font-weight:bold; 
    text-transform:uppercase; 
    color:#fff;}
#globalNav ul li a span				
{
    float:left; 
    padding:20px 0px 0px 20px; 
    height:18px; 
    display:block; 
    cursor:pointer; 
    background:url('../images/globalNav/itemBackground.gif') no-repeat;}
#globalNav ul li a:visited			
{
    text-decoration:none;}
#globalNav ul li a:hover			
{
    background-position:right -40px; z-index:9999;}
#globalNav ul li a:hover span		
{
    background-position:0px -40px; color:#17447a;}

/* second-level lists */
#globalNav li div					
{
    position:absolute; 
    z-index:9998; 
    left:-999em; 
    top:37px; 
    margin-left:3px; 
    padding:0px; 
    border:1px solid #4775a2; 
    border-left:1px solid #7b9cbd; 
    border-bottom:1px solid #7b9cbd; 
    background:#fff; 
    width:215px;}
#globalNav li ul					
{
    margin:10px 12px 0px 12px; 
    padding:0px 0px 10px 0px; 
    background:#fff; 
    width:190px; 
    height:auto; 
    float:left; 
    border-top:1px #f0f4f9 solid; 
    display:inline;}
#globalNav li ul li					
{
    padding:0px; margin:0px; text-align:left;}
#globalNav li ul li a				
{
    font:11px Verdana, Arial, Helvetica, sans-serif; 
    color:#1e518a; 
    width:190px !important; 
    height:auto; 
    margin:0px; 
    padding:0px; 
    height:23px; 
    line-height:23px; 
    background:#fff; 
    border-bottom:1px #f0f4f9 solid;}
#globalNav li ul li a, #globalNav li ul li a:hover	
{
    font-weight:bold; 
    text-transform:none;}
#globalNav li ul li a span			
{
    padding:0px 0px 0px 12px !important; 
    height:auto !important; 
    background:#fff;}
#globalNav li ul li a:hover			
{
    background-color:#369;}
#globalNav li ul li a:hover span	
{
    background-color:#369; color:#fff !important;}
#globalNav li:hover div, #globalNav li.sfhover div {left:0px !important;}

#globalNav li:hover div {display: block;}   /* ##### Fix the All menus show at once after I click a text field or select box problem in IE7 */

/* Support for the iehover fix  */
ul.nav iframe {position: absolute; left:-13px; top:0em; z-index:-1; padding-right:27px;}
* html ul.nav li {z-index:201;}
select.hide {visibility:hidden;} /* this is for IE 5.0
/* End Support for the iehover fix  */

/* active tab */
#homePage li#homeTab a,
#buyPage li#buyTab a,
#productsPage li#productsTab a,
#MachiningPage li#MachiningTab a,
#salesPage li#salesTab a,
#newsPage li#newsTab a,
#locationsPage li#locationsTab a,
#membersBuy li#buyTab a,
#qualityPage li#qualityTab a,
#aboutUsPage li#aboutTab a,
#myAMI li#myAMITab a,
#presalesPage li#buyTab a,
#publicSales li#buyTab a,
#postsalesPage li#buyTab a,
#simulcastPage li#buyTab a,
#careersPage li#careerTab a,
#bd li#myAMITab a,
#psPage li#buyTab a				
{
    background-position:right -80px !important;}

#homePage li#homeTab a span,
#myAMI li#myAMITab a span,
#qualityPage li#qualityTab a span,
#aboutUsPage li#aboutTab a span,
#productsPage li#productsTab a span,
#MachiningPage li#MachiningTab a span,
#salesPage li#salesTab a span,
#newsPage li#newsTab a span,
#locationsPage li#locationsTab a span,
#careersPage li#careerTab a span,
#bd li#myAMITab a span,
#psPage li#buyTab a span		
{
    background-position:0px -80px !important; 
    padding-top:14px; 
    padding-left:26px;
    height:25px; 
    color:#2961a2;}


/* inactive tab hover */
#globalNav li a.menuon			
{
    background-position:right -40px !important; z-index:9999;}
#globalNav li a.menuon span		
{
    background-position:0px -40px !important; color:#2961a2;}



/* content wrapper */
#contentWrapper					
{
    /*  position:relative;  */
    /*  z-index:11; */
    /*  width:936px;  */
    background:#ffffff; 
    /*  border-bottom:1px solid #8d8d8d;  */
    padding:9px 18px 100% 18px;
}

#contentWrapper h2				
{
    font-size:20px; 
    font-weight:normal; 
    letter-spacing:-1px; 
    color:#369; 
    margin:0px 0px 10px 10px; 
    padding:0px;}
#contentWrapper #columnsFrame	
{
    position:relative; z-index:101; float:left;}
#contentWrapper .noModule		
{
    position:relative; z-index:101; padding:0px 10px;}


/* Wrapper Template Classes (DEPRECATED - used by myAccount, ps1, cyberlots) 
#wrapper				
{
    position:relative; left:0px; top:0px; width:100%; background:#fff; border-bottom:1px solid #8d8d8d;}
#wrapper .content		
{
    padding:20px 20px 40px 20px; color:#333; background:#fff;}
#wrapper h1				
{
    font-size:16px; font-weight:bold; margin:0px 0px 10px 0px; padding:0px;}
#wrapper h2				
{
    font-size:13px; margin:0px 0px 10px 0px; padding:0px;}
*/
/* breadcrumbs (DEPRECATED - used by signup) 
#utilityBar									
{
    position:relative; padding-left:20px;}
#utilityBar #trackingFrame					
{
    padding:9px 0px 6px 0px; font-size:11px; color:#369;}
#utilityBar #trackingFrame a				
{
    color:#369; text-decoration:none; background:url('../images/icon_breadcrumb.gif') right 4px no-repeat; padding-right:10px; margin-right:5px;}
#utilityBar #trackingFrame a:hover			
{
    color:#a4b4ca; text-decoration:underline;}
*/
/* Data Table rules */
.dataTable 				
{
    border:1px solid #82a4c0; border-collapse:collapse;}
.dataTable th			
{
    font-weight:bold; color:#555; text-align:left; border:1px solid #82a4c0; padding:3px 4px; background:#f2f3f5;}
.dataTable td			
{
    border-right:1px solid #82a4c0; border-bottom:1px dotted #b8b8b8; padding:3px 4px;}
.dataTable td a			
{
    text-decoration:none; font-weight:normal;}
.dataTable td a:hover	
{
    text-decoration:underline;}

#subNavContainer	{position:relative; margin:0px 0px 15px 0px; text-align:center;}

/* breadcrumbs */
#breadcrumb						{margin:0px 10px 8px 10px; font-size:11px; color:#369;}
#breadcrumb a,
#breadcrumb span				
{
    text-decoration:none; 
    background:url('../images/icons/link.gif') 0px 4px no-repeat; 
    padding-left:9px; 
    margin-right:4px;}
#breadcrumb a:hover				
{
    text-decoration:underline;}

/* page utilities */
#pageUtils						
{
    position:absolute; top:3px; right:30px;}
#pageUtils ul					
{
    margin:0px; padding:0px; line-height:28px; list-style:none;}
#pageUtils li					
{
    margin:0px; padding:5px 0px; display:inline;}
#pageUtils li a					
{
    padding:4px 0px; font-size:11px; text-decoration:none;}
#pageUtils li a.print			
{
    padding-left:19px; background:url('../images/icons/print.gif') 0px 5px no-repeat;}

/* tooltip popup boxes */
.tooltip						
{
    position:relative; width:431px;}
.tooltip .bottom				
{
    height:35px;}
.tooltip .inner					
{
    padding:0px 40px 0px 40px;}
body[id] .tooltip .bottom		
{
    background:url('../images/tooltip/bg_btm.png') no-repeat;}
body[id] .tooltip .inner		
{
    background:url('../images/tooltip/bg_top.png') no-repeat;}
.tooltip h4						
{
    position:relative; 
    margin:0px; 
    padding:15px 0px 0px 0px; 
    height:32px; 
    line-height:32px; 
    color:#fff; 
    font-size:11px;}
.tooltip h4 a					
{
    display:block; 
    width:18px; 
    height:18px; 
    margin:-24px -2px 0px 0px; 
    float:right; 
    background:url('../images/1x1.gif') no-repeat; /* IE7 hack to make the anchor clickable */}
.tooltip h4 a span				
{
    display:none;}
.tooltip p						
{
    margin:0px; padding:10px 0px; font-size:11px;}

/* helptip embeded boxes */
.helptip						
{
    position:relative; 
    width:550px;}
.helptip .bottom				
{
    height:30px;}
.helptip .inner					
{
    padding:0px 34px 0px 34px;}
body[id] .helptip .bottom		
{
    background:url('../images/helptip/bg_btm.png') no-repeat;}
body[id] .helptip .inner		
{
    background:url('../images/helptip/bg_top.png') no-repeat;}
.helptip h4						
{
    position:relative; 
    margin:0px 0px 20px 0px; 
    padding:12px 0px 0px 0px; 
    height:30px; 
    line-height:30px; 
    color:#fff; 
    font-size:11px;}
.helptip h4 a					
{
    display:block; 
    width:18px; 
    height:18px; 
    margin:-24px 0px 0px 0px; 
    float:right; 
    position:relative; 
    right:-13px; 
    background:url('../images/1x1.gif') no-repeat; /* IE7 hack to make the anchor clickable */}
.helptip h4 a span				
{
    display:none;}
.helptip p, .helptip ul			
{
    margin:0px; 
    padding:0px 0px 10px 0px; 
    list-style:none;}
.helptip ul li					
{
    margin:0px 0px 0px 8px; 
    padding:1px 0px 1px 18px; 
    background:url('../images/icons/bullet.gif') 9px 6px no-repeat;}
.helptip a						
{
    position:relative;}

/* buttons */
.button					{display:block; cursor:pointer; height:26px;}
.button span			{display:none;}

.btnCancel-bl			{background:url('../images/buttons/cancel-bl.gif') no-repeat; width:74px;}
.btnClose-o				{background:url('../images/buttons/close-o.gif') no-repeat; width:69px;}
.btnDelete-o			{background:url('../images/buttons/delete-o.gif') no-repeat; width:75px;}
.btnDownload-o			{background:url('../images/buttons/download-o.gif') no-repeat; width:99px;}
.btnGo-bl				{background:url('../images/buttons/go-bl.gif') no-repeat; width:51px;}
.btnLocate-bl			{background:url('../images/buttons/locate-bl.gif') no-repeat; width:72px;}
.btnLogin-o				{background:url('../images/buttons/login-o.gif') no-repeat; width:66px;}
.btnSearch-o			{background:url('../images/buttons/search-o.gif') no-repeat; width:75px;}
.btnSearch-bl			{background:url('../images/buttons/search-bl.gif') no-repeat; width:75px;}
.btnSearch-g			{background:url('../images/buttons/search-g.gif') no-repeat; width:75px;}
.btnSignup-bl			{background:url('../images/buttons/signup-bl.gif') no-repeat; width:72px;}
.btnSubmit-o			{background:url('../images/buttons/submit-o.gif') no-repeat; width:75px;}

/* Generic buttons */
.btnInput					
{
    color:#fff; 
    border:1px solid #ccc; 
    border-bottom:1px solid #666; 
    border-right:1px solid #666;
    padding:1px .5em; 
    font-weight:bold; 
    cursor:pointer; 
    font-family:Arial, helvetica, sans-serif; 
    font-size:11px; 
    text-transform:uppercase;}
.btnAnchor 					
{
    color:#fff !important; 
    text-decoration:none; 
    border:1px solid #ccc; 
    border-bottom:1px solid #666; 
    border-right:1px solid #666; 
    padding:2px 10px; 
    font-weight:bold; 
    font-size:11px; 
    cursor:pointer; 
    text-transform:uppercase; 
    white-space:nowrap;}
.btnAnchor:hover			
{
    color:#fff !important; 
    text-decoration:none;}
*+html .btnInput			
{
    padding:0px 3px;} /* IE7 ONLY hack */
.btnPrimary					
{
    background: #e38929 url('../images/buttons/bg_primary.gif') center left repeat-x;} /*currently orange */
.btnSecondary
{
    background: #5e86af url('../images/buttons/bg_secondary.gif') center left repeat-x;} /*currently blue */
.btnTertiary				
{
    background: #797979 url('../images/buttons/bg_tertiary.gif') center left repeat-x;} /*currently grey */
.btnRSS
{
    background: #e38929 url('../images/icons/rss_icon.gif') center left repeat-x;}  


/* modal lightbox styles */
#modal_overlay								
{
    background-color:#eee;}
#modal_overlay.nobg							
{
    background-color:transparent; /* setting this instead of turning off the overlay lets you click outside a box to close and also have no overlay color */}
#modal_container							
{
    padding:5px; 
    background:transparent; 
    border:0px; 
    overflow:hidden;} 
#modal_container iframe						
{
    background-image:none; 
    background:transparent; 
    overflow:hidden; 
    border:0px;}
*:first-child+html #modal_container iframe	
{
    width:780px !important;} /* IE7 ONLY hack */

/* lightboxes */
#lightbox						
{
    width:674px;}
#lightbox .bottom				
{
    height:69px; 
    padding-right:35px;}
#lightbox .bottom .button,
#lightbox .bottom .btnAnchor	
{
    float:right; 
    margin:20px 5px 0px 0px; 
    display:inline;}
#lightbox .inner				
{
    padding:0px 40px 0px 50px;}
#lightbox .inner .content		
{
    height:395px; 
    overflow:auto; 
    overflow-x:hidden; 
    overflow-y:auto; 
    padding:0px 10px 0px 0px; 
    position:relative; 
    z-index:990;}
#lightbox[id] .bottom			
{
    background:url('../images/lightbox/bg-bottom.png') no-repeat;}
#lightbox[id] .inner			
{
    background:url('../images/lightbox/bg-middle.png') repeat-y;}
#lightbox h4					
{
    margin:0px; 
    padding:0px; 
    height:33px;}
#lightbox[id] h4				
{
    background:url('../images/lightbox/bg-top.png') no-repeat;}
#lightbox h4 span				
{
    display:none;}
#lightbox h4 a					
{
    display:block; 
    width:18px; 
    height:18px; margin:8px 19px 0px 0px; 
    float:right; display:inline;}
#lightbox h5					
{
    font-size:14px; 
    color:#369; 
    width:674px; 
    height:58px; 
    line-height:65px; 
    margin:0px; 
    padding:0px 50px;}
#lightbox[id] h5				
{
    background:url('../images/lightbox/bg-title.png') no-repeat;}
#lightbox h3					
{
    margin:0px; 
    padding:0px; 
    font-size:13px;}
#lightbox p						
{
    margin:0px; 
    padding:10px 0px; 
    font-size:11px; 
    text-indent:1px;}
#lightbox a						
{
    position:relative; 
    z-index:999;}
#lightbox #pageUtils			
{
    position:static; 
    float:right; 
    margin:-40px 30px 0px 0px; 
    display:inline;}

/* messaging */
.msgError			
{
    border:1px solid #ae0000; 
    background-color:#fae6e6; 
    margin-bottom:15px; 
    padding:5px 0px;}
.msgError p			
{
    background:url('../images/icons/msgError.gif') no-repeat 12px 4px; 
    font-weight:bold; 
    color:#ae0000; 
    margin:0px; 
    padding:5px 10px 5px 40px;}
.msgError a			
{
    color:#ae0000;}

.msgConfirm			
{
    border:1px solid #119911; 
    background-color:#e6f8de; 
    margin-bottom:15px; 
    padding:5px 0px;}
.msgConfirm p		
{
    background:url('../images/icons/msgConfirm.gif') no-repeat 12px 4px; 
    font-weight:bold; 
    color:#006600; 
    margin:0px; 
    padding:5px 10px 5px 40px;}
.msgConfirm	a		
{
    color:#006600;}

.msgInfo			
{
    border:1px solid #cccc00; 
    background-color:#fff7b6; 
    margin-bottom:15px; 
    padding:5px 0px;}
.msgInfo p			
{
    background:url('../images/icons/msgInfo.gif') no-repeat 12px 4px; 
    font-weight:bold; 
    color:#996600; 
    margin:0px;
     padding:5px 10px 5px 40px;}
.msgInfo a			
{
    color:#996600;}

.msgQuestion		
{
    border:1px solid #00539a; 
    background-color:#dee6ff; 
    margin-bottom:15px; 
    padding:5px 0px;}
.msgQuestion p		
{
    background:url('../images/icons/msgQuestion.gif') no-repeat 12px 4px; 
    font-weight:bold; 
    color:#00539a; 
    margin:0px; 
    padding:5px 10px 5px 40px;}
.msgQuestion a		
{
    color:#00539a;}

/* form error fields */
.fieldErr			
{
    background:url('../images/icons/msgError.gif') no-repeat left 0px; 
    height:18px;}
.fieldErr label,
.fieldErr label a	
{
        font-weight:bold !important; 
        color:#ae0000 !important;}
        
/* Alert/Error Frame css rules (no idea if used) */
#alertFrame			{border:1px solid #000; padding:10px 10px 10px 36px; margin:10px 0px 10px 0px; background:#F6F6F6;}
#alertIcon			{background:url('../images/alertIcon.gif') no-repeat;}
#alertIconSmall	 	{background:url('../images/alertIconSmall.gif') no-repeat;}
.alertMessage		{font-weight:bold; font-size:12px; margin:0px;}
.alertText			{font-weight:normal; font-size:11px; margin:10px 0px 0px 0px;}
.alertText p		{margin:3px 0px 0px 0px;}

.more {
	text-align: right;
	font-size: 9px;
}