/*
 * META INFORMATION
 * - AUTHOR Michael Cole on behalf of The Sponge Pty Ltd (http://www.thesponge.com.au/)
 * - TITLE 
 * - DESCRIPTION 
 * - LAST MODIFIED 
 * - COMPANY 
 * - NOTES A global reset should already be in affect
 * - BUGS Firefox shifts the page background image a PX to the left if there is an odd amount of pixels in the viewing pane 
 */
 
html,body{text-align:center;font-family:Verdana, Geneva, sans-serif;margin:0;padding:0;}
body{background: url(../images/SPC_pagesBg.jpg) repeat-x 0 0 #c6e3e9;font-size:0.8em;}

#wrapper{background:url(../images/SPC_wrapperBg.png) center 0 repeat-y transparent;width:100%;text-align:center;margin:0 auto 0 auto;padding:0 0 40px 0;}
#callout {color: white; height: 24px; background-color: #e45801; font-size:1.2em; font-weight: bold; text-align: center; border-bottom: 1px solid #93C4D3; line-height: 24px;}
#container{width:960px;margin:0 auto;text-align:left;padding-bottom:45px;}
#header{position:relative;height:181px;overflow:hidden;background:url(../images/SPC_headerBg.jpg);width:960px;}
#navigation{width:208px;float:left;text-align:center;margin:5px 0 0 0;padding:0;}
#ccontent{margin:20px 240px 0 240px;}
#content{float:left;width:483px;margin-left:30px;padding-bottom:60px;}
#footer{width:960px;height:30px;text-align:left;margin:0 auto 0 auto;background:url(../images/SPC_footerBg.png) 0 0 repeat-x #ffffff;overflow:hidden;}

.extraLeft{display:block;margin-top:6px;}
.extraRight{float:right;margin:6px 8px 0px 0px;line-height:0;}
.extraRight a{display:block;}
.extraRight form{background:url(../images/SPC_sideContentFormBg.gif) left bottom no-repeat transparent;width:194px;padding-top:0px;margin-top:0;}
.extraRight form p{margin:4px 10px 4px 10px;}
.extraRight form p label{display:block;color:#1989a8;font-style:italic;font-weight:bold;}
.extraRight form p input{width:170px;border-top:1px solid #89c3d3;border-right:1px solid #edf8fa;border-bottom:1px solid #dbf1f6;border-left:1px solid #b5d9e3; }

.extraLeft a {
display: block;
overflow: hidden;
text-indent: -1000em;
width: 194px;
height: 310px;
margin-left: 7px;
background: transparent url(../images/SPC_identifyYourPest.jpg) no-repeat;
}

.extraLeft a:hover {
background: transparent url(../images/PestIdentify_Rollover.jpg) no-repeat;
}

/*
	Styles to apply to the elements within the header
*/
#header h1{position:absolute;top:42px;left:22px;}
#header a{border:none;text-decoration:none;}
#header #header_offer{position:absolute;top:0;left:571px;height:181px;width:389px;} 
#header #header_offer a{position:absolute;top:0;left:0;height:181px;width:389px;z-index:100;} 
/*
	Styles to aply to the navigational elements
*/ 
#navigation li{display:block;height:auto;width:208px;float:left;overflow:hidden;padding:0;margin:0;font-size:0.9em;}
#navigation li li{font-size:1em;}
#navigation li a,#navigation li span{color:#007ea0;text-decoration:none;display:block;font-weight:bold;height:27px;overflow:hidden;background:url(../images/SPC_navigationLiBg.jpg) 0 0 no-repeat transparent;line-height:27px;}
#navigation li ul{height:auto;margin:0;padding:0;}
#navigation li ul span.clear{display:block;height:0;overflow:hidden;margin:0;padding:0;clear:both;}
#navigation li ul a{background-position:0 -54px;}
#navigation li a:hover{color:#ffffff;background-position:0 -27px;}

/*
	Content
*/
#content span.clear{width:470px;}
h1,h2,h3,h4,h5,h6,p,ul,ol, li{font-size:1em;line-height:1.6em;margin-bottom:0.6em;color:#000000;word-spacing:0em;letter-spacing:0em;} 
h2{font-size:1.4em;color:#0981a2;font-style:italic;font-weight:bold;margin-top:20px;}
h3{font-size:1.2em;color:#0981a2;font-weight:bold;}
h3.varientA{background:url(../images/SPC_h3VarientA.gif) 0 0 repeat-x #aecdcf;color:#ffffff;padding:0 10px 0 10px;}
h3.varientB{background:url(../images/SPC_h3VarientB.gif) 0 0 repeat-x #c0bdbc;color:#ffffff;padding:0 10px 0 10px;}
a{color:#1893b4;text-decoration:underline;}
a:hover{color:#20cbf3;}
ul ol, ol ul, ul ul, ol ol{margin-top:0.6em;}
ul li{font-size: 0.95em;}
ul li, ol ul li, ul ol li{background: url(../images/SPC_liBg.gif) 4px 7px no-repeat transparent;padding-left:17px;font-size: 1em;margin-left:0;}
ol{list-style-type:decimal;}
ol li{margin-left:23px;padding-left:0px;font-size: 0.95em;}
ol li.fancy{color:#b3990a;font-weight:bold;}
ol li span.normal{color:#000000;font-weight:normal;}
ul li ul, ol li ol{font-size:1em;}
ul.two_column li{width:45%;float:left;}
ul.three_column li{width:29%;float:left;}
strong{color:inherit;font-weight:bold;}
em{font-style:italic;}
/* Change the sitemap list stylings */
ul.sitemap li{background:url(../images/SPC_sitemapLiBg.gif) 3px 4px no-repeat transparent;}
ul.sitemap ul{margin-left:0.6em;}
ul.sitemap ul li{background:url(../images/SPC_sitemapUlBg.gif) 3px 4px no-repeat transparent;}
/* Side Help panel */
#help_panel{width:192px;margin-top:6px;background:url(../images/SPC_needHelpABg.jpg) 0 0 repeat-x #f0f9fb;border-right:1px solid #bfe7ef;border-bottom:1px solid #bfe7ef;border-left:1px solid #bfe7ef;}
#help_panel img{position:relative;top:0;left:-1px;width:194px;height:32px;background-color:transparent;}
#help_panel h4{text-align:center;font-size:1.1em;font-weight:bold;color:#0981a1;margin:4px 0 4px 0;}
#help_panel h5{text-align:center;font-size:1em;font-weight:bold;color:#ffffff;margin:3px 0 3px 0;background:url(../images/SPC_helpPanelDosBg.jpg) 0 0 repeat-x #adcdcf;margin-bottom:10px;}
#help_panel h5.dont{background-image:url(../images/SPC_helpPanelDontsBg.jpg);background-color:#c0bcbb;}
#help_panel p{color:#000;margin:0 10px 10px 10px;font-size:0.85em;line-height:1.3em;}
#help_panel a.moreHelp{position:relative;left:-2px;display:block;height:28px;width:195px; line-height: 20px; background:url(../images/SPC_helpPanelMore.gif) 0 0 no-repeat transparent;text-align:center;color:#007ea0;font-style:italic;font-weight:bold;text-decoration:none;font-size:0.9em;}

/*
	Footer
*/
#footer{height:30px;overflow:hidden;}

.youtube_vid{margin:33px 0 0 46px;}

/*
	Cotnact Form
*/
form{width:400px;}
form p label{}
form .clear{clear:left;}
form p.text{}
form p.text label{width:140px;display:block;float:left;}
form p.text input{width:250px;display:block;float:right;margin:0;border:2px solid #1893b4;background-color:#fafafa;}
form p.checkbox label{font-size:0.95em;}
form p.checkbox input{}
form p.textarea{}
form p.textarea label{}
form p.textarea textarea{width:400px;height:130px;display:block;padding:0px;margin:0;border:2px solid #00a447;background-color:#ffffff;font-family:inherit;font-size:inherit;}

.error{border-left:3px solid #c10029;padding-left:8px;}
.cta a{color:#00a447;border-bottom:1px solid #00a447;}

#home_page_flash{position:relative;top:06px;left:-23px;}
#content_details p{font-weight:bold;color:#b3990a;}
#content_details span.contact_info{display:block;width:400px;float:right;color:#000000;}

.pest_icon{display:block;float:left;width:120px;height:150px;text-align:center; position: relative; text-decoration: none;}
.pest_icon a{text-decoration: none;}
.pest_count_box{height: 21px; width: 36px; background: transparent url(../images/pest_count.jpg) no-repeat; position: absolute; right: 0; top: 90px; line-height: 21px; color: white; font-weight: bold; text-decoration: none; font-style: italic;}
.demo_count_box{height: 21px; width: 36px; background: transparent url(../images/pest_count.jpg) no-repeat; line-height: 21px; color: white; font-weight: bold; font-style: italic; margin-right: 10px; float: left; text-align: center;}
.pest_name{display:block;font-size:0.8em;width:120px;line-height:1.2em; position: absolute; bottom:10px; left:0px;}
a .pest_name { cursor: pointer;}

.img_right{float:right;margin:8px 0 5px 8px;}
.img_left{float:right;margin:8px 8px 5px 0;}

#searchform {margin-bottom: 20px;}
#searchform  input{float: left; margin-right: 10px;}

.standout {
margin-top: 20px;
color: #E52F00;
font-weight: bolder;
}


.standout_bottom {
margin-top: 20px;
color: #E52F00;
font-weight: bolder;
}

.orange {
color: #E52F00;
}