/* ------------------------------------------------*/ /* fingroup.net /* Revision: 2.1 /* Date: 13-10-2009 /* Author: Clear Signal /* Corp. hex: #db002f (red), #00285f (blue), #ff6600 (orange), #009183 (green) ---------------------------------------------------*/ /* Global styles ---------------------------------------------------*/ html, body, ul, ol, li, p, h1 , h2, h3, h4, h5, h6, hr, form, fieldset, a, div, img, blockquote, dl, dt, dd { margin: 0; padding: 0; border: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 77%; /* initially set to percentage so that ems work without producing miniscule text in IE */ line-height: 1.1em; text-align: left; color: #000; font-size: 0.9em; background: #fff url(/images/bg-main.gif) top center no-repeat; margin: 0; padding: 0; } /*div { border: 1px solid #000; }*/ p { padding: 0; font-size: 0.9em; } a { font-size: 0.9em; text-decoration: none; color: #9a9b9c; } a:hover { text-decoration: underline; } img { border: none; } .clear { clear: both; } /* Wrapper ---------------------------------------------------*/ #wrapper { position: relative; width: 881px; margin: 0 auto 0 auto; padding: 0; } /* Header ---------------------------------------------------*/ #header { position: relative; margin: 20px auto 0 auto; width: 881px; height: 126px; background: transparent url(/images/logo-finch.gif) 0 0 no-repeat; z-index: 200; } #header #skip { display: none; } #header h1 { position: absolute; width: 86px; height: 109px; margin: 20px 0 0 0; padding: 0; } #header h1 a { position: absolute; display: block; top: 0; margin: 0; left: 0; width: 86px; height: 109px; text-indent: -9999px; } /* Forms, talk to us, enquiry ---------------------------------------------------*/ #header #talkToUs { z-index: 200; position: relative; left: 810px; top: 0; width: 69px; height: 65px; background: #fff url(/images/icn-talk-to-us.gif) 0 0 no-repeat; } #header #talkToUs a { z-index: 200; position: absolute; display: block; top: 0; left: 0; width: 69px; height: 65px; text-indent: -9999px; } #header .talktousForm { z-index: 200; position: absolute; top: 0; right: 0; background: #fbfbfc; width: 430px; height: 480px; margin: 0; padding: 15px 20px; border: 2px solid #db002f; visibility: hidden; /* set to invisible to prevent initial display flash as the element is loaded in IE. Using jquery to make the element visible when element display is requested. */ } #header .talktousForm p { color: #707173; font-size: 0.9em; line-height: 1.2em; margin: 10px 10px 10px 0; } #header .talktousForm label { display: block; color: #707173; font-size: 0.9em; margin: 0 0 5px 0; } #header .talktousField { color: #333; font-size: 1em; width: 420px; height: 20px; border: none; margin: 0 0 10px 0; padding: 5px; background: #e2e3e3 url(/images/bg-talk-to-us-field.gif) 0 0 no-repeat; } #header .talktousFieldArea { font-family: Arial, Helvertica, Sans Serif; color: #333; font-size: 1em; width: 420px; height: 75px; border: none; margin: 0; padding: 5px; background: #e2e3e3 url(/images/bg-talk-to-us-field.gif) 0 0 no-repeat; } #header .talktousForm #talkContent { position: relative; height: 65px; } #header .talktousForm #talkContent .talktousClose { position: relative; float: left; width: 100px; height: 13px; background: transparent url(/images/icn-close.gif) top left no-repeat; cursor: pointer; margin: 0 7px 5px 0; } #header .talktousForm #talkContent .talktousClose:hover { height: 13px; background: transparent url(/images/icn-close.gif) top left no-repeat; background-position: 0 -13px; cursor: pointer; margin: 0 7px 5px 0; } #header .talktousForm #talkContent .talktousClose span { display: none; } #header .talktousForm #talkContent .talktousIcon { position: relative; float: right; width: 69px; height: 65px; background: transparent url(/images/icn-talk-to-us.gif) 0 0 no-repeat; cursor: pointer; } #header .talktousForm #talkContentForm { position: relative; } #header .talktousForm #talkContentForm h3 { display: block; width: 245px; height: 24px; background: transparent url(/images/icn-talktous-header.gif) 0 0 no-repeat; } #header .talktousForm #talkContentForm h3 span { display: none; } #header .talktousForm #talkContentForm #subCell { position: relative; height: 25px; margin: 0; padding: 0; } #header .talktousForm #talkContentForm #sub1 { position: relative; float: left; } #header .talktousForm #talkContentForm #sub2 { position: relative; float: right; font-size: 0.75em; color: #707173; } #formEnquiry2 .referrer2, #formEnquiry .referrer { visibility: hidden; } input:focus, select:focus, textarea:focus { background: #d5e4fb; } /* enquiry form */ #formEnquiry2 #formContainer { width: 400px; } #formEnquiry2 #formContainer .col1 { position: relative; float: left; width: 190px; margin: 0 0 20px 0; } #formEnquiry2 #formContainer .col2 { position: relative; float: left; width: 190px; margin: 0 0 20px 0; } #formEnquiry2 #formContainer .col12Merge { position: relative; float: left; width: 400px; margin: 0 0 20px 0; } #formEnquiry2 #formContainer label { font-size: 0.8em; } #formEnquiry2 #formContainer label em { color: red; } #formEnquiry2 #formContainer .fldInput { border: 1px solid #87939a; border-top: 1px solid #323c44; width: 180px; height: 20px; font-size: 0.9em; } #formEnquiry2 #formContainer .fldArea { border: 1px solid #87939a; border-top: 1px solid #323c44; width: 400px; height: 80px; font-size: 0.9em; } div.grippie { background: #EEEEEE url(/images/icn_grippie.png) no-repeat scroll center 2px; border-color: #ddd; border-style:solid; border-width: 0pt 1px 1px; cursor: s-resize; height: 9px; overflow: hidden; } .resizable-textarea textarea { display: block; margin-bottom: 0pt; width: 95%; height: 20%; } /* Header / top menu ---------------------------------------------------*/ #mainMenuContainer { position: relative; float: right; top: 15px; right: 0; width: 752px; } #mainMenu { position: relative; float: right; margin: 0; width: 752px; height: 46px; } #mainMenu ul { padding: 0; margin: 0; list-style-type: none; display: block; } #mainMenu li { padding: 0; margin: 0; position: relative; float: left; display: block; } #mainMenu a.home, #mainMenu a.aboutUs, #mainMenu a.ourCustomers, #mainMenu a.tradeSectors, #mainMenu a.privateClients, #mainMenu a.charities, #mainMenu a.news, #mainMenu a.contact { position: relative; display: block; text-decoration: none; height: 46px; } #mainMenu .home, #mainMenu .aboutUs, #mainMenu .ourCustomers, #mainMenu .tradeSectors, #mainMenu .privateClients, #mainMenu .charities, #mainMenu .news, #mainMenu .contact { border: 0 !important; } #mainMenu .home a.home, #mainMenu .aboutUs a.aboutUs, #mainMenu .ourCustomers a.ourCustomers, #mainMenu .tradeSectors a.tradeSectors, #mainMenu .privateClients a.privateClients, #mainMenu .charities a.charities, #mainMenu .news a.news, #mainMenu .contact a.contact { border: 0 !important; text-indent: -9999px; background: transparent url(/images/main-menu-sprite2.gif) 0 0 no-repeat;} #mainMenu .home { width: 46px !important; } #mainMenu .aboutUs { width: 74px !important; } #mainMenu .ourCustomers { width: 108px !important; } #mainMenu .tradeSectors { width: 143px !important; } #mainMenu .privateClients { width: 108px !important; } #mainMenu .charities { width: 101px !important; } #mainMenu .news { width: 106px !important; } #mainMenu .contact { width: 61px !important; } #mainMenu .home a.home { width: 46px !important; background-position: 0 0; } #mainMenu .aboutUs a.aboutUs { width: 74px !important; background-position: -46px 0; } #mainMenu .ourCustomers a.ourCustomers { width: 108px !important; background-position: -120px 0; } #mainMenu .tradeSectors a.tradeSectors { width: 143px !important; background-position: -233px 0; } #mainMenu .privateClients a.privateClients { width: 108px !important; background-position: -376px 0; } #mainMenu .charities a.charities { width: 101px !important; background-position: -484px 0; } #mainMenu .news a.news { width: 106px !important; background-position: -585px 0; } #mainMenu .contact a.contact { width: 61px !important; background-position: -691px 0; } #mainMenu .home a.home:hover { width: 46px !important; background-position: 0 -46px; } #mainMenu .aboutUs a.aboutUs:hover { width: 74px !important; background-position: -46px -46px; } #mainMenu .ourCustomers a.ourCustomers:hover { width: 108px !important; background-position: -120px -46px; } #mainMenu .tradeSectors a.tradeSectors:hover { width: 143px !important; background-position: -233px -46px; } #mainMenu .privateClients a.privateClients:hover { width: 108px !important; background-position: -376px -46px; } #mainMenu .charities a.charities:hover { width: 101px !important; background-position: -484px -46px; } #mainMenu .news a.news:hover { width: 106px !important; background-position: -585px -46px; } #mainMenu .contact a.contact:hover { width: 61px !important; background-position: -691px -46px; } #mainMenu .home a.current { background-position: 0 -92px; } #mainMenu .aboutUs a.current { background-position: -46px -92px; } #mainMenu .ourCustomers a.current { background-position: -120px -92px; } #mainMenu .tradeSectors a.current { background-position: -233px -92px; } #mainMenu .privateClients a.current { background-position: -376px -92px; } #mainMenu .charities a.current { background-position: -484px -92px; } #mainMenu .news a.current { background-position: -585px -92px; } #mainMenu .contact a.current { background-position: -691px -92px; } #mainMenu .home ul, #mainMenu .aboutUs ul, #mainMenu .ourCustomers ul, #mainMenu .tradeSectors ul, #mainMenu .privateClients ul, #mainMenu .charities ul, #mainMenu .news ul, #mainMenu .contact ul { text-indent: 0 !important; } /* Quicklinks (home) ---------------------------------------------------*/ #home #panelRow { position: relative; width: 881px; height: 209px; margin-top: 20px; } #home #panelRow .quicklink-news { position: relative; float: left; width: 209px; height: 209px; } #home #panelRow .quicklink { position: relative; float: left; width: 209px; height: 209px; margin-right: 15px; z-index: 1; } #home #panelRow .quicklink-news h3, #home #panelRow .quicklink h3 { display: block; margin: 7px 10px 0 10px; width: 189px; color: #fff; font-size: 0.9em; } #home #panelRow .quicklink-news p, #home #panelRow .quicklink p { margin: 15px 10px 7px 10px; } #home #panelRow .quicklink a { display: block; color: #9a9b9c; margin: 0 0 0 10px; background: transparent url(/images/icn-arrow-grey.gif) 90px 4px no-repeat; width: 175px; } #home #panelRow .quicklink a:hover { color: #000; text-decoration: underline; } #home #panelRow .quicklink .quicklinkOverlay { position: relative; top: 0; left: 0; border-top: 1px solid transparent; width: 206px; height: 206px; z-index: 2; } #home #panelRow .quicklinkOverlay.hovered { background: transparent url(/images/bg-overlay-over3.png) 0 0 repeat; cursor: pointer; } /* News scroll panel (home) ---------------------------------------------------*/ #home #scroll-pane { width: 205px; height: 169px; margin: 0; padding: 0; } #home #scroll-pane.scrollPane { margin: 0; padding: 0; } #home #scroll-pane .newsSnip { margin: 0; padding: 7px 10px 7px 10px; } #home #scroll-pane .stripe { background-color: #f8f8f8; } #home #scroll-pane .newsSnip.hovered { background-color: #dbdbdb; cursor: pointer; } #home #scroll-pane .newsSnip h3 { display: block; margin: 0; padding: 0; color: #000; font-size: 0.75em; } #home #scroll-pane .newsSnip p { margin: 0; padding: 0; color: #003883; font-weight: bold; font-size: 0.75em; line-height: 1.1em; } #home #scroll-pane .newsSnip a.more { display: block; width: 86px; color: #000; font-size: 0.7em; margin: 0; background: transparent url(/images/icn-arrow-grey-sm.gif) right 5px no-repeat; } #home #scroll-pane .newsSnip a.more:hover { text-decoration: underline; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; margin: 7px 0 0 0; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #fff url(/images/icn-scroll-track.gif) 0 0 repeat-y; border: none; } .jScrollPaneDrag { position: absolute; background: transparent url(/images/icn-scroll-drag-tab.png) 0 0 no-repeat; height: 41px !important; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 11px; background: url(/images/icn-scroll-arr-u-spri2.gif) 0 0 repeat-x; } a.jScrollArrowUp:hover { background-position: 0 -11px; } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 11px; background: url(/images/icn-scroll-arr-d-spri2.gif) 0 0 repeat-x; } a.jScrollArrowDown:hover { background-position: 0 -11px; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -22px; } /* Banner, home, sub ---------------------------------------------------*/ #home #wrapper #banner span { display: none; } #sub #wrapper #banner { position: relative; width: 880px; height: 209px; z-index: 9; } #sub #wrapper #banner .bannerStrap { position: absolute; top: 32px; left: 29px; width: 370px; margin: 0; z-index: 11; } #sub #wrapper #banner #bannerImg { position: relative; width: 880px; height: 209px; padding: 0; margin: 0; z-index: 10; } #sub #wrapper #banner #bannerImg img { width: 880px; height: 209px; border: 0; top: 0; left: 0; z-index: 10; } #sub #wrapper #banner #bannerImg span { display: none; } #sub #wrapper #banner #bannerNav { position: absolute; text-align: right; width: auto; height: 12px; top: 173px; right: 0; bottom: 1px; width: 350px; z-index: 99; font-size: 0;} #sub #wrapper #banner #bannerImg a.bannerURL { display: block; width: 120px; background: transparent url(/images/icn-arrow-grey.gif) 85px 5px no-repeat; margin: 5px 0 0 0; } /*** theme item (colour) - default ****/ #sub #wrapper #banner .bannerStrap h2 { display: block; margin: 0 0 14px 0; font-size: 1.8em; color: #003c81; font-weight: normal; line-height: 1em; } #sub #wrapper #banner .bannerStrap p { font-size: 1em; line-height: 1.2em; } /*** theme item (width) - default ****/ #sub #wrapper #banner #bannerCrumb { position: absolute; top: 183px; left: 10px; width: 850px; margin: 0; z-index: 99; } #sub #wrapper #banner #bannerCrumb p { font-size: 1em; color: #fff; font-weight: bold; } #sub #wrapper #banner #bannerCrumb a { font-size: 1em; color: #fff; font-weight: normal; } #sub #wrapper #banner #bannerCrumb a:hover { text-decoration: underline; } /*** theme items - default ****/ #sub #wrapper #banner #bannerNav ul { margin: 0 10px 0 0; padding: 0; list-style-type: none; height: 35px; float: right; background: transparent url(/images/icn-bannerIcon-pipe.gif) top right no-repeat; } #sub #wrapper #banner #bannerNav ul li { margin: 0; padding: 0; float: left; width: 34px; height: 35px; background: transparent url(/images/icn-bannerIcon-pipe.gif) top left no-repeat; } #sub #wrapper #banner #bannerNav ul li.last { background: transparent url(/images/icn-bannerIcon-pipe.gif) top left no-repeat; } /* Sectors */ #sub #wrapper #banner #bannerNav a.sector { display: block; width: 34px; height: 35px; text-indent: -9999px; text-decoration: none; } #sub #wrapper #banner #bannerNav a.sector:hover { background-position: 0 -35px !important; text-decoration: none; } #sub #wrapper #banner #bannerNav a.sector.activeSlide { background-position: 0 -70px !important; } #sub #wrapper #banner #bannerNav a.sector:hover span, #sub #wrapper #banner #bannerNav a.sector span { visibility: hidden; } /* Main container (sub pages) ---------------------------------------------------*/ #sub #wrapper #mainContainer { position: relative; width: 880px; margin: 20px 0 0 0; } /* Main container - col 1 ---------------------------------------------------*/ #sub #wrapper #mainContainer #col1 { position: relative; float: left; margin: 0 16px 0 0; width: 205px; } #sub #wrapper #mainContainer #col1 #localMenu h3 { padding: 0 0 0 0; background-color: #f6f6f6; height: 30px; } #sub #wrapper #mainContainer #col1 #localMenu h3 a { display: block; padding: 7px 0 0 10px; width: 195px; height: 23px; font-size: 0.8em; font-weight: bold; color: #fff; background: transparent url(/images/bg-menu-off.gif) 0 0 no-repeat; } #sub #wrapper #mainContainer #col1 #localMenu h3 a:hover { background: transparent url(/images/bg-menu-on.gif) 0 0 no-repeat; text-decoration: none; } #sub #wrapper #mainContainer #col1 #localMenu h3 a.current { background: transparent url(/images/bg-menu-on.gif) 0 0 no-repeat; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem { background: #f6f6f6 url(/images/bg-menu.gif) 0 0 no-repeat; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem.hovered { background: #e9eaea url(/images/bg-menu-dark.gif) 0 0 no-repeat; cursor: pointer; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem p { padding: 10px 7px 4px 10px; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem a { display: block; padding: 0 7px 10px 10px; background: transparent url(/images/icn-arrow-grey.gif) 97px 4px no-repeat; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem a:hover { color: #000; } #sub #wrapper #mainContainer #col1 #localMenu h3 { -moz-outline-style: none; outline: none; outline-width: 0px; } #sub #wrapper #mainContainer #col1 #localMenu h3:focus { -moz-outline-style: none; outline: none; outline-width: 0px; } #sub #wrapper #mainContainer #col1 #localMenu h3:hover { -moz-outline-style: none; outline: none; outline-width: 0px; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem ul { margin: 0; padding: 7px 0 7px 0; list-style-type: none; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem ul li { margin: 0; padding: 0; border-bottom: 1px solid #9e9fa0; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem li a { padding: 7px 7px 7px 10px; background: transparent url(/images/bg-lh-menu.gif) 0 0 no-repeat; text-decoration: none; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem li a:hover { background-position: 0 -160px; text-decoration: none; color: #fff; } #sub #wrapper #mainContainer #col1 #localMenu .menuItem li a.current { background-position: 0 -160px; text-decoration: none; color: #fff; } /* Main container - col 2 ---------------------------------------------------*/ #sub #wrapper #mainContainer #col2 { position: relative; float: left; margin: 0 16px 0 0; width: 434px; background: transparent url(/images/bg-content-area.gif) 0 0 repeat-y; } /**** theme item - default ***/ #sub #wrapper #mainContainer #col2 h2 { display: block; width: 419px; height: 30px; background: transparent url(/images/bg-header1.gif) 0 0 no-repeat; font-size: 0.95em; color: #fff; padding: 7px 5px 0 10px; } #sub #wrapper #mainContainer #col2 .mainContent { margin: 2px 15px 0 10px; } #sub #wrapper #mainContainer #col2 .spacer { position: relative; width: 434px; height: 14px; background-color: #fff; border-bottom: 1px solid #fff; } #sub #wrapper #mainContainer #col2 .col2Bottom { position: relative; width: 434px; height: 14px; background: transparent url(/images/bg-content-bottom.gif) bottom left no-repeat; } /**** main content HTML ****/ #sub #wrapper #mainContainer #col2 .mainContent p { margin-bottom: 15px; } #sub #wrapper #mainContainer #col2 .mainContent a { text-decoration: underline; color: #000; } #sub #wrapper #mainContainer #col2 .mainContent a:hover { color: #5b5c5d; } #sub #wrapper #mainContainer #col2 .mainContent li a { font-size: 1em; text-decoration: none; } #sub #wrapper #mainContainer #col2 .mainContent li a:hover { text-decoration: underline; } /**** theme item - default ***/ #sub #wrapper #mainContainer #col2 .mainContent h3 { color: #00285f; font-size: 1em; } #sub #wrapper #mainContainer #col2 .mainContent h4 { color: #00285f; font-size: 0.9em; } #sub #wrapper #mainContainer #col2 .mainContent h5 { color: #00285f; font-size: 0.8em; } #sub #wrapper #mainContainer #col2 .mainContent h6 { color: #00285f; font-size: 0.75em; } #sub #wrapper #mainContainer #col2 .mainContent ol, #sub #wrapper #mainContainer #col2 .mainContent ul { font-size: 0.8em; margin: 0 0 15px 0; } #sub #wrapper #mainContainer #col2 .mainContent ol ol, #sub #wrapper #mainContainer #col2 .mainContent ul ul { font-size: 1em; margin: 0; } #sub #wrapper #mainContainer #col2 .mainContent ol li, #sub #wrapper #mainContainer #col2 .mainContent ul li { margin: 0 0 0 18px; } #sub #wrapper #mainContainer #col2 .mainContent table { margin: 0 0 15px 0; border-collapse: collapse; font-size: 0.8em; } #sub #wrapper #mainContainer #col2 .mainContent th { background-color: #c3c3c3; padding: 5px; } #sub #wrapper #mainContainer #col2 .mainContent td { padding: 5px; background-color: #fff; border-bottom: 1px solid #ccc; } /* Main container - col 3 ---------------------------------------------------*/ #sub #wrapper #mainContainer #col3 { position: relative; float: left; width: 209px; } /* Main container - col 3 - Quicklinks (sub pages) ---------------------------------------------------*/ #sub .quicklink { position: relative; float: left; width: 209px; height: 209px; margin-bottom: 15px; margin-right: 15px; z-index: 1; } #sub .quicklink h3 { display: block; margin: 5px 10px 0 10px; width: 189px; color: #fff; font-size: 0.9em; } #sub .quicklink p { margin: 15px 10px 3px 10px; } #sub .quicklink a { display: block; color: #9a9b9c; margin: 0 0 0 10px; background: transparent url(/images/icn-arrow-grey.gif) 90px 4px no-repeat; width: 175px; } #sub .quicklink a:hover { color: #000; text-decoration: underline; } #sub .quicklink .quicklinkOverlay { position: relative; top: 0; left: 0; border-top: 1px solid transparent; width: 206px; height: 206px; z-index: 2; } #sub .quicklinkOverlay.hovered { background: transparent url(/images/bg-overlay-over2.png) 0 0 repeat; cursor: pointer; } #sub #quickLinkSpecial { position: relative; float: left; width: 209px; height: 210px; color: #fff; margin: 0 0 10px 0; } #sub #quickLinkSpecial h3 { padding: 0; margin: 12px 7px 5px 12px; font-size: 1em; } #sub #quickLinkSpecial p { padding: 0; margin:5px 7px 5px 12px; font-size: 0.8em; } #sub #quickLinkSpecial a { font-size: 1em; color: #ffcccc; text-decoration: none; } #sub #quickLinkSpecial a:hover { color: #fff; text-decoration: underline; } #sub #quickLinkSpecial .quicklinkOverlay { position: relative; top: 0; left: 0; border-top: 1px solid transparent; width: 209px; height: 210px; z-index: 2; } #sub #quickLinkSpecial .quicklinkOverlay.hovered { background: transparent url(/images/bg-panel-special-overlay.png) 0 0 no-repeat; cursor: pointer; } /* Splash ---------------------------------------------------*/ #splash { background: #fff url(/images/bg-splash-page.jpg) top center no-repeat; margin: 0; } #splash #wrapper { position: relative; width: 880px; } #splash #header { position: relative; margin: 0 auto 0 auto; width: 880px; height: 74px; background: none; } #splash #header #skip { display: none; } #splash #header h1 { position: relative; display: block; width: 880px; height: 50px; line-height: 1.2em; text-align: center; margin: 42px auto 0 auto; padding: 0; color: #707173; text-transform: uppercase; font-weight: normal; font-size: 2.6em; } #splash #wrapper #splashPanels { position: relative; width: 880px; height: 460px; z-index: 5; } #splash #wrapper #splashPanels ul { position: relative; height: 38px; margin: 0; padding: 0; list-style-type: none; z-index: 15; } #splash #wrapper #splashPanels ul li { display: block; float: left; margin: 0; padding: 0; z-index: 15; } #splash #wrapper #splashPanels ul li a { display: block; width: 410px; height: 247px; margin: 0; padding: 13px 0 0 0; color: #fff; font-size: 1.05em; font-weight: bold; text-transform: uppercase; z-index: 15; } #splash #wrapper #splashPanels ul li a:hover { text-decoration: none; background: transparent url(/images/bg-panel-overlay.png) 0 0 no-repeat; z-index: 15; } #splash #wrapper #splashPanels ul li a.comm { padding-left: 20px; margin-right: 20px; z-index: 15; } #splash #wrapper #splashPanels ul li a.fin { padding-left: 20px; z-index: 15; } /**** panel 1 ****/ #splash #wrapper #splashPanels #speechBubble1 { display: block; z-index: 10; } #splash #wrapper #splashPanels #speechBubble1 { position: absolute; float: left; top: 235px; left: 0; height: 218px; background: transparent url(/images/bg-panel-commercial.png) 0 0 no-repeat; } #splash #wrapper #splashPanels #speechBubble1 h2 { position: relative; display: block; margin: 84px 20px 0 130px; font-size: 1.7em; font-weight: bold; color: #db002f; } #splash #wrapper #splashPanels #speechBubble1 p { display: block; margin: 10px 45px 0 130px; font-size: 0.9em; color: #000; } #splash #wrapper #splashPanels #speechBubble1 a { position: relative; float: right; display: block; margin: 0 31px 0 0; background: transparent url(/images/bg-btn-splash-comm.gif) 0 0 no-repeat; width: 87px; height: 19px; padding: 4px 0 0 9px; color: #fff; } #splash #wrapper #splashPanels #speechBubble1 a:hover { background: transparent url(/images/bg-btn-splash-comm-on.gif) 0 0 no-repeat; } /**** panel 2 ****/ #splash #wrapper #splashPanels #speechBubble2 { display: none; z-index: 10; } #splash #wrapper #splashPanels #speechBubble2 { position: absolute; float: left; top: 235px; left: 0; height: 218px; background: transparent url(/images/bg-panel-financial.png) 0 0 no-repeat; } #splash #wrapper #splashPanels #speechBubble2 h2 { position: relative; display: block; margin: 84px 20px 0 130px; font-size: 1.7em; font-weight: bold; color: #0073aa; } #splash #wrapper #splashPanels #speechBubble2 p { display: block; margin: 10px 45px 0 130px; font-size: 0.9em; color: #000; } #splash #wrapper #splashPanels #speechBubble2 a { position: relative; float: right; display: block; margin: 0 31px 0 0; background: transparent url(/images/bg-btn-splash-fin.gif) 0 0 no-repeat; width: 87px; height: 19px; padding: 4px 0 0 9px; color: #fff; } #splash #wrapper #splashPanels #speechBubble2 a:hover { background: transparent url(/images/bg-btn-splash-fin-on.gif) 0 0 no-repeat; } /* news ---------------------------------------------------*/ .toggler2 { margin: 5px 0 15px 0; cursor: pointer; text-decoration: none; font-size: 1em; font-weight: normal; display: block; border: none; padding: 10px 35px 10px 10px; background-color: #b2bb01; } #newsContent { width: 400px; } #newsContent a { text-decoration: none; color: #51626f; } #newsContent a:hover { text-decoration: none; color: #51626f; } .toggler2-closed { color: #fff !important; text-decoration: none; background: #9c9d9e url(/images/icn-news-arrow_closed.png) 380px 14px no-repeat; } .toggler2-closed:hover { color: #fff !important; text-decoration: none; background: #313234 url(/images/icn-news-arrow_over.png) 380px 14px no-repeat; } .toggler2-opened { color: #fff !important; background: #003883 url(/images/icn-news-arrow_open.png) 380px 14px no-repeat; } .toggler2-opened:hover { color: #fff !important; text-decoration: none; background: #97a1a9 url(/images/icn-news-arrow_closed.png) 380px 14px no-repeat; } .toggler2-c { margin-bottom: 25px; } .toggler2-c-closed { margin: -14px 0 10px 0; background: #fff; border: none; border-top: 0; padding: 10px; width: 380px; } .toggler2-c-opened { margin: -14px 0 10px 0; background: #fff; border: none; border-top: 0; padding: 10px; width: 380px; } #newsContent .newsCol1 { position: relative; float: left; width: 95px; } #newsContent .newsCol2 { position: relative; float: left; width: 280px; } @media print { .toggler2-c { margin-bottom: 25px; } .toggler2 { display: none; } } #newsContent { line-height: 1.4em; position: relative; float: left; margin: 19px 10px 10px 12px; width: 400px; } #newsContent h3 { color: #616161; font-size: 1.1em; margin: 5px 0 10px 0; } #newsContent .toggleNews a { text-decoration: none; } #newsContent .toggleNews a:hover { color: #000; text-decoration: underline; } #newsContent ul { padding: 0 0 0 10px; margin: 0 0 20px 10px; } #newsContent h4 { color: #00285f ; font-size: 1.0em; margin: 5px 0 10px 0; } #newsContent h5 { color: #616161; font-size: 0.9em; margin: 5px 0 10px 0; } #newsContent em { font-weight: normal; font-style: normal; } .toggleNews img { width: 85px; position: relative; float: left; margin: 0 10px 0 0; } #newsContent .toggleNews .backtop a { color: #000; text-decoration: underline; } #newsContent .toggleNews .backtop a:hover { color: #616161; } p.pagination { color: #313234; margin-right: 22px; text-align: right; font-size: 0.85em; height: 30px; } .pagination a { font-size: 1em; text-decoration: none !important; color: #00285f !important; padding: 3px 5px 3px 5px !important; } .pagination a:hover { text-decoration: none; background-color: #ccc; } .pagination strong { font-size: 0.95em; font-weight: normal; text-decoration: underline; color: #00285f !important; padding: 2px 5px 3px 5px; } /* Footer ---------------------------------------------------*/ #footer { position: relative; width: 870px; padding: 0 0 0 2px; margin: 16px 0 20px 0; font-size: 0.75em; color: #707173; } #footer a { text-decoration: none; color: #323c44; } #footer a:hover { text-decoration: underline; color: #000; } #footer a.current { text-decoration: none; color: #000; } #footer ul#level0 { margin: 0 0 10px 0; height: 10px; } #footer ul#level0 li { color: #000; font-size: 1.05em; } #footer ul#level1 { margin: 0 0 7px 0; height: 10px; } #footer ul#level2 { margin: 0 0 7px 0; height: 10px; } #footer li { position: relative; float: left; display: block; margin: 0 5px 0 0; padding: 2px 5px 0 0; height: 10px; border-right: 1px solid #707173; line-height: 7px; } #footer li.last { border: none; } #footer li a { font-size: 1em; color: #707173; } /* Single Property Risk Submission Form ---------------------------------------------------*/ #submission-form { background: none; } #submission-form h1 { display: block; color: #003883; font-size: 1.2em; margin: 20px 0 20px 22px; } #submission-form #formWrapper { margin: 25px; width: 650px; } #submission-form #formWrapper fieldset { border: 1px solid #7e7d7d; margin: 0 0 10px 0; padding: 17px; } #submission-form #formWrapper fieldset legend { color: #666; font-size: 0.8em; font-weight: bold; padding: 0 7px 0 7px; } #submission-form #formWrapper label { display: block; width: 230px; float: left; text-align: right; margin: 0 10px 0 0; } #submission-form #formWrapper input { border: 1px solid #ccc; margin: 0 0 7px 0; } #submission-form #formWrapper input[type="text"] { width: 300px; } #submission-form #formWrapper input.radio { border: none; } #submission-form #formWrapper select { border: 1px solid #ccc; margin: 0 0 7px 0; width: 300px; } #submission-form #formWrapper input.short1 { width: 100px; } #submission-form #formWrapper select.short2 { width: 100px; } #submission-form #formWrapper .panel { margin: 0 0 25px 0; background-color: #d8d9db; padding: 7px; } #submission-form #formWrapper #form1 .number { color: #666; font-weight: bold; font-size: 0.75em; } #submission-form #formWrapper #form1 .ui-datepicker-trigger { margin-left: 7px; } #submission-form #formWrapper #form1 #submit { float: right; cursor: pointer; } #submission-form #formWrapper #form1 p.high { margin: 7px 0 20px 0; } #submission-form #formWrapper #form1 p.high2 { margin: 0 0 7px 0; } #submission-form #formWrapper #form1 p.high3 { margin: 0 0 30px 0; } #submission-form #formWrapper #form1 p.high4 { margin: 0 0 70px 0; } #submission-form #formWrapper #form1 p.high5 { margin: 0 0 10px 0; } #submission-form #formWrapper #form1 p.high6 { margin: 0 0 20px 0; } #submission-form #formWrapper #form1 input.pound { background: #fff url(/images/icn-pound.gif) 0 0 no-repeat; padding-left: 13px; width: 287px; } #submission-form #formWrapper label span { color: red; } #submission-form #formWrapper #form1 input.error { background-color: #f9acac; } #submission-form #formWrapper #form1 label.error { width: 0; height: 0; } #submission-form #formWrapper div.error { border: 1px solid #666; background-color: #f9acac; height: 25px; padding: 15px; margin: 7px; } /* hint box */ #hintbox{ position: absolute; top: 0; background-color: lightyellow; width: 150px; padding: 3px; border: 1px solid black; font: normal 12px Arial; line-height: 14px; z-index:100; border-right: 3px solid black; border-bottom: 3px solid black; visibility: hidden; -moz-opacity: 0.90; -khtml-opacity: 0.90; filter: alpha(opacity=90); }