/* Title: In Depth Date: March 20078 Author: Lynsey Buckley-Ratcliff */ * { margin: 0; padding: 0; list-style-type: none; outline: none} body { margin: 0; padding: 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif; color: #000; text-align: center;} img { border: none; margin: 0; padding: 0;} a img { border: none; margin: 0; padding: 0;} div, p, form, h1, h2, h3, h4, h5, hr, ul, dl, dd, dt, ul, ol, li, object, param, table, tr, td, th { margin: 0; padding: 0;} h1,h2,h3,h4,h5 { margin: 0; padding: 0;} input,textarea,button,select { font-family: Arial, Helvetica, sans-serif;} table { display: block; border-collapse: collapse; border: none;} th { text-align: left;} /* Structure Styles -------------------------------------------------------------------------------- */ #container { width: 780px; padding: 0; margin-top: 0; border: 1px solid #BBBEC0; text-align: left; margin-left: auto; margin-right: auto; background-color: #ffffff;} #header { width: 780px; height: 109px; background: url(../images/header-bg.gif) top right no-repeat;} #header-col1 { float: left; position: relative; width: 244px; height: 109px;} #header-col2 { float: right; display: inline; position: relative; width: 536px; height: 109px;} #wrapper { margin-bottom: 15px; padding: 0; width: 780px;} #leftcol { float: left; position: relative; width: 180px; font-size: 70%;} #twocols { float: right; position: relative; width: 590px;} #rightcol { float: right; position: relative; width: 184px; padding-right: 20px; padding-left: 0;} #maincol { float: left; display: inline; position: relative; width: 386px;} #footer { clear: both; height: 27px; background-color: #30386F;} #wrapper-home { margin-top: 10px; width: 780px;} #twocols-home { float: right; position: relative; width: 566px;} #leftcol-home { background: url(../images/lr-col-bg.gif) no-repeat 0 0; width: 164px; height: 95px; padding: 10px; margin-left: 15px;} #maincol-home { float: left; display: inline; position: relative; background: url(../images/main-col-bg.gif) no-repeat 0 0; width: 332px; height: 95px; padding: 10px;} #rightcol-home { float: right; position: relative; background: url(../images/lr-col-bg.gif) no-repeat 0 0; width: 180px; height: 95px; padding: 10px; margin-left: 12px;} #mainpanel { padding: 140px 25px 0 525px; height: 280px; font-size: 70%;} #mainpanel p { margin-bottom: 9px;} #mainpanel-recruitment { padding: 125px 0 0 350px; height: 280px; font-size: 70%;} #mainpanel-recruitment p { margin-bottom: 9px;} #mainpanel-recruitment td { padding: 4px;} #mainpanel-recruitment a:link, #mainpanel-recruitment a:visited { color: #50BBEA; text-decoration: none; font-weight: bold;} #mainpanel-recruitment a:hover, #mainpanel-recruitment a.active { color: #50BBEA;} #mainpanel-recruitment2 { padding: 125px 25px 0 350px; height: 280px; font-size: 70%;} #recruitmentoverflow { height: 280px; overflow: auto; padding: 0 8px 15px 0;} .recruitment-bttns { margin-top: 40px;} .recruitment-bttns p { padding-bottom: 30px;} .newsoverflow { height: 374px; padding: 0 20px 0 0; overflow: auto;} #mainpanel-privacy { float: left; display: inline; font-size: 70%; width: 780px; height: 424px;} #mainpanel-privacy p { margin-bottom: 10px;} .privacyoverflow { height: 394px; overflow: auto; padding: 30px 40px 0 40px;} #wrapper-news { width: 780px; background: url(../images/news_bg.jpg) 0 0 repeat-y;} #leftcol-news { float: left; position: relative; width: 222px;} #rightcol-news { float: right; position: relative; width: 478px; padding: 50px 0 0 50px;} #wrapper-contact { float: left; display: inline; background: url(../images/contact-img.jpg) 0 0 no-repeat; height: 426px;} #maincol-contact { width: 530px; padding: 25px 0 0 250px;} #maincol-contact p { margin-bottom: 19px; font-size: 70%; color: #011947; line-height: 16px;} #maincol-contact .grey-txt { color: #999999;} #maincol-contact a { color: #999999; font-weight: bold; text-decoration: none;} #maincol-contact a:hover, #maincol-contact a.active { color: #50BBEA; font-weight: bold; text-decoration: none;} /* Backgrounds ---------------------------------------------------------------- */ .whyindepth-bg { background: url(../images/whyindepth_img.jpg) 0 0 no-repeat; height: 425px;} .commercial-bg { background: url(../images/commercial_img.jpg) 0 0 no-repeat; height: 425px;} .windows-bg { background: url(../images/windows_img.jpg) 0 0 no-repeat; height: 425px;} .industrial-bg { background: url(../images/industrial_img.jpg) 0 0 no-repeat; height: 425px;} .hygiene-bg { background: url(../images/hygiene_img.jpg) 0 0 no-repeat; height: 425px;} .pestcontrol-bg { background: url(../images/pestcontrol_img.jpg) 0 0 no-repeat; height: 425px;} .news-bg { background: url(../images/news_img.jpg) 0 0 no-repeat; height: 425px;} .environment-bg { background: url(../images/environment_img.jpg) 0 0 no-repeat; height: 425px;} .recruitment-bg { background: url(../images/recruitment_img.jpg) 0 0 no-repeat; height: 425px;} .contactus-bg { background: url(../images/contactus_img.jpg) 0 0 no-repeat; height: 425px;} /* 'Click Here' Buttons Positions ---------------------------------------------------------------- */ .whyindepth-bttn { margin-top: 32px;} .commercial-bttn { margin-top: 60px;} .windows-bttn { margin-top: 4px;} .industrial-bttn { margin-top: 111px;} .hygiene-bttn { margin-top: 60px;} .pestcontrol-bttn { margin-top: 111px;} .news-bttn { margin-top: 20px;} .environment-bttn { margin-top: 14px;} .recruitment-bttn { margin-top: 20px;} .contactus-bttn { margin-top: 20px;} /* Navigation -------------------------------------------------------------------------------- */ /* Main Navigation ---------------------------------------------------------------- */ #nav { width: 780px; height: 39px; background: url(../images/nav-bg.gif) 0 0 repeat-x; padding: 0; margin: 0;} #nav li { padding: 0; margin: 0; float: left; display: inline; list-style-type: none; font-size: 80%;} #nav.last { margin-right: 0;} li.home { background: transparent url(../images/nav/home.gif) no-repeat 0 0; width: 62px; height: 40px; display: block;} li.home a { width: 62px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/home.gif) no-repeat -62px 0;} li.home a:hover { background-position: 0 -40px; z-index: 50;} li.home-over { background: transparent url(../images/nav/home-over.gif) no-repeat; width: 62px; height: 40px; display: block;} * html li.home a:link, * html li.home a:visited { height: 40px; he\ight:0;} * html li.home a:hover { height: 40px; he\ight:0;} li.whyindepth { background: transparent url(../images/nav/whyindepth.gif) no-repeat 0 0; width: 73px; height: 40px; display: block;} li.whyindepth a { width: 73px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/whyindepth.gif) no-repeat -73px 0;} li.whyindepth a:hover { background-position: 0 -40px; z-index: 50;} li.whyindepth-over { background: transparent url(../images/nav/whyindepth-over.gif) no-repeat 0 0; width: 73px; height: 40px; display: block;} * html li.whyindepth a:link, * html li.whyindepth a:visited { height: 40px; he\ight: 0;} * html li.whyindepth a:hover { height: 40px; he\ight: 0;} li.commercial { background: transparent url(../images/nav/commercial.gif) no-repeat 0 0; width: 73px; height: 40px; display: block;} li.commercial a { width: 73px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/commercial.gif) no-repeat -73px 0;} li.commercial a:hover { background-position:0 -40px; z-index: 50;} li.commercial-over { background: transparent url(../images/nav/commercial-over.gif) no-repeat 0 0; width: 73px; height: 40px; display: block;} * html li.commercial a:link, * html li.commercial a:visited { height: 40px; he\ight: 0;} * html li.commercial a:hover { height: 40px; he\ight: 0;} li.windows { background: transparent url(../images/nav/windows.gif) no-repeat 0 0; width: 73px; height: 40px; display: block;} li.windows a { width: 73px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/windows.gif) no-repeat -73px 0;} li.windows a:hover { background-position:0 -40px; z-index: 50;} li.windows-over { background: transparent url(../images/nav/windows-over.gif) no-repeat 0 0; width: 73px; height: 40px; display: block;} * html li.windows a:link, * html li.windows a:visited { height: 40px; he\ight: 0;} * html li.windows a:hover { height: 40px; he\ight: 0;} li.industrial { background: transparent url(../images/nav/industrial.gif) no-repeat 0 0; width: 75px; height: 40px; display: block;} li.industrial a { width: 75px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/industrial.gif) no-repeat -75px 0;} li.industrial a:hover { background-position:0 -40px; z-index: 50;} li.industrial-over { background: transparent url(../images/nav/industrial-over.gif) no-repeat 0 0; width: 75px; height: 40px; display: block;} * html li.industrial a:link, * html li.industrial a:visited { height: 40px; he\ight: 0;} * html li.industrial a:hover { height: 40px; he\ight: 0;} li.hygiene { background: transparent url(../images/nav/hygiene.gif) no-repeat 0 0; width: 68px; height: 40px; display: block;} li.hygiene a { width: 68px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/hygiene.gif) no-repeat -68px 0;} li.hygiene a:hover { background-position:0 -40px; z-index: 50;} li.hygiene-over { background: transparent url(../images/nav/hygiene-over.gif) no-repeat 0 0; width: 68px; height: 40px; display: block;} * html li.hygiene a:link, * html li.hygiene a:visited { height: 40px; he\ight: 0;} * html li.hygiene a:hover { height: 40px; he\ight: 0;} li.pestcontrol { background: transparent url(../images/nav/pestcontrol.gif) no-repeat 0 0; width: 72px; height: 40px; display: block;} li.pestcontrol a { width: 72px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/pestcontrol.gif) no-repeat -72px 0;} li.pestcontrol a:hover { background-position:0 -40px; z-index: 50;} li.pestcontrol-over { background: transparent url(../images/nav/pestcontrol-over.gif) no-repeat 0 0; width: 72px; height: 40px; display: block;} * html li.pestcontrol a:link, * html li.pestcontrol a:visited { height: 40px; he\ight: 0;} * html li.pestcontrol a:hover { height: 40px; he\ight: 0;} li.news { background: transparent url(../images/nav/news.gif) no-repeat 0 0; width: 55px; height: 40px; display: block;} li.news a { width: 55px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/news.gif) no-repeat -55px 0;} li.news a:hover { background-position:0 -40px; z-index: 50;} li.news-over { background: transparent url(../images/nav/news-over.gif) no-repeat 0 0; width: 55px; height: 40px; display: block;} * html li.news a:link, * html li.news a:visited { height: 40px; he\ight: 0;} * html li.news a:hover { height: 40px; he\ight: 0;} li.environment { background: transparent url(../images/nav/environment.gif) no-repeat 0 0; width: 75px; height: 40px; display: block;} li.environment a { width: 75px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/environment.gif) no-repeat -75px 0;} li.environment a:hover { background-position:0 -40px; z-index: 50;} li.environment-over { background: transparent url(../images/nav/environment-over.gif) no-repeat 0 0; width: 75px; height: 40px; display: block;} * html li.environment a:link, * html li.environment a:visited { height: 40px; he\ight: 0;} * html li.environment a:hover { height: 40px; he\ight: 0;} li.recruitment { background: transparent url(../images/nav/recruitment.gif) no-repeat 0 0; width: 81px; height: 40px; display: block;} li.recruitment a { width: 81px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/recruitment.gif) no-repeat -81px 0;} li.recruitment a:hover { background-position:0 -40px; z-index: 50;} li.recruitment-over { background: transparent url(../images/nav/recruitment-over.gif) no-repeat 0 0; width: 81px; height: 40px; display: block;} * html li.recruitment a:link, * html li.recruitment a:visited { height: 40px; he\ight: 0;} * html li.recruitment a:hover { height: 40px; he\ight: 0;} li.contactus { background: transparent url(../images/nav/contactus.gif) no-repeat 0 0; width: 72px; height: 40px; display: block;} li.contactus a { width: 72px; height: 0; display: block; padding-top: 40px; color: #cccccc; overflow: hidden; background: transparent url(../images/nav/contactus.gif) no-repeat -72px 0;} li.contactus a:hover { background-position:0 -40px; z-index: 50;} li.contactus-over { background: transparent url(../images/nav/contactus-over.gif) no-repeat 0 0; width: 72px; height: 40px; display: block;} * html li.contactus a:link, * html li.contactus a:visited { height: 40px; he\ight: 0;} * html li.contactus a:hover { height: 40px; he\ight: 0;} * html #nav a:hover { height: 40px; he\ight: 0;} #nav a { display: block; height: 0; overflow: hidden;} * html #nav a:link, * html #nav a:visited { height: 40px; he\ight: 0;} /* Footer Navigation ---------------------------------------------------------------- */ #footernav { font-size: 60%; float: right; margin-top: 7px; font-weight: bold;} #footernav li { padding-right: 5px; margin-right: 5px; border-right: 1px solid #ffffff; float: left; display: inline; list-style-type: none;} #footernav li a { color: #ffffff; text-decoration: none;} #footernav li a:hover { color: #ffffff; text-decoration: underline;} #footernav .last-footernav { border-right: none;} /* Content Styles -------------------------------------------------------------------------------- */ /* Main Content ---------------------------------------------------------------- */ .main-content p { padding-bottom: 10px; font-size: 70%; line-height: 16px;} .main-content h1 { font-size: 80%; padding-bottom: 2px; font-weight: normal;} .main-content a, .main-content a:visited { color: #999999; text-decoration: none;} .main-content a:hover, .main-content a.active { color: #999999; text-decoration: underline;} /* News Content */ #main-content { margin: 0; padding: 0;} #main-content h1 { font-size: 130%; font-weight: bold; color: #011947; margin-bottom: 8px;} #main-content h1.heading a:link, #main-content h1.heading a:visited { color: #011947;} #main-content h2 { font-size: 80%; font-weight: bold; color: #011947; margin-bottom: 8px;} #main-content p { font-size: 80%; margin-bottom: 8px; color: #5E6467;} #main-content .img { margin: 10px 0 30px 0;} #main-content .date { font-size: 75%; color: #CACACA;} #main-content a:link, #main-content a:visited { color: #50BBEA; text-decoration: none; font-weight: bold;} #main-content a:hover, #main-content a.active { color: #50BBEA;} #main-content ul { color: #5E6467; margin-bottom: 15px; margin-top: 0;} #main-content li { font-size: 80%; margin-bottom: 3px; list-style: disc; padding-left: 10px; margin-left: 15px; color: #5E6467;} .news-article, .downloads { margin-bottom: 35px; padding-right: 25px;} .news-img { float: right; padding-left: 10px;} #news { background: url(../images/news_img.jpg) 0 0 no-repeat; width: 222px; height: 425px; color: #999999;} #news ul { margin: 0; padding: 0; float: right; text-align: right; padding: 10px 10px 0 0; font-size: 70%;} #news li { margin-bottom: 3px; list-style: none; padding-left: 10px; margin-left: 15px;} #news li a { color: #999999; font-weight: bold; text-decoration: none;} #news li a:hover, #news li a.active { color: #50BBEA; font-weight: bold; text-decoration: none;} #formAdmin { color: #000000; padding: 0; margin: 0;} #formAdmin .date { width: 100px; padding: 3px; border: 1px solid #7F9DB9; margin-top: 1px; font-size: 100%;} #formAdmin .text { width: 250px; padding: 3px; border: 1px solid #7F9DB9; margin-top: 1px; font-size: 100%;} #formAdmin .text-area { width: 450px; padding: 3px; border: 1px solid #7F9DB9; margin-top: 1px; font-size: 100%;} #formSubmit { font-size: 85%; padding: 3px;} #admin-maincol { padding: 30px;} #admin-maincol p { font-size: 80%; margin-bottom: 10px; color: #000000;} #admin-maincol h1 { color: #000000; font-size: 140%; font-weight: normal; margin-bottom: 15px;} #admin-maincol h2 { color: #50BBEA; font-size: 100%; font-weight: normal; margin: 10px 0 15px 0;} #admin-maincol h3 { color: #50BBEA; font-size: 130%; font-weight: normal; margin: 10px 0 15px 0;} #admin-maincol h4 { color: #ffffff; background-color: #007EC6; font-size: 90%; padding: 5px; font-weight: bold; margin: 10px 0 15px 0;} #admin-maincol h5 { font-size: 130%; font-weight: bold; color: #011947; margin-bottom: 8px;} #admin-maincol table { color: #000000;} #admin-maincol th { text-align: left; padding: 2px; color: #ffffff; background-color: #7B7172; border-bottom: 1px solid #999999;} #admin-maincol td { font-size: 80%; padding: 2px 2px 2px 10px;} #admin-maincol ul { color: #000000; margin-bottom: 15px; margin-top: 0;} #admin-maincol li { font-size: 80%; margin-bottom: 3px; list-style: disc; padding-left: 10px; margin-left: 15px; color: #000000;} #admin-maincol a { color: #999999; text-decoration: none; font-weight: bold;} #admin-maincol a:hover, #admin-maincol a.active { color: #50BBEA; text-decoration: none; font-weight: bold;} #admin-maincol TR.RowOverOdd { background-color :#eeecec;} #admin-maincol TR.RowOverEven { background-color :#ffffff;} #admin-maincol TR.RowOverSelected { color: #FFFFFF; background-color: #CCCCCC;} #admin-nav { width: 780px; height: 30px; background-color: #E4EEF1; font-size: 85%;} #admin-nav li { padding: 7px 10px 0 30px; margin: 0; float: left; display: inline; list-style-type: none;} #admin-nav li a { color: #999999; text-decoration: none; font-weight: bold;} #admin-nav li a:hover, #admin-nav li a.active { color: #31386F; text-decoration: none; font-weight: bold;} .invalid, .required { color: #CC0000;} #admin-maincol .sml-txt { font-size: 75%; padding-bottom: 5px;} ul.sitemap ul { padding-top: 4px; margin: 0;} ul.sitemap li { padding-left: 0; margin-left: 0; list-style: none; padding-bottom: 3px;} ul.sitemap ul { margin-left: 15px;} .sitemap li a { color: #999999; font-weight: bold; text-decoration: none;} .sitemap li a:hover, .sitemap li a.active { color: #50BBEA; font-weight: bold; text-decoration: none;} p.icon { display: inline; margin-bottom: 10px;} /* Example List --------------------------------------------------------- .list ul { padding-bottom: 2px; margin: 0; padding: 0;} ul.list { padding-bottom: 2px; margin: 0 20px 0 20px; font-size: 70%; } ul.list li { padding-left: 5px; margin-left: 15px; list-style: none; padding-bottom: 2px;} ul.list ul { margin-left: 15px;} */ /* Forms -------------------------------------------------------------------------------- */ /* Newsletter Form ---------------------------------------------------------------- */ .newsletter-form p { margin-bottom: 14px;} #newsletter-form p { color: #666666; margin-top: 6px;} #newsletter-form .text { width: 85px; height: 13px; padding: 2px; border: 2px solid #D3D3D3; font-size: 100%} #newsletter-form .sendbttn { vertical-align: top; font-size: 100%;} /* Search Form ---------------------------------------------------------------- */ #searchForm p { font-size: 80%; color: #999999; margin: 40px 0 0 180px;} #searchForm .text { width: 120px; padding: 2px; border: 2px solid #D3D3D3;} #searchForm .submitbttn { vertical-align: bottom;} /* Additional Styles -------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix { display: inline-table;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix { display: block;} /* End hide from IE-mac */