/******************************************************************************* * Base Styles - DON'T CHANGE THESE!!! * * * * These rules are used to reset the CSS default properties so things render * * identically (or as close we we can get them) in different browsers. * *******************************************************************************/ body { margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 } h1, h2, h3, h4, h5, h6, p, ul, ol, dl, form, fieldset, table, address, blockquote { margin: 0 0 1.22em 0; padding: 0; } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } ul, ol, blockquote { margin-left: 1.75em } blockquote { margin-right: 2.75em } fieldset { padding: 0.5em } table { border-collapse: collapse; border-spacing:0 } th { text-align: left } select,input,textarea { font: inherit } /******************************************************************************* * CMS Common * *******************************************************************************/ #content form dt { margin-bottom:-1.4em; } #content form dd { padding-left:300px; } /* #content form dt { margin:5px 0 0 0 } #content form dd { margin:0 0 5px 0 } */ img.center { margin:auto; clear:both; display:block; float:none; } img.right { float:right; margin:0 0 25px 25px; clear: right; } img.left { float:left; margin:0 25px 25px 0; clear: left; } dd.radio, dd.checkbox { position: relative } dd.radio label, dd.checkbox label { padding-left: 24px; } dd.radio input/*, dd.checkbox input */ { position: absolute; left: 0; } dd.textinput input { width:60% } dd.textinput-wide input, dd.textareainput textarea { width:99% } dd.textinput-narrow input { width:40% } dd.textinput-tiny input { width:10% } dd.captcha * { vertical-align: middle } dd.captcha img { background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px } /******************************************************************************* * Page Structure * *******************************************************************************/ body { margin:0; border-top:10px solid #005D99; font-family:Arial; font-size:.8em; line-height:150%;} .inner, #container { width: 1016px; margin: auto } #header { padding-top:25px; position:relative; margin-bottom:0; overflow:hidden} #navigation { background: url("images/nav-grad-base.png") bottom left repeat-x #4D7B9A; padding:7px 10px 5px 10px; clear:both; overflow:hidden; _float:left; _width:996px; } #footer { clear:both; border-bottom:10px solid #005D99; font-size:85%; overflow:auto; background:url("images/footer-back.png") 0 0 repeat-x; padding-top:30px;} /******************************************************************************* * Common Styles * *******************************************************************************/ h1, h2, h3 { line-height:1.1; } h1 { color:#005B97; font-size:240%; letter-spacing:-1px; margin-bottom:15px;} h2 { font-size:180%; } h3 { font-size:160%; } img { border:none; } fieldset { border:none; padding:0; margin:0; } .no-border { border:none; } #header h1 { margin: 0 } #header img { float:left; border:none; margin-bottom:25px;} #header a.contact-cta { display:block; position:absolute; top:-3px; left:430px;text-indent:-10000em; width:141px; height:25px; background:url("images/enquiry-link.png") 0 0 no-repeat; } #navigation a.skip { position: absolute; left:-1000em } #navigation ul { list-style: none; margin: 0 } #navigation li { float:left; background:url("images/nav-seperator.png") 100% 50% no-repeat; padding-right:15px; margin-right:10px;} #navigation li a { color:#fff; text-decoration:none;float:left; } #navigation li a:hover { color:#9CB7D0} #footer ul { list-style: none; margin-left: 0; float:left; } #footer li { display: inline; margin-right: 1em } #footer p.escape { float:right; margin-top:-15px;} #footer a { color:#333; text-decoration:none; } #footer img { border:none; } #substance form dd { margin-bottom:15px; } #substance form dd textarea, #substance form dd input { width:480px; border:1px solid #ccc; } #substance form dt { color:#005D99; } #substance form dd input:focus, #substance form dd textarea:focus { background:#E5EEF5; } /* #content #substance form dt.checkbox { margin:0; float:left; } #content #substance form dd.checkbox { padding:0; float:left; margin:0;} */ #content #substance form dd.checkbox input { width:20px; border:none } .header-controls { width:644px; height:52px; background:url("images/header-controls.png") 0 0 no-repeat; float:right; margin-top:10px; } .header-controls input { margin:0; } .header-controls h2 { display:none; } .header-controls fieldset { border:none; padding:0; margin:0; } .header-controls .site-search { } .header-controls .site-search form { padding:0; margin:0; float:left; width:209px;padding:17px 0 0 20px} .header-controls .nl-signup { } .header-controls .nl-signup dd { margin:0; } .header-controls .nl-signup label { display:none; } .header-controls .nl-signup input.small { width:140px; } .header-controls .nl-signup form { padding:0; margin:0; float:left; width:210px; padding:17px 0 0 200px} #content { clear:both; padding:0 20px; } .breadcrumbs { margin-left:20px; font-size:80%;} .breadcrumbs a { color:#000; } .section-navigation h2 { background:url("images/related-header.png") bottom left repeat-x #4D7B9A; padding:7px 5px 8px 5px; color:#fff; margin-bottom:5px; font-size:120%; text-align:center} .section-navigation h3 { color:#005B97; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dashed #ccc; font-size:110%;} .section-navigation ul { list-style:none; margin:0 0 0 10px; } .section-navigation ul a {color:#000; text-decoration:none; } #related { float:left; width:146px; } #substance { width:810px; float:right; padding-bottom:25px;} #related ul { margin:0; } #related ul a { display:block; padding: 0.45em 0; line-height:120%; color:#333 } #related ul li { border-bottom:1px dashed #ccc} #related ul li:last-child { border-bottom:none } #related ul li li {} #related ul li li li { padding-left:15px; } #related ul li li li li { padding-left:20px; } #related li.open { background:url("images/related-arrow.png") 0 .75em no-repeat; padding-left:12px} #related li.open a { color:#005D99; font-weight:bold; } #related li.open li a { color:#000; font-weight:normal; background:none;} #related li.open li.open a { color:#005D99; font-weight:bold; } #related li.open li.open li a { color:#000; font-weight:normal; background:none;} #related li.open a.active { color:#005D99; } #related li.open li.open a.active { color:#005D99; } #related li.active a.active { color:#005D99; } #quick-links { padding-top:28px; background:url("images/quick-links-back.png") 0 0 repeat-x #005D99; clear:both;} #quick-links .inner { position:relative; } #quick-links .inner a#control { position:absolute; top:-29px; right:0; width:146px; height:18px; background:url("images/quick-links.png") 0 0 no-repeat; text-indent:-10000em;outline:none;overflow:hidden } #quick-links .inner a#control.active { background-position:0 -18px; } #quick-links ul { float:left; width:115px; list-style:none; margin:0; border:0px solid red; width:115px; padding-right:17px} #quick-links ul li a { font-weight:bold; color:#005D99; text-decoration:none; margin-bottom:5px; display:block } #quick-links ul li li a { color:#000; font-weight:normal; } #quick-links ul li li a:hover { color:#005D99; } #quick-links #bb-sitemap { background:#eee; padding:15px; overflow:auto; background:url("images/quick-links-internal.jpg") 0 0 no-repeat #BFBFBF; _height:400px;} #form-error { border:3px double #900; padding:10px; background:#FBF5F5; margin-bottom:15px;} #substance #form-error h1 { background:none; color:#900; border:0; padding:0;} #substance #form-error li { background:none; padding-left:0;} /* News */ #related .flvplayer-playlist ul, #related .news-articles ul, #related .news-categories ul, #related .news-archive-list ul, #related.events-list ul { list-style:none; margin:0; padding:0;} #related .flvplayer-playlist ul a, #related .news-articles ul a, #related .news-categories ul a, #related .news-archive-list ul a, #related .events-list ul a { color:#000; text-decoration:none; } #related .events-list ul a.active, #related .news-categories ul a.active, #related .news-archive-list ul a.active, #related .news-articles ul a.active { color:#005D99; } #related .flvplayer-playlist ul li, #related .news-articles ul li, #related .news-categories ul li, #related .news-archive-list ul li, #related .events-list ul li { margin-bottom:10px; padding:0; } #related .flvplayer-playlist h2, #related .news-articles h2, #related .news-categories h2, #related .news-archive-list h2, #related .events-list h2 { background:url("images/related-header.png") bottom left repeat-x #4D7B9A; padding:5px 5px 10px 5px; color:#fff; margin-bottom:5px; font-size:120%; } #related div { margin-bottom:20px; } /******************************************************************************* * TPLS * *******************************************************************************/ body.full #substance { width:976px; margin:auto; float:none; padding:0;} /* BRANDING */ #substance ul { list-style:none; margin:0;} #substance ul li { background:url("images/std-arrow.png") 10px 50% no-repeat #CCDFEB; padding:5px 5px 5px 25px;} #substance ul li:nth-child(2n) {background-color:#E5EEF5; } body.commercial #substance h1, body.commercial #substance h2, body.commercial #substance a { color:#B89C00 } body.commercial #substance img { border:2px solid #B89C00; } body.commercial #substance ul { list-style:none; margin:0; } body.commercial #substance li { background:url("images/commercial-arrow.png") 10px 50% no-repeat #F1EBCC; padding:5px 5px 5px 25px; } body.commercial #substance li:nth-child(2n) { background-color:#F8F5E5; } body.educational #substance h1, body.educational #substance h2, body.educational #substance a { color:#DD3707; } body.educational #substance img { border:2px solid #DD3707; } body.educational #substance ul { list-style:none; margin:0; } body.educational #substance li { background:url("images/education-arrow.png") 10px 50% no-repeat #F8D7CD; padding:5px 5px 5px 25px; } body.educational #substance li:nth-child(2n) { background-color:#FCEBE6; } body.health #substance h1, body.health #substance h2, body.health #substance a { color:#9CC3BA;} body.health #substance img { border:2px solid #9CC3BA; } body.health #substance ul { list-style:none; margin:0; } body.health #substance li { background:url("images/health-arrow.png") 10px 50% no-repeat #EBF3F1; padding:5px 5px 5px 25px; } body.health #substance li:nth-child(2n) { background-color:#F5F9F8; } body.industrial #substance h1, body.industrial #substance h2, body.industrial #substance a { color:#8D2188} body.industrial #substance ul { list-style:none; margin:0; } body.industrial #substance li { background:url("images/industrial-arrow.png") 10px 50% no-repeat #E8D3E7; padding:5px 5px 5px 25px; } body.industrial #substance li:nth-child(2n) { background-color:#F3E8F3; } body.industrial #substance img { border:2px solid #8D2188; } body.infrastructure #substance h1, body.infrastructure #substance h2, body.infrastructure #substance a { color:#B189C1 } body.infrastructure #substance img { border:2px solid #B189C1; } body.infrastructure #substance ul { list-style:none; margin:0; } body.infrastructure #substance li { background:url("images/infrastructure-arrow.png") 10px 50% no-repeat #EFE7F3; padding:5px 5px 5px 25px; } body.infrastructure #substance li:nth-child(2n) { background-color:#F7F3F9; } body.international #substance h1, body.international #substance h2, body.international #substance a { color:#343434 } body.international #substance img { border:2px solid #343434; } body.international #substance ul { list-style:none; margin:0; } body.international #substance li { background:url("images/internationall-arrow.png") 10px 50% no-repeat #ccc; padding:5px 5px 5px 25px; } body.international #substance li:nth-child(2n) { background-color:#E5E5E5; } body.solutions #substance h1, body.solutions #substance h2, body.solutions #substance a { color:#005D99; } body.marine #substance h1, body.marine #substance h2, body.marine #substance a { color:#6AC29F } body.marine #substance img { border:2px solid #6AC29F; } body.marine #substance ul { list-style:none; margin:0; } body.marine #substance li { background:url("images/marine-arrow.png") 10px 50% no-repeat #E1F3EC; padding:5px 5px 5px 25px; } body.marine #substance li:nth-child(2n) { background-color:#F0F9F5; } body.residential #substance h1, body.residential #substance h2, body.residential #substance a { color:#038BA1 } body.residential #substance img { border:2px solid #038BA1; } body.residential #substance ul { list-style:none; margin:0; } body.residential #substance li { background:url("images/residential-arrow.png") 10px 50% no-repeat #CDE8EC; padding:5px 5px 5px 25px; } body.residential #substance li:nth-child(2n) { background-color:#E5F3F5; } body.secure-facilities #substance h1, body.secure-facilities #substance h2, body.secure-facilities #substance a { color:#F80039 } body.secure-facilities #substance img { border:2px solid #F80039; } body.secure-facilities #substance ul { list-style:none; margin:0; } body.secure-facilities #substance li { background:url("images/secure-arrow.png") 10px 50% no-repeat #FECCD7; padding:5px 5px 5px 25px; } body.secure-facilities #substance li:nth-child(2n) { background-color:#FEE5EB; } body.sports-and-leisure #substance h1, body.sports-and-leisure #substance h2, body.sports-and-leisure #substance a { color:#F59104 } body.sports-and-leisure #substance img { border:2px solid #F59104; } body.sports-and-leisure #substance ul { list-style:none; margin:0; } body.sports-and-leisure #substance li { background:url("images/sl-arrow.png") 10px 50% no-repeat #FEF1CD; padding:5px 5px 5px 25px; } body.sports-and-leisure #substance li:nth-child(2n) { background-color:#FFF8E5; } body.utilities #substance h1, body.utilities #substance h2, body.utilities #substance a { color:#E5DC45 } body.utilities #substance ul { list-style:none; margin:0; } body.utilities #substance li { background:url("images/utils-arrow.png") 10px 50% no-repeat #FDFADA; padding:5px 5px 5px 25px; } body.utilities #substance li:nth-child(2n) { background-color:#FEFDEC; } body.utilities #substance img { border:2px solid #FEFDEC; } body.waste-and-recycling #substance h1, body.waste-and-recycling #substance h2, body.waste-and-recycling #substance a { color:#138F34 } body.waste-and-recycling #substance img { border:2px solid #138F34; } body.waste-and-recycling #substance ul { list-style:none; margin:0; } body.waste-and-recycling #substance li { background:url("images/waste-arrow.png") 10px 50% no-repeat #D0E9D6; padding:5px 5px 5px 25px; } body.waste-and-recycling #substance li:nth-child(2n) { background-color:#E7F4EA; } body.sectors #substance a { margin-right:8px; margin-bottom:12px; display:block; width:401px; float:left;} body.sectors #substance a:nth-child(2n) { margin-right:0; } body.solutions.splash #substance a { margin-right:8px; margin-bottom:12px; display:block; width:401px; float:left;} body.solutions.splash #substance a:nth-child(2n) { margin-right:0; } /* HOME */ body.home #content { padding:0; } body.home #preamble { height:463px; background:url("images/home-preamble.png") 0 0 no-repeat; padding-top:10px; } body.home #substance { width:463px; float:left; background:url("images/home-substance-back.png") 0 0 no-repeat; height:408px; padding:0 15px 15px 20px;} body.home #related { width:517px; padding-top:16px;} body.home #substance h1, body.home #substance h2, body.home #substance a { color:#E33000; text-decoration:none;} body.home #substance a:hover { color:#000; text-decoration:none;} body.home #substance p { margin-bottom:0; font-size:85%} body.home #substance img { border:2px solid #E33000; } body.home #substance img.center { border:none; } body.home #substance h1 { display:block; background:url("images/home-txt.png") 0 0 no-repeat; text-indent:-10000em; width:141px; height:23px; } body.home #substance h2 { font-size:110%; margin-bottom:5px; } body.home .flash { height:419px; width:976px; margin:10px auto 0 auto;} body.home #news-panel { float:left; border:0px solid red;} body.home #news-panel .news-articles { width:294px; padding:10px 15px 10px 10px; background:url("images/news-panel-back.png") bottom left no-repeat; min-height:308px; padding-bottom:15px; margin-left:17px; } body.home #news-panel .news-articles a:hover { color:#000; } body.home #news-panel .news-articles h2 { display:block; width:313px; margin:-10px -10px 0 -10px; height:63px; text-indent:-1000em; background:url("images/news-panel-top.png") top left no-repeat; padding:0;} body.home #news-panel .news-articles .categories { display:none; } body.home #news-panel ul { list-style:none; margin:0; padding-top:15px; } body.home #news-panel ul li { overflow:hidden; border-bottom:1px dashed #ccc; padding:11px 0; margin-bottom:10px; _clear:both;} body.home #news-panel ul li:last-child { border:none;} body.home #news-panel ul li a { text-decoration:none; color:#000; font-weight:bold; line-height:130%} body.home #news-panel img { border:2px solid #ccc; float:left; margin-right:10px;} body.home #related .news-articles ul li { margin:0; } /* NEWS PANEL HOME PAGE Categories */ body.home #news-panel .meta { display:none } body.home #news-panel ul li.corporate a { color:#074B89; } body.home #news-panel ul li.commercial a { color:#B89C00 } body.home #news-panel ul li.educational a { color:#DD3707 } body.home #news-panel ul li.health a { color:#726052 } body.home #news-panel ul li.industrial a { color:#8D2188 } body.home #news-panel ul li.infrastructure a { color:#B189C1 } body.home #news-panel ul li.international a { color:#343434 } body.home #news-panel ul li.marine a { color:#6AC29F } body.home #news-panel ul li.residential a { color:#038BA1 } body.home #news-panel ul li.secure-facilities a { color:#F80039 } body.home #news-panel ul li.sports-and-leisure a { color:#F59104 } body.home #news-panel ul li.utilities a { color:#E5DC45 } body.home #news-panel ul li.waste-and-recycling a { color:#138F34 } body.home #news-panel ul li.corporate img { border-color:#074B89; } body.home #news-panel ul li.commercial img {border-color:#B89C00 } body.home #news-panel ul li.educational img {border-color:#DD3707 } body.home #news-panel ul li.health img {border-color:#726052 } body.home #news-panel ul li.industrial img {border-color:#8D2188 } body.home #news-panel ul li.infrastructure img {border-color:#B189C1 } body.home #news-panel ul li.international img {border-color:#343434 } body.home #news-panel ul li.marine img {border-color:#6AC29F } body.home #news-panel ul li.residential img {border-color:#038BA1 } body.home #news-panel ul li.secure-facilities img {border-color:#F80039 } body.home #news-panel ul li.sports-and-leisure img {border-color:#F59104 } body.home #news-panel ul li.utilities img {border-color:#E5DC45 } body.home #news-panel ul li.waste-and-recycling img {border-color:#138F34 } body.home .call-to-actions { float:right; border:0px solid blue; width:166px} body.solutions #preamble, body.sectors #preamble, body.corporate #preamble, body.news #preamble, body.events #preamble, body.about #preamble, body.library #preamble, body.educational #preamble, body.health #preamble, body.industrial #preamble, body.commercial #preamble, body.infrastructure #preamble, body.international #preamble, body.marine #preamble, body.secure-facilities #preamble, body.sports-and-leisure #preamble, body.waste-and-recycling #preamble, body.utilities #preamble, body.marine #preamble, body.residential #preamble, body.news-events #preamble, body.registration #preamble, body.contact #preamble, body.equipment #preamble { height:270px; margin-bottom:24px; padding-top:10px; clear:both;} body.full #preamble, body.gallery #preamble, body.media #preamble, body.login #preamble { height:270px; margin-bottom:44px; padding-top:10px; clear:both; background:url("images/preambles/solutions.jpg") 0 0 no-repeat;} body.equipment #preamble { background:url("images/preambles/equipment.jpg") 0 0 no-repeat; } body.solutions #preamble { background:url("images/preambles/solutions.jpg") 0 0 no-repeat; } body.sectors #preamble { background:url("images/preambles/sectors.jpg") 0 0 no-repeat; } body.corporate #preamble { background:url("images/preambles/corporate.jpg") 0 0 no-repeat; } body.news-events #preamble { background:url("images/preambles/news.jpg") 0 0 no-repeat; } body.events #preamble { background:url("images/preambles/news.jpg") 0 0 no-repeat; } body.about #preamble { background:url("images/preambles/about.jpg") 0 0 no-repeat; } body.library #preamble { background:url("images/preambles/document-lib.jpg") 0 0 no-repeat; } body.commercial #preamble { background:url("images/preambles/commercial.jpg") 0 0 no-repeat; } body.educational #preamble { background:url("images/preambles/education.jpg") 0 0 no-repeat; } body.health #preamble { background:url("images/preambles/health.jpg") 0 0 no-repeat; } body.industrial #preamble { background:url("images/preambles/industrial.jpg") 0 0 no-repeat; } body.infrastructure #preamble { background:url("images/preambles/infrastructure.jpg") 0 0 no-repeat; } body.international #preamble { background:url("images/preambles/international.jpg") 0 0 no-repeat; } body.marine #preamble { background:url("images/preambles/marine.jpg") 0 0 no-repeat; } body.residential #preamble { background:url("images/preambles/residential.jpg") 0 0 no-repeat; } body.secure-facilities #preamble { background:url("images/preambles/secure.jpg") 0 0 no-repeat; } body.sports-and-leisure #preamble { background:url("images/preambles/sports.jpg") 0 0 no-repeat; } body.waste-and-recycling #preamble { background:url("images/preambles/waste.jpg") 0 0 no-repeat; } body.utilities #preamble { background:url("images/preambles/utils.jpg") 0 0 no-repeat; } body.searchresults #preamble { background:url("images/preambles/search-results.jpg") 0 0 no-repeat; } body.contact #preamble { background:url("images/preambles/contact.jpg") 0 0 no-repeat;} body.registration #preamble { background:url("images/preambles/registration.jpg") 0 0 no-repeat;} /* Search Fields */ /* site search results */ body.searchresults #content h2 { font-size:140%; margin:0 } body.searchresults #content h2 a { color:#005B97; text-decoration: none; } /* Library */ body.library.mod #substance h2 { color:#005B97; font-size:240%; letter-spacing:-1px; margin-bottom:15px; } body.library img { border:none; } body.library #substance .library-search form { background:#CCDFEB; padding:20px; overflow:auto; } body.library #substance .library-search form fieldset { border:none; padding:0; margin:0; } body.library #substance .library-search form p { font-size:80%; margin:0;} body.library .library-search #substance label { display:block; color:#005B97; font-weight:bold; font-size:120%; margin-bottom:0px;} /*SEARCH FORM*/ body.library .library-search .controls { clear:both; text-align:right; } body.library .library-search .keyword, body.library .library-search .type, body.library .library-search .sector { width:229px; float:left; margin-bottom:10px;} body.library .library-search .keyword, body.library .library-search .type { margin-right:39px; } body.library .library-search .keyword input, body.library .library-search .type select, body.library .library-search .sector select { width:229px; } body.library .library-search .reset, body.library .library-search .go { float:right; } body.library .library-search .reset input { background:url("images/clear-grad.png") 0 0 repeat-x; padding:2px 10px; color:#fff; border:none; font-weight:bold; cursor:pointer; margin-right:10px;} body.library .library-search .go input { background:url("images/button-grad.png") 0 0 repeat-x; padding:2px 10px; color:#fff; border:none; font-weight:bold; cursor:pointer; } body.library #substance .paging { background:#005D99; padding:10px; color:#fff; margin-bottom:20px; overflow:auto;} body.library #substance .paging ul { list-style:none; float:left; margin:0; } body.library #substance .paging ul li { float:left; margin:0;padding:0 10px 0 5px; background:url("images/paging-nav-seperator.png") 100% 50% no-repeat;} body.library #substance .paging ul li a { color:#fff; } body.library #substance .paging ul li:last-child { background:none; } body.library .alt-nav { float:right; } body.library .alt-nav a.prev { padding-left:20px; background:url("images/prev-arrow.jpg") 0 50% no-repeat; color:#fff; text-decoration:none; } body.library .alt-nav a.next { padding-right:20px; background:url("images/next-arrow.jpg") 100% 50% no-repeat; color:#fff; text-decoration:none;} body.library .page-display { float:left; margin-right:15px; } body.library #substance ul.sector-list li { background:none; padding:0; float:none; display:inline; margin-right:10px;} /*MAIN TABLE*/ body.library.mod #substance table { width:100%; border-collapse: separate; border:none; margin-bottom:1.5em} body.library.mod #substance table th { background: url("images/nav-grad-base.png") bottom left repeat-x #4D7B9A; color:#fff; padding:5px; font-size:120%;font-weight:bold;border:none;border-right:3px solid #fff; } body.library.mod #substance table td { border:none; padding:5px; border-top:3px solid #fff; border-right:3px solid #fff; vertical-align: top } body.library.mod #substance table tr { border-top:5px solid #fff;} body.library.mod #substance table tr.alt { background:#eee; } body.library.mod #substance table.top-downloads tr { background:#FEDEB2; } body.library.mod #substance table.top-downloads tr.alt { background:#FEE9CC; } body.library.mod #substance table a.download-pdf { background:url("images/pdf-ico.png") 100% 0 no-repeat; display:block; color:#005D99; text-transform:uppercase; text-decoration:none; height:22px; width:50px;} body.library.mod #substance dt { margin-bottom:-1.4em; font-weight:bold;} body.library.mod #substance dd { padding-left:100px; margin-bottom:10px;} body.library.mod #substance dd a { color:#005D99; text-decoration:none; font-weight:bold;} body.sitemap #substance ul li { background:none; padding-left:0; background:url("images/related-arrow.png") 0 .8em no-repeat; padding-left:15px;} body.sitemap #substance ul li ul li { margin-left:25px; background:url("images/education-arrow.png") 0 .8em no-repeat; } body.sitemap #substance ul li ul li ul li { margin-left:25px; background:url("images/waste-arrow.png") 0 .8em no-repeat; } body.sitemap #substance ul li ul li ul li { margin-left:25px; background:url("images/sl-arrow.png") 0 .8em no-repeat; } .col-1 { width:146px; } .col-2 { width:259px; } .col-3 { width:297px } /* Login Elms */ body.login .login-reminder, body.login .login { width:440px; float:left; border:1px solid red; padding:15px; border:1px solid #eee; background:url("images/contact-pane.back.png") bottom left no-repeat; margin-bottom:25px;} body.login .login-reminder { margin-left:20px; } body.login #substance dd { margin:0; float:none; padding-left:200px; } body.login #substance dd * { width:240px; } body.forgotten .login-reminder { width:900px; } body.forgotten #substance .login-reminder dd * { width:800px; } /* Contact Tab */ #contact { clear: both; width:100%; z-index:9999; margin:auto; background:url("images/contact-grad.png") bottom left repeat-x} #contact .inside { border-top:10px solid #005D99; background:#fff;} #contact span { text-indent:-1000em; overflow:hidden; background:url("images/enquiry-link.png") no-repeat 0 0; margin:0 auto 0 auto; display:block; width:141px; height:25px; cursor:pointer; } #contact .map { width:312px; float:left; margin-left:83px; _margin-left:41px;} #contact .wrap { width: 1016px; margin: auto; } #contact .form { width:498px; float:right; margin-right:63px; _margin-right:31px;} #contact h2 {margin-bottom:20px; background:url("images/quick-contact-header.png") 0 0 no-repeat; display:block; text-indent:-100000em; width:227px; height:32px;} #contact form { clear:both; margin:0; padding:0;} #contact .form fieldset { width:229px; float:left; padding:0; margin:0; border:none; } #contact .form form dt { margin:0; float:none; } #contact .form form dd { margin:0; float:none; } #contact .form form fieldset input, #contact .form form fieldset textarea { width:209px; } #contact .form div input { background:url("images/button-grad.png") 0 0 repeat-x; padding:2px 10px; color:#fff; border:none; font-weight:bold; cursor:pointer; } #contact .map em { font-weight:bold; font-style:normal; color:#0E305C } #contact span { } #contact .inner { height:188px; width:1013px; margin:20px auto; border-top:0; background:url("images/contact-pane.back.png") bottom left no-repeat; padding-top:30px; padding-bottom:20px; } #contact fieldset { float:left; width:350px; border:none; padding:0; margin: 0 10px 0 0} /* Gallery Module */ #gallery div#images { list-style: none; margin: 0; overflow: hidden; line-height:0px; } #gallery div#images img { margin: 0; position: static; float: none; border: none} #gallery ul#thumbnails { list-style: none; margin: 0; width:810px; margin-bottom:20px; float:left; } #gallery ul#thumbnails li { float: left; margin:10px 5px 0 0; line-height:62px; border: 1px solid #ccc; padding: 0px; text-align:center; overflow: hidden; cursor: pointer; background:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} #gallery ul#thumbnails li:last-child { margin-right:0; } #gallery ul#thumbnails li img { margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; } #gallery ul#thumbnails li.active, #gallery ul#thumbnails li:hover { padding: 0px; border-width:1px; border-color:#666 } /* gMAP Control Expermient */ body.gmaps #substance .map { background:#eee; padding:15px; overflow:hidden; margin:0 10px 20px 10px; width:350px; float:left;} body.gmaps #substance .map p { float:left; width:150px;} body.gmaps #substance .map .gmap { width:200px; float:right; height:150px;}