/* --- START COMMON CSS ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ *{margin:0; padding:0;} a{text-decoration:none; outline:none;} a img{border:0;} input{font-size:12px; font-family:Arial, Helvetica, sans-serif;} .png{behavior:url(assets/templates/css/iepngfix.htc);} .cl{font-size:0; line-height:0; clear:both;} .no-text{text-indent:-999999px; font-size:0; line-height:0;} .fl{float:left;} .fr{float:right;} .db{display:block;} .di{display:inline;} .dn{display:none;} /* --- END COMMON CSS ------------------------------------------------------------------------------------------------------------------------------------------------------------------ */ /* --- START BODY & SHELL -------------------------------------------------------------------------------------------------------------------------------------------------------------- */ body{background:url(images/bg.jpg) top center fixed; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:16px; letter-spacing:0px; color:#7b7b7b;} .shell{width:908px; margin:0 auto; position:relative;} /* --- END BODY & SHELL ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START HEADER -------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #header{background:url(images/header.png) top center; height:90px; position:absolute; width:100%; left:0;} #header-content{position:absolute; left:0; width:908px; height:90px;} #logo, #logo-uk{width:75px; height:63px; margin:9px 0 0 27px; float:left; display:inline;} #logo a{background:url(images/logo.png); width:75px; height:63px; display:block;} #logo-uk a{background:url(images/logo-uk.png); width:75px; height:63px; display:block;} #header-right{float:right; width:750px; margin-right:27px; display:inline;} #langs{position:absolute; top:5px; right:27px;} #langs a{display:block; width:16px; height:12px;} #langs a img{width:16px; height:12px;} #menu, #menu-uk{height:36px; line-height:36px; position:absolute; top:31px; right:27px;} #menu ul, #menu-uk ul{list-style:none; float:right;} #menu ul li, #menu-uk ul li{background:url(images/menu-div.png) right center no-repeat; float:left; padding-right:11px; margin-right:10px; padding-top:12px; line-height:24px; height:24px; position:relative;} #menu ul li.last, #menu-uk ul li.last{background:none; padding-right:0; margin-right:0;} #menu ul li a, #menu-uk ul li a{height:26px; line-height:26px; display:block;} #menu ul li a.one{background:url(images/menu-sprite.png) 0 0 no-repeat; width:50px;} #menu ul li.hover a.one, #menu ul li.active a.one{background:url(images/menu-sprite.png) 0 -26px no-repeat;} #menu ul li a.two{background:url(images/menu-sprite.png) -50px 0 no-repeat; width:64px;} #menu ul li.hover a.two, #menu ul li.active a.two{background:url(images/menu-sprite.png) -50px -26px no-repeat;} #menu ul li a.three{background:url(images/menu-sprite.png) -114px 0 no-repeat; width:97px;} #menu ul li.hover a.three, #menu ul li.active a.three{background:url(images/menu-sprite.png) -114px -26px no-repeat;} #menu ul li a.four{background:url(images/menu-sprite.png) -211px 0 no-repeat; width:77px;} #menu ul li.hover a.four, #menu ul li.active a.four{background:url(images/menu-sprite.png) -211px -26px no-repeat;} #menu ul li a.five{background:url(images/menu-sprite.png) -288px 0 no-repeat; width:53px;} #menu ul li.hover a.five, #menu ul li.active a.five{background:url(images/menu-sprite.png) -288px -26px no-repeat;} #menu ul li a.six{background:url(images/menu-sprite.png) -341px 0 no-repeat; width:63px;} #menu ul li.hover a.six, #menu ul li.active a.six{background:url(images/menu-sprite.png) -341px -26px no-repeat;} #menu-uk ul li a.one{background:url(images/menu-sprite-uk.png) 0 0 no-repeat; width:40px;} #menu-uk ul li.hover a.one, #menu-uk ul li.active a.one{background:url(images/menu-sprite-uk.png) 0 -26px no-repeat;} #menu-uk ul li a.two{background:url(images/menu-sprite-uk.png) -40px 0 no-repeat; width:104px;} #menu-uk ul li.hover a.two, #menu-uk ul li.active a.two{background:url(images/menu-sprite-uk.png) -40px -26px no-repeat;} #menu-uk ul li a.three{background:url(images/menu-sprite-uk.png) -144px 0 no-repeat; width:83px;} #menu-uk ul li.hover a.three, #menu-uk ul li.active a.three{background:url(images/menu-sprite-uk.png) -144px -26px no-repeat;} #menu-uk ul li a.four{background:url(images/menu-sprite-uk.png) -227px 0 no-repeat; width:77px;} #menu-uk ul li.hover a.four, #menu-uk ul li.active a.four{background:url(images/menu-sprite-uk.png) -227px -26px no-repeat;} #menu-uk ul li a.five{background:url(images/menu-sprite-uk.png) -304px 0 no-repeat; width:37px;} #menu-uk ul li.hover a.five, #menu-uk ul li.active a.five{background:url(images/menu-sprite-uk.png) -304px -26px no-repeat;} #menu-uk ul li a.six{background:url(images/menu-sprite-uk.png) -341px 0 no-repeat; width:73px;} #menu-uk ul li.hover a.six, #menu-uk ul li.active a.six{background:url(images/menu-sprite-uk.png) -341px -26px no-repeat;} #menu ul li .submenu, #menu-uk ul li .submenu{position:absolute; top:36px; display:none; width:168px;} #menu ul li .submenu ul, #menu-uk ul li .submenu ul{list-style:none; float:none; margin-top:19px; border-bottom:3px solid #739232;} #menu ul li .submenu ul li, #menu-uk ul li .submenu ul li{height:32px; line-height:32px; margin:0; border-bottom:1px solid #739232; background:#82a439; float:none; padding:0;} #menu ul li .submenu ul li a, #menu-uk ul li .submenu ul li a{background:#82a439; color:#fff; font-size:12px; height:31px; line-height:31px; display:block; padding-left:15px; margin-top:1px;} #menu ul li .submenu ul li a:hover, #menu-uk ul li .submenu ul li a:hover{background:#5b702f url(images/submenu-bullet.png) left no-repeat;} #menu ul li .subone{background:#82a439 url(images/submenu-sprite.png) 0 0 no-repeat; left:-9px;} #menu ul li .subtwo{background:#82a439 url(images/submenu-sprite.png) -168px 0 no-repeat; left:-14px;} #menu ul li .subthree{background:#82a439 url(images/submenu-sprite.png) -336px 0 no-repeat; left:-12px; width:200px;} #menu ul li .subfour{background:#82a439 url(images/submenu-sprite.png) -536px 0 no-repeat; left:-11px; width:238px;} #menu ul li .subfive{background:#82a439 url(images/submenu-sprite.png) -774px 0 no-repeat; left:-11px; width:178px;} #menu ul li .subsix{background:#82a439 url(images/submenu-sprite.png) -952px 0 no-repeat; left:-16px; width:190px;} #menu-uk ul li .subone{background:#82a439 url(images/submenu-sprite-uk.png) 0 0 no-repeat; left:-19px;} #menu-uk ul li .subtwo{background:#82a439 url(images/submenu-sprite-uk.png) -168px 0 no-repeat; left:-10px;} #menu-uk ul li .subthree{background:#82a439 url(images/submenu-sprite-uk.png) -336px 0 no-repeat; left:-9px; width:200px;} #menu-uk ul li .subfour{background:#82a439 url(images/submenu-sprite-uk.png) -536px 0 no-repeat; left:-11px; width:238px;} #menu-uk ul li .subfive{background:#82a439 url(images/submenu-sprite-uk.png) -774px 0 no-repeat; left:-10px; width:178px;} #menu-uk ul li .subsix{background:#82a439 url(images/submenu-sprite-uk.png) -952px 0 no-repeat; left:-8px; width:190px;} /* --- END HEADER ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START HOME PAGE ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #home-content{position:absolute; top:172px;} #home-top{background:url(images/home-top.png); width:906px; height:261px;} #home-top-uk{background:url(images/home-top-uk.png); width:906px; height:261px;} #home-top-left{width:630px; padding:76px 10px 0px 20px; float:left;} #home-top-left a{color:#82a439;} #home-top-left a:hover{text-decoration:underline;} #home-top-left p{margin-bottom:10px;} #home-top-left-top{height:147px;} #home-top-left-bottom{height:38px; line-height:0;} #home-top-left-bottom .new{width:76px; float:left; line-height:38px;} #home-top-left-bottom .new a{color:#a9a9a9; text-align:center; font-style:italic;} #home-top-left-bottom .new a:hover{text-decoration:underline;} #home-top-left-bottom .title{width:274px; float:left; color:#563e1d; font-size:11px; line-height:38px;} #home-top-left-bottom .link{width:143px; float:left; padding-left:10px; padding-top:7px; line-height:24px;} #home-top-left-bottom .link img{vertical-align:middle;} #home-top-left-bottom .link a{color:#82a439; text-decoration:underline; font-size:10px;} #home-top-left-bottom .link a:hover{text-decoration:none;} #home-top-left-bottom .buttons{width:98px; float:left; line-height:0; padding:6px 0 0 6px;} #home-top-left-bottom .buttons .news-shell{background:url(images/buttons-news-bg.png); width:92px; height:26px;} #home-top-left-bottom .buttons .news-shell a.news-left, #home-top-left-bottom .buttons .news-shell a.news-right{float:left; width:26px; height:26px; cursor:default;} #home-top-left-bottom .buttons .news-shell a.news-left-active{background:url(images/buttons-news-left.png); float:left; width:26px; height:26px; cursor:pointer;} #home-top-left-bottom .buttons .news-shell a.news-right-active{background:url(images/buttons-news-right.png); float:left; width:26px; height:26px; cursor:pointer;} #home-top-left-bottom .buttons .news-shell .news-content{float:left; width:40px; padding-top:4px; line-height:16px; color:#808080; text-align:center;} #home-top-left-bottom .rss{width:23px; float:left;} #home-top-left-bottom .rss a{margin:11px 0 0 7px; display:block;} #home-top-right{width:231px; padding:30px 0 0 14px; float:right; line-height:19px;} #home-top-right p{margin-bottom:0;} #home-top-right p .title{letter-spacing:-1px; display:block; margin-top:10px; line-height:16px;} #home-top-right a{color:#7f7f7f;} #home-top-right a:hover{text-decoration:underline;} #home-bottom{width:906px; padding-top:5px; background:url(images/home-bottom.png) top no-repeat;} .home-bottom-left{width:407px; float:left; height:154px; background:url(images/home-bottom-left.png); padding:3px 10px 0; color:#fff;} .home-bottom-left p{margin-bottom:10px;} .home-bottom-left h1{font-size:16px; font-weight:normal; margin:0 0 10px 0; padding:0;} .home-bottom-left a{color:#fff; text-decoration:underline;} .home-bottom-left a:hover{text-decoration:none;} #home-bottom-right{width:479px; float:left;} #home-bottom-right .arrow{width:35px; height:103px; background:url(images/home-bottom-right.png); float:left;} #home-bottom-right-buttons{margin:27px 0 0 10px; float:left; display:inline; width:434px;} #home-bottom-right-buttons a.buttons{padding-left:3px; margin-right:10px; display:inline; color:#fff; font-weight:bold; font-size:12px; float:left; line-height:45px;} #home-bottom-right-buttons a:hover.buttons{text-decoration:underline;} #home-bottom-right-buttons .one{background:url(images/home-bottom-right-one.png) left no-repeat; width:47px; height:45px; float:left;} #home-bottom-right-buttons .two{background:url(images/home-bottom-right-two.png) left no-repeat; width:47px; height:45px; float:left;} #home-bottom-right-buttons .three{background:url(images/home-bottom-right-three.png) left no-repeat; width:47px; height:45px; float:left;} #manager{background:#82a439; width:141px; height:47px; padding:6px 15px 0; margin-top:3px;} #manager h1{font-size:14px; font-weight:normal; margin:0; padding:0; line-height:18px; color:#fff;} #manager h2{font-size:10px; line-height:11px; text-transform:uppercase; color:#3e4822;} #home-footer{margin-top:67px; width:866px; height:35px; line-height:35px; background:#272425; padding:0 20px; margin-bottom:15px;} #home-footer .left{color:#d4d4d4;} #home-footer .right ul{list-style:none; margin:14px 10px 0 0; float:left;} #home-footer .right ul li{float:left; border-right:1px solid #4e4e4e; margin-right:4px; padding-right:4px; line-height:10px;} #home-footer .right ul li.last{border-right:0; margin-right:0; padding-right:0;} #home-footer .right ul li a{color:#a1a1a1; font-size:10px; display:block;} #home-footer .right ul li a:hover{text-decoration:underline;} #home-footer .right .rss{background:url(images/button-footer-rss.png); width:15px; height:15px; display:block; float:left; margin-top:10px;} #created{float:left; color:#272425; line-height:33px; padding-left:20px; margin-bottom:30px;} a#stoy-logo{background:transparent url(images/stoy-logo.png); display:block; height:27px; width:56px; margin-left:5px; float:left; cursor:pointer;} /* --- END HOME PAGE ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- START INNER PAGES --------------------------------------------------------------------------------------------------------------------------------------------------------------- */ #content{position:absolute; top:70px; width:906px;} #content-back{background:#fff; padding-top:20px;} #crumb{background:url(images/crumb-bg.png); height:54px; padding-left:20px; width:886px;} #crumb h1{line-height:54px; font-size:20px; font-weight:normal; color:#5b5b5b;} #slogan{background:#e9e9e9; height:50px; padding:25px 20px 0; color:#888686; line-height:16px; font-size:14px; border-bottom:1px solid #e1e1e1; width:866px;} #inner-content{padding:20px; color:#6d6d6d; width:866px; line-height:18px;} .w397{width:397px!important;} #inner-content h1{color:#4c4c4b; font-size:20px; font-weight:normal; line-height:26px; border-bottom:1px solid #e5e5e5; margin-bottom:10px;} #inner-content h2{color:#82a439; font-size:12px; font-weight:bold; line-height:18px; border-bottom:1px solid #e5e5e5;} #inner-content p{margin-bottom:20px;} #inner-content a{color:#82a439;} #inner-content a:hover{text-decoration:underline;} #inner-content ul, #inner-content ol{margin:0 0 20px 20px;} #inner-content .color{color:#82a439;} #inner-content .light{color:#b7b7b7; font-style:italic;} #inner-content .table-info{width:866px;} #inner-content .table-info .left{width:660px; float:left; color:#9b9b9b;} #inner-content .table-info .right{background:url(images/download-table-bg.png); padding:18px 0 0 55px; width:130px; height:45px; float:right;} #inner-content .table-info .right a.download{color:#82a439; text-decoration:underline; display:block; line-height:14px;} #inner-content .table-info .right a:hover.download{text-decoration:none;} #inner-content .table-info .right span.info{font-size:10px; color:#b2b2b2;} #documents-page p{margin-bottom:10px!important;} #news h1{font-size:14px!important; line-height:20px!important; font-weight:bold!important;} #footer{width:866px; height:35px; line-height:35px; background:#272425; padding:0 20px; margin-bottom:15px;} #footer .left{color:#d4d4d4;} #footer .right ul{list-style:none; margin:14px 10px 0 0; float:left;} #footer .right ul li{float:left; border-right:1px solid #4e4e4e; margin-right:4px; padding-right:4px; line-height:10px;} #footer .right ul li.last{border-right:0; margin-right:0; padding-right:0;} #footer .right ul li a{color:#a1a1a1; font-size:10px; display:block;} #footer .right ul li a:hover{text-decoration:underline;} #footer .right .rss{background:url(images/button-footer-rss.png); width:15px; height:15px; display:block; float:left; margin-top:10px;} .errors{color:red;} #EmailForm fieldset{border:0; margin-top:20px;} #EmailForm p{margin-bottom:10px!important; clear:both; height:10px;} #EmailForm p.box{height:100px;} #EmailForm .fc{width:100px; float:left;} #EmailForm .sc{width:200px; float:left;} #EmailForm .sc input.text{width:190px;} #EmailForm .sc textarea.text{width:520px; height:100px;} #EmailForm .sc input.submit{width:190px;} #EmailForm .tc{width:50px; float:left; color:red;} #EmailForm p.box .sc{width:530px;} #NewsletterForm fieldset{border:0; margin-top:20px;} #NewsletterForm p{margin-bottom:10px!important; clear:both; height:10px;} #NewsletterForm p.box{height:45px;} #NewsletterForm .fc{width:100px; float:left;} #NewsletterForm .sc{width:370px; float:left; text-align:right;} #NewsletterForm .sc input.text{width:360px;} #NewsletterForm .sc input.submit{width:200px;} #NewsletterForm .tc{width:10px; float:left; color:red; text-align:right;} #portfolio-table{width:866px;} #portfolio-table tr th{background:#82A439; color:#fff; font-weight:bold; padding:3px; border-right:1px solid #fff; border-bottom:1px solid #fff;} #portfolio-table tr th.last{border-right:0; border-bottom:1px solid #fff;} #portfolio-table tr td{border-bottom:1px solid #6D6D6D; padding:3px; text-align:center;} #portfolio-table tr td.month{background:#6D6D6D; color:#fff; border-bottom:1px solid #808080; border-right:1px solid #fff; text-align:left; padding-left:10px; font-weight:bold;} #portfolio-table tr:hover{background:#e9e9e9;} #under-construction{position:absolute; top:139px; font-size:14px; color:#fff; text-align:center; font-weight:bold; right:2px; width:279px; height:33px; background:url(images/under-construction.png); line-height:33px;} .chart-pricebar{width:20px; height:238px; float:left; background:url(images/chart-pricebar.png);} .chart-volumebar{width:20px; height:238px; float:left; background:url(images/chart-volumebar.png);} .chart-export-button{border:none; background:url(images/chart-export-button.png); text-align:center; color:#fff; font-weight:bold; width:150px; height:22px; line-height:22px; cursor:pointer;} .chart-export-input{height:18px; line-height:18px;} /* --- END INNER PAGES ----------------------------------------------------------------------------------------------------------------------------------------------------------------- */