/********** START GLOBALS **********/

body { background:#fff; color:#666; font-family:Arial; font-size:16px; line-height:20px; font-family:Arial; min-width:320px; }

h1 { border-bottom:2px solid #bed400; color:#3d4650; font-size:18px; font-weight:normal; line-height:22px; margin-bottom:15px; padding-bottom:10px; }
h2 { border-bottom:1px solid #ccc; color:#000; font-size:16px; font-weight:normal; line-height:20px; margin-bottom:15px; padding-bottom:10px; }
h3 { background:#f4f5f6; border-bottom:1px solid #ccc; color:#000; font-size:16px; font-weight:normal; line-height:20px; margin-bottom:15px; padding:10px; }
h4 { color:#000; font-size:16px; font-weight:normal; line-height:20px; }

p { font-size:16px; line-height:20px; margin-bottom:15px; }

p.date { font-size:14px;  margin-top:15px;}

a { color:#4681d6; font:inherit; text-decoration:underline; }

table { border-collapse:collapse; border-spacing:0; }

img { display:block; }

ol, ul { margin-left:20px; }

.clearfix:before, .clearfix:after { content:" "; display:table; }
.clearfix:after { clear:both; }
.clearfix { *zoom: 1; }

.hidden { display:none; }
.visible { display:block; }

.open { display:block !important; }

.cookies { background:#3d4650; height:auto; width:100%; padding:8px 0; position:fixed; left:0; top:0; z-index:1000; }
.cookies .content { margin:0 auto; max-width:930px; padding-right:20px; position:relative; }
.cookies p { color:#fff; font-size:12px; line-height:14px; margin-bottom:0; }
.cookies a { color:#cbd800; }
.cookies a.cookies-close { background:url(/assets/images/cookies-close.png); height:12px; width:11px; position:absolute; right:0; top:1px; }

.logo { float:left; margin-bottom:10px; margin-top:10px; }
.logo a { display:block; }

.navigation-trigger { background:url(/assets/images/navigation-trigger.png); display:none; float:left; height:50px; margin-left:15px; width:50px; }

.navigation-back { background:url(/assets/images/navigation-back.png); display:none; float:left; height:50px; margin-left:15px; width:50px; }

.search { border:1px solid #ccc; height:30px; position:absolute; right:15px; top:40px; width:200px; }
.search input { color:#666; float:left; font-size:12px; height:28px; }
.search input[type="text"] { background:url(/assets/images/search-icon.png) no-repeat 5px 6px; border-right:1px solid #ccc; padding-left:26px; padding-right:5px; width:170px; }
.search input[type="button"] { background:#bfd500; cursor:pointer; font-weight:bold; text-align:center; width:28px; }
.search-result-item {margin-bottom:40px;}

.bar { background:url(/assets/images/bar-bg.png); clear:both; height:30px; position:relative; }

.navigation { float:left; list-style:none; margin-left:0; }

.navigation ul { float:left; list-style:none; margin-left:0; padding:0 15px; width:50%; }
.navigation ul ul { float:none; padding:0; width:100%; }

.navigation li { background:url(/assets/images/navigation-divider.png) no-repeat right center; float:left; font-size:14px; font-weight:bold; line-height:30px; padding-right:1px; text-align:center; text-transform:uppercase; width:120px; }
.navigation li a { color:inherit; display:block; text-decoration:none; }
.navigation li a.active, .navigation li a:focus, .navigation li a:hover { background:#3d4650; color:#cbd800; text-decoration:none; }

.navigation li li { background:none; color:#3d4650; float:none; line-height:18px; margin-right:0; padding-right:0; position:relative; text-align:left; width:100%; }
.navigation li li a { border-bottom:1px solid #666; padding:5px 0; position:relative; z-index:997; }
.navigation li li a.active, .navigation li li a:focus, .navigation li li a:hover { background:none; }

.navigation li li a.subdrop-trigger { background:url(/assets/images/navigation-down.png) no-repeat center center !important; display:none; height:50px; padding:0; position:absolute; right:0; top:0; width:60px; z-index:998; }
.navigation li li a.subdrop-trigger.open { background:url(/assets/images/navigation-up.png) no-repeat center center !important; }

.navigation li li li { color:#666; font-weight:normal; }
.navigation li li li a:before { content:"-"; float:left; margin-right:5px; }

.navigation .drop-nav { background:#f4f5f6; border-bottom:4px solid #3d4650; display:none; left:0; padding:15px 0; position:absolute; top:30px; width:100%; z-index:999; }
.navigation .drop-nav p { background:#3574c8; color:#fff; display:none; font-size:20px; line-height:24px; padding:15px; text-transform:uppercase; }
.navigation .drop-nav .column { float:left; margin-bottom:30px; width:50%; }

.navigation > li:hover > a { background:#3d4650; color:#cbd800; }
.navigation > li:hover .drop-nav { display:block; }

.social { float:right; list-style:none; margin-left:0; }
.social li { float:left; margin-right:15px; }
.social li a { display:block; }

.breadcrumbs { list-style:none; margin-left:0; margin-bottom:15px; overflow:hidden; padding:0 15px; }
.breadcrumbs li { float:left; font-size:12px; line-height:16px; margin-right:4px; }
.breadcrumbs li a { color:inherit; text-decoration:none; }
.breadcrumbs li a:focus, .breadcrumbs li a:hover { text-decoration:underline; }

.menu { margin-bottom:15px; }
.menu h2 { background:#3574c8; border-bottom:0; color:#fff; font-size:16px; line-height:20px; margin-bottom:15px; padding:10px; }
.menu ul { border-top:1px solid #cdddf2; list-style:none; margin-left:0; }
.menu ul li { border-bottom:1px solid #cdddf2; font-size:14px; line-height:18px; }
.menu ul li a { color:inherit; display:block; padding:10px 27px 10px 10px; position:relative; text-decoration:none; }
.menu ul li a span.icon { background:url(/assets/images/feature-arrow.png); display:none; height:13px; width:7px; position:absolute; right:10px; top:12px; }
.menu ul li a:focus, .menu ul li a:hover, .menu ul li a.active { background:#f4f5f6; text-decoration:none; }
.menu ul li a.active span.icon { display:block; }
.menu ul li li:last-child { border-bottom:0; }
.menu ul li li a { padding-left:20px; }

.promo { margin-bottom:30px; }
.promo-top { border-bottom:2px solid #3574c8; }
.promo-top h2 { background:#3574c8; border-bottom:0; border-radius:0 5px 0 0; color:#fff; display:inline-block; font-size:14px; line-height:18px; margin-bottom:0; padding:5px 10px; text-transform:uppercase; }
.promo-top h2.star { background-image:url(/assets/images/star-icon.png); background-repeat:no-repeat; background-position:10px 6px; padding-left:37px; }
.promo-top h2.focus { background-image:url(/assets/images/focus-icon.png); background-repeat:no-repeat; background-position:10px 7px; padding-left:36px; }
.promo-top h2.publication { background-image:url(/assets/images/publication-icon.png); background-repeat:no-repeat; background-position:10px 6px; padding-left:33px; }
.promo-top h2.letter { background-image:url(/assets/images/glossary-icon.png); background-repeat:no-repeat; background-position:10px 6px; padding-left:37px; }
.promo-top h2.mail { background-image:url(/assets/images/mail-icon.png); background-repeat:no-repeat; background-position:10px 6px; padding-left:38px; }
.promo-bottom.divider { border-top:2px solid #3d4650; margin-top:5px; }
.promo-bottom div { background:#f4f5f6; padding:15px; }
.promo-bottom h3 { background:none; color:#3d4650; font-weight:bold; margin-bottom:0; padding:15px 0; text-transform:none; }
.promo-bottom p { font-size:14px; line-height:18px; }
.promo-bottom a { background:#3574c8!important; border-radius:5px; color:#fff; display:inline-block; font-size:12px; line-height:12px; padding:5px; text-decoration:none; text-transform:uppercase; }
.promo-bottom input { border:1px solid #666; color:#666; font-size:12px; height:27px; margin-bottom:15px; padding:0 5px; width:100%; }
.promo-bottom textarea { border:1px solid #666; color:#666; font-family:Arial; font-size:12px; height:107px; margin-bottom:15px; padding:5px; width:100%; resize:none; overflow:hidden; }

.pdfContactForm {color:#bed400}
.pdfContactForm input[type="text"] { border: 1px solid #666; color: #666; font-size: 12px; height: 27px; margin-bottom: 15px; padding: 0 5px; width: 100%;}
.pdfContactForm input[type="checkbox"] { -webkit-appearance:checkbox!important }
.pdfContactForm textarea { border:1px solid #666; color:#666; font-family:Arial; font-size:12px; height:107px; margin-bottom:15px; padding:5px; width:100%; resize:none; overflow:hidden; }
.pdfContactForm a.terms-and-conditions-link {color:#bed400; background:none;}

a.paypal { background:url(/assets/images/paypal.png); display: block; cursor:pointer; height:32px; width:133px; overflow: hidden; text-indent: -1000px; margin-top:20px }
.error-message {margin-top:15px;}
.message {color:#bed400}

.footer h2 { border-bottom:1px solid #bbb; color:#000; font-weight:bold; text-transform:uppercase;}
.footer ul { list-style:none; margin-left:0; }
.footer ul li { font-size:12px; line-height:16px; margin-bottom:5px; text-transform:uppercase; }
.footer ul li a { color:inherit; text-decoration:none; }
.footer ul li a:focus, .footer ul li a:hover { text-decoration:underline; }
.footer ul li img { float:left; margin-right:5px; position:relative; top:2px; }

.sitemap ul li {margin: 5px 0px 5px 0px;}

.monthly-table table {margin: 0px auto;}
.metal-chart img {margin:0px auto;}

h1.monthly-price-report-header { float: left; width: 50%; }

/********** START LIGHTBOX OVERLAY **********/
.overlay-bg { background: #ECEFF0; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 2; opacity: 0.8; filter: alpha(opacity=80); }
.overlay { background: #3d4650; left: 0; margin: 0 auto; margin-top: 5%; max-width: 450px; padding: 20px; position: fixed; right: 0; top: 0; width: 80%; z-index: 3; border-radius: 10px;}
.overlay h2 {color:#cbd800; font-weight:bold; text-transform:uppercase}
.overlay a.btn {display: inline-block; color: #666; font-weight:bold; border: none; cursor: pointer; margin-right: 10px; margin-top:20px; height: 30px; font-size: 14px; line-height: 30px; background: #ECEFF0; padding: 0 10px; text-decoration:none}
/********** END LIGHTBOX OVERLAY **********/


/********** END GLOBALS **********/