/*SECTION PAGES eg. home, investor, about us*/ /*--TOP---------------------------------------------------------------------------*/ #top { display: block; clear: both; height: 110px; padding: 0px; margin: 0px 0px 5px 0px; /*margin-left: 7px;*/ margin-bottom: 7px; } .group{ background-image: url(../images/backgrounds/primary_promotional.gif); background-repeat: repeat-x; background-position: top right; } .about_us { background-image: url(../images/about_us_new/top_bg.gif); background-repeat: repeat-x; background-position: top right; } .economic { background-image: url(../images/about_us_new/top_bg.gif); background-repeat: repeat-x; background-position: top right; } #services_panel { float: left; width: 240px; height: 111px; color: #333333; } div.roi #services_panel { background-image: url(../images/homepage/services_panel.gif); background-repeat: no-repeat; background-position: bottom left; } div.investor #services_panel { background-image: url(../images/backgrounds/services_panel_investor.gif); background-repeat: no-repeat; } #services_panel h4{ color: #407292; font-size: medium; margin: 10px 0px 5px 5px; } #services_panel img{ float: left; } #services_panel { font-size: x-small; } #services_panel p{ line-height: 160%; display: inline; padding: 10px 3px; } #services_panel A{ color: #00436e; text-decoration: underline; } #services_panel ul{ clear: both; margin: 10px 0px 0px 10px; padding: 0px; } #services_panel UL LI{ display: inline; background-image: url(../images/bullets/global_nav.gif); background-repeat: no-repeat; padding-left: 10px; } #services_panel UL LI A{ color: #00436e; text-decoration: underline; font-weight: bold; } #services_panel UL LI A:link:active:visited{ color: #00436e; font-weight: bold; } #services_panel UL LI A:hover{ color: #ff1d37; } #p_promotion { height: 110px; display: block; color: #666666; font-weight: bold; font-size: x-small; width:510px; float:left; } #p_promotion img{ float:right;} #p_promotion ul{ padding: 0px; margin: 0px; list-style: none; line-height: 140%; margin-left: 10px; } #p_promotion ul li a{ font-weight: normal; } #p_promotion h4{ color: #407292; margin: 2px 0px 5px 5px; font-size: medium; } .group #p_promotion { float: right; } .about_us #p_promotion { float: right; } /*Input by TOR - 13/04/10*/ #right_panel{ display:block; width:181px; height:110px; float:right; background-image:url(/includes/investor/images/capital_raising/right_panel.jpg); background-repeat: no-repeat; padding:3px 0px 0px 3px; } #right_panel h3 {margin:17px 0px 5px 5px; color:#ffffff; font-style:italic; font-size:medium;} #right_panel a{text-decoration:underline; padding:0px 0px 0px 5px; margin:0px; color:#ffffff; font-size:small;} #right_panel a:link:active:visited{text-decoration:underline; padding:0px 0px 0px 5px; margin:0px; color:#ffffff; font-size:x-small;} #right_panel img {float: none; margin:40px 10px 5px; } /*--MIDDLE---------------------------------------------------------------------------*/ #box-container li{ padding: 0px 0px 5px 0px; margin-left: 10px; color: #333333; } #box-container p{ font-size: x-small; MARGIN: 10px 0px 1px 15px; padding-left: 10px; color: #333333; font-weight: normal; line-height: 200%; } #box-container span{ color: #666666; font-weight: bold; } #box-container div.boxa{ display: block; padding: 0px; margin: 0px; padding: 0px; width: 33%; float: left; background-position: right bottom; background-image: url(../images/backgrounds/bg_box_investor.gif); background-repeat: no-repeat; min-height: 167px; height: 200px; } #box-container div.boxc{ display: block; padding: 0px; margin: 0px; padding: 0px; width: 33%; float: left; background-position: right bottom; background-image: url(../images/backgrounds/bg_box_investor.gif); background-repeat: no-repeat; min-height: 167px;} div#middle.bgplain div.boxc {/* min-height: 135px;*/} div#middle.bgplain div.height120 { width: 49%; height: 80px; } div#middle.bgplain div.width49 { width: 49%; } div#middle.bgplain div.width66 { width: 66%; } .height180{ height: 100px; width: 49%;} div#middle.bgplain div.boxa { background-image: url(../images/backgrounds/bg_box_investor.gif); background-repeat: no-repeat; } #box-container div ul{ list-style: none; line-height: 140%; MARGIN: 5px 0px 1px 10px; margin-left: 0px; padding-left: 10px; list-style: none; } .boxa ul, .boxa2 ul{ list-style: none; line-height: 140%; MARGIN: 5px 0px 5px 0px; padding-right: 0px; } .boxa ul li{ list-style: none; line-height:140%; padding-right: 10px; font-size: 0.8em; } .boxa ul li a{display: inline-block;} .boxa form{ margin: 0px; padding: 10px; } #box-container select{ font-size: small; color: #333333; margin: 0px; margin-right: 10px; padding: 0px; font-size: x-small; } #box-container label { display: none; } .boxa a{ color: #00436e; } .boxa a:link:active:visited{ color: #00436e; } .boxa a:hover{ color: #ff1d37; } #box-container div.boxa p{ padding: 0px; } table caption{ font-weight: bold; font-size: small; } .boxc ul, .boxa2 ul{ list-style: none; line-height: 140%; MARGIN: 5px 0px 5px 10px; padding-right: 0px; } .boxc ul li{ list-style: none; line-height:140%; padding-right: 10px; font-size: 0.8em; } .boxc form{ margin: 0px; padding: 10px; } .boxc a{ color: #00436e; font-weight: normal; } .boxc a:link:active:visited{ color: #00436e; font-weight: normal; } .boxc a:hover{ color: #ff1d37; font-weight: normal; } .strong{ font-weight: bold; } /*-----bulleted lists in boxes-----*/ .content_list a{ padding-left: 10px; background-image: url(../images/bullets/bullet_yellow.gif); background-repeat: no-repeat; background-position:top left; } .content_nav a{ padding-right: 15px; background-image: url(../images/bullets/arrow.gif); background-repeat: no-repeat; background-position: top right; display: inline-block; } #box-container div.boxb{ display: block; padding: 0px; margin: 0px; padding: 0px; width: 33%; float: left; min-height: 215px; background-image: url(../images/backgrounds/bg_box.gif); background-position: bottom left; background-repeat: no-repeat; } /* end filter */ /* for Mozilla/Safari/Opera */ *>.boxa { padding-top: 160px; min-height: 1px; } *>.boxa p { margin-top: -160px; } /* for IE, with IE5/Mac backslash filter \*/ * html .boxa { height: 160px; } /* end filter */ /* .lastbox{ border-right: solid 1px #cccccc; }*/ .firstbox{ border-left: solid 1px #cccccc; } #row2{ clear: left; } #share{ margin-top: 11px; } #share table{ background-image: url(../images/backgrounds/bg_box_grey.gif); background-position: top left; font-size: small; width: 100%; margin-bottom: 0px; margin-top: 6px; color: #333333; } #share table tr{ height: 5px; padding-left: 15%; } #share table th{ padding: 2px 5px; text-align: center; background-color: #FFF0B2; font-size: x-small; width: 30%; } #share table td{ color: #333333; border: 0px; padding: 7px 5px; background-image: url(../images/backgrounds/share_price_td.gif); background-position: bottom center; background-repeat: no-repeat; font-size: x-small; text-align: center; font-size: xx-small; font-weight: bold; } .th{ padding: 2px 5px; text-align: center; background-color: #FFF0B2; color: #333333; font-weight: bold; text-align: left; } .icon_euro{ background-image: url(../images/icons/euro.gif); background-repeat: no-repeat; padding: 3px 0px 3px 25px; } .icon_arrow{ background-image: url(../images/icons/arrow.gif); background-repeat: no-repeat; padding: 3px 0px 3px 25px; } .icon_hand{ background-image: url(../images/icons/hand.gif); background-repeat: no-repeat; padding: 3px 0px 3px 25px; } #stock_issue{padding:10px 5px; background-image: url(../images/backgrounds/gradient_blue_shares.jpg); background-repeat: no-repeat; background-position: top left; } #stock_issue span{ color:#00436e; padding-right:10px; } #rhn { padding-top: 0px; color: #333333; } #rhn ul{ padding: 0px; margin: 0px; } div.calculator{ display: block; margin: 10px 10px 0px 0px; } div.calculator img{ float: left; } #rhn ul li{ margin: 0px; font-weight: bold; padding: 0px 0px 0px 10px; line-height: 200%; background-image: url(../images/bullets/bullet_yellow.gif); background-repeat: no-repeat; background-position: left; } #rhn div.gradient_blue ul li{ background-image: none; padding: 0px; } #rhn div{ margin-bottom: 5px; margin-left: 0px; padding-bottom: 18px; } #rhn div.gradient_blue{/* border: solid 1px #cccccc; */padding-top:10px; height:175px; background-image: url(../images/backgrounds/bg_box_shares.jpg); /* background-image: url(../images/backgrounds/gradient_blue.gif);*/ background-repeat: no-repeat; background-position:top left; } /* #rhn div.white { border: solid 1px #cccccc; background-color: #ffffff; background-image: none; } #rhn div.blue { background-color: #BFD0DB; background-image: none; } #rhn div.yellow{ margin: 0px 0px 10px 0px; background-color: #FFFBE8; border: dashed 1px #999999; padding: 5px; } */ #rhn strong{ display: block; margin: 5px; } #rhn form{ margin: 0px; padding-left: 10px; } #rhn input{ font-size: x-small; } #rhn p{ font-weight: bold; font-size: small; margin: 0px; } #rhn h4{ margin: 0px; padding: 3px 0px 0px 3px; } #rhn h4 a{ padding-right: 20px; color: #00436e; font-weight: bold; text-decoration: underline; background-image: url(../images/bullets/arrow.gif); background-repeat: no-repeat; background-position: right; } #rhn h4 a:LINK:ACTIVE:VISITED{ padding-right: 20px; color: #00436e; font-weight: bold; text-decoration: underline; background-image: url(../images/bullets/arrow.gif); background-repeat: no-repeat; background-position: right; } #rhn H4 a:HOVER{ color: #ff1d37; } #rhn a:visited{ color: #00436e; } /*--BOTTOM---------------------------------------------------*/ #box-container div H2{ margin: 0px; padding: 2px 0px 2px 5px; background-color: #407292; color: white; font-size: small; /*background-image: url(../images/curves/h2_curve.gif);*/ background-position: bottom right; background-repeat: no-repeat; } #box-container div H2 a{ font-weight: bold; color: white; text-decoration: none; } #box-container div H2 a:link:active:visited{ font-weight: bold; color: white; text-decoration: none; } #box-container div H2 a:hover{ color: white; text-decoration: underline; } #box-container div.boxa H3 { color: #333333; font-size: small; margin: 0px; padding: 3px 5px; ; border-top: 1px solid #D1D2D4; border-bottom: 1px solid #D1D2D4; } /*--BOTTOM---------------------------------------------------------------------------*/ #bottom{ display: block; /*height: 80px;*/ width: 100%; padding: 10px 0px; margin: 10px 10px; clear: both; font-size: x-small; } div#bottom ul { padding: 0px; display: block; margin: 10px 40px; font-size: x-small; list-style-image: url(../images/bullets/bullet_yellow.gif); } #bottom ul li{ line-height: 150%; } #bottom p { margin: 10px 15px; font-size: x-small; font-weight: bold; color: #666666; } #bottom H3 { margin-bottom: 10px; border: none; padding: 0px 5px; color: #407292; font-size: small; border: none; } #bottom div{ float: left; width: 32%; } div #notice1{ background-position: right; background-repeat: no-repeat; background-image: url(../images/backgrounds/dotted_border_blue.jpg); } div#notice2{ width:33%; } div#notice3{ margin-left: 10px; padding:10px; width:260px; background-image: url(../images/backgrounds/bg_box_rhn.jpg); background-position: bottom right; background-repeat: no-repeat; border-left: solid 1px #E5ECF0; border-top: solid 1px #E5ECF0; -moz-border-radius: 8px; -webkit-border-radius: 8px; } div#notice3 ul { margin: 10px 5px; list-style-image: none; list-style: none; } div#notice3 li{ margin:8px 0px; } div#notice3 img{ margin-right: 5px; } #bottom a:visited{ color: #00436e; } #bottom a:hover{ color: #ff1d37; } /* capital markets homepage*/ #cm_promotion {background-image: url(../images/capital_markets/deposit_offering.jpg); background-repeat: no-repeat; background-position: top right; width: 500px; height: 112px; color: #333333; float: right;} #cm_promotion { height: 110px; display: block; color: #666666; } #cm_promotion h4{ color: #407292; margin: 25px 0px 5px 40px; font-size: medium; } #cm_promotion ul{ float: left; margin: 5px 0px 0px 0px; display: block; font-size: .8em;} #cm_promotion ul li{display: inline; float: left; list-style: none; margin: 0px 0px 5px 0px; padding: 0px 5px 0px 5px; width: 90px; text-align:center; } div#rhn ul.icons{float: left; width: 95%; border: none; margin: 0px; padding: 0px 0px 5px 0px; } div#rhn ul.icons li{vertical-align: bottom; display: block; } div#rhn ul.icons li a{ padding: 0px; font-size: 1.1em; vertical-align: bottom; font-weight: bold; } div#rhn ul.icons li.depositicon{padding: 0px 0px 3px 37px; height: 31px; background-image: url(../corporate/images/icons/deposits_sml.gif); background-repeat: no-repeat;} div#rhn ul.icons li.investicon{ padding: 0px 0px 3px 37px;height: 31px; background-image: url(../corporate/images/icons/investing_sml.gif); background-repeat: no-repeat;} div#rhn ul.icons li.newicon{padding: 0px 0px 3px 37px; height: 31px; background-image: url(../corporate/images/icons/new_business_sml.gif); background-repeat: no-repeat;} div#rhn ul.icons li.contacticon{padding: 0px 0px 3px 37px;height: 31px; background-image: url(../corporate/images/icons/contact_sml.gif); background-repeat: no-repeat;} div#rhn.online { float: left; margin: 0px; padding: 0px; } a{ color: #00436e; font-weight: normal; } li.hide{display: block; height: 10px;} A:visited { COLOR: #00436e; text-decoration: none;} A:hover { color: #ff1d37; text-decoration: underline; } A:link { color: #00436e; text-decoration: none; } A:active { color: #00436e; text-decoration: none;} /*end of capital markets homepage*/