@charset "utf-8";
/* CSS Document */
body { margin: 0; background-color: #999; font-family:Arial, Helvetica, sans-serif; padding:0;}
#container {margin:0 auto 0 auto; width: 1024px; height:auto; background-color: #FFF;}

h1{color: #C41230; font-size: 20px; text-align:left; margin: 0;}
.h1-container { width: 980px; margin: 30px 0 0 30px;}
h2{ font-size: 16px; font-weight:bold; margin: 0;text-align:left;}
sup { line-height: 10px;}

#header-container { width: 1024px; height: 65px; background-color: #FFF;}
.kitco-logo { float:left; margin: 15px 0 0 30px;}

/* splash page */
#image-body{ width: 1024px; height: 420px; background-color:#6CF;}
#banner-container { margin: 0 auto 0 auto; width: 728px; height: 90px;}

/* hyper links */
a.providers:link ,a.providers:visited { color: #C41230; text-decoration: underline; font-size: 12px; line-height: 20px;}
a.providers:hover { color: #000; text-decoration: none;}

a.disclaimer-link:link ,a.disclaimer-link:visited { color: #C41230; text-decoration: underline; font-size: 9px;}
a.disclaimer-link:hover { color: #000; text-decoration: none;}

a.get-started-link:link ,a.get-started-link:visited { color: #C41230; text-decoration: underline; font-size: 18px;}
a.get-started-link:hover { color: #000; text-decoration: none;}

.arrow-image { margin: 0 0 0 8px; vertical-align:middle;}
.arrow-image-02 { margin: 0 0 0 5px; vertical-align:middle;}


/* Top-navigation  */
ul#navlist-top { margin: 22px 0px 0 0;padding-left: 0;white-space: nowrap; float:right; font-size:14px; font-weight:bold;}
#navlist-top li { display: inline; list-style-type: none;}
#navlist-top a { margin-right: 15px;}
#navlist-top a:link, #navlist-top a:visited { color: #C41230; background-color: #FFF; text-decoration: underline;}
#navlist-top a:hover { color: #000; text-decoration: none;}
#social-media { margin: 24px 40px 0 0; float:right; width: 140px; height: 25px;}
#top-nav-container { float:right; width: 500px; height: 65px;}
#central-pane { width: 1024px; height: 350px; background-color: #333; background-image:url(../images/central-panel.jpg)}
#central-pane2 { width: 1024px; height: 350px; background-color: #333; background-image: url(../images/rsp-central-banner.jpg)}
#video-holder { width: 410px; height: 250px; margin: 35px 40px 0 0; float: right; border:#666666 solid 1px;}

/* Main-navigation  */
#main-navigation { width: 1024px; height: 40px;}
#navcontainer ul{display: block; list-style: none outside; padding: 0; margin: 0 0 0 0; font-size: 20px;}
#navcontainer li {padding: 0; margin: 0 0 0 0; color: #666666; font-weight: bold;display: block; float:left; position: relative; width: 254px; text-align:center; border-right: solid #FFF 2px;}
#navcontainer a:link,#navcontainer a:visited{ background-color: #CCC;color: #666;text-decoration: none; display:block; height: 40px; line-height: 39px; width: 254px;}
#navcontainer a:hover{ background-color: #666;color: #CCC;}
#navcontainerclear { display: none; }
html>body #navcontainerclear{display: block;clear: both;}
#navcontainer li#active a{background-color: #C41230;color: #FFF;}
#navcontainer li.last { border: none; width: 256px;}
#navcontainer li.last a { width: 256px;}

#div_clear{ clear:both; height: 1px; float:none; line-height: 1px;}
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}

/* IRA home page  */
#main-body { width: 1024px; height: 100%;}
.bold-body-text { text-align:left; width: 900px; font-size:18px; margin: 0 0 0 30px; line-height: 25px;}
#step1-box { text-align:left; width: 220px; margin: 30px 30px 30px 30px; float:left;}
#step2-box { text-align:left; width: 220px; margin: 30px 30px 30px 0; float:left;}
#step3-box { text-align:left; width: 220px; margin: 30px 0 30px 0; float:left;}
#box-holder { clear:both; width: 760px; float:left; margin-bottom: 30px; }
#step4-box { text-align:left; width: 220px; margin: 30px 20px 0 0; float:right;}
.box-text { font-size:12px; line-height: 18px; margin:0;}
#step4-box ul li { margin-left: -25px;}
#step4-box ul{ margin-top: 0px;}
.disclaimer-text { text-align:left; font-size:9px; color: #666; width: 660px; margin: 0 0 30px 30px;}
.disclaimer-text-table { font-size:9px; color: #666;}
.clearboth {clear: both;}

/* IRA page 2  */
#why-box { margin: 30px 0 10px 30px; width: 455px; float:left;}
#why2-box { margin: 30px 0 0 30px; width: 455px; float:left; line-height: 18px; }
.get-started { margin: 30px 10px 30px 0; font-size: 18px; color: #C41230; width: 260px; float: right;}

/* IRA page 3  */
#precious-metals-text {text-align:left; width: 950px; font-size: 12px; margin: 0 0 10px 30px;}
#metals-list { width: 980px; margin:0 0 0 30px; font-size:12px; line-height: 18px;}
#metals-list ul { margin: 0px 0px 0px 30px; padding: 5px 0;}
.metals-box-1, .metals-box-2 { margin: 10px 3px 0 0; width: 260px; background-color: #CCC; float: left; height: 190px;}
.metals-box-2 {width: 205px;}
.h2-heading { margin: 10px 0 0 15px; color: #C41230;}
.h2-heading2 {color: #C41230;}
.metals-text-box{ width: 190px;}

/* IRA page 4  */
.provider-body-text { text-align:left; width: 900px; font-size:18px; margin: 0 0 30px 30px;}
.provider-text { text-align:left; font-size:12px;}
#partners-box { width: 400px; margin: 0 50px 30px 30px; float:left;}
#advantage-container { float: right; margin: 10px 120px 0 0; width: 400px;}
#advantage-box-grey { background-color: #CCC; border: 1px solid #666;}
#advantage-box { margin: 15px;}
#advantage-box ul li { margin-left: -25px; font-size:12px; line-height: 18px;}
.disclaimer-text-02 { text-align:left; font-size:9px; color: #666; width: 510px; margin: 20px 0 0 0; float:left;}
.get-started-03 { margin: 30px 0 0 0; width: 250px; float:right; text-align:right;}

/* RSP Main-navigation  */
#navcontainer-rsp ul{display: block; list-style: none outside; padding: 0; margin: 0 0 0 0; font-size: 20px;}
#navcontainer-rsp li {padding: 0; margin: 0 0 0 0; color: #666666; font-weight: bold;display: block; float:left; position: relative; width: 340px; text-align:center; border-right: solid #FFF 2px;}
#navcontainer-rsp a:link,#navcontainer-rsp a:visited{ background-color: #CCC;color: #666;text-decoration: none; display:block; height: 40px; line-height: 39px; width: 340px;}
#navcontainer-rsp a:hover{ background-color: #666;color: #CCC;}
#navcontainerclear { display: none; }
html>body #navcontainerclear{display: block;clear: both;}
#navcontainer-rsp li#active a{background-color: #C41230;color: #FFF;}
#navcontainer-rsp li.last { border: none; width: 340px;}
#navcontainer-rsp li.last a { width: 340px;}

/* RSP page 1  */
#questrade-text { margin: 30px 0 30px 30px; width: 500px; float:left; font-size: 12px; }
#questrade-text ul {margin: 0px 0px 20px 15px; padding: 0px; line-height: 18px;}
#questrade-logo { margin: 50px 0 0 90px; width: 300px; float:left; }
#table-container { width: 800px; margin: 0 0 30px 0;}

/* RSP page 3  */
#gold-rsp { margin: 30px 0 10px 30px; width: 450px; float:left; }
#gold-rsp2 { margin: 30px 0 10px 80px; width: 400px; float:left; line-height: 18px; font-size:12px; }
#gold-rsp ul { font-size:12px; margin-left: -25px; line-height: 18px; }
#gold-box-container { width: 500px;}
#gold-box-container ul{margin: 0px 0px 0px 15px; padding: 0px;}
#gold-box { width: 250px; float:left; margin: 10px 0 0 2px; background-color:#CCCCCC; height: 125px;}
#gold-box2 { width: 245px; float:left; margin: 10px 0 0 2px; background-color:#CCCCCC; height: 125px;}
.gold-text { width: 225px; margin: 10px 0 0 15px;}
.gold-text2 { width: 225px; margin: 10px 0 0 15px;}
.gold-text ul { margin-left: -25px;}
#gold-rsp2 ul { font-size:12px; margin: 0px 0px 20px 15px; padding: 0px; }

/* FOOOOTER  */
#footer-container { width: 1024px; background-color: #555; background-image: url(../images/footer_background.gif); float:left;}
.footerleftcontainer { width: 50%; height: 150px; float: left;}
.footerrightcontainer {width: 49%;height: 150px;float: right;border-left: 1px solid #CCC;}
.bottomstrip {background-color: #272727;border-top: 1px solid #FFF;}
#bottomlogo {width: 146px;float: left;margin: 15px 0px 0px 25px;}
#footerleft {}
.silolinks {float: right;font-size: 12px;margin: 15px 25px 0px 0px;line-height: 20px;}
.silolinks ul {list-style: none;margin: 0px;padding: 0px;}
.silolinks a {text-decoration: none;color: #FFF;}
.silolinks a:hover {text-decoration: underline;color: #FFF;}
.silolinksright {float: left;font-size: 12px;margin: 15px 10px 0px 25px;line-height: 20px;}
.silolinksright ul {list-style: none;margin: 0px;padding: 0px;}
.silolinksright a {text-decoration: none;color: #FFF;}
.silolinksright a:hover {text-decoration: underline;color: #FFF;}
.silolinksright img {vertical-align: middle;margin: 0px 5px 10px 0px;}
.bottomstrip {background-color: #272727; width: 1024px;}
.copyright {width: 120px;font-size: 11px;color: #FFF;margin: 9px 0px 4px 10px;float: left;}
.bottomlinks {float: right;margin: 4px 60px 9px 0px;}
.bottomlinks ul {list-style: none;display: inline;margin: 0px 15px 0px 0px;}
.bottomlinks ul li {list-style: none;display: inline;margin: 0px 15px 0px 0px;}
.bottomlinks a {font-size: 11px;color: #FFF;text-decoration: none;}
.bottomlinks a:hover {font-size: 11px;color: #FFF;text-decoration: underline;}