/** ---------------------------- * Version: 1.0 * * Table of Contents * ================= * 1. Common Styling * 2. Header Styling * 3. Content/Main Styling * 4. Content/Modules Styling * 5. Navigation Styling * 6. Footer Styling * * -----------------------------//** * 1. Common Styling * ================= */body {background: #EDF0F2; font: 0.78em/1.333 Verdana, sans-serif; margin: 0; padding: 0; width: 100%; text-align: center; padding-bottom: 10px}#container{width: 760px; padding: 185px 2px 0; margin: 3px auto 0; text-align: left; position: relative; background: #fff url(../images/css_content_container_bg_AClightgrey_tcm17-15581.GIF) repeat-y top left; border: 1px solid #D5D8D9; border-width: 1px 0} /* main size: 58em: max width on a 800x600 screen */* {font-size: 100%; padding: 0; margin: 0}/* -- clear stuff -- */div, ul, ol, li, table, td, th, tr, p, blockquote, form, img, dl, dt, dd{margin: 0; padding: 0; border: none}table{font-size: 90%}/* -- default links behavior -- */a:link, a:active, a:visited, a:hover{color: #0099CC}a:hover{text-decoration: none}a:visited{color: #aaa}/* -- Form elements -- */select{border: 1px solid #7F9DB9; font-size: 90%}option{padding: 0 5px}hr{background: none; height: 0px; border: none; border-bottom: 1px solid #d2d2d2; margin: 3px 20px 10px 10px; clear: both}.left{float: left !important}.right{float: right !important}.regform{margin: 5px 0px 2px 0px;}/* -- to clear floated elements -- *//* from http://www.positioniseverything.net/easyclearing.html */.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden}.clearfix {display: inline-table;}/* Hides from IE-mac \*/* html .clearfix {height: 1%;}.clearfix {display: block;}/* End hide from IE-mac *//** * 2. Header Styling * ================= */#header{background: #FFF; width: 758px; position: absolute; top: 0; left: 3px; padding: 28px 0 0; margin: 0; /* tmp */ height: 157px;}#logo{width: 738px; height: 100px; padding-top: 35px; padding-left: 20px; background: no-repeat right top}/* -- site title -- */#header h1{color: #6e6e78; position: absolute; top: 8px; left: 20px; font-size: 80%; font-weight: normal}#header a{color: #0099cc; text-decoration: none}#header a:hover{text-decoration: none; color: #000}#header #logoimage{display: none}/* -- Quick Links (header drop downs) -- */#quick-links{position: absolute; top: 70px; right: 20px; width: 400px}#quick-links select{border: 1px solid #7F9DB9; background: #fff}#quick-links option{padding: 0 5px}#quick-links form{float: right}/* -- site links (top right) -- */#site-links{position: absolute; top: 0px; right: 10px; width: 350px; text-align: right; vertical-align: top; white-space: nowrap}#site-links a{color: #0099cc; font-size: 80%; padding-right: 5px; text-decoration: none}#site-links a:hover{color: #000}#site-links img{margin-top: 3px; margin-left: 2px}#site-links p{position: absolute; top: 0px; right: 11em; padding: 0; margin: 0; margin-top: 5px; color: #6e6e78}#site-links p span{margin-right: 5px; color: #6e6e78}#site-links p span, #lang-popup span, #country-popup span{text-decoration: none; cursor: pointer;}#site-links p span:hover, #lang-popup span:hover, #country-popup span{text-decoration: none; color: #000}#site-links p noscript span{text-decoration: none}* html #site-links p span, * html #lang-popup span, * html #country-popup span{cursor: hand}/* -- for design purposes only: this element creates the intersection between the header and the content part of the page -- */#intersection{position: absolute; top: 180px; left: 0px; height: 3px; background: #EDF0F2; width: 764px; border: 1px solid #D2D2D2; border-width: 1px 0}/* -- Language & country pop-up -- */#lang-popup, #country-popup{width: 760px; height:107px; position: absolute; top: 0; left: 1px; background: #0099CC; color: #fff; z-index: 300000}#lang-popup select, #country-popup select{background: #fff}#lang-popup div, #country-popup div{height: 80px; width: 150px; border-right: 1px solid #fff; margin: 10px; float: left}#lang-popup div#lang-language, #country-popup div#country-language{border: none; width: 530px; position: relative}#lang-popup a, #country-popup a{color: #fff}/*#lang-popup .input-submit{margin-bottom: 10px; margin-top: 10px; cursor: pointer;}*/#lang-popup #lang-language #lang-select, #country-popup #country-language #lang-select{position: absolute; top: 0; left: 10px; margin-left: 0}#lang-popup #lang-language label, #country-popup #country-language label{position: absolute; top: 30px; left: 10px; margin-left: 0 !important}#lang-popup #lang-language label input, #country-popup #country-language label input{margin-top: 1px;}#lang-popup #lang-language #popup-submit, #country-popup #country-language #popup-submit{position: absolute; top: 60px; left: 10px; height: auto; cursor: pointer;}#lang-popup #lang-language #close-popup, #country-popup #country-language #close-popup{position: absolute; top: 0; right: 10px}/** * 3. Content/Main Styling * ======================= */#content-container{	width: 759px;}#content .geheel p{text-align: left; margin-right: 0px !important}/* -- two cols LEFT  -- */#two-col-subnav #content{width: 607px; float: right}#two-col-subnav #main{width: 597px; float: left; overflow: hidden}#two-col-subnav #sub-nav{width: 149px; float: left; padding-left: 2px; overflow: hidden;}/* -- two cols RIGHT -- */#two-col-modules #content-container{width: 758px; margin-left: 1px; background: #fff}#two-col-modules #main{width: 551px; float: left}#two-col-modules #modules{width: 185px; float: right; padding-top: 35px}/* -- three cols -- */#three-col #content{width: 607px; float: right}#three-col #main{width: 410px; float: left; overflow: hidden}#three-col #sub-nav{width: 149px; float: left; padding-left: 2px}#three-col #modules{width: 185px; float: right; padding-top: 62px}/* -- Crumb-trail -- */#crumb-trail{width: 100%; color: #0099CC; font-size: 80%; margin-top: 10px; letter-spacing: 0; font-family: arial}#main #crumb-trail p{padding: 0; margin: 0; margin-left: 10px;  width: 385px}#main .dont-show-page-actions p{width: 570px !important}#crumb-trail a{color: #0099CC}#crumb-trail .crumbtrailactive{color: #d2d2d2; text-decoration: none}#crumb-trail a:hover{text-decoration: none}/* how to use: * to show/not show the page-actions set the class .show-page-actions/.dont-show-page-action on the #crumb-trail div *//* -- Page actions -- */.dont-show-page-actions p.page-actions{display: none}.show-page-action p.page-actions{display: block}#main #crumb-trail p.page-actions{	position: absolute;	top: 195px;	right: 10px;	z-index: 2000;	width: 73px;	text-align: left;}a.print, a.send-to-friend{background: url(../images/css_print_icon_tcm17-240.gif) no-repeat 95% 95%; padding-right: 18px}a.send-to-friend{background:  url(../images/css_mail_icon_tcm17-239.gif) no-repeat 97% 40%; margin-right: 5px; padding-right: 24px}/* == general == */#main h1, #main h2, #main h3, #main p, #main ul, #main table, #main ol, #main dl, #main blockquote{margin: 0 10px}#main h1, #main h2, #main h3{clear: left}#main {padding-bottom: 2em; padding-left: 10px}#main h1{font-size : 130%; font-weight: bold; margin: 5px 10px; width: auto; clear: left; font-family: Arial, sans-serif}#main h2{font-size : 120%; width: auto; background: url() no-repeat right bottom; margin: 10px}#main h3{font-size: 105%; font-weight: bold;}/* #main ul, main #ol{margin: 1em 2em 1em 3em;} */#main p{margin: 1em 10px; padding-left: 20px; padding-right: 20px}#main .header-image{margin: 10px 0}#main .para-list-bularrow{display: block}#main .para-list-bularrow p{margin: 1em 10px; padding-left: 20px; padding-right: 20px}#main .para-list-bularrow ul{list-style-image: url(../images/css_modules_li_icon_tcm17-252.gif); margin-left: 45px;}#main div.para-list-bulnumber{display: block}#main div.para-list-bulnumber p{margin: 1em 10px; padding-left: 20px; padding-right: 20px}#main div.para-list-bulnumber ol{margin-left: 52px;}/* -- content images: must have fixed width -- */.content-image{background: #d2d2d2 url(../images/css_round_generic_top_tcm17-242.gif) no-repeat top left; float: left; margin-top: 4px; margin-right: 20px; margin-bottom: 10px; }.content-image a{margin-left: 20px;}.content-image b{display: block; width: 170px; background: url(../images/css_round_generic_tcm17-241.gif) no-repeat top left; height: 9px}.content-image img{margin-left: 10px; margin-top: 9px; background: inherit}.geheel .right{margin-left: 15px}#main p.content-image{float:left;}/* -- page intro -- */#main p.intro{font-weight: bold; border-left: 10px solid #d2d2d2; padding-left: 10px; clear: left; font-family: Arial, sans-serif; letter-spacing: 1px}/* -- page/publish information -- */#main p.publish-date span, #main p.publish-date-alternate span{background: url(../images/css_publish_icon_tcm17-236.gif) no-repeat 0% 0%; color: #6e6e78; font-size: 80%; padding-left: 20px;  font-family: Arial, sans-serif;}#main p.publish-date-alternate {margin-left: 0px}#main p.publish-date-alternate span {margin-left: -10px}/* -- component bottom-border -- */#main p.last, #footer p.last{background: url(../images/css_content_border_bottom_tcm17-237.gif) no-repeat left top; width: auto; height: 16px; clear: both}#footer p.last{margin-left: 20px;}#two-col-modules #main p.last{background-position: -40px top}#three-col #main p.last{background-position: -181px top}/* -- related links/documents -- *//*#main ul.links{list-style-image: url(../images/css_link_icon_tcm17-235.gif); margin-left: 27px; list-style-position: inside; padding-left: 0px; text-indent: -5px}*//*#main ul.links{list-style-type: disc; list-style: url(../images/css_link_icon_tcm17-235.gif) inside;}*/#main ul.links{list-style-image: none; list-style-type: none; margin-left: 30px; clear: both}/*#main ul.links a{text-decoration: none;}#main ul.links span.image{padding-left: 20px; background: url(../images/css_link_icon_tcm17-235.gif) no-repeat top left;}*/#main ul.links li{margin-bottom: 0 !important;}#main ul.links a{text-decoration: none; padding-left: 20px; background: url(../images/css_link_icon_tcm17-235.gif) no-repeat 0% 3px; }#main ul.links a span{color: #000; text-decoration: none}#main ul.links a strong{font-weight: normal; color: #0099CC; text-decoration: none; border-bottom: 1px solid #0099CC}#main ul.links a:hover strong{border-bottom: none}/* -- contact page -- */#main .contact-item{clear: both; margin: 0 20px 10px 30px; width: 520px;}#main .contact-item-image{float: left;}#main .contact-item-text-container{float: right;width: 420px; }#main .contact-item-text-container h2{font-size: 100%; margin: 0px; }#main .contact-item-text-container h3{font-size: 100%; color: #000000; margin: 0px; }#main .contact-item-info-general{font-size: 11px; float: left; width: 80%; margin-top: 10px; overflow: hidden; }#main .contact-item-info-general p{margin: 0px; padding: 0px;}#main .contact-item-info-detail{float: left; width: 250px; padding-right: 20px; margin-top: 5px; margin-bottom: 15px}#main .contact-item-info-detail ul{font-size: 11px; margin: 0; list-style-image: none}#main .contact-item-info-detail li{list-style-type: none; width: 100%; margin-bottom: 2px; background: none; white-space: nowrap}#main .contact-item-info-detail li img{display: block; float: left; margin-right: 4px}/* -- contact info page -- */#main #contact-info-form input, #main #contact-info-form select{margin-left: 10px}#main .contact-component{float: left; width: 250px; padding-right: 20px; margin-top: 5px; margin-bottom: 15px}#main .contact-component h3{color: #000}#main .contact-component p{padding-left: 0}#main .contact-component ul{font-size: 11px; margin: 0; margin-left: 10px; list-style-image: none}/* MAE removed float: left *//* #main .contact-component li{list-style-type: none; float: left; width: 120px; margin-bottom: 2px; background: none; white-space: nowrap} */#main .contact-component li{list-style-type: none; width: 100%; margin-bottom: 2px; background: none; white-space: nowrap}/* END MAE */#main .contact-component li img{display: block; float: left; margin-right: 4px}#main .left-border{padding-left: 10px; width: 250px; border-left: 1px solid #d2d2d2}/* -- Overview page (alternate = aligned with grey intro bar)-- */#main .overview-item, #main .overview-item-alternate{border-bottom: 1px solid #d2d2d2; padding-bottom: 10px; margin-bottom: 10px; margin-left: 30px; margin-right: 15px; padding-left: 0}#main .overview-item-alternate{margin-left: 10px; }#main .overview-item.last-item, #main .overview-item-alternate.last-item{border-bottom: none;}.overview-item img, .overview-item-alternate img{float: left; margin-right: 5px; margin-bottom: 5px}.overview-item .more, .overview-item-alternate .more{display: block; clear: both; margin: 0}/* -- FAQ -- */#main ul{list-style-image: url(../images/css_modules_li_icon_tcm17-252.gif); margin-left: 45px}#main ol{margin-left: 52px}/* -- Modules in standard page -- */#two-col-subnav #modules{float: right; padding-top: 4px; padding-left: 10px; height: 100%}#two-col-subnav #modules div{margin-right: 20px;}/* -- Content Forms -- */.input-txt, .input-submit, label, .input-select{display: block !important; margin-bottom: 5px; margin-left: 30px; border: 1px solid #879DAB}label{border: none}.input-submit{margin-bottom: 10px}.jobs-submit, .language-submit{width: 100px;}.input-chkbx{float: left; margin-top: 3px; margin-right: 10px}p.error{color: red;}textarea.content-textarea{width: 350px; height: 100px; font-size: 120%; margin-left: 30px;}input.content-submit-button{width: 100px; margin-top: 2px; margin-bottom: 2px; margin-left: 30px}#main table label{display: inline !important; margin-left: 0;}#main table.content-form-container{border-collapse:collapse; margin-left: 27px; margin-right: 27px;background: none; }#main table.content-form-container2{border-collapse:collapse; margin-left: 0px; margin-right: 27px;background: none; }#main table.content-form-container caption{text-align: left; padding-left: 0px; margin-left: 0px;}#main table.content-form-container.full-width, #main table.content-form-container.settings{width: 100%}#main table.content-form-container2.modified-width, #main table.content-form-container.settings{width: 90%}#main table.content-form-container select, #main table.content-form-container input.content-textfield, textarea{border: 1px solid #8A9CB2; padding-left: 5px; font-size: 10px; width: 150px;}#main table.content-form-container select{width: 156px; }#main table.content-form-container input.content-textfield, #main table.content-form-container input.content-submit-buttom{padding-top: 2px; padding-bottom: 2px;}#main table.content-form-container input.content-textfield.full-width{width: 100% !important;}#main table.content-form-container2 input.content-textfield.modified-width{width: 90% !important;}#main table.content-form-container input.content-checkbox, #main table.content-form-container input.content-radio{margin-right: 5px; margin-left: 0px;}#main table.content-form-container input.content-submit-button{margin-left: 0; }#main table.content-form-container input.content-submit-button.textfield-width{width: 160px; }#main table.content-form-container input.content-submit-button.settings{width: 120px; }#main table.content-form-container th{font-weight: normal; padding: 3px; margin: 0; width: 150px; text-align: left;}#main table.content-form-container2 th{font-weight: normal; padding: 3px; margin: 0; width: 150px; text-align: left;}#main table.content-form-container th.detailed-info{padding-left: 40px;}#main table.content-form-container.settings th{font-weight: bold}#main table.content-form-container.full-width th{width: 180px; text-align: right;}#main table.content-form-container2.modified-width th{width: 180px; text-align: left;}#main table.content-form-container td{text-align: left; vertical-align: bottom; padding: 3px; margin: 0;}#main table.content-form-container2 td{text-align: left; vertical-align: top; padding: 3px; margin: 0;}#main table.content-form-container td.noerror b{display: none;}#main table.content-form-container td.error{padding: 3px 5px;}#main table.content-form-container td.error b{color: red;}#main table.content-form-container textarea{width: 350px; height: 100px; margin-left: 0; font-family: Arial; font-size: 100%;}#main h3.table-header{color: black; padding-left: 27px; margin-left: 0; margin-top: 5px;}#main p.table-footer{font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; margin-bottom: 25px; margin-top: 5px}/* -- Attachments -- */#main div.attachments-container p.search-item-alternate, #main div.attachments-container br{clear: both;}#main div.attachments-container input{float: left; width: 15px; }#main div.attachments-container label{float: right; width: 92%;}/* -- Settings -- */#main #settings-preview{margin-left: 30px; margin-right: 30px; }#main #settings-preview h2{margin-left: 0px;}#main #settings-preview p{margin-left: 0px; padding-left: 0; padding-right: 0;}/* == Related info: Grey box with rounded corners -- */#main div.related-info{margin-left: 25px; width: 375px; background: #d2d2d2 url(../images/css_rounded_box_tcm17-258.gif) no-repeat 0 -13px; padding-top: 15px}#main div.related-info b{display: block; width: 100%; height: 13px; background: #d2d2d2 url(../images/css_rounded_box_tcm17-258.gif) no-repeat top left}#main div.related-info p{margin: 0 15px; padding: 0}#main div.related-info ul{list-style: none; list-style-image: none; margin: 0 0 0 15px; }#main div.related-info ul li{padding-top: 2px; padding-bottom: 2px; font-size: 11px;}#main div.related-info ul li img{float: left; padding-top: 2px; margin-right: 6px}/* Replaced by HC 17/10/06 *//* #main .content-table{margin: 5px 29px; border: none; border-collapse: collapse; background: #d2d2d2} *//* Fix for design issue */#main table.content-table{	width: 553px;	border: none;	border-collapse: collapse;	background: #d2d2d2;	margin-top: 20px;	margin-right: 0px;	margin-bottom: 5px;	margin-left: 0px;}#main .content-table td, .content-table th{border: 1px solid #fff; font-weight: normal; padding: 2px 4px}#main .content-table td.link a{color: white;}#main .content-table th{background: #0099CC; color: #fff}#main .content-table th.sub-header{background: #d2d2d2; font-weight: bold; color: #000}#main .content-table a, #main .content-table a:visited{color: #FFF} /* == Sitemap == */.dtree {color: black; margin-left: 20px}.dtree img {border: 0px;vertical-align: middle;}.dtree .dTreeNode a.node, .dtree dTreeNode a.nodeSel {padding: 1px 2px;}.dtree .clip {overflow: hidden; padding: 0px; }.dtree .clip a{text-decoration: none}.dtree .clip .clip a{text-decoration: underline}.dtree b{font-weight: bold; color: black;}p.sitemap-links{padding-left: 0px !important; margin-left: 17px !important;}a.expand{background: url(../images/nolines_plus_tcm17-446.gif) no-repeat; padding-left: 15px; margin-left: 0; }a.collapse{background: url(../images/nolines_minus_tcm17-445.gif) no-repeat;  padding-left: 15px;  margin-left: 10px; }/* MAE */#main .content-table{width: 90%}* html #main .content-table{width: 88%}#two-col-subnav #main .content-table{width: 549px}/* MAE *//* BAD CODE (TABLE IN P)*/p.badcode span{width: 600px; float: left; margin-left: -27px;}*html p.badcode span{width: auto; margin-left: -8px;}/** * 4. Content/Modules Styling * =========================== */#modules{padding-top: 35px; margin-bottom: 20px; padding: 0}#modules div{width: 170px; margin-bottom: 10px; background: #fff url(../images/css_round_mid_grey_tcm17-247.gif) repeat-y top left}#modules div.stock-info{background-image:url(../images/css_round_mid_blue_tcm17-246.gif)}#modules div b{display: block; width: 100%; height: 10px; background: url(../images/css_round_bot_grey_tcm17-244.gif) no-repeat bottom left}#modules div.stock-info b{background-image: url(../images/css_round_bot_blue_tcm17-245.gif)}/* fixed header - start *//*#modules div.news h2, #modules  div.actions h2, #modules div.stock-info h2{background: url(../images/css_round_top_news_tcm17-250.gif) no-repeat top left; color: black; margin: 0; padding: 0; height: 49px; padding: 3px 40px 2px 8px; width: 122px !important; width :170px ; Box model hack }#modules div.actions h2{background-image: url(../images/css_round_top_hand_tcm17-249.gif); height: 30px}#modules div.stock-info h2{background-image: url(../images/css_round_top_blue_tcm17-248.gif); height: 30px}*//* fixed header - stop *//* dynamic header - start */#modules div span.header-top, #modules div span.header-bottom, #modules div h2 b{display: block; margin-top: 0px; }#modules div.news span.header-top{padding: 0; background: url(../images/css_news-top_tcm17-500.gif); width: 170px; height: 8px;}#modules div.actions span.header-top{padding-right: 25px; padding-left: 0px; background: url(../images/css_news-top_tcm17-500.gif) no-repeat; width: 145px; height: 8px;}#modules div.stock-info span.header-top{padding: 0; background: url(../images/css_stock-top_tcm17-502.gif); width: 170px; height: 8px;}#modules div.news h2, #modules div.actions h2{padding: 0; margin: 0;  background: #d2d2d2}#modules div.stock-info h2 {background: #0099cc;}#modules div.news h2, #modules div.actions h2, #modules div.stock-info h2{padding-left: 10px; padding-bottom: 3px}#modules div.news h2 b, #modules div.actions h2 b, #modules div.stock-info h2 b{width: 125px; padding-right: 35px;}/* min-height for understanding browsers */#modules div.news h2 b, #modules div.actions h2 b, #modules div.stock-info h2 b{min-height:27px; height:auto;}/* for Internet Explorer *//*\*/* html #modules div.news h2 b, * html #modules div.actions h2 b, * html #modules div.stock-info h2 b {height: 27px;}/**/#modules div.news h2 b{font-size: 120%; background: url(../images/css_news-logo_tcm17-498.gif) no-repeat 95% top;}#modules div.actions h2 b{font-size: 120%; background: url(../images/css_actions-logo_tcm17-501.gif) no-repeat 95% top;}#modules div.stock-info h2 b{background: url(../images/css_stock-logo_tcm17-504.gif) no-repeat 95% top;}#modules div.news h2 b.hide-image, #modules div.actions h2 b.hide-image, #modules div.stock-info h2 b.hide-image{background: none; padding-right: 10px}#modules div.news span.header-bottom, #modules div.actions span.header-bottom{background: url(../images/css_news-bottom_tcm17-499.gif) no-repeat left bottom; width: 170px; height: 9px;}#modules div.stock-info span.header-bottom{background: url(../images/css_stock-bottom_tcm17-503.gif) no-repeat left bottom; width: 170px; height: 9px;}/* dynamic header - stop *//* these font-sizes in combination with 120% font-size above is the only rule that is opera friendly */#modules div.news h2 {font-size: 10px; }#modules div.actions h2 {font-size: 10px; }#modules div.stock-info h2 {font-size: 100%}/* end opera friendly fonts */#modules ul{margin: 10px;}#modules li{list-style-image: url(../images/css_modules_li_icon_tcm17-252.gif); margin-left: 18px}#modules li.up{list-style-image: url(../images/css_li_up_tcm17-254.gif); padding: 3px; clear: both}#modules li.down{list-style-image: url(../images/css_li_down_tcm17-255.gif); padding: 3px; clear: both}#modules li.even{border-top: 1px solid #d2d2d2}#modules li.even-alternate{border-top: 2px solid #ccc}#modules div.stock-info strong{background: #0099CC; color: #fff; display: block; float: right; padding: 2px 5px; margin-bottom: 3px; font-weight: normal}.more{margin-left: 13px; color: #0099CC}.more:hover, .more:visited{color: #0099CC}.more{background: url(../images/css_modules_li_icon_tcm17-252.gif) no-repeat 3px; padding-left: 15px}/* MAE & BCZ */#modules div.stock-info h2{color: #FFF}#modules div.stock-info ul li, #modules div.stock-info p, #modules div.news, #modules div.actions{color: #6e6e78; font-size: 80%}#modules div.stock-info p{margin-left: 20px; padding-bottom: 10px;}#modules div.stock-info p.up{margin-left: 0px; margin-right: 10px; padding-left: 10px; margin-bottom: 2px; padding-bottom: 0px; background: url(../images/css_li_up_tcm17-254.gif) no-repeat 0px bottom;}#modules div.stock-info p.down{margin-left: 0px; margin-right: 10px; padding-left: 10px; padding-top: 2px; padding-bottom: 0px; background: url(../images/css_li_down_tcm17-255.gif) no-repeat 0px bottom;}#modules div.stock-info table.stock-info-container{border-collapse: collapse; width: 145px; margin-left: 10px;}#modules div.stock-info table.stock-info-container td{margin-left: 0px !important; }#modules div.stock-info table.stock-info-container td.stock-price{vertical-align: bottom; font-size: 10px}#modules div.stock-info table.stock-info-container td.stock-price strong{background: #0199CA; color: #fff;}#modules div.stock-info table.stock-info-container tr.separator td{border-top: 2px solid #ccc;}#modules div.stock-info table.stock-info-container a{padding-left: 10px; background: url(../images/css_modules_li_icon_tcm17-252.gif) no-repeat 2px}/* MAE & BCZ *//** * 5. Navigation Styling * ====================== *//* -- skip links -- * Technique works visibly in IE, FF and Safari * Opera not visible but links are selected using the A key */.skiplist {margin: 0; padding: 0; list-style: none; }.skip {margin: 0; padding: 0; position: absolute; top: 5px; left: 10em; z-index: 1; width: 25em }.skip a {display: block; text-decoration:none; left: -700em; overflow: hidden; position: absolute;}.skip a:focus, .skip a:active {height: auto; width: auto; left: 120px; overflow: visible; color: #666; border: 3px solid white; font-size: 80%; background: #fff; position: absolute;}.skip a:hover {cursor: default;}/* -- main (top) navigation -- */#nav{background: #FFF; font-family: Arial, sans-serif; font-size: 11px; width: 758px; height: 30px; position: absolute; top: 130px; left: 3px; color: #6e6e78; font-weight: bold}#nav ul{clear: left}#nav li{display: block; list-style-type: none; float: left; padding: 0; padding-right: 2px; }#nav li a{color: #6e6e78; text-decoration: none; display:block; float:left; font-weight:bold; text-align: center; padding: 0 10px; margin-top: 6px; height: 1.5em; border-right: 1px solid #666; letter-spacing: 1px}#nav li a:hover{color: #000}#nav li a.hide-separator-image:hover{color: white; background: #911; }#nav li form{margin-top: 4px; margin-left: 10px}#nav li.current{background: url(../images/css_nav_current_icon_tcm17-238.gif) no-repeat left 10px}/* -- sub (left) navigation -- */#sub-nav ul{list-style-type: none; margin-top: 20px; width: auto}#sub-nav ul ul{margin: 0; margin-top: 0; width: auto}#sub-nav li{background: url(../images/css_navigation_sub_element_tcm17-231.gif) no-repeat 7px 4px; margin: 7px 0; padding-left: 18px}#sub-nav li li{margin: 0; padding: 0; background: none; margin: 1px 0}#sub-nav li.firstnav{background: url(../images/css_nav_current_icon_tcm17-238.gif) no-repeat 7px 4px; background-color: #fff;margin: 7px -1px; padding-left: 20px}#sub-nav li a{color: #000; text-decoration: none; font-weight: bold; font-size: 90%}#sub-nav li li a{font-weight: normal}#sub-nav a{display: block}* html #sub-nav a{height: 1px; width: 100%}#sub-nav li.sel{background-color: #fff}#sub-nav li a:hover, #sub-nav li.sel a, #sub-nav li.firstnav a{color: #0099CC}#sub-nav li.firstnav li a, #sub-nav li.sel li a{color: #000; padding-left: 10px; width: 120px; border-top: 1px solid #d2d2d2}#sub-nav li.firstnav li.sel a, #sub-nav li.sel li.sel a{color: #0099CC;}#sub-nav li.firstnav li.sel, #sub-nav li.firstnav li.sel a, #sub-nav li.firstnav li a:hover, #sub-nav li.firstnav li.sel a:hover{color: #0099CC; background: url(../images/css_navigation_sub_element_tcm17-231.gif) no-repeat 0px 5px}#sub-nav li.sel li.sel, #sub-nav li.sel li.sel a, #sub-nav li.sel li a:hover, #sub-nav li.sel li.sel a:hover{color: #0099CC; background: url(../images/css_navigation_sub_element_tcm17-231.gif) no-repeat 0px 5px}#sub-nav li.firstnav li a:hover, #sub-nav li.sel li a:hover{color: #000}/** * 6. Footer Styling * ================= */#footer{width: 605px; text-align: center; clear: both; background: #fff; font-size: 80%; font-family: Arial, sans-serif;}#footer p{margin-left: 15px; margin-bottom: 5px; margin-right: 15px;}#footer-print{display: none}/** * 7. Rounded Corners * ================= */.round-tl {background: url(../images/round_tl_tcm17-5060.gif) top left no-repeat;}.round-tr {background: url(../images/round_tr_tcm17-5061.gif) top right no-repeat;}.round-bl {background: url(../images/round_bl_tcm17-5058.gif) bottom left no-repeat;}.round-br {background: url(../images/round_br_tcm17-5059.gif) bottom right no-repeat;}#main OL {list-style-position: inside; }div.geheel {clear: both; margin: 0; padding: 0; }.subscript {	font-size: 80%;	color: #6e6e78;}.tableindent {	padding-left: 20px;	width: 90%;}.top{width: auto; text-align: right; padding-right: 20px; font-size: 80%}.top a{background: url(../images/css_top_link_tcm162-234.gif) no-repeat right top; padding-right: 20px}