/* 
========================================================================================================= CREDITS
Copyright : Copyright (c) 2009 JPL. All Rights Reserved.
Author(s) : Samuel Wissler - swissler@jplcreative.com
		  : Larry Daughenbaugh - ldaughenbaugh@jplcreative.com
Date      : 2/16/2009 
Notes     : Styles for some specific site-wide elemnts like the top navigation and footer.
========================================================================================================= CHANGE LOG
Date		Name				Desc
========================================================================================================= BEGIN CSS
*/

#machine-bg { background: url(../img/general/vending_bg.jpg) no-repeat top center; margin: 0px auto; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.linkspecial { margin-bottom: 15px; }
.small { font-size: 8px; }


#topnav { background: url(../img/general/topnav_bg.jpg) no-repeat; height: 84px; margin: 0px auto; padding: 5px 0px 0px 10px; width: 890px; }
#homelink { float: left; height: 84px; width: 205px; }
#topnav ul { float: left; margin: 9px 0px 0px 22px; }
#topnav li { float: left; }
#topnav a { text-decoration: none; }

#nav-products a { background: url(../img/general/nav_products.gif) no-repeat; display: block; height: 48px; width: 115px; }
#nav-sellsheets a { background: url(../img/general/nav_sellsheets.gif) no-repeat; display: block; height: 48px; width: 144px; }
#nav-trade a { background: url(../img/general/nav_trade.gif) no-repeat; display: block; height: 48px; width: 120px; }
#nav-bulk a { background: url(../img/general/nav_bulk.gif) no-repeat;  display: block; height: 48px; width: 147px; }
#nav-info a { background: url(../img/general/nav_info.gif) no-repeat; display: block; height: 48px; width: 244px; }

#nav-products a:hover { background: url(../img/general/nav_products_over.gif) no-repeat; }
#nav-sellsheets a:hover { background: url(../img/general/nav_sellsheets_over.gif) no-repeat; }
#nav-trade a:hover { background: url(../img/general/nav_trade_over.gif) no-repeat; }
#nav-bulk a:hover { background: url(../img/general/nav_bulk_over.gif) no-repeat; }
#nav-info a:hover { background: url(../img/general/nav_info_over.gif) no-repeat; }

#interior { background: #999999 url(../img/general/interior_bg.jpg) no-repeat; margin: 0px auto; padding: 15px 0px; width: 900px; }

#leftnav-bg { background: url(../img/general/leftnav_bg.gif) repeat-y; width: 900px; }

#leftnav { float: left; margin: 0px 20px 15px 10px; padding: 0px 0px 0px 16px; width: 159px; }
#leftnav ul { color: #0f7dbc; font-family: "Arial Black"; font-size: 17px; text-transform: uppercase; }
#leftnav ul li ul { color: #000000; font-family: Verdana; font-size: 10px; font-weight: bold; text-transform: none; }
#leftnav ul li ul li a { color: #068299; }
#leftnav ul li { border-bottom: 1px solid #0f7dbc; padding: 25px 0px; text-align: center; }
#leftnav ul li ul li { border-bottom: 1px solid #b7dbe1; padding: 10px 0px; }
#leftnav .small { font-size: 13px; }
#leftnav ul .last { border: none; }
#leftnav ul li ul .last { border: none; padding-bottom: 5px; }
#leftnav ul li ul .first { border-top: 1px solid #b7dbe1; margin-top: 10px; }
#leftnav ul li ul .oneitem { border-top: 1px solid #b7dbe1; border-bottom: none; margin-top: 10px; }

#content { float: left; padding-left: 15px; width: 645px; }

.contentlist, .contentlist ul {
	font-family: Verdana;
	font-size: 11px;
	list-style-type: disc;
	margin-left: 20px;
	margin-bottom: 15px;
}

.contentlist li { padding-bottom: 5px; }

.contentlist ul { padding-top: 5px; margin-bottom: 0px; }

.contentlist .last { padding-bottom: 0px; }

.quadlink { float: left; width: 300px; }
.quadlink h3 { margin: 0px; }

table {
	color: #000000;
	font-family: Verdana;
	font-size: 10px;
}
table td { text-align: center; padding-right: 35px; width: 130px; }
.label td { padding: 5px 35px 30px 0px; font-weight: bold; }

.marketstable { font-family: Verdana; font-size: 13px; margin-top: 15px; }
.marketstable td { font-weight: bold; padding: 0px 0px 7px 0px; text-align: left; }
.marketstable a { float: left; white-space: nowrap; }

.contactstable td { text-align: left; padding-right: 0px; }


#footer { margin: 0px auto; padding-top: 10px; width: 900px; }
#footer, #footer p { color: #797977; font-family: Tahoma; font-size: 11px; padding-top: 15px; }
#footer .left { clear: left; }
#footer .right { clear: right; }
#footer ul { margin-bottom: 10px; padding-top: 15px; }
#footer ul li { border-right: 1px solid #797977; float: left; padding: 0px 5px; }
#footer a { color: #797977; float: left; text-decoration: none; }
#footer .first { padding-left: 0px; }
#footer .last { border-right: none; padding-right: 0px; }

/* ============================================================================================================================= SIRF TAGS */

.sIFR-flash { visibility: visible !important; margin: 0; }
.sIFR-replaced { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }

/* Hide Adblock Object tab */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* sIFR decoys */
h3.sifr { margin: 15px 0px 0px 0px; padding: 5px 10px 0px 10px; height: 23px; background: url(../img/general/sifr-bg.png) no-repeat; }
span.sifr { margin: 0px; padding: 0px; font-family: Helvetica, Arial, sans-serif; font-size: 18px; color: #0053A0; }

/* use for print stylesheet */
/*
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed { display: none !important; height: 0; width: 0; position: absolute; overflow: hidden; }
span.sIFR-alternate { visibility: visible !important; display: block !important; position: static !important; left: auto !important; top: auto !important; }
*/

/* ============================================================================================================================= MODALS */

.market-map { 
 	width: 630px;
	display: none;
	position: absolute; 
	top: 40%; 
	left: 50%;
	text-align: left; 
	z-index: 1001; 
	background: #FFF;
	border: 1px solid #FFF;
}
.modal-content { background: #FFFFFF; width: 602px; padding: 0px 14px 14px 14px; }

.close-modal { 
	display: block; 
	height: 12px; 
	background: #FFF url(../img/buttons/close-modal.gif) center right no-repeat;
	text-indent: -9999px;
}

#overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 500;
	background-color: #333;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* [id] is used keep modal positioning static, IE doesn't use this and the scrollbars are hidden */
#overlay[id], .modal[id], .market-map { position: fixed; }