/* ------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------- */ #site-wrapper { background: /*url('../grfx/layout/inset-footer.gif') repeat-x bottom left;*/ url('../grfx/layout/inset-footer2.gif') repeat-x bottom left; padding-bottom:243px; /*padding-bottom:254px;*/} #container-wrapper-bcde { margin:10px 0 0 0; background:url('../grfx/layout/container-bcde-bg.gif') no-repeat bottom left; display:block; width:801px; min-height:500px; height:auto !important; height:500px; padding:0; } #container-wrapper-bcde:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #container-b {float:left; width:194px; padding:0; margin:0;} #container-wrapper-cde { float:right; width:598px; margin-bottom:10px;} #container-wrapper-de { position:relative;} #container-d { width:400px; min-height:212px; height:auto !important; height:212px;} #container-e { position:absolute; width:185px; top:0; right:0; min-height:135px; height:auto !important; height:135px;} /* Bold First Paragraph */ #section-a-wrapper { font-weight:bold;} /* Footer */ #container-f { padding:0; margin:0px; /*height:151px;*/ height:162px;} /* Bullet Styles */ #section-a-wrapper ul, #section-b-wrapper ul, #section-c-wrapper ul, #section-d-wrapper ul, #section-e-wrapper ul { margin-left: 15px; font-size:1.1em;} #section-a-wrapper ul li, #section-b-wrapper ul li, #section-c-wrapper ul li, #section-d-wrapper ul li, #section-e-wrapper ul li { padding-bottom:5px;} #section-a-wrapper ul li ul li, #section-b-wrapper ul li ul li, #section-c-wrapper ul li ul li, #section-d-wrapper ul li ul li, #section-e-wrapper ul li ul li { list-style:none; padding-bottom:0; padding-top:3px;} /* ------------------------------------------------------------------- */ /* NEXT STEPS */ /* ------------------------------------------------------------------- */ #calltoaction-wrapper { background:url('../grfx/layout/next-steps.gif') no-repeat top left; width:392px; height:102px; /*padding:0 194px 8px 215px;*/ padding:0 194px 13px 215px; margin:0;} #book-mark-wrapper { position:absolute; top:0; right:0; width:184px; padding:0 0px 0 0;} #book-mark-wrapper ul { padding:8px 0 0 0;} #book-mark-wrapper ul li { list-style:none; float:left; padding:0 3px 0 0;} #book-mark-wrapper ul li.last { padding:0;} #book-mark-wrapper ul li a { width:27px; height:38px; text-indent:-9999px; display:block; } #book-mark-wrapper ul li.delicious a { background:url('../grfx/buttons/bm-delicious.gif') no-repeat top left; } #book-mark-wrapper ul li.digg a { background:url('../grfx/buttons/bm-digg.gif') no-repeat top left; } #book-mark-wrapper ul li.reddit a { background:url('../grfx/buttons/bm-reddit.gif') no-repeat top left; } #book-mark-wrapper ul li.facebook a { background:url('../grfx/buttons/bm-facebook.gif') no-repeat top left; } #book-mark-wrapper ul li.stumbleupon a { background:url('../grfx/buttons/bm-stumbleupon.gif') no-repeat top left; } #book-mark-wrapper ul li a:hover { background-position: top right;} #book-mark-wrapper span.book-mark-bmhelp--book-mark { position:absolute; top:70px; right:40px;} /*-------------------------------------------------------------------- */ /* PRODUCTS/ GROUPS/ NEWS/ SECTORS LIST */ /*-------------------------------------------------------------------- */ #news-standard-wrapper ul li, #marketsector-wrapper ul li, #catalogue-group-list-wrapper ul li, #catalogue-product-list-wrapper ul li {list-style:none; padding:0px 0 0px 0px; margin:0 0 10px 0; height:61px; width:400px; position:relative; overflow:hidden;} #news-standard-wrapper ul li a, #marketsector-wrapper ul li a, #catalogue-group-list-wrapper ul li a, #catalogue-product-list-wrapper ul li a { padding:0 10px 0 0; height:61px; width:390px; display:block; } #news-standard-wrapper ul li a:hover, #marketsector-wrapper ul li a:hover, #catalogue-group-list-wrapper ul li a:hover, #catalogue-product-list-wrapper ul li a:hover { background:url('../grfx/layout/productbg-roll.gif') no-repeat top left;} #news-standard-wrapper ul li a span.thumbnail, #marketsector-wrapper ul li a span.thumbnail, #catalogue-group-list-wrapper ul li a span.thumbnail, #catalogue-product-list-wrapper ul li a span.thumbnail { position:absolute; top:3px; left:4px; clear:left;} #news-standard-wrapper ul li a span.name, #marketsector-wrapper ul li a span.name, #catalogue-group-list-wrapper ul li a span.name, #catalogue-product-list-wrapper ul li a span.name { display:block; font-size:1.2em; font-weight:bold; /*color:#376e57;*/ margin:0 0 0 91px; padding:5px 0 0 0;} #news-standard-wrapper ul li a span.summary, #marketsector-wrapper ul li a span.summary, #catalogue-group-list-wrapper ul li a span.summary, #catalogue-product-list-wrapper ul li a span.summary { color:#454545; margin:0 0 0 91px; display:block; } #news-standard-wrapper ul li a span.image-overlay, #marketsector-wrapper ul li a span.image-overlay, #catalogue-group-list-wrapper ul li a span.image-overlay, #catalogue-product-list-wrapper ul li a span.image-overlay { position:absolute; top:-3px; left:-4px; background:url('../grfx/layout/image-overlay.png') no-repeat top left; width:87px; height:61px; z-index:999; } /*-------------------------------------------------------------------- */ /* RELATED LINKS */ /*-------------------------------------------------------------------- */ #related-link-list-wrapper { } #related-link-list-wrapper h3, #externallink-wrapper h3, #downloadlink-wrapper h3 { background:url('../grfx/layout/related-links-top.gif') no-repeat top left; padding:10px 10px 0px 10px; margin:0; width:165px; display:block; height:3px; color:#376e57;} #related-link-list-column-1, #externallink-column-1, #downloadlink-column-1 { background:url('../grfx/layout/related-links-bottom.gif') no-repeat bottom left; width:165px; display:block; padding:0px 10px 0px 10px; color:#376e57; } #related-link-list-column-1 ul, #externallink-column-1 ul { margin-top:0; padding:15px 0 15px 0;/*background:url('../grfx/layout/relatedlinks-footer-bg.jpg') no-repeat bottom; width:226px;*/ } #downloadlink-column-1 ul { margin-top:0; padding:15px 0 15px 0; margin-left:0;/*background:url('../grfx/layout/relatedlinks-footer-bg.jpg') no-repeat bottom; width:226px;*/ } #related-link-list-column-1 ul li, #externallink-column-1 ul li, #downloadlink-column-1 ul li { list-style:none; margin-top:0; padding-bottom:3px; } #related-link-list-column-1 ul li a, #externallink-column-1 ul li a, #downloadlink-column-1 ul li a { /*color:#376e57;*/ background:url('../grfx/layout/related-links-arrow.png') no-repeat 0 2px; padding:0 0 0 8px; } #related-link-list-column-1 ul li a:hover, #externallink-column-1 ul li a:hover, #downloadlink-column-1 ul li a:hover { color:#669966; } /*-------------------------------------------------------------------- */ /* COMPANY DETAILS */ /*-------------------------------------------------------------------- */ #contact-division-group-wrapper, #resourcegrp-list-wrapper {background:url('../grfx/layout/table-header2.gif') no-repeat top left; width:596px; display:block; min-height:22px; height:auto !important; height:22px; padding:4px 0 0 3px; margin:15px 0 0 0;} #contact-division-group-wrapper ul li, #resourcegrp-list-wrapper ul li { list-style:none; float:left; width:auto; padding:0 0 0 2px;} #contact-division-group-wrapper ul li a { display:block; padding:5px; /*height:12px;*/ color:#FFFFFF; } #resourcegrp-list-wrapper ul li a { display:block; padding:5px; /*height:12px;*/ color:#FFFFFF; height:25px; } /*#contact-division-group-wrapper ul li.europe a { width:31px;} #contact-division-group-wrapper ul li.uk a { width:70px;} #contact-division-group-wrapper ul li.usa a { width:27px;} #resourcegrp-list-wrapper ul li.aqf-dim a { width:95px;} #resourcegrp-list-wrapper ul li.aqf-site-plans a { width:88px;} #resourcegrp-list-wrapper ul li.health-safety a { width:68px;} #resourcegrp-list-wrapper ul li.terms a { width:85px;} #resourcegrp-list-wrapper ul li.brouchers a { width:44px;} #resourcegrp-list-wrapper ul li.tech-news-sheet a { width:101px;} */ #resourcegrp-list-wrapper ul li { width:13%;text-align:center;} #contact-division-group-wrapper ul li.europe a:hover, #contact-division-group-wrapper ul li.europe a.active, #contact-division-group-wrapper ul li.uk a:hover, #contact-division-group-wrapper ul li.uk a.active, #contact-division-group-wrapper ul li.usa a:hover, #contact-division-group-wrapper ul li.usa a.active, #resourcegrp-list-wrapper ul li.aqf-dim a:hover, #resourcegrp-list-wrapper ul li.aqf-site-plans a:hover, #resourcegrp-list-wrapper ul li.health-safety a:hover, #resourcegrp-list-wrapper ul li.terms a:hover, #resourcegrp-list-wrapper ul li.brouchers a:hover, #resourcegrp-list-wrapper ul li.tech-news-sheet a:hover, #resourcegrp-list-wrapper ul li.presentation a:hover, #resourcegrp-list-wrapper ul li.active a { background:#FFFFFF; color:#454545;} #division-contact-details-list-wrapper { background:url('../grfx/layout/table-footer.gif') no-repeat bottom left; display:block; padding-bottom:8px; width:596px; margin:0;} #resource-download-list-wrapper { background:#FFFFFF url('../grfx/layout/table-footer.gif') no-repeat bottom left; display:block; padding-right:5px; padding-bottom:8px; padding-left:5px; width:586px; margin:0;} #division-contact-details-list-column-1 { background:#FFFFFF; width:586px; padding:0 0 0 10px; position:relative;} #division-contact-details-list-column-1 ul li { list-style:none; padding:10px 0 10px 0; position:relative;} #division-contact-details-list-column-1 ul li h3 { margin:0; padding:0; color:#376e57;} #division-contact-details-list-column-1 ul li span.row-contact-name, #division-contact-details-list-column-1 ul li span.row-contact-tel, #division-contact-details-list-column-1 ul li span.row-contact-fax, #division-contact-details-list-column-1 ul li span.row-contact-email { display:block;} #division-contact-details-list-column-1 ul li span.row-multimap-link { display:block; position:absolute; top:26px; left:430px;} #division-contact-details-list-column-1 ul li span.row-googlemap-link { display:block; position:absolute; top:38px; left:430px;} #division-contact-details-list-column-1 ul li span.row-streetmap-link { display:block; position:absolute; top:50px; left:430px;} #division-contact-details-list-column-1 ul li span.label-contact-name, #division-contact-details-list-column-1 ul li span.label-contact-tel, #division-contact-details-list-column-1 ul li span.label-contact-fax, #division-contact-details-list-column-1 ul li span.label-email, #division-contact-details-list-column-1 ul li span.label-contact-address1 { font-weight: bold; width:80px; display:inline-block;} #division-contact-details-list-column-1 ul li span.label-multimap, #division-contact-details-list-column-1 ul li span.label-googlemap, #division-contact-details-list-column-1 ul li span.label-streetmap { width:62px; display:inline-block;} #resource-download-list-wrapper table { background:url('../grfx/layout/table-striped.gif') repeat top left; padding: 0px 0 0 0; margin: 0px; } #resource-download-list-wrapper table .description { width:325px; padding-left:5px; } #resource-download-list-wrapper table .format { width:60px; } #resource-download-list-wrapper table .size { width:50px; } #resource-download-list-wrapper table .posted { width:75px; } #resource-download-list-wrapper table .download { width:65px; } #resource-download-list-wrapper table th { padding:4px 0 3px 0; margin:0; height:15px;} #resource-download-list-wrapper table td { height:20px; padding-top:4px !important; padding-bottom:0px !important;} #resource-download-list-wrapper table td.format span.pdf { background:url('../grfx/layout/pdf.png') no-repeat top right; text-indent:-9999px; display:block; width:10px; height:12px; } #resource-download-list-wrapper table th.download { display:none; } #resource-download-list-wrapper table td.download { background:url('../grfx/layout/related-links-arrow.gif') no-repeat 60px 8px; }