﻿/*--ROSE PEST SOLUTIONS--
-------------------------------------------------------------*/
/*--GENERAL STYLE--
---------------------------------*/
body {font-family:Arial, Helvetica, sans-serif; font-size:small; margin:0; padding:0; background:#b8cde0 url('/layout-2010/images-2010/body-bg.jpg') repeat-x top left;}
a {margin:0; padding:0; border:none; color:#D21244; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
img {margin:0; padding:0; border:none;}
p {margin:10px 0px; xpadding:10px 0px;}
table {border:none; margin:0; padding:0;}
table td, table th {vertical-align:top;}
h2 {margin:10px 0;}
#wrapper {width:1000px; margin:0 auto 20px auto; padding:0; position:relative;}
.float-left {float:left;}
.float-right {float:right;}
.nav-left {width:auto; height:130px; z-index:1; float:left;}
.nav-left-hidden {width:auto; height:130px; z-index:1; float:left; color:white;}
.nav-float-right {float:right; z-index:2; width:auto; margin:auto; height:auto;}
.pest-content {clear:left;}
.pest-container {position:relative;}
.clear {clear:both;}
.clear-left {clear:left;}
#footnote {text-align:right; margin:0px 40px 0 0; font-size:90%;}
#footnote a {color:#000000; text-decoration:none; font-weight:normal;}
#footnote a:hover {text-decoration:underline;}
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* required comment for clearfix to work in Opera \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end clearfix */
#breadcrumb {padding-bottom:10px;}

/*--FONT STYLE--
---------------------------------*/
h1, h2, h3, h4, h5, h6 {color:#004b92; margin:10px 0;}
h2 {font-size:150%;}

/*--HEADER STYLE--
---------------------------------*/
#header-wrapper {width:1000px; height:155px; margin:0; padding:0; background:url(/layout-2010/images-2010/header-bg-new.png) no-repeat; position:relative;}
#header {width:932px; height:155px; margin-bottom:20px; z-index:3; position:relative;}
#logo {position:absolute; top:30px; left:80px; height:75px; width:428px;}
#logo-new {position:absolute; top:0px; left:34px; height:155px; width:490px;}
#logo-new-bg {position:absolute; top:0px; left:34px; height:155px; width:490px;}
#logo-new-fg {position:absolute; z-index:11; top:0px; left:71px; height:155px; width:197px;}
#header-banner {position:absolute; top:0px; left:0px; z-index:10;}
/*#header-phone {float:right; margin:30px 40px 0 0; color:#ce1243; font-size:220%; font-weight:bold; text-align:right;}*/
#header-phone {float:right; margin:17px 20px 0 0; color:#ce1243; font-size:11px; text-align: right;}
.header-phone-number {font-size:34px; font-weight:bold;}

/*--NAVIGATION STYLE--
---------------------------------*/
#nav-wrapper {position:absolute; margin:0 0 0 34px; padding:0; width:246px; background:url('/layout-2010/images-2010/side-nav-bg.png') repeat-y; z-index:9; min-height:100%;}
/*#nav-wrapper {float:left; margin:145px 0 0 34px; padding:0; width:241px;}*/
#main-nav {margin:0; padding:145px 0 0 0;}
#main-nav-blog {margin:0; padding:0;}
#main-nav li {margin:0; padding:0; list-style:none;}
#main-nav a {color:#FFFFFF; text-decoration:none; font-size:110%; font-weight:normal; display:block; padding:3px 0 3px 10px; margin-left:20px; width:210px;}
.sub-menu-header {background:url(/layout-old/images/nav-arrow-right.png) no-repeat left center;}
.sub-menu-header .active, .sub-menu-header .current, .sub-menu-header .currentParent {background:url(/layout-old/images/nav-arrow-down.png) no-repeat left center;}
.sub-menu-header:hover {background:url(/layout-old/images/nav-arrow-down.png) no-repeat left center; /*---TO TEST ACTIVE STATE LOCALLY-----*/}
#main-nav a:hover {background-color:#004b92;}
#main-nav li ul {margin:0 6px 0 0; padding:0;}
#main-nav li.header {line-height:15px;}
#main-nav li ul li.item a:hover {background-color:transparent; font-weight:bold;}
#main-nav li ul li.item {width:220px; float:right; background:#e74f76 url('/layout-2010/images-2010/nav-middle.jpg') repeat-y}
#main-nav li ul li.item a.first {background:url('/layout-2010/images-2010/nav-top-corner.jpg') no-repeat top left; padding-top:8px;}
#main-nav li ul li a.first current, #main-nav li ul li a.current {font-weight:bold;}
#main-nav li ul li.item a.last, #main-nav li ul li a.lastCurrent {background:url('/layout-2010/images-2010/nav-bottom-corner.jpg') no-repeat bottom left; padding-bottom:8px;}
#main-nav li ul li.item a {padding:3px 0 3px 15px; width:220px; background-color:transparent; margin:0;}

/*--PEST NAV--
-----------------------------------*/
.pest-nav {margin:25px 0 0 14px; padding:0;}
.pest-nav table{margin:0px; padding:0px;}
.pest-nav div {width:112px; vertical-align:bottom;}
.pest-nav div.pest-nav-image {background:url(/layout-old/images/pest-nav-top.gif) no-repeat 0 0; height:50px;}
.pest-nav div.pest-nav-image a{display:block; width:112px; height:50px; text-align:center; padding-top:6px;}
.pest-nav div.pest-nav-textbox {background:url(/layout-old/images/pest-nav-textbox.gif) no-repeat 0 0; height:18px; text-align:center; vertical-align:middle; padding-bottom:8px; padding-right:8px;}
.pest-nav div.pest-nav-textbox a {text-decoration:none; color:#FFFFFF; display:block; width:112px; height:18px;}
.pest-nav div img {margin:0 auto;}

/*--CONTENT STYLE--
---------------------------------*/
#content-bg {width:1000px; margin:0 auto; background:url('/layout-2010/images-2010/wrapper-bg-plain-new.png') repeat-y 0 0; position:relative; z-index:1;}
#content-top-noimage-placeholder {height:124px;}
#content-wrapper {width:636px; float:left; margin:10px 0 0 302px; padding:0 0 40px 0; position:relative; min-height:400px;}
/*#content-wrapper {width:636px; float:left; margin:10px 0 0 28px; padding:0 0 0 0;}*/
#content-area {position:relative; width:636px; float:right; clear:none;}
#content-top-image {position:relative; margin:75px 0 0 275px; padding:0;}
.content-top-image {position:relative; margin:0; padding:0;}
#side-bar {float:right; margin:20px 0 0 7px; width:195px;}
#side-bar a {display:block;}
.side-bar-ad {float:right; clear:right; margin:0 2px 10px 10px; *margin:0 2px 10px 12px; /*--TARGETS IE 7 ONLY--*/}
.box {width:195px; float:right; clear:right; background:url(/layout-old/images/box-bg-bottom.gif) no-repeat bottom left; margin:0 0 10px 10px;}
.box-top {width:195px; padding:3px 10px; margin:0; text-align:center; width:175px; color:#FFFFFF; background:url(/layout-old/images/box-bg-top.gif) no-repeat 0 0;}
.box-top h1, .box-top h2, .box-top h3, .box-top h4, .box-top h4, .box-top h5 {margin:0; padding:0; color:#FFFFFF;}
.box .box-content {background:url(/layout-old/images/box-bg.gif) repeat-y 0 0; width:165px; padding:5px 15px 10px 15px; display:block;}
.newspaper-bg {background:url(/layout-old/images/newspaper-image.jpg) no-repeat bottom right; width:190px; margin:0 0 0 -15px; padding:0;}
.box .box-content-inner {width:165px; padding:0 0 0 15px;}
a.title-blog {font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:left;}
p.date-blog {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:xx-small;}
a.read-blog {font-family:Arial, Helvetica, sans-serif; text-align:left; font-size:xx-small; color:black;}
.box .box-content h1, .box .box-content h2, .box .box-content h3, .box .box-content h4, .box .box-content h5, .box .box-content h6 {text-align:center;}
#side-bar .box .box-content img {margin:0 auto; clear:none; float:none;}
.box .box-bottom {width:175px; padding:3px 10px 7px 10px; text-align:center; clear:both;}
.box .box-bottom a {color:#FFFFFF; font-weight:bold; font-size:16px;}
.box a {text-decoration:none; color:#004b92;}
.box a:hover {text-decoration:underline;}
.structure-icon {margin:0 5px 5px 0;}
.buttons {margin:15px 7px 15px 0;}
#pest-chart {margin-bottom:20px;}
#pest-chart td.pest-type a {color:#004b92; font-size:80%; text-align:center; padding-bottom:10px; text-decoration:none;}

/*--FOOTER STYLE--
---------------------------------*/
#footer-wrapper {width:1000px; height:150px; margin:0; padding:0; clear:both;}
#footer-bg {width:1000px; height:110px; background:url('/layout-2010/images-2010/footer-bg.png') no-repeat; position:relative;}
#footer-bottom {width:1000px; height:80px; background:url('/layout-2010/images-2010/footer-bottom-bg.png') no-repeat;}
#footer-content {width:595px; height:90px; position:absolute; left:364px; top:0; padding:20px 0 0 0; z-index:4;}
.footer-phone {position:relative; top:0; left:0; color:#00498f; font-size:10px; margin:0; padding:0; padding:20px 0 40px 70px; display:block; z-index:3;}
.footer-phone-number {font-size:26px; font-weight:bold;}
.footer-info-title {font-size:12px; font-weight:bold;}

/*--NEWSLETTER STYLE--
---------------------------------*/
p.news-date {font-size:100%; font-weight:bold; color:#004b92; margin-top:0;}
#news-box {width:221px; margin-bottom:15px; margin:20px 0 0 10px; padding-bottom:10px; background:url('/layout-2010/images-2010/newsletter-nav-bottom.gif') no-repeat bottom left;}
#news-box-top {padding:14px 10px 2px 10px; margin:0; background:url('/layout-2010/images-2010/newsletter-nav-top.gif') no-repeat 0 0;}
#news-box-content {width:221px; padding:5px 15px; display:block; background:url('/layout-2010/images-2010/newsletter-nav-bg.gif') repeat-y 0 0; color:#FFFFFF;}
#news-box-content ul {width:201px; margin:0; padding:0; list-style:none;}
#news-box a {color:#FFFFFF; padding-left:10px; background:url('/layout-old/images/nav-arrow-right.png') no-repeat left center; font-size:100%; font-weight:bold; text-decoration:none; display:block; margin:0 0 5px 0;}
#news-box a.active, #news-box a.current, #news-box a.currentParent {background:#b9bdcd url('/layout-old/images/nav-arrow-down.png') no-repeat left center;}
#news-box a:hover {color:#0e1a51; background-color:#b9bdcd;}
#news-box li ul li a {background:none; font-weight:normal; margin:0 0 5px 4px;}
#news-box li ul li a.active, #news-box li ul li a.current, #news-box li ul li a.currentParent {background-image:none;}
#news-box h1, #news-box h2, #news-box h3, #news-box h4, #news-box h4, #news-box h5 {margin:0 0 0 15px; padding:2px 0; color:#FFFFFF;}
#content-area .postNav {text-align:right;}
.image-wrapper-1 {float:right; margin:15px 0 5px 15px; clear:right; position:relative; width:250px; text-align:center;}
.image-caption-1 {text-align:center; font-style:italic; margin:5px 0; width:250px;}
.image-wrapper-2 {float:right; margin:15px 0 5px 15px; clear:right; position:relative; width:250px; text-align:center;}
.image-caption-2 {text-align:center; font-style:italic; margin:5px 0; width:250px;}
.image-spacer-1 {float:right; clear:right; height:75px; z-index:1; position:relative;}
.image-spacer-2 {float:right; clear:right; height:50px; z-index:1; position:relative;}

/*--SEARCH SPECIFIC STYLE--
----------------------------------*/
#search-box {width:185px; margin:15px 0 15px 30px;}
#search-term {color:#004990; border:1px #004990 solid; padding:1px 5px 2px 5px; font-size:12px; width:170px;}

/*--CONTACT FORM STYLES--
-----------------------*/
table.contact-form-table {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
td.contact-row {margin:0; padding:5px 0;}
td.label {font-size:12px; margin:0; padding:8px 5px 0 0;}
td.field {font-size:12px; margin:0; padding:5px 5px 0 0;}
td.field input {overflow:hidden;}
textarea.area-field {font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:5px 5px 0 0;}
span.alert {color:red;}
button.ui-datepicker-trigger {margin:0 0 0 5px; padding:0;}
button.ui-datepicker-trigger img {vertical-align:text-top;}
td.description-field {font-size:11px; color:#a2a2a2;}

/*--AUDIO AREA STYLES--
---------------------*/
.audio-table {margin:0 auto;}
.audio-wrapper {position:relative; margin:15px; padding:0;}
.audio-player {position:absolute; top:37px; left:20px;}
.audio-supporting-text {position:absolute; top:105px; left:20px; width:163px; margin:0; padding:0;}
.audio-supporting-text p {color:#ffffff; font-size:9px; font-style:italic;}

/*--MSDS & LABELS STYLES--
------------------------*/
#msds-wrapper {position:relative;}
#msds-search {clear:both; margin:20px 0 0 0; }
.search-input-text {width:295px;}
.msds-button {text-align:center; width:80px;}
#pdfFrame {width:630px; height:420px; margin:20px 0 20px 0; padding:0; position:relative;}
#pdfFrame-large {width:630px; height:700px; margin:20px 0 20px 0; padding:0; position:relative;}
#search-form {margin:30px 0 30px 0;}
select.msds-select {width:315px;}

/*--INFO BOX STYLES--*/
#info-box-wrapper {position:relative; float:right; clear:right; width:269px; background-color:#004b92; margin:0 0 15px 15px;}
.info-box {padding:15px; color:#ffffff;}
.info-box a, .info-box h1, .info-box h2, .info-box h3, .info-box h4, .info-box h5, .info-box h6 {color:#ffffff;}
.info-box-top {position:absolute; top:0;}
.info-box-bottom {position:absolute; bottom:0;}
#info-box-spacer {position:relative; float:right; width:10px; height:55px;}







/*--END--*/
