/*
WHITE LABEL TEMPLATE - v1.0
Basic website template for rapid deployment and development.
This version tested as of 18/08/2009 with the following Windows browsers:
- IE6
- IE7
- FF2
- Safari 4 (Win) (Webkit 528.1)
- Opera 9.64
- Chrome 2.0.172.39
*/
body {
font-family:arial, sans-serif;
font-size:70%;
color:#222;
background:#E9EBF7 url(../i/bkg.gif) 0 0;
}
p
{
color:#666;
line-height:150%;
font-size:110%;
padding-bottom:15px;
}
#page_content img
{
float:left;
padding:10px 20px 10px 0;
}
#page_content h1
{
color:#DC0E13;
font-size:200%;
font-weight:normal;
}
#page_content h2
{
color:#003366;
font-size:130%;
padding-top:0px;
clear:left;
}
h3,
h4 {
color:#003366;
clear:both;margin: 0.7em 0 0.3em;
}
#home-left-col h1, #home-left-col h2,
#home-mid-col h1, #home-mid-col h2,
#home-right-col h1, #home-right-col h2
{
border-bottom:1px solid #DC0E13;
display:inline;
padding:0px 10px 3px 0;
color:#003366;
font-size:150%;
float:none;
margin-bottom:20px;
}
#home-right-col .cta_item h2
{
font-size:160%;
}
h3 {
font-size:130%;
margin:0.4em 0 0.1em;
padding-top:20px;
}
h4 {
font-size:120%;
margin:0.2em 0;
}

fieldset
{border:none;}

/*** Site Header */

div#site-header
{
background:#E42C10 url(../i/header-bg.jpg) repeat-x;

padding: 10px 20px;
display:block;
height:4.7em;
}
#site-header p
{
color:#fff;
float:right;
margin-top:10px;
}
#site-header img
{
padding-left:5px;
}

img#pri-logo
{display:inline;
float:left;
padding-top:5px;
}
#banner a img
{
float:left;
}

ul#header-links
{float:right;
clear:right;
}

ul#header-links li
{
margin:0 0.5em 0 0;
padding:0 0.5em 0 0;

}

ul#header-links li.last
{border:none;
margin:0;
padding:0;
}

ul#header-links li a
{text-decoration:none;
color:#fff;
padding:0;
font-size:120%;

}
ul#header-links li a:hover
{text-decoration:underline !important;}

form#formsearch
{float:right;
clear:right;
padding:10px 0;
position:relative;
margin:0.5em 0;
display:block;
}

form#formsearch input,
form#formsearch label
{display:inline;
font-size:0.8em;
}

form#formsearch input#ssubmit,
form#formsearch input#squery
{position:absolute;
top:10px;
right:30px;
}

form#formsearch input#ssubmit
{right:0;}

/*** Wrappers */

#site_wrapper {
margin:0 auto;
max-width:100%;
width:980px;
background:#fff;
padding:0;
}
#header {
margin:0 auto;
max-width:100%;
width:auto;
background:#EE2923;
}
#page_content {
width:630px;
padding:0 0 0px 40px;
margin:0;
position:relative;
overflow:hidden;
float:left;
}

#page_content.narrow
{width:400px;}

#page_content.narrow-with-nav
{width:460px;}

#page_content.wide
{width:735px;}

/*** Pri Nav */

#pri_nav {
height:4em;
width:980px;
background:#E9EBF7 url(../i/pri-nav-bg.jpg) repeat-x;
overflow:hidden;
}
#pri_nav ul {
color:#fff;
font-size:105%;
list-style-type:none;
}
#pri_nav ul li a {
color:#fff;
text-decoration:none;
}
#pri_nav ul#page_select li {
float:left;
margin:0;
list-style-type:none;
white-space:nowrap;
display : inline;
overflow:visible;
}
#pri_nav ul#page_select li a:hover{
color:#fff;
}
#pri_nav ul#page_select li a:hover {
text-decoration:underline;
}
#pri_nav ul#page_select li.on,
#pri_nav ul#page_select li,
#pri_nav ul#page_select li.on a {
color:#fff;
border-right:1px solid #fff;
border-left:1px solid #999;
height:1.6em;
margin-top:8px;
padding:4px 8px 0 8px;
}
#pri_nav ul#page_select li.on a
{
padding:4px 5px 0 5px;
}
#pri_nav ul#page_select li#first
{
margin-left:15px;
border-left:none;
}
#pri_nav ul#page_select li#first.on,
#pri_nav ul#page_select li.on,
#pri_nav ul#page_select li.current 
{
border:none;
background:#E9EBF7 url(../i/pri-nav-current-bg-2.jpg) 100%;
height:2.2em;
margin-top:3px;
padding-top:9px;
}
#pri_nav ul#page_select li.on a
{
border:none;

height:2.2em;
margin-top:3px;
padding-top:9px;
}
#pri_nav ul#page_select li#first.on
{
Margin-left:15px;
}
#pri_nav ul#page_select li#last.on
{
border-right:none;
border-left:none;
background:#E9EBF7 url(../i/pri-nav-current-bg.jpg) 100%;
}
#pri_nav ul#page_select li#last
{
border-right:none;
}
ul#lang_select
{
margin-right:20px;
}
ul#lang_select li{
float:right;
margin:0 0 0 1em;
padding:3px 0;
list-style-type:none;
white-space:nowrap;
display : inline;
}

ul#lang_select li a:hover {
text-decoration:underline;
}

/*** Sec Nav */

div#sec_nav_div {
float:left;
width:180px;
margin:1em 0 ;
padding:0.2em 1px 0 24px;
text-align:left;
overflow:hidden;
}
div#sec_nav_div img
{margin:0.4em 5px 0 0;}

div#sec_nav_div p
{
width:176px;
padding:.2em 2px;
color:#fff;
font-size:1.2em;
font-weight:bold;
background:#5f6972;
}

div#sec_nav_div a {
text-decoration:none;
background:#3a6fcd;
color:#fff;
}


/*** 1st level */
ul#sec_nav
{margin-bottom:20px;}

ul#sec_nav li{
display:block;
font-weight:bold;
border-bottom:1px solid #fff;
padding:0;
}
ul#sec_nav li a {
display:block;
padding:.55em 2em .55em 0.75em;
}
ul#sec_nav li.on,
ul#sec_nav li.on a,
ul#sec_nav li.on a:hover {
color:#fff!important;
background:#0138ad;
font-weight:bold;
}
ul#sec_nav li a:hover {
color:#222;
background:#fff;
}



/*** Content */

div#page_banner
{margin:0.6em 0 0 20px;float:left;}


div#page_content ul {
margin:0 0 0.4em 20px;
padding-left:30px;
list-style-image:url(/pestnetonline/static/i/red-bullet.gif);
line-height:1.4em;
color:#666;
font-weight:bold;
font-size:130%

}
div#page_content ul ul 
{padding:5px;}

div#page_content ul ul {
margin:0em 0 0.4em 20px;
padding-left:20px;
font-weight:normal;
font-size:100%

}


div#page_content ol
{ margin:0.4em 10px 0.4em 20px;}

div#page_content ul li
{padding:0 50px 0.2em 0.2em;}

div#page_content ol li
{padding:0 30px 0.2em 0.2em;
list-style-type:decimal;}

div#page_content ol li ol li
{list-style-type:lower-roman;
list-style-position:inside;
}

div#page_content ul li ul,
div#page_content ol li ol
{margin-left:10px;}

div#page_content blockquote
{margin: 0.8em 1.5em;
color:#444;
padding:0.6em 0.6em 0.6em 3em;
font-size:1.1em;
background:#eee url(../i/open-quote.gif) no-repeat 0.6em 0.6em;
}
#page_content p
{
padding:0.3em 50px 15px 0;
line-height:1.3em;
margin:0;
font-size:130%
}

#site_content p a{
color:#DC2100;

text-decoration:underline;
}
div#page_content ul li a {
font-size:1em;
color:#DC2100;
font-weight:bold;
text-decoration:none;
}
div#page_content ul li a:hover {
text-decoration:underline;
}
#next-back
{
padding-top:30px;
clear:left;
}
/*** Footer */

#site_wrapper #footer p {
text-align:right;
}
#footer p {
line-height:1.2em;
margin-bottom:.1em;
color:#fff;
}
#footer p a {
color:#fff;
text-decoration:underline;
}
#footer p a:hover {
color:#fff;
}
#site_wrapper  #footer p.left {
float:left;
margin-left:20px;
width:130px;
text-align:left;
}
/*** Footer */
div#base-section.site-wrapper{
margin-top:1em;
padding:10px 20px;
} 
div#footer{
overflow:hidden;
background:#D92000 url(../i/footer-bg-blue.jpg) repeat-x;
height:5em;
}
div#footer p a,
div#footer div#blurb p a{
text-decoration:none;
font-weight:normal;
text-decoration:none;
padding-right:10px;
}
div#footer p a:hover
{text-decoration:underline !important;

}
div#footer div#blurb p{
padding-right:10px;
font-size:110%
}
div#footer div.footer-block{
float:left;
margin:1em 3em;
}
div.footer-block h3{
font-size:1.6em;
color:#fff;
padding:0 0 0.4em;
font-weight:normal;
}
div.footer-block ul{
width:206px;
margin-left:0;
font-size:0.9em;
}
div.footer-block ul li{
background:transparent url(../i/bullet_blue_arrow.gif) no-repeat left center;
margin:0.2em 0;
padding-left:14px;
}
div#footer div.footer-block p a
{text-decoration:underline;
color: #fff;
}
div.footer-block ul li a:hover,
div#group-links p a:hover,
div#footer p a:hover
{text-decoration:underline;}
div#blurb,
div#group-links{
width:460px;
color:#fff;
float:right;
text-align:right;
font-size:0.9em;
margin:0 0 0.8em 0 ;
}
div#blurb
{margin:1.1em 0 0.2em 0 ;}
div#group-links p a
{font-weight:bold;}
/* CTAS */
div.cta_item{
color:#000;
font-size:100%;
margin:0 0px 20px 0;
padding:0px 40px 5px 0;
overflow:hidden;
border-bottom:1px solid #999;
}
/*This is the only ie hack for the site and its ie6 only so I have not created an ie Specific sheet. AR*/
*html div.cta_item{
width:210px;
}
div.cta_item h2{
color:#003366;
font-size:160%;
font-weight:normal;
padding-bottom:5px;

width:270px;
}
div.cta_item ul li{
/*list-style-image:url(/static/i/red-bullet.gif) ;*/
margin-left:30px;
color:#DC0E13;
font-size:100%;
font-weight:bold;
line-height:2.2em;
}
div.cta_item ul li a{
color:#DC0E13;
text-decoration:none;
}
div.cta_item ul{
padding-bottom:20px;
}
div.cta_item ul.pdf li{
list-style-image:url(../i/pdf.gif);
margin-left:40px;
line-height:20px;
}
/*Home Page Content and Columns */
#site_content{
margin:20px 0;
}
#home_page_content{
background:#fff url(../i/home-page-content-bg.gif);
overflow:hidden;
}
#home_page_content p{
margin-top:15px;
}
#home_page_content h2
{
line-height:22px;
padding-bottom:0;
}
#home-left-col{
width:250px;
float:left;
padding:0 35px;
overflow:hidden;
height:420px;
position:relative;
}
#home-left-col a img{
position:absolute;
top:360px;
left:55px;
}
#home-mid-col{
width:250px;
float:left;
padding:0 35px;
height:420px;
position:relative;
}
#home-mid-col a img{
position:absolute;
top:360px;
left:55px;
}
#home-right-col{
width:250px;
padding:0 35px;
overflow:hidden;
height:420px;
position:relative;
float:left;
}
#home-right-col div.cta_item a img{
position:absolute;
top:360px;
left:55px;
}
#home-right-col #home-contact-button a img
{
position:absolute;
top:120px!important;
left:55px;
padding-top:25px;
}
#home-right-col .cta_item{
border:none;
}
/*Home Page Content and Columns */
/*Generic Page Content and Columns */
div#page_content
div#left-column p img{
padding:5px 10px 5px 0;
clear:left;
}
#left-column p, 
#right-column p{
font-size:120%;
}
#left-column{
width:315px;
float:left;
padding-top:20px;
overflow:hidden;
}
#right-column{
width:315px;
float:left;
padding-top:20px;
overflow:hidden;
}
#left-column h2,
#right-column h2{
padding-top:10px;
}
#left-column p a,
#right-column p a{
text-decoration:none;
font-size:80%;
font-weight:bold;
}
#left-column p,
#right-column p {
padding:0 40px 10px 0;
}
/***FAQ Content*/
.navreturn a{
float:left;
padding:10px 0 20px 0;
font-size:90%;
text-decoration:none !important;
}
#faq ul{
margin:15px 0 20px 0 !important;
padding-left:18px !important;
}
#faq p{
font-size:130%
}
#rhc{
display:block;
}
ul li a.pdf,
ul li a.app-pdf,
ul li a.word,
ul li a.excel,
ul li a.jpg,
ul li a.zip,
ul li a.text,
ul li a.any{
padding:5px 0.2em 7px 28px !important;
margin-bottom:8px !important;
font-weight:bold !important;
}
ul li a.pdf
{background          : url(../i/pdf.gif) no-repeat 7px 2px;}
ul li a.app-pdf
{background          : url(../i/pdf.gif) no-repeat 7px 2px;}
ul li a.app-doc
{background          : url(../i/word.gif) no-repeat 0 0;}
ul li a.excel
{background          : url(../i/excel.gif) no-repeat 0 0;}
ul li a.jpg
{background          : url(../i/jpg.gif) no-repeat 0 0;}
ul li a.zip
{background          : url(../i/zip.gif) no-repeat 0 0;}
ul li a.text
{background          : url(../i/text.gif) no-repeat 0 0;}
ul li a.any
{background          : url(../i/any.gif) no-repeat 0 0;}
/*Filthy Table*/
table{text-align:center;
color:#555}
#row-1{
background:#C6D7E1 ;
padding:3px;
}
td{
background:#F1F4F6 ;
padding:5px;
width:110px;
}
.col-1{
text-align:left;
padding-left:10px;
}

td img {
margin-left:45%;
}
#row-1 a{
color :#444;
padding:5px;
}
/*Lang Select*/
#lang-select{
background          : url(/pestnetonline/static/i/map.jpg) no-repeat 100% 0;
height:18.5em;
width:24em;
margin-top:3em;
}
#lang-select h3{padding:5px 0 0 0;
color:#666
}
#lang-select p{margin:0;
padding-bottom:1em;
width:12em;
color:#666
}
/*-------- CONTACT FORM  ------ */
#contactform{
width:480px;
}
#contactform h4{
padding-bottom:5px;
}
form#contactform fieldset legend{
display:block;
}
span.required{
color:#ff0000;
}
#contactform span.error{
color:#f00;
float:left;
clear:left;
margin:-5px 0 0 220px;
}
br{
clear:both;
}
#contactform fieldset{
margin:5px 0px;
padding:0;
border:0;
}
#contactform input,
#contactform select,
#contactform textarea,
#contactform label,
#contactform #reason label{
font-size:110%;
}
#contactform select{
width:183px;
}
#contactform input{
width:180px;
}
#contactform textarea{
width:181px;
height:6em;
font-family: arial,sans-serif;
}
#contactform label{
display:block;
width:240px;
float:left;
margin-bottom:20px;
position:relative;
padding-left:0em;
padding-right:0em;
}
#contactform #reason label{
padding-left:0em;
color:#c00;
font-weight:bold;
position:relative;
}
#contactform #current{
padding-bottom:1em;
}
#contactform #email_phone label.radio,
#contactform #new_exist label.radio{
display:block;
width:auto;
margin:0 0 5px 0;
padding:0;
}
#contactform input.radio,
#contactform label.radio,
#contactform input.checkbox,
#contactform label.checkbox{
display:inline;
border:0;
float:none;
width:2em;
margin-left:0em;
padding-left:0em;
color:#000;
font-weight:normal;
}
#contactform input.radio,
#contactform label.radio{
margin:0;
}
#contactform div{
clear:both;
float:left;
display:inline;
width:100%;
margin:6px 0;
}
#contactform label.terms_and_con input{
position:absolute;
left:0px;
margin-left:0px;
}
#contactform label.terms_and_con{
width:100%;
padding-left:20px;
}
#contactform label.terms_and_con span{
padding-left:6px;
}
#contactform #cu_reason_q{
margin-bottom:5px;
}
#contactform #cu_submit{
width:80px;
margin-left:330px;
margin-top:10px;
}
/*-------- SITE SELECT  ------ */
.site-select-drop,
.site-select{
overflow:hidden;
position: static;
float: left;
clear: right;
}
.site-select .menu ,
.site-select-drop .menu{
margin:14px 0 0 14px; 
position: absolute;
valign:bottom; 
width: 180px; 
text-align: center; 
border: 1px solid #bbb;
}
.site-select .menu a,
.site-select-drop .menu a{
margin: 0 0 0 0;
text-decoration: none;
color: #000;
padding: 0 4px;
}
.site-select .menu a:hover,
.site-select-drop .menu a:hover{
color: #900;
}
.site-select .menu img,
.site-select-drop .menu img{
padding:3px 5px 0 0;
}
.site-select .menu>li ,
.site-select-drop .menu>li{
position: relative; 
display: inline-block; 
height: 16px; 
text-align: left;
width:180px;
}
.site-select .menu>li{
background: #fff url(/static/i/rise-arrow.gif) 100% 100% no-repeat;
}
.site-select-drop .menu>li{
background: #fff url(/static/i/drop-arrow.gif) 100% 100% no-repeat;
} 
.site-select-drop .menu li ul {
width:180px;
left:-1px;
}
.site-select .menu ul{
bottom: 1px; 
left: 1px; 
padding:0px; 
}
.site-select .menu ul,
.site-select-drop .menu ul { 
position: absolute; 
display:none; 
list-style:none;
border:1px solid #bbb;
}  
.site-select .menu li:hover ul ,
.site-select-drop .menu li:hover ul { 
white-space:nowrap; 
display:block;
background:#fff none;
margin:1px 0 0 0;
}
.site-select .menu li:hover ul {
width:180px;
padding: 0px;
}
.site-select .menu li:hover ul li,
.site-select-drop .menu li:hover ul li{
border-bottom: 1px solid #ccc;
}
.site-select .menu li:hover ul li:hover,
.site-select-drop .menu li:hover ul li:hover{
background: #ddd none;
}
.snippet p{
width:210px;
padding-bottom:20px !important;
float:right;
}
.snippet{
display:block;
float:left;
}
/* LIGHT BOX CSS BEGIN*/
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* LIGHT BOX CSS END*/