/* ---------------------------------------------------
Copyright: (c) 2009
Description: Global style for Combat
--------------------------------------------------- */

/* ---------------------------------------------------
=Reset
Takes browser-specific styling and resets it to a
common behavioural standard. Based heavily upon the
Yahoo! User Interface Library Reset:
http://developer.yahoo.com/yui/reset/
--------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
   }

table {
	border-collapse:collapse;
	border-spacing:0;
   }

fieldset,img {border:0;}

address,caption,cite,code,dfn,th,var,strong,em {
	font-style:normal;
	font-weight:normal;
   }

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6 {color: #FFF; padding: 0;}

h1,h5,h6 {margin: 15px 10px 5px 0;}
h2 {margin: 0 0 10px 0; text-transform: uppercase;}
h3, h4 {margin: 0;}

q:before,q:after {content:'"';}

abbr,acronym {border:0;}

html {font-size: 100.01%; /* Corrects default font sizing in IE/WIN, and font resizing in Opera. */}

/* ---------------------------------------------------
=Universal
Styles applied to basic xhtml elements, classes and
IDs notwithstanding.
--------------------------------------------------- */

body {
   background: #CCC url(/images/background-home.gif) left top repeat-x;
   font: 12px Arial, Helvetica, sans-serif;
   color: #ccc;
   margin: 0;
   padding: 0;
   text-align: center;
   } 
#home {background: #CCC url(/images/background-home.gif) left top repeat-x;}

strong {font-weight: bold}
em {font-style: italic;}
p {margin-bottom: 10px;}   

a {text-decoration: none; color: #FC3;}
a:focus {outline: none;}
a:hover {color: #C90;}

h1 {font-size: 150%;}
h2 {font-size: 140%;}
h3 {font-size: 110%;}
h4 {font-size: 110%;}
h5 {font-size: 110%;} 
h6 {font-size: 100%;}

.white {color: #FFF;}

.float-right {float: right;}
.float-left {float: left;}



/* ------------------------------------------------------
=Browser Fixes
-------------------------------------------------------*/

.clearfix:after {
   content: ".";
   clear: both;
   display: block;
   height: 0;
   visibility: hidden;
   }
   
/* ------------------------------------------------------
=Universal
-------------------------------------------------------*/


#container {   
   width: 958px;
   margin: 0 auto;
   /*background: #CCC url(/images/herobg-home.gif) top left no-repeat;*/
   min-height:731px;
   }
   
/* ------------------------------------------------------
=Header/Branding
-------------------------------------------------------*/

h1#logo {
   margin: 0 auto; padding: 0;
   width: 500px; height: 105px;
   }  
   
h1#logo a {
   background: transparent url(/images/logo.png) top left no-repeat;
   cursor: pointer;
   width: 500px; height: 105px;
   display: block;
   text-indent: -9999px;
   outline: none;
   position: relative; z-index: 1;
   } 
   
/* ------------------------------------------------------
=Nav
-------------------------------------------------------*/

ul#nav {
   list-style-type: none;
   margin: 0 0 0 63px;
   padding: 10px 0px 0px 0px;
   height:20px;
    }   
      
ul#nav li {
   border-right: 1px solid #FFF;
   float: left;
   padding: 0 10px;
   line-height: 0;
   }
   
ul#nav li a {
   cursor: pointer;
   display: block;
   text-indent: -9999px;
   position: relative;
   z-index: 100 !important;
   }

li#roachnav a {
   background: transparent url(/images/roachnav.png) top left no-repeat;
   height: 10px; width: 102px;
   }
   
li#antnav a {
   background: transparent url(/images/antnav.png) top left no-repeat;
   height: 10px; width: 87px;
   }
   
li#hownav a {
   background: transparent url(/images/hownav.gif) top left no-repeat;
   height: 11px; width: 117px;
   }
   
/*
li#pestidnav a {
   background: transparent url(/images/pestidnav.gif) top left no-repeat;
   height: 11px; width: 109px;
   }

li#asthmaallergynav a {
   background: transparent url(/images/asthmaallergynav.gif) top left no-repeat;
   height: 10px; width: 168px;
   }
   
li#strategymapnav a {
   background: transparent url(/images/strategymapnav.gif) top left no-repeat;
   height: 9px; width: 87px;
   }
   

*/
   
li#pestidnav a {
   background: transparent url(/images/pestidnav.png) top left no-repeat;
   height: 11px; width: 48px;
   }

li#exterminatornav a {
   background: transparent url(/images/exterminatornav.png) top left no-repeat;
   height: 11px; width: 91px;
   }

li#asthmaallergynav a {
   background: transparent url(/images/asthmaallergynav.png) top left no-repeat;
   height: 11px; width: 113px;
   }
   
li#strategymapnav a {
   background: transparent url(/images/strategymapnav.png) top left no-repeat;
   height: 11px; width: 84px;
   }
   
li#roachnav a:hover,
li#antnav a:hover,
li#hownav a:hover,
li#pestidnav a:hover,
li#exterminatornav a:hover,
li#asthmaallergynav a:hover,
li#strategymapnav a:hover {
   background-position: bottom left !important;
   }
   
ul#nav li.last {border-right: none !important;}

#btn-spanish {float: right; margin: 31px 37px 0px 0px;}
   
/* ------------------------------------------------------
=Content
-------------------------------------------------------*/

  
#content-wrapper {
   background: transparent url(/images/herobg-home.gif) top left no-repeat;
   margin: -38px 0px 0px 0px; 
   padding: 10px 80px;
   width: 800px;
   /*height: 588px;*/
    height:650px;

 }

#content {
   margin: 0; 
   padding: 0;
   width: 800px;
   height:560px;
   background: transparent url(/images/content-bg.gif) top left no-repeat;
 }


#container-ask-cmbt {   
   width: 100%;
   margin: 0 auto;
   }
   

#content-ask-cmbt {
   margin: 0 auto; 
   padding: 10px;
   width: 1000px;
   min-height:560px;
   background-color: #000;
 }

/*#home #content {background: transparent url(/images/content-bg.gif) top left no-repeat;}*/

#about #content, #pestid #content {
text-align: left;
}

#products #content {
/*padding: 1px 25px 1px 82px;
width: 743px;
background: transparent url(/images/herobg-home.gif) top left no-repeat; margin-top:-100px; min-height:700px;
*/
/*background: transparent url(/images/content-bg.gif) top left no-repeat;*/
}

#home .hero {
   height:538px;
   /*position: relative;*/
   margin: 5px; 
   padding: 0;
  background-color:#000000;
   }  

#home .hero h2 {
   background: transparent url(/images/targetyourpest.gif) top left no-repeat;
   display: block;
   margin: 0; padding: 0;
   position: absolute;
   top: 37px; left: 261px;
   height: 389px; width: 281px;
   text-indent: -9999px;
   }
   
#home .hero ul {list-style-type: none;}
   
#home .hero ul li a {
   display: block;
   text-indent: -9999px;
   }
   
#home .hero .targetroach a {
   background: transparent url(/images/targetroach.png) top left no-repeat;
   cursor: pointer;
   height: 205px; width: 160px;
   position: absolute;
   top: 155px; left: 91px;
   }
   
#home .hero .targetant a {
   background: transparent url(/images/targetant.png) top left no-repeat;
   cursor: pointer;
   height: 161px; width: 146px;
   position: absolute;
   top: 94px; right: 76px;
   }

#home p {margin: 5px 0 0 0; font-size: 11px;}

#about #content li {margin: 0 0 6px 0;}
   
form ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   }   
   
form ul li label {
   color: #303030;
   font-size: 10px;
   }  
   
form ul li input.submit {
   background-color: transparent;
   color: #303030;
   border: none;
   width: 50px;
   }  

.interior ul.currentproduct {
   float: left;
   width: 381px;
/*height:455px;*/
height:527px;
padding-right: 20px;
padding-left:50px;
padding-top:25px;
overflow: hidden;
   }

.interior ul.currentproduct li {
   padding: 0;
   }

.interior ul.currentproduct li#product-desc-2, .interior ul.currentproduct li#product-desc-15 {display: block;}

.interior ul.currentproduct li a {display: block;}

ul.productlist {
   float: left;
   width: 336px;
   height: 400px;
 margin-top:25px;
   }

ul.productlist li {
   float: left;
   clear: none;
   width: 168px;
   height: 135px;
   }
ul.productlist li a {display: block;}
ul.productlist li img {width:145px; height:120px;}

.interior #content {
padding-top: 5px;
height: 555px;
text-align: left;
color: #a3a3a3;
}

/*#product-main {padding: 0px 50px 0 0; height: 450px;}*/
#product-main {padding: 0px 50px 0 0; height: 525px;}


.scroll {
/*height: 490px;*/
height:535px;
width: 795px;
overflow-y: scroll;
overflow-x: hidden;
}

#about #content .scroll {
padding: 20px 68px;
/*height: 355px;*/
height:480px;
width: 659px;
}
#pestid #content .scroll {
/*height: 309px;
width: 659px;
padding: 30px 68px 0 68px;*/

padding: 20px 68px;
height:365px;
width: 659px;

}

.interior #content .productheader {
width: 797px;
}

.howitworks {clear: both;}

.interior #content .productheader p {
/*margin: 0px 0px 10px 0px;*/
margin:30px 0px 10px 0px;
width: 90%;
}

.interior #content .productheader h3 {
text-indent: -9999px;
}


.interior #content .productheader {
padding-top: 70px;
padding-left: 280px;
margin-top:25px;
width: 517px;
}

.ingredients {padding: 0 0 20px 0;}

.interior #content p {
margin: 10px 70px 20px 70px;
width: auto;
}
.interior #content h4 {margin: 10px 70px 5px 70px;}

#worksnav li a{
float: left;
padding: 10px;
margin: 15px 0 0 0;
width: 85px;
height: 25px;
background-color: #777;
border: 1px solid #333;
color: #000;
font-size: 9px;
line-height: 12px;
}

#worksnav a:hover, #worksnav a.on:link, #worksnav a.on:visited {background-color: #FC3;}

#workscontainer {
margin: 0 0 48px 0;
padding: 30px 58px 58px 58px;
background-color: #FFF;
border: 1px solid #333;
overflow: hidden;
}

#about #content #workscontainer ul {margin:0 5px 0 0;}

#workscontainer h3, #workscontainer p, #workscontainer table {padding:15px 0 0 0; margin: 0; color: #333;}
#workscontainer table td {border: 1px solid #000; padding: 5px;}
#workscontainer table .value-checks {width: 60px;}
#workscontainer a {font-weight: bold; color: #666; text-decoration: underline;}
#workscontainer a:hover {color: #333;}

#worktable1 li {
margin: 0;
background-image: url(images/bg-worktable1.png);
}

#worktable2 li {
margin: 0;
background-image: url(images/bg-worktable2.png);
}

.workschart {
width: 255px;
float: left;
padding: 15px 0 0 0;
}
.workschart li {
height: 45px;
margin: 0 2px 2px 2px;
padding: 5px;
color: #333;
}
.workcharttitle {
padding: 5px;
font-weight: bold;
color: #333;
}

.disclaimerimg {margin: 0 0 0 378px;}

.value-title {background-color: #a2a07d; text-align: center;}
.value-check {background: url(/images/check.png) center center no-repeat;}

#mainmap {margin: 0 0 0 40px;}

#mainmaptmb {margin: 0 10px 0 0; float: right;}
.room {margin: 0 10px 0 0; float: left;}
#strategytips li {font-size: 11px;}
#strategytips {float: left; width: 240px;}

#contentfooter {height: 50px;}
.shortline {width: 400px; float: left;}
.bullets ul {list-style-type: disc; padding: 0 0 0 15px;}

#roachidentry, #antidentry {
width: 270px;
/*height: 200px;*/
height: 192px;
/*padding: 5px 20px 20px 20px;*/
padding: 5px 20px 0px 20px;
margin: 10px 10px 0 0;
float: left;
color: #000;
background: url(/images/bg-identify-entry.jpg) top left no-repeat;
}
#roachidentry img, #antidentry img {margin: 0 0 10px 0;}

ul.ulpadding li {padding: 0 0 0 25px;}

#pestid-header {margin: 18px;}
#pestid h2 {float: left; margin: 5px 10px 0 0;}
#pestid-nav {background: url(/images/id-bg.jpg) 20px 0px no-repeat; height: 85px; padding: 3px 0 0 105px;}
#pestid-nav li {float: left;}
.pestid-divider {width: 2px; height: 62px; margin: 6px 2px; background-color: #000;}
#main-pest {margin: 0 0 30px 30px;}

.roach-nav li a {display: block; height: 71px; width: 145px;}
#roachgerman a {background: url(/images/id-btn-roach-german.jpg) top left no-repeat;}
#roachoriental a {background: url(/images/id-btn-roach-oriental.jpg) top left no-repeat;}
#roachamerican a {background: url(/images/id-btn-roach-american.jpg) top left no-repeat;}
#roachbrown a {background: url(/images/id-btn-roach-brown.jpg) top left no-repeat;}
.ant-nav li a {display: block; height: 71px; width: 84px;}
#antodorous a {background: url(/images/id-btn-ant-odorous.jpg) top left no-repeat;}
#antpharoah a {background: url(/images/id-btn-ant-pharoah.jpg) top left no-repeat;}
#antfire a {background: url(/images/id-btn-ant-fire.jpg) top left no-repeat;}
#antargentine a {background: url(/images/id-btn-ant-argentine.jpg) top left no-repeat;}
#antcarpenter a {background: url(/images/id-btn-ant-carpenter.jpg) top left no-repeat;}
#antpavement a {background: url(/images/id-btn-ant-pavement.jpg) top left no-repeat;}

#antodorous a:hover, #antpharoah a:hover, #antfire a:hover, #antargentine a:hover, #antcarpenter a:hover, #antpavement a:hover, #roachgerman a:hover, #roachoriental a:hover, #roachamerican a:hover, #roachbrown a:hover, #antodorous a.pest-on, #antpharoah a.pest-on, #antfire a.pest-on, #antargentine a.pest-on, #antcarpenter a.pest-on,  #antpavement a.pest-on,  #roachgerman a.pest-on,  #roachoriental a.pest-on, #roachamerican a.pest-on, #roachbrown a.pest-on {background-position: bottom left;}

.asthmaq {font-size: 120%;}

/* ------------------------------------------------------
=Subnav
-------------------------------------------------------*/

#subnav {
   
   /*background: transparent url(/images/subnavbg.jpg) top left no-repeat;
   margin: -96px 0 0 20px; 
   padding: 11px 0 0 9px;*/

   /*height: 147px; height/  *  *  /:/   *   *   / 136px;
   width: 807px; width/  *  *  /:/  *  *  / 798px;*/
   height:52px;
   }

#home #subnav 
{
height:52px;
}
   
#subnav li {
   float: left;
   list-style-type: none;
   }
   
#subnav li a {
   /*display: block;*/
   display:none;
   height: 123px; width: 253px;
   outline: none;
   text-indent: -9999px;
   }
   
#howsubnav a {
   background: transparent url(/images/howsubnav.gif) top left no-repeat;
   margin-right: 15px;
   }
   
#valuesubnav a {
   background: transparent url(/images/valuesubnav.gif) top left no-repeat;
   margin-right: 15px;
   }
   
#pestidsubnav a {
   background: transparent url(/images/pestidsubnav.gif) top left no-repeat;
   }

/* ------------------------------------------------------
=Footer
-------------------------------------------------------*/

#footer {
   padding: 0; margin-bottom: 20px;
   width: 940px; height: 32px;
   }  
   
#footer ul {
   list-style-type: none;
   margin: 0;
   padding: 0 50px;
   }   
   
#footer ul li {
   float: left;
   padding: 0 10px;
   line-height: 32px;
   }  
   
#footer ul li a,
#footer ul li label,
#footer ul li input.submit,
#footer ul li {
   color: #303030;
   text-decoration: none;
   font-size: 10px;
   line-height: 32px;
   }
   
#footer input#search, #footer input#wkjq-wkjq, #footer input#iuuulk-iuuulk {
   border: 1px solid #666;
   font-size: 10px;
   padding: 2px;
   width: 102px;
margin: 6px 2px 0 4px;
   }

#search-results tr {
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #999999;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-color: #999999;
	border-right-color: #999999;
	border-left-color: #999999;
margin: 10px 0;
}
   
#footer input.submit {
   margin: 0; padding: 0;
   }
   
#footer li a#dial {
  /*background: transparent url(/images/dial2.gif) bottom left no-repeat;*/
  background: transparent url(/images/bean.png) bottom left no-repeat;
   border: none;
   display: block;
   height: 42px; 
   width: 80px;
   outline: none;
   text-indent: -9999px;
   margin: 5px 0 0 0;
}

#footer li a#privacy {
   border: none;
   display: block;
   outline: none;
   margin: 5px 0 0 0;
}

#footer li a#terms {
   border: none;
   display: block;
   outline: none;
   margin: 5px 0 0 0;
}

#results-titles {background-color: #FC3; color: #000;}
#results-titles td {padding: 5px 0;}

.henkel-helps {background-color: #e9e9e9; border: solid 1px #333333; margin: 10px 0 0 0; padding: 8px;}
#footer #dial-info {margin: 0 0 0 255px;}
li.copyright {margin: 4px 0 0 25px;}


/* ------------------------------------------------------
=Ask Combat
-------------------------------------------------------*/

#ask-combat #content-left {
   text-align:left;
   float:left;
   /*width:430px;*/
   width:450px;
   padding:10px 0px 0px 20px;
}


#ask-combat #content-left  .scroll {
height:535px;
width: 456px;
overflow-y: scroll;
overflow-x: hidden;
background-color:#fff;
color:#000;
}

#ask-combat #content-right {
   float:left;
   /*width:382;*/
   width:300px;
   padding:10px;
}

#ask-combat #content-right  #recently-answered {
    width:259px;
    background-color:#fff;
   padding:10px;
   height:370px;
   /*margin-left:35px;*/
  margin-left:10px;
}

#ask-combat #content-right  #recently-answered .question {

   height:50px;
   border-bottom:dotted 1px #ccc;
   padding-left:5px;
   text-align:left;
}

#ask-combat #content-right  #recently-answered .question  a {
 font-size:14px;
 font-weight:bold;
 text-decoration:none;
color:#000;
   display:table-cell;
padding-top:14px;
text-align:left;
}

#ask-combat #content-right  #recently-answered .question  a:hover {
 text-decoration:none;
color:#fed519;
}

#ask-combat #content-right  #category-buttons {
    width:279px;
    background-color:#fff;
    padding:7px 0 4px;
    margin-top:10px;
   /*margin-left:35px;*/
   margin-left:10px;
   color:#000;
  min-height:120px;
}

/***********************************
roach and ant color styles
***********************************/
.roach-color , #workscontainer .roach-color {
 color:#CE0012;
}

.ant-color, #workscontainer .ant-color {
color:#2f90E6;
}

a.roach-link, a.roach-link:active {
 color:#CE0012;
 text-decoration:none;
}

a.roach-link:hover {
 color:#CC6666;
 text-decoration:none;
}

a.ant-link, a.ant-link:active {
 color:#2f90E6;
 text-decoration:none;
}

a.ant-link:hover {
 color:#85C3FB;
 text-decoration:none;
}


/* special offers */

#special-offers #coupons {
  padding-top: 50px;
  padding-left:0px;
  padding-right:20px;
  width:750px;
  float:right;
}


#flashcontent { padding-top:15px; }

#coupons #video {
 float:left; 
 padding:0px;  
 width:160px;
}