@charset "UTF-8";
/* CSS Document */

html,body { background-color:#C4BDAC; margin:0px; padding: 0px; font-family:Verdana, Arial, Helvetica, sans-serif;}


div{overflow:hidden;}

p { margin:14px 0 14px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:17px;}

h1 { font-family:"Trebuchet MS"; font-size:23px; color:#807E79; text-transform:uppercase;}
h3 { font-family:"Trebuchet MS"; font-size:18px; color:#96938D; margin:0; padding:0;}

#banner468 { width:468px; height:60px; padding:0; margin:9px auto 11px auto;}

.g_clear{clear:both;height:0px;line-height:0px;font-size:0px;}
.g_clear5px{clear:both;height:0px;line-height:0px;font-size:0px;padding-top:5px;}
.g_clear20px{clear:both;height:0px;line-height:0px;font-size:0px;padding-top:20px;}
.g_clear22px{clear:both;height:0px;line-height:0px;font-size:0px;padding-top:22px;}
.g_clear15px{clear:both;height:0px;line-height:0px;font-size:0px;padding-top:15px;}
.title { color:#2E848E; font-size:11px; font-weight:bold;}
a.title_lk_cs { color:#2E848E; font-size:11px; font-weight:bold; text-decoration:none;}
a.title_lk_cs:hover { color:#2E848E; font-size:11px; font-weight:bold; text-decoration:underline;}
a.mc_more { color:#2E848E; font-size:11px; text-decoration:none; cursor:pointer;}
a.mc_more:hover { color:#2E848E; font-size:11px; text-decoration:underline; cursor:pointer;}



#grand_mother { width: 100%; height:auto; margin:0 auto 0 auto; padding:0px; }


#mother { margin:0 auto 0 auto; width: 990px; padding:0;  height: 100%; }


#leaderboard_box {width:728px; margin: 12px auto 12px auto;}
#leaderboard_728x90 { width:728px; height:90px;}

#daughter_left { width:990px; margin:0 0 30px 0; padding:0; height:auto; background-color:#fff;}

#main_header { width:969px; height:203px; margin:0 0 0 11px;}
#main_header #flash { margin:0;}

#daughter_right {float:left; width:160px; margin-left:15px; padding:0;}
#banner_120x600 { width:120px; padding:0 20px 0 20px; height:600px; margin-bottom:18px;}
#banner_120x240 { width:120px; padding:0 20px 0 20px; height:240px; margin-bottom:18px;}
#banner_160x600 { width:160px; height:600px; margin-bottom:18px;}
#banner_left1 { width:300px; height:120px; margin:15px 0px 0px 14px; padding:0;}
#banner_left2 { width:300px; height:250px; margin:18px 0px 0px 14px; }
#banner_right1 { width:300px; height:120px; margin:2px 0px 0px 0px; }

/********* BODY Styles *********/

#body { float:left; width:628px; font-size:11px; color:#5f5e59; height:auto; margin:0 0 0 11px; padding:18px 0 0 0; background:url(/pics/dots_623.gif) no-repeat top;}
#body_article { float:left; width:628px; height:auto; line-height:16px; font-size:11px; margin:0 0 0 11px; color:#5F5E59;}

#body_article_main { width:984px; height:auto; margin:10px 0 0 0; padding:0;}

#body_article #article { width:623px; height:auto; margin:0; padding:0; font-size:11px;}
#body_article #article .txt {font-size:11px; color:#5F5E59; margin:0; padding:0 0 0 2px;}
#body_article .mail_print { display:block; width:621px; height:15px; padding-bottom:18px;}

#body_article #vid_left { float:left; width:300px; height:auto; margin:0; padding:0;}
#body_article #vid_left .video_links {height:auto; padding:5px 0px;}

#body_article #vid_left_long { float:left; width:600px; height:auto; margin:0 0 0 10px; padding:0;}
#body_article #vid_left_long2 { float:left; width:600px; height:auto; margin:0; padding:0;}
#body_article #vid_left_long .video_links {height:auto; width:600px; padding:5px 0px;}


#body_article #vid_left_long .video_links2 {height:auto; width:600px; margin:0px; padding:0px;}

#body_article #vid_right { float:left; width:300px; height:auto; margin:0 0 0 20px; padding:0;}
#body_article #vid_right .video_links {height:auto; padding:5px 0px 5px 5px;}


#rel_vid_left { float:left; width:600px; height:auto; margin:0 0 0 12px; padding:0;}
#rel_vid_left .video_links {height:auto; padding:5px 0px;}
#rel_vid_right { float:left; width:300px; height:auto; margin:0 0 0 12px; padding:0;}
#rel_vid_right .video_links {height:auto; padding:5px 0px;}


#body #video_top { width:623px; height:auto; margin:23px 0 0 3px; padding:0;}
#vid_box { width:623px; height:auto; margin:0; padding:0 0 32px 0; background:url(/pics/dots_623.gif) no-repeat bottom;}
#vid_box .left { float:left; width:320px;}
#vid_box .right { float:left; width:287px; margin-left:15px; font-size:11px; color:#5F5E59; line-height:17px;}
#vid_box .right p { margin:0 0 14px 0; font-size:11px; line-height:17px; color:#5F5E59;}


#body #video_bottom {width:628px; height:auto; margin:31px 0 0 0; padding:0;}
#rel_box {width:628px; height:auto; margin:0; padding:0;}
#rel_box .header {width:628px; height:45px; margin:0; padding:0;}
#rel_box #thumbs { width:603px; height:auto; margin:11px 0 0 11px; padding-bottom:30px; font-size:10px; color:#2E848E; text-align:center;}
#rel_box #thumbs a {font-size:10px; color:#2E848E; text-decoration:none;}
#rel_box #thumbs a:hover {font-size:10px; color:#2E848E; text-decoration:underline;}
#rel_box #thumbs .txt { margin-top:5px;}
#rel_box #thumbs .time { color:#807E79; font-size:10px;}
#rel_box #thumbs img { width:158px; height:88px; border:1px solid #94938E; padding:0; margin:0;}
#rel_box #thumbs .left { float:left; width:160px; height:116px; padding:7px 6px 0px 6px; background-color:#F3F2ED; border:1px solid #E4E3E0;}
#rel_box #thumbs .mid { float:left; width:160px; height:116px; margin-left:39px; padding:7px 6px 0px 6px; background-color:#F3F2ED; border:1px solid #E4E3E0;}
#rel_box #thumbs .right { float:left; width:160px; height:116px; margin-left:40px; padding:7px 6px 0px 6px; background-color:#F3F2ED; border:1px solid #E4E3E0;}


/********* BODY 2 Styles *********/

#body2 {float:left; width:320px; height:auto; margin:0 0 0 19px; padding:0;}
#audio_vid { width:320px; height:auto; margin:5px 0 0 0; padding:0 0 15px 0;}
#vid_audio { width:320px; height:auto; margin:18px 0 0 0; padding:0;}
#vid_audio .header { width:320px; height:45px; margin:0; padding:0;}
#vid_audio #clips { width:295px; height:auto; padding:0; margin:13px 0 0 11px;}
#vid_audio #clips #box {width:295px; height:67px; margin:0; margin-bottom:15px; clear:both;}
#vid_audio #clips #box a { color:#2E848E; text-decoration:none; line-height:15px; font-size:11px;}
#vid_audio #clips #box a:hover { color:#2E848E; text-decoration:underline;}
#vid_audio #clips #box .left { float:left; width:93px;}
#vid_audio #clips #box .left img { width:91px; height:65px; margin:0; padding:0; border:1px solid #8B8A85;}
#vid_audio #clips #box .right { float:left; width:193px; margin-left:9px;}
#vid_audio #clips #box .right img { height:20px;}
#vid_audio #clips #box .right .watch { display:block; margin-top:10px; height:20px;}

#key_stories { width:320px; height:auto; margin:0; padding:0;}
#key_stories .header { height:45px; margin:0; padding:0;}
#key_stories #links { height:auto; padding:13px 0 0 0px; margin:0;}
#key_stories #links .link a { color:#2E848E; font-weight:normal; font-size:11px; padding-left:10px; text-decoration:none; background:url(/pics/arrow.gif) no-repeat 0% 20%;}
#key_stories #links .link a:hover { color:#2E848E; font-weight:normal; font-size:11px; text-decoration:underline;}
#key_stories #links .link {color:#2E848E; font-size:11px; height:auto; padding-bottom:10px;}


#key_stories_sens { width:320px; height:auto; margin:0; padding:0;}
#key_stories_sens .header { height:45px; margin:0; padding:0;}
#key_stories_sens #links {  height:auto; padding:0px 0 0 0px; margin:0;}
#key_stories_sens #links .link a { color:#2E848E; font-size:11px; padding-left:10px; text-decoration:none; background:url(/pics/arrow.gif) no-repeat 0% 20%;}
#key_stories_sens #links .link a:hover { color:#2E848E; font-size:11px; text-decoration:underline;}
#key_stories_sens #links .link {color:#2E848E; font-size:11px; height:auto; padding-bottom:10px;}


#popular_stories {width:320px; height:auto; margin:15px 0 0 0; padding:0;}
#popular_stories .header { height:45px; margin:0; padding:0;}
#popular_stories .box { margin:12px 0 0 25px;}

#rhs_videos {width:320px; height:auto; margin:15px 0 0 0; padding:0;}
#rhs_videos a { font-weight:normal;}
#rhs_videos a:hover { font-weight:normal;}
#rhs_videos .header { height:45px; margin:0; padding:0;}
#rhs_videos #thumbs { width:315px; height:auto; margin:11px 0 0 6px; padding:0; font-size:10px; color:#2E848E; text-align:center;}
#rhs_videos #thumbs a {font-size:10px; color:#2E848E; text-decoration:none;}
#rhs_videos #thumbs a:hover {font-size:10px; color:#2E848E; text-decoration:underline;}
#rhs_videos #thumbs .txt { margin-top:5px; width:80px;}
#rhs_videos #thumbs .time { color:#807E79; font-size:10px;}
#rhs_videos #thumbs img { width:93px; height:67px; border:1px solid #94938E; padding:0; margin:0;}
#rhs_videos #thumbs .left { float:left; height:99px; padding:2px; background-color:#F3F2ED; border:1px solid #E4E3E0;}
#rhs_videos #thumbs .mid { float:left; height:99px; margin-left:5px; padding:2px; background-color:#F3F2ED; border:1px solid #E4E3E0;}
#rhs_videos #thumbs .right { float:left; height:99px; margin-left:4px; padding:2px; background-color:#F3F2ED; border:1px solid #E4E3E0;}
#rhs_videos .bottomtxt { margin:10px 0 0 10px; font-size:10px; color:#2E848E;}
#rhs_videos .bottomtxt a { font-size:10px; color:#2E848E; text-decoration:none;}
#rhs_videos .bottomtxt a:hover { font-size:10px; color:#2E848E; text-decoration:underline;}


/********* Media Training Styles *********/

#body_media_main { width:984px; height:auto; margin:10px 0 0 0; padding:0;}

#body_media { float:left; width:509px; height:auto; margin:0 0 0 16px; padding:0; line-height:16px; font-size:11px;}
#body_media .header { display:block; height:18px; clear:both; padding-bottom:10px;}
#body_media .dots509 { width:509px; height:1px; background-image:url(/pics/dots_509.gif); background-repeat:no-repeat; background-position:top left; clear:both;}
#body_media .txt { margin-top:12px; padding:0; color:#5F5E59; line-height:16px; font-size:11px;}


#body_media_wide { float:left; width:944px; height:auto; margin:0 0 0 16px; padding:0; line-height:16px; font-size:11px;}
#body_media_wide .header { display:block; height:18px; clear:both; padding-bottom:10px;}
#body_media_wide .dots509 { width:509px; height:1px; background-image:url(/pics/dots_509.gif); background-repeat:no-repeat; background-position:top left; clear:both;}
#body_media_wide .txt { margin-top:12px; padding:0; color:#5F5E59; line-height:16px; font-size:11px;}

#body2_media { float:left; width:435px; height:auto; padding:0; margin:0 0 0 18px;}
#body2_media #banner { width:425px; height:339px; background-color:#E5E3DD; margin:0; padding:6px 5px 6px 5px}
#body2_media #advert_banner { width:435px; height:162px; margin:4px 0 0 0; padding:0;}

/***** Studio hire *****/

#body_media_stud { float:left; width:644px; height:auto; margin:0 0 0 16px; padding:0; line-height:16px; font-size:11px;}
#body_media_stud .header { display:block; height:18px; clear:both; padding-bottom:10px;}
#body_media_stud .dots509 { width:509px; height:1px; background-image:url(/pics/dots_509.gif); background-repeat:no-repeat; background-position:top left; clear:both;}
#body_media_stud .txt { margin-top:12px; padding:0; color:#5F5E59; line-height:16px; font-size:11px;}

#body2_media_stud { float:left; width:300px; height:auto; padding:0; margin:22px 0 0 18px;}


/*********** Dynamic Markets layout styles ****************/

#markets_main { width:967px; height:auto; margin:12px 0 0 11px; padding:0;}
#markets_main a { color:#2E848E; font-size:11px; font-weight:bold; text-decoration:none;}
#markets_main a:hover { color:#2E848E; font-size:11px; font-weight:bold; text-decoration:underline;}

#markets_top {width:967px; height:auto; margin:0; padding:0;}
#markets_top #mainLeft { float:left; width:627px; height:auto; margin:0; padding:0;}
#markets_top #mainLeft #currencies { float:left; width:305px; height:auto; margin:0; padding:0;}
#markets_top #mainLeft #commodities { float:left; width:305px; height:auto; margin-left:17px; padding:0;}
#markets_top #mainLeft #indicators {width:627px; height:auto; margin:0; padding:0 0 10px 0}
#markets_top #mainLeft #indicators select {width:306px; color:#857B6B; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#markets_top #mainLeft #indicators #header { width:627px; height:52px; margin:0; padding:0 0 10px 0; background-image:url(/pics/markets_sa_indic_header.gif); background-repeat:no-repeat;}
#markets_top #mainLeft #indicators #header .txt { margin:0; font-size:10px; color:#857B6B; padding:21px 0 0 138px;}



#markets_top #mainLeft #indicators-africa {width:627px; height:auto; margin:0; padding:0; visibility:hidden; font-size:0px; line-height:0px; display:none;}
#markets_top #mainLeft #indicators-africa select { width:300px; color:#857B6B; margin-right:7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
#markets_top #mainLeft #indicators-africa #header { width:627px; height:52px; margin:0; padding:0 0 10px 0; background-image:url(/pics/markets_all_share.gif); background-repeat:no-repeat;}
#markets_top #mainLeft #indicators-africa #header .txt { margin:0; font-size:10px; color:#857B6B; padding:21px 0 0 209px;}



#markets_top #mainLeft #shareMain { width:627px; height:auto; margin:0; padding:0;}
#markets_top #mainLeft #shareMain #header { width:627px; height:45px; margin:0; padding:0; background-image:url(/pics/share_header.jpg); background-repeat:no-repeat;}
#markets_top #mainLeft #shareMain #header .txt { text-transform:uppercase; font-family:"Trebuchet MS"; color:#857B6B; font-size:16px; margin:0; padding:15px 0 0 12px}

#markets_top #mainLeft .spotPrice { float:left; width:300px; height:auto; margin-top:1px;}
#markets_top #mainLeft .lastUpdated { font-style:italic; margin:8px 0 0 14px; font-size:10px; color:#857B6B; height:25px; line-height:15px;}

#markets_top #mainLeft #graphs {float:left; width:300px; height:auto; margin:10px 0 0 22px;}
#markets_top #mainLeft #graphs img {margin-top:10px;}
#markets_top #mainLeft #graphs .market_links { margin-left:3px; color:#E4E3E0;}


#co_popup {width:627px; height:auto; margin:0; padding:0;}
#co_popup .spotPrice { float:left; width:300px; height:auto; margin-top:1px;}
#co_popup #mainLeft #graphs {float:left; width:300px; height:auto; margin:10px 0 0 22px;}
#co_popup #mainLeft #graphs img {margin-top:10px;}
#co_popup #mainLeft #graphs .market_links { margin-left:3px; color:#E4E3E0;}
#co_popup #mainLeft .lastUpdated { font-style:italic; margin:8px 0 0 14px; font-size:10px; color:#857B6B; height:25px; line-height:15px;}
#co_popup #mainLeft #shareMain { width:627px; height:auto; margin:0; padding:0;}
#co_popup #mainLeft #shareMain #header { width:627px; height:52px; margin:0; padding:0 0 10px 0; background-image:url(/pics/share_header.jpg); background-repeat:no-repeat;}
#co_popup #mainLeft #shareMain #header .txt { text-transform:uppercase; font-family:"Trebuchet MS"; color:#857B6B; font-size:16px; margin:0; padding:15px 0 0 12px}
#co_popup #mainLeft #shareMain #header .c_name { text-transform:uppercase; font-family:"Trebuchet MS"; color:#857B6B; font-size:16px; margin:0; padding:15px 0 0 12px}



#markets_top #mainRight { float:left; width:320px; height:auto; margin-left:20px; padding:0;}
#markets_top #mainRight #comp_look {width:320px; height:53px; margin:0; padding:0;}
#markets_top #mainRight #comp_look form { margin:0;}
#markets_top #mainRight #comp_look select { width:300px; font-size:11px; color:#857B6B; margin:11px 0 0 11px; padding:0;}
#markets_top #mainRight #comp_look .txt { margin:5px 10px 5px 5px; text-align:right;}




#markets_top #mainRight .banner { margin-top:15px;}


#graph_container {width:320px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#857B6B;}
#graph_container select { width:300px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#857B6B;}
#graph_container .abn_markets img {margin:5px 5px 5px 6px;}

#Afgraph_container {width:320px; height:auto; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#857B6B;}
#Afgraph_container select {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#857B6B;}
#Afgraph_container .abn_markets img { margin:5px;}

#markets_bottom { width:967px; height:auto; margin:17px 0 0 0; padding:0 0 50px 0;}
#markets_bottom .allshare { width:967px; height:auto; margin-top:12px; padding:0; background-image:url(/pics/markets_months_bg.jpg); background-repeat:no-repeat; background-position:bottom;}
#markets_bottom .allshare img { margin:0 0 0 3px; padding:0;}

/****** Footer Styles ********/

#footer { background-image:url(/pics/footer_bg_grad.jpg); background-repeat:no-repeat; display:block; clear:both; width:965px; height:35px; margin:0 0 0 12px; padding:0;}
#footer .txt { padding:11px 0 0 137px;}



/*GAllery*/


#gallery_1 {text-align: left; width:480px; height:auto; padding-bottom:5px; margin-left:78px;}
#gallery_1 img{ background-color:#F7F5F1; margin:15px; border:1px solid #EAE7D7; }
#gallery_1 td { margin: 0  0 20px 29px;}
.gallery_thumb {float:left; text-align:center; margin:5px; background-color:#E8E8E5; }
.gallery_thumb img{ border: 1px #D3CEB9 solid; background-color:#F7F5F1; padding:2px; }
.gallery { position:relative; margin: 0  0 20px 10px; }
.control { background-image:url(/pics/gallery_bg_grad.jpg); background-repeat:repeat-x; padding:3px 3px 6px 3px; display: block; border: 1px solid #2C4251; color: #fff;  width: 139px; height: 15px; margin-left: 10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
.gallery_pages {  background: #0172BE; padding: 3px; display: block; border-bottom: 1px solid #DCDCDC; color: #fff;  width: 435px; height: 14px; margin:0 0 20px 72px; }
.gallery_pages a { color: #fff; text-decoration: none;}
.gallery_pages a:hover { color: #fff; text-decoration: underline;}
.click_thru { display: block; border: none;}
#gallery_1 #caption p {color:#84837B; width:480px; height:auto; margin:0; padding:10px; background-color:#F7F5F1;}


.bigtxt {color:#84837B; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.bigtxt a {color:#84837B; text-decoration:none; font-size:13px;}
.bigtxt a:hover {color:#84837B; text-decoration:underline; font-size:13px;}

.control a { color: #fff; text-decoration: none;}
.control a:hover { color: #fff; text-decoration: underline;}
.prev { float:left; width: 60px; background-image:url(/pics/gallery_arrow_lft.jpg); background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:capitalize; margin-left:5px;  }
.next { float:left; margin-left:5px; border-left: 1px solid #fff; background-image:url(/pics/gallery_arrow_rhs.jpg); background-repeat:no-repeat; background-position:right; width: 60px; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:capitalize;}