@charset "utf-8";
html, body { margin: 0; padding: 0; }
body { background: #000; color: #003366; font-family: Tahoma; font-size: 12px; line-height: 1.2; }
a { color: #333; text-decoration: underline; }
a:hover { color: #F60; }
p { display: block; margin: 0 0 10px 0; padding: 0; }
img { height: auto; max-width: 100%; }
.wrapper { background: #FFF; margin: 0 auto; padding: 0; width: 960px; max-width: 100%; }
.container { padding: 10px; }
header { display: block; position: relative; padding: 0 0 25% 0; height: 0; margin: 0 0 10px 0; overflow: hidden; font-size: 0; }
header a, header .kitcochart { display: block; position: absolute; top: 0; height: 100%; padding: 0; margin: 0; background-size: contain; background-repeat: no-repeat; }
header a { left: 0; width: 35%; background-image: url(/images/logo.jpg); background-position: left center; }
header .kitcochart { right: 0; width: 65%; background-image: url(http://www.kitco.com/images/live/nysilver.gif); background-position: right center; }
nav { clear: both; display: block; background: #0E800C; margin: 0 0 10px 0; padding: 0; }
nav a, h1, aside h2 { display: block; margin: 0; padding: 5px 0 5px 30px; font-weight: bold; background: #0E800C url(/images/15482334.gif) 10px center no-repeat; color: #FFF; }
nav ul { display: table; list-style: none; margin: 0; padding: 0; width: 100%; }
nav li { display: table-cell; padding: 0 20px 0 0; }
nav a { text-decoration: none; }
nav a:hover { color: #FFF; text-decoration: underline; }
h1 { font-size: 16px; padding: 5px 0 5px 30px; margin: 0 0 10px 0; }
article, aside { display: block; padding: 0; margin: 0 0 10px 0; }
article { float: left; width: 79%; }
aside { float: right; width: 20%; text-align: center; background: #DDD; padding: 0 0 10px 0; }
aside img { width: 100%; height: auto; }
aside h2 { font-size: 15px; background-image: url(/images/2_LHSbox_commercial_headerbg.gif); margin: 0 0 5px 0; min-height: 48px; padding: 8px 0 0 60px; }
aside h2 span { display: block; font-size: 8px; font-weight: normal; }
footer { display: block; clear: both; text-align: center; border-top: solid 2px #0E800C; padding: 10px 0 0 0; margin: 0; }
#deal, #exchange-table { text-align: center; margin: 0 0 10px 0; }
#mailform label { display: block; }
#mailform input[type="text"], #mailform textarea { width: 100%; margin: 0 0 10px 0; padding: 0; }
#mailform textarea { height: 200px; }
.exchange-mobile { border: solid 1px #000; }
.exchange-mobile, .exchange-group { margin: 0 0 10px 0; }
.exchange-mobile div, .exchange-mobile h2, .exchange-mobile h3 { display: block; margin: 0; padding: 5px 0; }
.exchange-group th, .exchange-group td { padding: 2px 0; }
.exchange-mobile h2, .exchange-group th { background: #888; color: #FFF; font-weight: bold; font-size: 16px; }
.exchange-mobile h2 { background: #000; }
.exchange-mobile h3, .exchange-title td { background: #CCC; color: #000; font-weight: bold; font-size: 16px; }
.exchange-mobile h3 { background: #555; color: #FFF; border-top: solid 1px #000; }
.exchange-image td { padding: 0; }
.exchange-image td div { height: 0; background-size: cover; background-position: center; padding-bottom: 100%; }
.exchange-mobile-price, .exchange-price td { background: #888; color: #FFF; font-weight: bold; }
.exchange-mobile-info, .exchange-info td { padding: 0; background: #EEE; }
.exchange-mobile-info a, .exchange-info td a { display: block; color: #222; text-decoration: none; font-weight: bold; }
.exchange-mobile-info a { padding: 5px 0; }
.exchange-mobile-price { background: #CCC; color: #000; font-size: 24px; }
body.coupons article h2 { text-align: center; font-weight: bold; }
div.coupon { text-align: center; width: 550px; max-width: 100%; background: #FF6; border: dashed 3px #000; padding: 10px 0; margin: 0 auto 10px auto; }
@media screen and (max-width: 950px) {
	body { font-size: 14px; }
	header { padding: 0 0 100% 0; }
	header a, header .kitcochart { width: 100%; height: 49%; background-position: center; }
	header .kitcochart { top: 51%; }
	nav ul, nav li { display: block; padding: 0; }
	article, aside { float: none; width: auto; }
	}
@media print {
	body { background: #FFF; color: #000; }
	nav, aside, footer { display: none; }
	header { height: auto; padding: 0; content: url(/images/logosmall.jpg); float: right; }
	h1 { padding: 55px 0 10px 0; border-bottom: solid 1px #000; color: #000; vertical-align: bottom; }
	h1:after { display: block; content: ' '; font-size: 0; clear: both; }
	.wrapper, .container { width: 100%; margin: 0; padding: 0; }
	article { float: none; width: auto; }
	}