/*
 * LeLand Gold
 * Copyright 2010 Veronica Moreno
 */

/* Reset CSS */
html, body, p, form, h1, h2, h3, h4, h5, h6, ul, ol, li, a, img, a img, iframe {
	margin: 0;
	padding: 0;
	border: 0;
}

h1, h2, h3, h4, h5, h6, p { padding: 10px 0; display: block; }
h1 { font-size: 1.5em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1.1em; }
h7 { font-size: .8em; font-style: italic; }

/* Helper CSS */
.float_left { display: inline; float: left; }
.float_right { display: inline; float: right; }
.clear_both { clear: both; height: 0; line-height: 0; }
.navigation:after, .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.navigation, .clearfix { display: inline-block; }
html[xmlns] .navigation,
html[xmlns] .clearfix { display: block; }
* html .navigation,
* html .clearfix { height: 1%; }
body { behavior:url("css/csshover3.htc"); }
.hao { visibility: hidden; width: 0; height: 0; overflow: hidden; display: block; }

/* Template generics */
a:link {color:#310E2F; }
a:hover, a:focus { text-decoration: underline !important; }

/* Template elements */

body { font-family: "Arial", sans-serif; font-size: .8em; background: url(../images/tpl_html_bg.png) left top repeat-x #612660; color: #333333; }
body.body_iframe { background: #ececec; }

div#tpl_wrapper { width: 1024px; margin: 0 auto;  }

div#tpl_header { height: 293px; border-bottom: 1px solid #694268; }
div#tpl_header h1,
div#tpl_header h2 { margin: 0; padding: 0; width: 0; height: 0; visibility: hidden; overflow: hidden; }

div#tpl_utilitynavi { text-align: right; line-height: 45px; font-size: 1.3em; padding: 0 16px 0 0; }
div#tpl_utilitynavi,
div#tpl_utilitynavi a { color: #ffffff; text-decoration: none; }

div.iframeOffset iframe { position: relative; top: -50px; margin-bottom: -50px !important; }

div#tpl_header_login { display: none; margin-bottom: -50px; border:1px solid #000000; width: 233px; height: 180px; overflow: hidden; background: white; position: absolute; right: 265px; top: 48px; z-index: 500; }
div#tpl_header_login iframe { margin-top: -55px !important; margin-bottom: -80px !important; border: 2px solid red; }
div#tpl_header_login_link { text-align: center; color: #4b1c4a; font-size: 12px; padding:10px 0 0 0; position: absolute; bottom: 10px; width: 233px; }

div#tpl_header_logo { width: 603px; height: 216px; float: left; display: inline; background: url(../images/logo.png) top left no-repeat; margin: 0 0 0 14px; }

div#tpl_header_calltoaction { width: 392px; height: 248px; float: right; display: inline; background: url(../images/calltoaction.png) top left no-repeat; position: relative; }
div.tpl_header_calltoaction-1 { background-image: url(../images/calltoaction-1.png) !important; }
div.tpl_header_calltoaction-2 { background-image: url(../images/calltoaction-2.png) !important; }
div.tpl_header_calltoaction-3 { background-image: url(../images/calltoaction-3.png) !important; }
div.tpl_header_calltoaction-4 { background-image: url(../images/calltoaction-4.png) !important; }
div.tpl_header_calltoaction-5 { background-image: url(../images/calltoaction-5.png) !important; }
div.tpl_header_calltoaction-6 { background-image: url(../images/calltoaction-6.png) !important; }
div.tpl_header_calltoaction-7 { background-image: url(../images/calltoaction-7.png) !important; }
div.tpl_header_calltoaction-8 { background-image: url(../images/calltoaction-8.png) !important; }
div.tpl_header_calltoaction-9 { background-image: url(../images/calltoaction-9.png) !important; }
div.tpl_header_calltoaction-10 { background-image: url(../images/calltoaction-10.png) !important; }
div#tpl_header_calltoaction a { display: block; height: 248px; text-decoration: none !important; }
div#tpl_header_calltoaction a span { visibility: hidden; }

/* topnavi level 1 (root) */
div#tpl_topnavi { position: relative; z-index: 100; height: 64px; background: #d1d1d1; }
div#tpl_topnavi ul,
div#tpl_topnavi ul li { list-style-position: inside; list-style: none; position: relative; }
div#tpl_topnavi ul li { float: left; display: inline; background: url(../images/tpl_topnavi_bg.png) left top no-repeat #0d0d0d; }
div#tpl_topnavi ul li a { display: block; height: 64px; line-height: 64px; color: #ffffff; text-decoration: none !important; font-size: 20px; letter-spacing: 1px; background: url(../images/tpl_topnavi_bg.png) right top no-repeat transparent; text-align: center; }
div#tpl_topnavi ul li.active,
div#tpl_topnavi ul li:hover { background-position: left bottom; }
div#tpl_topnavi ul li.active a,
div#tpl_topnavi ul li:hover a { background-position: right bottom; }

/* topnavi level 1 (root) page selectors (add as needed) */
body.tpl_body_index div#tpl_topnavi ul li.topnavi_index,
body.tpl_body_about-us div#tpl_topnavi ul li.topnavi_about-us,
body.tpl_body_why-metals div#tpl_topnavi ul li.topnavi_why-metals,
body.tpl_body_gold div#tpl_topnavi ul li.topnavi_gold,
body.tpl_body_silver div#tpl_topnavi ul li.topnavi_silver,
body.tpl_body_platinum div#tpl_topnavi ul li.topnavi_platinum,
body.tpl_body_palladium div#tpl_topnavi ul li.topnavi_palladium,
body.tpl_body_how-to-invest-precious-metals div#tpl_topnavi ul li.topnavi_how-to-invest-precious-metals,
body.tpl_body_ira div#tpl_topnavi ul li.topnavi_ira,
body.tpl_body_leverage div#tpl_topnavi ul li.topnavi_leverage,
body.tpl_body_collateral div#tpl_topnavi ul li.topnavi_collateral,
body.tpl_body_charts div#tpl_topnavi ul li.topnavi_charts,
body.tpl_body_press div#tpl_topnavi ul li.topnavi_press { background-position: left bottom; }

body.tpl_body_index div#tpl_topnavi ul li.topnavi_index a,
body.tpl_body_about-us div#tpl_topnavi ul li.topnavi_about-us a,
body.tpl_body_why-metals div#tpl_topnavi ul li.topnavi_why-metals a,
body.tpl_body_gold div#tpl_topnavi ul li.topnavi_gold a,
body.tpl_body_silver div#tpl_topnavi ul li.topnavi_silver a,
body.tpl_body_platinum div#tpl_topnavi ul li.topnavi_platinum a,
body.tpl_body_palladium div#tpl_topnavi ul li.topnavi_palladium a,
body.tpl_body_how-to-invest-precious-metals div#tpl_topnavi ul li.topnavi_how-to-invest-precious-metals a,
body.tpl_body_ira div#tpl_topnavi ul li.topnavi_ira a,
body.tpl_body_leverage div#tpl_topnavi ul li.topnavi_leverage a,
body.tpl_body_collateral div#tpl_topnavi ul li.topnavi_collateral a,
body.tpl_body_charts div#tpl_topnavi ul li.topnavi_charts a,
body.tpl_body_press div#tpl_topnavi ul li.topnavi_press a { background-position: right bottom; }

/* topnavi level 2 (subnavi) */
div#tpl_topnavi ul li ul { z-index: 110; display: none; position: absolute; left: 0; top: 62px; background: url(../images/tpl_subnavi_bg.png) left top repeat-x #333333; }
div#tpl_topnavi ul li:hover ul { display: block; }
div#tpl_topnavi ul li ul li,
div#tpl_topnavi ul li ul li a { background: none; }
div#tpl_topnavi ul li ul li { float: none; display: block; }
div#tpl_topnavi ul li ul li a { text-align: left; padding: 0 0 0 44px; font-size: 16px; height: 32px; line-height: 32px; border: 1px solid #666666; border-top: none; }
div#tpl_topnavi ul li ul li a:hover,
div#tpl_topnavi ul li ul li a:focus,
div#tpl_topnavi ul li ul li.active a { background: #666666; }
div#tpl_topnavi ul li ul li.hilite-gold a:hover,
div#tpl_topnavi ul li ul li.hilite-gold a.hilite-gold:focus,
body.tpl_body_gold div#tpl_topnavi ul li ul li.hilite-gold a { background: #e3cc7e; color: #333333; font-weight: bold; }
div#tpl_topnavi ul li ul li.hilite-silver a:hover,
div#tpl_topnavi ul li ul li.hilite-silver a.hilite-gold:focus,
body.tpl_body_silver div#tpl_topnavi ul li ul li.hilite-silver a { background: #c2c2c2; color: #333333; font-weight: bold; }
div#tpl_topnavi ul li ul li.hilite-platinum a:hover,
div#tpl_topnavi ul li ul li.hilite-platinum a.hilite-gold:focus,
body.tpl_body_platinum div#tpl_topnavi ul li ul li.hilite-platinum a { background: #e8e8e8; color: #333333; font-weight: bold; }
div#tpl_topnavi ul li ul li.hilite-palladium a:hover,
div#tpl_topnavi ul li ul li.hilite-palladium a.hilite-gold:focus,
body.tpl_body_palladium div#tpl_topnavi ul li ul li.hilite-palladium a { background: #fcf6c5; color: #333333; font-weight: bold; }

div#tpl_body { background: url(../images/tpl_body_bg.png) left top repeat-x #ffffff; padding: 2px 0 20px 0; }

div#tpl_body_left { float: left; display: inline; width: 709px; }

div#tpl_body_full_banner { background: url(../images/banner_bg.gif) top left repeat-x; }

div#tpl_body_left_banner { height: 274px; position: relative; background: url(../images/banner_home.jpg) left top no-repeat; padding: 29px 0 0 286px; height: 245px; }
div#tpl_body_left_banner h1 { height: 89px; text-align: justify; padding: 0 15px 0 0; margin: 0; font-weight: bold; font-size: 22px; }
div#tpl_body_left_banner p { font-size: 17px; text-align: justify; padding: 5px 15px 5px 0; }
div#tpl_body_left_banner p,
div#tpl_body_left_banner p a { color: #5b235a; }
div#tpl_body_left_banner p em { font-weight: bold; font-style: italic;  }
div#tpl_body_left_banner p.readmore { text-align: right; font-size: 16px; }

div#tpl_body_left_banner-login { height: 274px; position: relative; background: url(../images/banner_login.jpg) left top no-repeat; padding: 29px 0 0 286px; height: 245px; }
div.tpl_body_left_banner-login-1 { background-image: url(../images/banner_login-1.jpg) !important; }
div.tpl_body_left_banner-login-2 { background-image: url(../images/banner_login-2.jpg) !important; }
div.tpl_body_left_banner-login-3 { background-image: url(../images/banner_login-3.jpg) !important; }
div.tpl_body_left_banner-login-4 { background-image: url(../images/banner_login-4.jpg) !important; }
div#tpl_body_left_banner-login h1 { height: 89px; text-align: justify; padding: 0 15px 0 0; margin: 0; font-weight: bold; font-size: 22px; }
div#tpl_body_left_banner-login p { font-size: 17px; text-align: justify; padding: 5px 15px 5px 0; width: 415px; }
div#tpl_body_left_banner-login p,
div#tpl_body_left_banner-login p a { color: #5b235a; }
div#tpl_body_left_banner-login p em { font-weight: bold; font-style: italic;  }
div#tpl_body_left_banner-login p.readmore { text-align: right; font-size: 16px; }
div#tpl_body_left_banner-login a span { visibility: hidden; }

/* Banner image overrides */
body.tpl_body_index div#tpl_body_left_banner { background-image: url(../images/banner_home.jpg) }
body.tpl_body_about-us div#tpl_body_left_banner { background-image: url(../images/banner_about-us.jpg) }
body.tpl_body_why-metals div#tpl_body_left_banner { background-image: url(../images/banner_why-metals.jpg) }
body.tpl_body_gold div#tpl_body_left_banner { background-image: url(../images/banner_gold.jpg) }
body.tpl_body_silver div#tpl_body_left_banner { background-image: url(../images/banner_silver.jpg) }
body.tpl_body_platinum div#tpl_body_left_banner { background-image: url(../images/banner_platinum.jpg) }
body.tpl_body_palladium div#tpl_body_left_banner { background-image: url(../images/banner_palladium.jpg) }
body.tpl_body_how-to-invest-precious-metals div#tpl_body_left_banner { background-image: url(../images/banner_how-to-invest.jpg) }
body.tpl_body_leverage div#tpl_body_left_banner { background-image: url(../images/banner_leverage.jpg) }
body.tpl_body_ira div#tpl_body_left_banner { background-image: url(../images/banner_ira.jpg) }
body.tpl_body_collateral div#tpl_body_left_banner { background-image: url(../images/banner_collateral.jpg) }
body.tpl_body_charts div#tpl_body_left_banner { background-image: url(../images/banner_charts.jpg) }
body.tpl_body_press div#tpl_body_left_banner { background-image: url(../images/banner_press.jpg) }
body.tpl_body_account div#tpl_body_left_banner { background-image: url(../images/banner_account.jpg) }
body.tpl_body_login div#tpl_body_left_banner { background-image: url(../images/banner_login.jpg) }
body.tpl_body_contact div#tpl_body_left_banner { background-image: url(../images/banner_contact.jpg) }
body.tpl_body_frequently-asked-questions div#tpl_body_left_banner { background-image: url(../images/banner_faq.jpg) }
body.tpl_body_physical-bullion div#tpl_body_left_banner { background-image: url(../images/banner_physical-bullion.jpg) }

div#tpl_body_left_content { padding: 18px 38px 0 38px; font-size: 1.1em; }
div#tpl_body_left_content h1 { font-weight: normal; font-size: 2em; padding: 5px 0 8px 0; }
div#tpl_body_left_content h3 {color:#fff; font-weight: normal; font-size: 2em; text-align: center; margin: 0 0 40px 0; padding: 5px 0 8px 0; line-height: 140%; background:#481A46 /*url(images/button_requestkit.png) top left repeat-x !important*/;}
div#tpl_body_left_content p { text-align: justify; }
div#tpl_body_left_content p.logos { text-align: center; }
div#tpl_body_left_content p.logos img { vertical-align: middle; margin: 0 5px 0 6px; }
div#tpl_body_left_content strong { color: #5b235a; font-weight: bold; font-size: 1.1em; }

div#tpl_body_chart_content { padding: 0px 0px 0 0px; margin: 0px; font-size: 1.1em; }

div#tpl_body_right { float: left; display: inline; width: 315px; padding: 5px 0 0 0; }
div#tpl_body_right div.sidebox_header,
div#tpl_body_right h2 { text-align: center; color: #333333; font-size: 18px; margin: 0; padding: 5px 0; font-weight: normal; }

div.sidebox_outer { background: url(../images/tpl_sidebox_shadow_bottom.png) right bottom no-repeat; width: 311px; margin: 0 4px 4px 0; }
div.sidebox { background: url(../images/tpl_sidebox_shadow_top.png) right top no-repeat; padding: 0 5px 5px 0; }
div.sidebox_content { border: 1px solid #999999; background: #ececec; }
div.sidebox_content_inner { border: 1px solid #ffffff; padding: 7px 6px; }
div.sidebox_content_inner_iframe { border: 0 !important; background: #ececec; }
iframe.sidebox_content_inner { display: block; width: 302px; overflow: hidden !important; padding: 0 !important; margin: 0 !important; border: 1px solid #ffffff !important; background: #ececec; }
div.sidebox_header,
h2.sidebox_header { background: url(../images/tpl_sidebox_header.png) left top repeat-x #ffffff; border: 1px solid #ffffff; border-bottom: 0; font-size: 19px; letter-spacing: 0px; }
div.sidebox_header a,
h2.sidebox_header a { text-decoration: none; color: #333333; }
div.sidebox label { color: #333333; font-size: 12px; font-family: "Arial", sans-serif; padding-top: 3px; display: block;  }
div.sidebox label,
div.sidebox select,
div.sidebox input { position: relative; zoom: 1; }
div.sidebox select,
div.sidebox .input_text { width: 145px; border-width: 1px !important; }

div.widget_debt {margin: 5px 5px; padding: 3px 0; text-align: center;  color: #ffffff; font-size: 19px; letter-spacing: 0; }
#zDebtBox { border: 0 !important; color: #ffffff !important; margin: 0 !important; padding: 0 !important; }

div#recaptcha_custom div#recaptcha_image { border: 1px solid #5b235a; }
div#recaptcha_custom div#recaptcha_image,
div#recaptcha_custom div#recaptcha_image img { width: 280px !important; height: 53px !important; }
div#recaptcha_widget_div { margin: 0 -15px; }

div.sidebar_press { background: url(../images/tpl_sidebox_header.png) left top repeat-x #ffffff; padding-bottom: 0; height: 300px; position: relative; top: 0; left: 0; overflow: hidden; }
div.sidebar_press div.sidebar_marquee { height: 300px; position: absolute; left: 0; top: 0; }
div.sidebar_press div.sidebar_marquee_inner { padding: 0 8px 12px 8px; }
div.sidebar_press p { padding: 0; margin: 4px 0 12px 0; }
div.sidebar_press div { width: 290px; }
div.sidebar_press p a { color: #333333; text-decoration: none !important; }
div.sidebar_press p a strong { color: #5b235a; }
div.sidebar_press p a:hover strong,
div.sidebar_press p a:focus strong { text-decoration: underline !important; }

p.sidebar_press_readmore { text-align: right; padding: 0 12px 0 0; margin: 0; }
p.sidebar_press_readmore a { color: #5b235a; text-decoration: underline !important; font-weight: bold; font-size: 14px; }

div#tpl_footer { text-align: center; background: url(../images/tpl_footer_bg.png) left top repeat-x #ffffff; padding: 10px 0 5px 0; line-height: 1.5em; }
div#tpl_footer,
div#tpl_footer a { color: #666666; text-decoration: none; }
div#tpl_footer a { padding: 0 3px; }