/* CSS Template by Juuce Interactive ?2008 Author: Samuel Larcher */ /* ---------------- INITIAL START ------------- */ * { margin: 0px; padding: 0px;} h1 { padding-bottom: 10px;} h2 { padding-bottom: 7px;} h3, h4, h5 { padding-bottom: 5px;} p { padding-bottom: 10px; line-height: 18px; } form label button { cursor: pointer; } .input { background: none; border: none; font: normal normal 12px Arial, Helvetica, sans-serif; color: #686868; } /* Special form resets and/or styles look in forms.css */ img { border: 0px !important; } ul li { list-style: none; } #content ul li { list-style: none; background: url(/images/basics/listpoint.png) 0px 5px no-repeat; padding-left: 20px; line-height: 20px; } #content ul { padding-bottom: 10px; } /* ---------------- INITIAL END ------------- */ /* ---------------- FONT ------------- */ h1 { font: normal bold 20px Georgia, "Times New Roman", Times, serif; color: #13528b; } h2 { font: normal bold 18px Georgia, "Times New Roman", Times, serif; color: #13528b; } h3 { font: normal bold 16px Georgia, "Times New Roman", Times, serif; color: #13528b; } h4 { } a { color: #13528b; } a:hover { text-decoration: none; } /* ---------------- BASICS ------------- */ html { background: #ebebeb; } body { background: #ebebeb url(/images/basics/bg.jpg) left top repeat-x; font: normal normal 12px Arial, Helvetica, sans-serif; color: #686868; line-height: 16px; } #mainWrapper { width: 808px; background: url(/images/basics/bg_repeat.jpg) left top repeat-y; margin: 0 auto 0 auto; } #topwrapper { background: url(/images/basics/bg_top.png) left top no-repeat; min-height: 700px; height:auto !important; height:700px; } #topwhite { padding: 15px 35px 10px 0; } #banner { background: url(/images/basics/bg_banner.jpg) 19px 0px no-repeat; height: 201px; } #logo { position: absolute; margin-left: 508px; width: 282px; height: 101px; background: url(/images/basics/logo.png) } #logo span { display: none; } button.searchsite { background: none; border: none; background: url(/images/buttons/button_searchsite.png) 0px 0px no-repeat; height: 27px; overflow: hidden; width: 102px; cursor: pointer; position: relative; top: -1px; } button.searchsite:hover { background-position: 0px -27px; } #siteSearchField { background: none; border: none; background: url(/images/basics/bg_search.png) left top no-repeat; width: 132px; height: 19px; font: normal normal 12px Arial, Helvetica, sans-serif; padding: 4px 5px 0 10px; display: block; margin-right: 5px; } #leftColumn { width: 190px; } /* ---------------- BOXES FEATURED CONTAINER ------------- */ #askLouise { background: url(/images/basics/ask_louise_bg.jpg) left top no-repeat; width: 169px; height: 118px; margin-left: 19px; margin-top: 10px; } #askLouise a { display: block; background: url(/images/buttons/askLouise.png) left top no-repeat; width: 82px; height: 25px; overflow: hidden; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; text-decoration: none; text-align: center; padding-top: 3px; margin: 7px 0 0 75px; } #askLouise a:hover { background-position: 0px -28px; } #askLouise h2 { padding: 10px 0 0 65px; } #askLouise p { padding: 7px 0 0 65px; text-align: center; } #HP_article { width: 263px; margin-left: 40px; margin-top: 40px; } #HPscroll { height: 300px; width: 258px; position: relative; overflow: auto; padding-right: 5px; } #contentPosition { margin-left: 40px; margin-top: 40px; width: 550px; } #maincontent { padding-right: 15px; } #HP_practiceLocator { width: 255px; margin: 40px 0 0 15px; } #HP_practiceLocator .HP_practiceLocatorBG { background: url(/images/basics/practicegroup_bg.png) left top no-repeat; height: 297px; } #HP_practiceLocator p { padding: 10px 15px 10px 15px; } #HP_practiceLocator img { margin-top: 10px; } #specialFooter { text-align: right; padding: 20px 35px 0 0; font-size: 11px; } #specialFooter li a { color: #143583 !important; } #specialFooter li a:hover { color: #f48f00 !important; } #slideshow { position: absolute; margin: 18px 0 0 50px; } #slideshow ul li { display: inline; margin-left: 10px; } #slideshow .first { margin: 0; } #newsScroll { background: #7dafd8; height: 21px; position: relative; width: 525px; margin: -30px 0 0 232px; overflow: hidden; font: normal bold 14px Arial, Helvetica, sans-serif; color: white; padding: 4px 0 0 5px; } #tickerTape { overflow:hidden;width:auto;white-space:nowrap; display:inline;} .listbox { background: url(/images/basics/listBoxes_line.jpg) left bottom repeat-x; padding: 10px 0 10px 0; } .historyDate { background: url(/images/basics/bg_history_date.png) left top no-repeat; width: 118px; height: 40px; text-align: center; padding-top: 15px; } .historyDateDouble { padding-top: 10px; } .historyHeader { background: url(/images/basics/bg_history_header.png) left top no-repeat; width: 379px; height: 40px; padding: 15px 0 0 10px; margin-left: 8px; } .historyHeaderDouble { height: 40px; padding: 9px 0 0 10px; } .historyDate h3, .historyHeader h3 { font-size: 13px; } .radiologistHeader { background: url(/images/basics/bg_radiologist_header.png) left top no-repeat; width: 502px; height: 49px; padding: 6px 0 0 10px; margin-bottom: 9px; } .radiologistHeaderSingle { background: url(/images/basics/bg_radiologist_header.png) left top no-repeat; width: 502px; height: 40px; padding: 15px 0 0 10px; margin-bottom: 9px; } .headerFullbg { background: url(/images/basics/bg_header_full.png) left top no-repeat; width: 502px; height: 40px; padding: 15px 0 0 10px; } .NewsarticleHeader { background: url(/images/basics/bg_newsarticle.png) left top no-repeat; width: 504px; height: 50px; padding: 15px 0 0 10px; } .NewsarticleHeaderDouble { height: 58px; padding: 7px 0 0 10px; } .NewsarticleHeader h3 { color: white; } #tableLocations { clear: both; border-collapse: collapse; margin-top: 8px; } #tableLocations tr td { border-color: white; padding: 8px; border: 5px solid white; } #tableLocations tr { background: #f5f5f5; } #tableLocations tr:hover { background: #e9e9e9; } .tableLocationWrapper { padding: 0 13px 0 25px; } #tableLocations .suburb { width: 150px; } #tableLocations .practiceGroup { width: 100px; } #tableLocations .clinicName { width: 100px; } #tableLocations .address { width: 130px; } #tableLocations .phone { width: 80px; } #tableLocations .fax { width: 80px; } #tableLocations .firstRow { background: white; font-weight: bold; color: #143583; } #tableLocations .firstRow td { padding-bottom: 3px; padding-top: 3px;} #memberOf { padding: 0 4px 0 19px; margin-top: 10px; } #memberOf div { height: 111px; width: auto; background: url(/images/basics/bg_memberof.jpg) 0px 33px repeat-x; } #memberOf img { display: block; margin: 0 auto 0 auto; } #content .proceduresList li { background: none; padding: 0; } .proceduresDownload { display: block; background: url(/images/basics/bg_download.png) left top no-repeat; width: 467px; height: 33px; padding: 15px 0 0 50px; overflow: hidden; margin-top: 3px;} .proceduresDownload:hover { background-position: 0px -48px; color: white; } #content #faqsQA li { background: none; padding: 0; margin-top: 3px; } #faqsQA .faqQ { display: block; background: url(/images/basics/bg_faqs.png) left top no-repeat; width: 442px; height: 38px; overflow: hidden; padding: 10px 20px 0 60px; line-height: 14px; } #faqsQA .faqDouble { height: 38px; overflow: hidden; padding: 10px 0 0 60px; } #faqsQA .faqQ:hover { background-position: 0px -48px; color: white; } #glossaryNavigation { padding: 0 0 10px 0; position: absolute; width: 550px; } #content #glossaryNavigation li { background: none; padding-left: 0; float: left; } #glossaryNavigation .glossaryA a { display: block; background: url(/images/glossary/a.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryB a { display: block; background: url(/images/glossary/b.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryC a { display: block; background: url(/images/glossary/c.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryD a { display: block; background: url(/images/glossary/d.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryE a { display: block; background: url(/images/glossary/e.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryF a { display: block; background: url(/images/glossary/f.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryG a { display: block; background: url(/images/glossary/g.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryH a { display: block; background: url(/images/glossary/h.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryI a { display: block; background: url(/images/glossary/i.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryJ a { display: block; background: url(/images/glossary/j.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryK a { display: block; background: url(/images/glossary/k.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryL a { display: block; background: url(/images/glossary/l.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryM a { display: block; background: url(/images/glossary/m.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryN a { display: block; background: url(/images/glossary/n.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryO a { display: block; background: url(/images/glossary/o.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryP a { display: block; background: url(/images/glossary/p.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryQ a { display: block; background: url(/images/glossary/q.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryR a { display: block; background: url(/images/glossary/r.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryS a { display: block; background: url(/images/glossary/s.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryT a { display: block; background: url(/images/glossary/t.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryU a { display: block; background: url(/images/glossary/u.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryV a { display: block; background: url(/images/glossary/v.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryW a { display: block; background: url(/images/glossary/w.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryX a { display: block; background: url(/images/glossary/x.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryY a { display: block; background: url(/images/glossary/y.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryZ a { display: block; background: url(/images/glossary/z.png) left top no-repeat; height: 22px; width: 21px; overflow: hidden; } #glossaryNavigation .glossaryA a:hover, #glossaryNavigation .glossaryA a.selected, #glossaryNavigation .glossaryB a:hover, #glossaryNavigation .glossaryB a.selected, #glossaryNavigation .glossaryC a:hover, #glossaryNavigation .glossaryC a.selected, #glossaryNavigation .glossaryD a:hover, #glossaryNavigation .glossaryD a.selected, #glossaryNavigation .glossaryE a:hover, #glossaryNavigation .glossaryE a.selected, #glossaryNavigation .glossaryF a:hover, #glossaryNavigation .glossaryF a.selected, #glossaryNavigation .glossaryG a:hover, #glossaryNavigation .glossaryG a.selected, #glossaryNavigation .glossaryH a:hover, #glossaryNavigation .glossaryH a.selected, #glossaryNavigation .glossaryI a:hover, #glossaryNavigation .glossaryI a.selected, #glossaryNavigation .glossaryJ a:hover, #glossaryNavigation .glossaryJ a.selected, #glossaryNavigation .glossaryK a:hover, #glossaryNavigation .glossaryK a.selected, #glossaryNavigation .glossaryL a:hover, #glossaryNavigation .glossaryL a.selected, #glossaryNavigation .glossaryM a:hover, #glossaryNavigation .glossaryM a.selected, #glossaryNavigation .glossaryN a:hover, #glossaryNavigation .glossaryN a.selected, #glossaryNavigation .glossaryO a:hover, #glossaryNavigation .glossaryO a.selected, #glossaryNavigation .glossaryP a:hover, #glossaryNavigation .glossaryP a.selected, #glossaryNavigation .glossaryQ a:hover, #glossaryNavigation .glossaryQ a.selected, #glossaryNavigation .glossaryR a:hover, #glossaryNavigation .glossaryR a.selected, #glossaryNavigation .glossaryS a:hover, #glossaryNavigation .glossaryS a.selected, #glossaryNavigation .glossaryT a:hover, #glossaryNavigation .glossaryT a.selected, #glossaryNavigation .glossaryU a:hover, #glossaryNavigation .glossaryU a.selected, #glossaryNavigation .glossaryV a:hover, #glossaryNavigation .glossaryV a.selected, #glossaryNavigation .glossaryW a:hover, #glossaryNavigation .glossaryW a.selected, #glossaryNavigation .glossaryX a:hover, #glossaryNavigation .glossaryX a.selected, #glossaryNavigation .glossaryY a:hover, #glossaryNavigation .glossaryY a.selected, #glossaryNavigation .glossaryZ a:hover, #glossaryNavigation .glossaryZ a.selected { background-position: 0px -22px; } .glossaryMargin { margin-top: 30px; } /* ---------------- BUTTON AND FORMS ------------- */ .buttonMiddle { background: url(/images/buttons/button_middle.png) left top repeat-x; height: 28px; } .buttonLeft { background: url(/images/buttons/button_left.png) left top no-repeat; height: 28px; } .buttonRight { background: url(/images/buttons/button_right.png) right top no-repeat; height: 28px; text-align: center; color: #143583; } .buttonRight a { text-decoration: none; display: block; height: 25px; padding-top: 3px; padding-left: 2px; color: #143583; } .buttonRight a:hover, .button:hover { color: #f48f00; } .buttonRight button { background: none; border: none; font: normal normal 12px Arial, Helvetica, sans-serif; color: #143583; padding-top: 0px; height: 23px; cursor: pointer; width: 100%; } #orderForm { border-collapse: collapse; } #orderForm td { padding: 0 0 0 10px; background: none; } #orderForm td.first { width: 100px; } #orderForm td.second { width: 10px; } #orderForm td.third { background: url(/images/basics/inputfield.png) left top no-repeat; width: 297px; height: 28px; } #orderForm td.third input { width: 280px; } #orderForm .message .third { background: url(/images/basics/bg_contactMessage.png) left top no-repeat; width: 404px; height: 215px; } #orderForm .message .third .textarea { background: none; border: none; height: 200px; width: 380px; font: normal normal 12px Arial, Helvetica, sans-serif; color: #686868; } /* ---------------- MAIN NAVIGATION ------------- */ #navigation { padding-top: 15px; width: 190px; } #navigation ul { margin: 0; padding: 0;} #navigation ul li a { margin-top: 3px; } #navigation ul li a.selected { margin-top: 3px; } #navigation ul li { width: 190px; height: 20px; display: inline; background: none; padding: 0; } #navigation ul li a span { display: none; } #navigation ul li #home { display: block; background: url(/images/buttons/home.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #home:hover, #navigation ul li #home.selected { background-position: 0px -20px; } #navigation ul li #about { display: block; background: url(/images/buttons/about.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #about:hover, #navigation ul li #about.selected { background-position: 0px -20px; } #navigation ul li #radiologists { display: block; background: url(/images/buttons/radiologists.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #radiologists:hover, #navigation ul li #radiologists.selected { background-position: 0px -20px; } #navigation ul li #news { display: block; background: url(/images/buttons/news.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #news:hover, #navigation ul li #news.selected { background-position: 0px -20px; } #navigation ul li #patients { display: block; background: url(/images/buttons/patients.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #patients:hover, #navigation ul li #patients.selected { background-position: 0px -20px; } #navigation ul li #procedures { display: block; background: url(/images/buttons/procedures.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #procedures:hover, #navigation ul li #procedures.selected { background-position: 0px -20px; } #navigation ul li #testimonials { display: block; background: url(/images/buttons/testimonials.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #testimonials:hover, #navigation ul li #testimonials.selected { background-position: 0px -20px; } #navigation ul li #referrers { display: block; background: url(/images/buttons/referrers.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #referrers:hover, #navigation ul li #referrers.selected { background-position: 0px -20px; } #navigation ul li #faqs { display: block; background: url(/images/buttons/faqs.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #faqs:hover, #navigation ul li #faqs.selected { background-position: 0px -20px; } #navigation ul li #contact { display: block; background: url(/images/buttons/contact.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #contact:hover, #navigation ul li #contact.selected { background-position: 0px -20px; } #navigation ul li #locations { display: block; background: url(/images/buttons/locations.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #locations:hover, #navigation ul li #locations.selected { background-position: 0px -20px; } #navigation ul li #glossary { display: block; background: url(/images/buttons/glossary.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #glossary:hover, #navigation ul li #glossary.selected { background-position: 0px -20px; } #navigation ul li #career { display: block; background: url(/images/buttons/careers.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #career:hover, #navigation ul li #career.selected { background-position: 0px -20px; } #navigation ul li #backLocations { display: block; background: url(/images/buttons/backToLocations.png) left top no-repeat; height: 20px; overflow: hidden; } #navigation ul li #backLocations:hover { background-position: 0px -20px; } #navigation ul li ul { display: block; width: 180px; position: absolute !important; display: none; text-decoration: none; margin-left: 187px !important; margin-top: -20px; background: none; z-index: 100; } #navigation ul li li a { display: block; width: 172px; background: url(/images/basics/trans_subna.png); padding-left: 8px; margin: 0; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; text-decoration: none; padding-top: 2px; padding-bottom: 2px; } #navigation ul li li a:hover { width: 172px; background: #143583; color: #f48f00; } #navigation ul li:hover ul, #navigation ul li.over ul { display: block; } #navigation ul li ul li { margin-left: 0px !important; } #practiceLocatorDrop.sub { position: absolute; margin: 0 0 0 38px; z-index: 1; } #practiceLocatorDrop ul li { background: none; padding: 0; line-height: 16px; } #practiceLocatorDrop ul { margin-left: 10px; height: 40px; } #practiceLocatorDrop ul li ul { display: block; width: 220px; position: absolute; z-index: 500; display: none; text-decoration: none; margin-left: 10px; margin-top: 0px; background: none; } #practiceLocatorDrop ul li li a { display: block; width: 212px; background: url(/images/basics/trans_subna.png); padding-left: 8px; padding-bottom: 3px; margin: 0; font: normal bold 12px Arial, Helvetica, sans-serif; color: white; text-decoration: none; padding-top: 2px; } #practiceLocatorDrop ul li li a:hover { width: 212px; background: #143583; color: #f48f00; } #practiceLocatorDrop ul li:hover ul, #practiceLocatorDrop ul li.over ul { display: block; } #practiceLocatorDrop ul li ul li { margin-left: 0px; } #practiceLocatorDrop ul li .droppi { display: block; overflow: hidden; background: url(/images/basics/dropdown_styled.png) left top no-repeat; width: 227px; padding: 3px 10px 0 10px; text-decoration: none; color: #143583; height: 20px; } #practiceLocatorDrop ul li .droppi:hover { background-position: 0px -23px; } #practiceMembers ul { background: #b7b7b7; margin: 0 19px 0 19px; padding: 10px 0 10px 10px; width: 760px; } #practiceMembers h3 { padding: 8px 0 8px 40px; } #practiceMembers ul li a { margin-left: 6px; } #practiceMembers ul li { display: inline; background: none; padding: 0; } #content fieldset { width: 520px; border: 1px solid #143583; } #content fieldset legend { margin-left: 10px; font-weight: bold; color: #f48f00; padding: 0 5px 5px 5px; font-size: 14px; margin-top: 15px; } #content .practiceLocation { border-collapse: collapse; } #content .practiceLocation td { text-align: left; vertical-align: top; line-height: 14px; padding: 5px 0 5px 13px; background: none; } #content .practiceLocation .first { width: 100px; background: #143583; color: white; font-weight: bold; border: 1px solid #efefef; } #content .practiceLocation .second { width: 399px; background: white; border: 1px solid #efefef; } /* ---------------- FOOTER ------------- */ #footer { background: url(/images/basics/bg_footer.png) left top no-repeat; width: 808px; height: 65px; margin: 0 auto 0 auto; text-align: center; padding: 10px 0 0 0; } #footer ul li { display: inline; margin-left: -2px; background: none; padding: 0; } #footer ul li a { text-decoration: none; color: #a0a0a0; font-size: 11px; } #footer ul li a:hover { color: #143583; } #footerCopy {background: url(/images/basics/bg_repeat.jpg) left top; width: 808px; margin: 0 auto 0 auto; text-align: center; } #fcopy {padding: 5px 43px;font-size: 11px;} /* ---------------- SPECIALS ------------- */ .left { float: left; } .right { float: right; } .clear { clear: both; } .gray { color: #5d5d5d; } .blue { color: #143583; } .fontSize10 { font-size: 10px; } .fontSize11 { font-size: 11px; } .fontSize12 { font-size: 12px; } .fontSize13 { font-size: 13px; } .fontSize14 { font-size: 14px; } .bold { font-weight: bold; } .normal { font-weight: normal; } .italic { font-style: italic; } .underline { text-decoration: underline; } .backgroundYellow { background: yellow; } .backgroundRed { background: red; } .backgroundSilver { background: silver; } .backgroundBlack { background: black; } .backgroundBlue { background: blue; } .backgroundWhite { background: white; } .padding_B_5px { padding-bottom: 5px; } .padding_B_10px { padding-bottom: 10px; } .padding_B_15px { padding-bottom: 15px; } .padding_L_5px { padding-left: 5px; } .padding_L_10px { padding-left: 10px; } .padding_L_15px { padding-left: 15px; } .posRelative { position: relative; } .displayNone { display: none !important; } #tickerTape a { color: white; }