@charset "utf-8";

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#000; text-align:left; background:url(../images/background.gif) repeat-x; background-color:#999999;}
body, h1 {padding:0; margin:0;}
img {border:0;}

.float_left, #white_box, .small_box_container, .small_box_container_right, .big_box_container, .big_box_container_right, .header_nav {float:left;}
.float_right, .tele {float:right;}
.clear_both {clear:both;}
.display_block {display:block;}

#container_main {width:954px; height:auto; margin-left:auto; margin-right:auto; padding:17px 0 0 0;}
#facts_containers {width:922px; height:230px; background-image:url(../images/panel-back.gif); }

.fact-01 {width:200px ; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin: 0; float: left; display:block; margin-top: 15px; line-height: 15px;}
.fact-02 {width:220px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin: 0; float: left; display:block; margin-top: 15px; line-height: 15px;}
.fact-03 {width:260px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin: 0; float: left; display:block; margin-top: 15px; line-height: 15px;}
.fact-04 {width:230px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; margin: 0; float: left; display:block; margin-left: 0; margin-top: 15px; line-height: 15px;}

.fact-head { font-size: 18px; margin-left: 28px;}

.fact-white:link, .fact-white:visited {color: #FFF; text-decoration:underline;}
.fact-white:active, .fact-white:hover {color: #FC0; text-decoration:underline;}

.logo {margin:0 0 0 16px;}
#bookmark {width:125px; height:16px; float:right; margin-top: 15px;}
#white_box {width:922px; height:auto; border:1px solid #bebebe; margin:10px 0 20px 0; padding:16px; background-color:#FFF;}
#footer {text-align:center; margin:0 0 20px 0;}

/*Top Navigation*/
#top_navi {width:922px; height:49px; background:url(../images/main_navi_background.gif) repeat-x; margin-bottom: 20px;}
.header_nav {width:400px; height:49px;}
.tele {width:450px; font-weight:bold; font-size:14px; color:#000; text-align:right; padding:18px 18px 0 0; font-family: Arial, Helvetica, sans-serif;}

/*Elements for and on Image Splashpage*/
#img_container {width:922px; height:625px; background-color:#000; margin:10px 0 0 0; padding:0 0 0 0; background:url(../images/kitco-rhodium-buy%20now.jpg) no-repeat;}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color: #FFF;
	text-align: left;
	margin: 0 0 0 32px;
	font-weight:normal;
	padding-top: 220px;
	line-height: 35px;
}
.deutsche-link a:link, .deutsche-link a:visited {color: #FFF; text-decoration:underline;}
.deutsche-link a:active, .deutsche-link a:hover {color: #FC0; text-decoration:underline;}


.h3_splash {
	color: #666;
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	padding-left: 12px;}

.price {
	width: 250px;
	height: 100px;
	margin-top: 196px;
	margin-left: 31px;
	vertical-align: bottom;
}
.text_price_splash { font-family:Arial, Helvetica, sans-serif;font-size:16px; color: #000; font-weight:bold; float:left;}
.note_splash {font-family:Arial, Helvetica, sans-serif;;font-size:11px; color: #000; font-weight:normal; float: left;}
.buy:link, .buy:visited {width:239px; height:40px; color:#fff; text-decoration:none; background:url(../images/buy_button_blue.gif) no-repeat; padding:0 0 3px 8px; font-size:16px; font-weight:bold;}
.buy:active, .buy:hover {color:#fff; text-decoration:none; background:url(../images/buy_button_grey.gif) no-repeat;}
.rhodium_button {float:right; margin-top: 15px; margin-left: 10px;}
.terms_link {text-align:center;}
	
/*Small box Splash page*/
.small_box_container {width:226px; height:138px; border:1px solid #bfbfbf; margin:10px 3px 0px 0; font-family:Arial, Helvetica, sans-serif;}
.small_box_container_right {width:226px; height:138px; border:1px solid #bfbfbf; margin:10px 0 0 0;  font-family:Arial, Helvetica, sans-serif;}
.boxes_bg {width:120px; height:94px; background-color:#fafafa; padding:15px 96px 3px 10px; font-size:12px; margin:0;}
.box_a {background:url(../images/mid_nav_exp.gif) no-repeat;}
.box_b {background:url(../images/mid_nav_stor.gif) no-repeat;}
.box_c {background:url(../images/mid_nav_rho.gif) no-repeat;}
.box_d {background:url(../images/mid_nav_chart.gif) no-repeat;}

/*Big box Splash page*/
.big_box_container {width:319px; height:117px; background-color:#d9eaf1; margin:10px 3px 0 0; padding:0 120px 0 20px; background:url(../images/bottom_nav_faq.gif) no-repeat;}
.big_box_container_right {width:317px; height:117px; background-color:#d9eaf1; margin:10px 3px 0 0; padding:0 120px 0 20px; background:url(../images/bottom_nav_terms.gif) no-repeat;}
.box_big_headline {font-size:14px; margin: 14px 0 0 0; font-weight:bold;}
.big_box_text {font-family:Verdana, Geneva, sans-serif; font-size: 11px; width: 290px;}

/*Left Navigation*/
/*.navigation_ul {width:180px; list-style-type: none;}
.navigation {width:160px; border-bottom: 1px solid #afafaf; padding:3px 0 3px 0;}
.main_navi:link, .main_navi:visited {color:#2e4668; text-decoration:none; background:url(../images/icon_main_navi_off.gif) no-repeat 0px 3px; padding:0 0 3px 8px;}
.main_navi:active, .main_navi:hover {color:#498fca; background:url(../images/icon_main_navi_on.gif) no-repeat 0px 3px;}
.main_navi_selected:link, .main_navi_selected:visited, .main_navi_selected:active, .main_navi_selected:hover {color:#498fca; text-decoration:none; background:url(../images/icon_main_navi_on.gif) no-repeat 0px 3px; padding:0 0 3px 8px;}*/

#left_menu {float:left; width:190px; padding-right: 60px; clear:both;}
#left_menu ul {list-style-type:none; margin: 0; padding: 0;}

#left_menu li a { display: block; color:#000; height:29px; width:96px; background:url(../images/left_nav01.gif) no-repeat; line-height:27px; margin:0 0 6px 0; padding: 0 0 0 75px; font-size:14px; font-weight:bold;}

#left_menu li a:hover { display: block; height:29px; width:96px; background:url(../images/left_nav02.gif) no-repeat; line-height:27px; margin:0 0 6px 0; font-size:14px; font-weight:bold;}

.btn_buy {margin:20px 0 20px 0; width: 171px;}
.btn_call{ border: 1px solid #666; width: 171px; height: 184px;}

.help_box {border: 1px solid #666; width: 159px; height: 184px; margin: 0 0 0 0; background: url(../images/need_help.gif) no-repeat; float: left; padding: 10px 0 0 10px;}
.help_text2 { font-size:13px; color: #000; font-weight: bold;}
.help_text3 { font-size:18px; font-weight: bold; color:#069; margin: 0;}

/*right container*/
#container_right h1 {text-align:left; margin-top: 1px;}
#container_right {width:665px; float:right;}

.section_img {margin:0 0 0 0;}
#section_Rhodium{ margin-top:23px; padding-top:19px; float:left; width:618px; height:250px; line-height: 20px; background: url(../images/Rhodium_science.jpg) no-repeat;}

#intro_Rhodium {float:left; width:380px; height:210px;}
#intro_Rhodium h3{font-size:26px; color: #FFF; font-weight:bold; text-align: left; margin: 0; padding: 0; margin-left: 25px;}
#intro_Rhodium p {width:350px; font-size:11px; margin-left: 25px;}
.white_text{font-size:11px; color:#FFF; line-height: 19px;}

#section_Rhodium2{ margin-bottom: 10px; padding-top: 10px; float:left; width:618px; height:190px; line-height: 19px; background: url(../images/Rhodium_bottle.jpg) no-repeat;}

#intro_Rhodium2 {float:left; width:380px; height:170px; margin: 0;}
#intro_Rhodium2 p {width:350px; font-size:11px; margin-left: 25px;}
.black_text{font-size:11px; color: #000;}


#content {padding:0 0 10px 10px; line-height:18px; width: 590px;}
#content2 {padding:0 20px 10px 10px; line-height:18px; width: 635px;}
.title {font-weight:bold;}
.note {font-style:italic;}
.link_txt:hover {color:#F90;}
#providers { background-color:#F00;}

.providers_logo { float:left; margin:0 12px 10px 0; padding:0 0 0 0; text-align:center;}
.providers_logo img{ padding:0 10px 0 0;}

#storage_note p{ font-size:10px; padding:10px 20px 10px 10px; margin:0 0 20px 0; background-color:#ededed;}

#bottom_navi {color:#39859c; margin:0 0 0 10px;}
#bottom_navi a:hover {color:#F90;}
.bottom_disc { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color: #000; text-align:left; margin-bottom: 20px; padding-top: 0px; width: 600px; clear:both;}


/*Middle Column Elements*/
h3 {font-size:26px; color:#000; font-weight:bold; text-align: left; margin-left: 11px; margin-bottom: 10px;}
h2 {width:560px; font-size:12px; color:#000; font-weight:bold; padding:0 0 10px 0;}
a:link, a:visited {color: #089; text-decoration:underline;}
a:active, a:hover {color: #F90; text-decoration:underline;}
.footer_link:link, .footer_link:visited,.footer_link:active, .footer_link:hover {color:#000; text-decoration:underline;}


/* Lightbox */

.white_content { text-align: left;
	display: none; 
	position: fixed; 
	top:20%;
	left: 33%; 
	right: 33%; 
	width: 500px; 
	height: 320px; 
	padding: 20px; 
	border: 1px solid #000; 
	background-color:#FFF; 
	z-index:1002; 
	overflow: auto;
}

.black_overlay { text-align: left;
	display: none; 
	position: absolute; 
	top: 0%; 
	left: 0%; 
	width: 100%; 
	height: 1400px; 
	background-color:#000; 
	z-index:1001; 
	-moz-opacity: 0.8; 
	opacity:.60; 
	filter: alpha(opacity=80);
}

.kamp_iframe {width:600px; height:480px; border:1px solid #c7c7c7; margin-bottom: 20px; padding: 8px;}

a.xlink:link, a.xlink:visited a.xlink:active{font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #089; text-align: left; text-decoration: none;}
a.xlink:hover{font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align: left; color: #F90; text-decoration: none;}
.close { margin-right: 7px; font-family:Verdana, Geneva, sans-serif; font-size:12px; color: #666; text-align: left; float:right; clear: both;}

/*Start of rhodium chart*/

.bluepanel
{background-color: ; margin-top: 10px; text-align: left; width: 500px; border: 1px solid #666; padding-bottom: 15px;}

.whitepanel
{width: 575px; height: 350px; background-color: #FFF; margin-top: 20px; margin-left: 20px; border: 1px solid  #666;}

.bluepanel2
{width: 620px; height: 440px; background-color: #CCC; margin-top: 0px; border: 1px solid  #666; margin-bottom: 20px;}

ol#toc {
	font-family: Verdana, Geneva, sans-serif;
	text-align:center;
	color: #000;
	font-size:12px;
	font-weight: bold;
	cursor:pointer;
}

ol#toc li {
    background: #CCC;
    float: left;
    margin: 0 2px 0 0;
	display: inline; list-style-type: none;
}

ol#toc a {
    color: #000;
    float: left;
    height: 20px;
	border:1px solid  #666; padding: 7px 18px;
}

ol#toc li.current {
    background-color: #666;
}

ol#toc li.current a {
    background-position: 100% -40px;
    color: #fff;
    font-weight: bold;
}

/*FAQ CSS Start*/
.CollapsiblePanel_faq { margin:0 0 5px 0;}
.CollapsiblePanelTab_faq {background:url(../images/icon_plus.gif) no-repeat; margin: 0px; padding:0 0 0 20px; cursor: pointer; -moz-user-select: none; -khtml-user-select: none; width:580px;}
.CollapsiblePanelContent_faq {margin: 0px; padding:5px 0 0 18px; width:580px;}
.CollapsiblePanelOpen_faq .CollapsiblePanelTab_faq {background:url(../images/icon_minus.gif) no-repeat;}
.CollapsiblePanelClosed_faq .CollapsiblePanelTab_faq {background:url(../images/icon_plus.gif) no-repeat;}
h2.headline_faq {font-size:1.20em; border:0; padding:0 0 5px 0; font-weight:bold; width:600px; margin:20px 0 0 0;}
.question {display:block; margin:5px 0 5px 0;}