html {
  margin: 0;
  font-size: 75%;
  font-family: Arial, verdana, tahoma;
  color: #333;
}

body {
  margin: 0;
  padding: 0;
  background-color: #ccc;       
}

a {
  color: #D50302;
  text-decoration: none;
  
}

a:hover {
  color: #046A71;
}

a img {
  border: 0;
}

p, h1, h2, h3 {
  margin-top: 0;
}


#main {
  position: relative;           
  width: 962px;
  margin: 0 auto 0 auto;
  background-color: #eaeaea;   
  /* border: 1px solid #EFEFEF;  */
  
}

/* HEADER */

#header {
  position: relative;
  height: 106px;
  width: 962px;
background: url('images/headerbg2.jpg') top left repeat-x #fff;
  clear: both;
  margin-bottom: 30px;
  
}

#header #headerimage {
  position: absolute;
  z-index: 0;
  bottom: 0px;
  float: left;
  top: 5px;
  left: 25px;
  margin-right: 0em;
}

#click {
float: left;
position: absolute;
left: 0px;
top: 160px;
z-index:2;
height: 80px;
}

#clickperm {
float: left;
position: absolute;
left: 0px;
top: 40px;
z-index:2;
height: 80px;
}


/* TOP NAV */



ul#topnav { 
             font-weight: bold;
             padding-top: 83px;
             list-style-type: none;
             margin: 0 0 -6px 0;
             padding-left: 10px;
             float: right;
            position: absolute;
             width: 490px;
             z-index: 3;
             left: 300px;
             
             
}

ul#topnav li {
font-family: arial, Helvetica sans-serif;
font-size: 0.9em;
float: left;
background-color: #000;
border-top:1px solid #000;
border-left:1px solid #000; 
border-right:1px solid #000;  
 // background-image: url(http://www.mychemicaltoilet.com/images/topnavbutton.jpg);
/* padding: 0.2em; */
margin: 0px 2px 0px 2px; /*spaces between tabs */
color: #fff;
}





ul#topnav a:link, 
     ul#topnav a:visited {
                     display: block;
                     color: #fff;
                     background-color: inherit;
                     padding: 4px;
                     text-decoration: none;
                             
}  


ul#topnav a:active, ul#topnav a:hover, ul#topnav a.here:link, 
     ul#topnav a.here:visited  {
                     color: #000;
                     text-decoration: none;
                     background-color: #eaeaea;

}



ul#topnav li.cur {
border-bottom: 1px solid #FFF;
border-top: 1px solid #15132f;
border-top: 1px solid #15132f;
border-top: 1px solid #15132f;
}

ul#topnav li.cur a:link, ul#topnav li.cur a:visited {
background-color: #f8f5c9;
color: #000;
}



#search {
                    float: right;
                    clear: right;
                    width: 200px;
                    padding-top: 0.4em;
                    padding-right: 10px;
                    padding-top: 81px;
}

.searchbutton {
                      background-color: #000;
                      width: 80px;
                      height: 20px;
                      color: #fff;
                      font-family: Trebuchet MS, Helvetica;
                      font-size: 0.9em;
                      border: 0px;
}

#search2 {
                    float: right;
                    clear: right;
                    width: auto;
                    padding-top: 0.4em;
                    padding-right: 10px;
                    padding-top: 81px;
                    position: relative;
                    z-index: 1;

}

.searchbutton2 {
                      background-color: #333;
                      width: 80px;
                      height: 20px;
                      color: #fff;
                      font-family: Trebuchet MS, Helvetica;
                      font-size: 0.9em;
                      border: 0px;
}

#header #topnav2 {
             float: left;
             clear: right;
             width: 420px;
             height: 80px;
             margin-left: 10px;
             padding: 10px;
             left: 360px;
             top: 0px;
             position: absolute;
             margin-top: 0.2em;
             margin-bottom: 0em;
}

#header #topnav2 {
                          padding-top: 20px;
                         }
#header #topnav2  li {
         
         display: inline;
         padding-left: 0em;
         width: auto;
         height: auto;
         list-style: none;
         line-height: 3em;
         margin-right: 10px;
       /*  border: 0.1em solid #FF0000;  */
        }

 .lista a {
          background-image: url('images/butttongreen1.gif');
          background-repeat: no-repeat;
          background-position: top left;
          }

 .listb a {
          z-index: 2;
          background-image: url('images/butttonblue1.gif');
          background-repeat: no-repeat;
          }
            
 .listc a {
          z-index: 2;
          background-image: url('images/butttonyellow1.gif');
          background-repeat: no-repeat;
          }
            
 .listd a {
          z-index: 2;
          background-image: url('images/butttonpurple1.gif');
          background-repeat: no-repeat;
          }
            
 .liste a {
          z-index: 2;
          background-image: url('images/butttonred1.gif');
          background-repeat: no-repeat;
          }
            
 .listf a {
          z-index: 2;
          background-image: url('images/butttongrey1.gif');
          background-repeat: no-repeat;
          }
            

#header #topnav2  li a {
        color: #663300;
        font-size: 0.9em;
        text-decoration: none;
        padding-left: 3em;
        padding-top: 1.6em;
       }


#header #topnav2  li a:hover {
              color: #663300;
              text-decoration: underline;
              background-repeat: no-repeat;
             }




/* END ADDED */

/* PRICEGRABBER */

#pricegrabber {

width: 300px;
  float: left;
  background-color: #FFFFFF;
  margin-right: 0px;
  margin-left: 5px;


}

/* POSTS */

#posts {
  width: 463px;
  float: left;
  background-color: transparent;
  margin-right: 8px;
  margin-left: 5px;
} 
/*
.player {
  width: 465px;
  height: 182px;
  margin-bottom: 10px;
  background-image: url (http://www.mychemicaltoilet.com/images/shinyplayer.jpg);
}
*/

html > body #posts {
  width: 466px;
  margin-right: 10px;
  margin-left: 10px;
}

.banner {
             width: 460px;
             margin-bottom: 20px;
}

.button {
            background: url (http://www.mychemicaltoilet.com/images/sendbutton.jpg) no-repeat center top #000;
            color: #fff;
            font-size: 6pt;
            width: 52px;
            height: 18px;
}


.textbox {
             background-color: #000;
             color: #fff;
             font-size: 10pt;
             width: 110px;
             height: 18px;
             border: 0;
            
}

.post {
  width: 461px;
  margin-bottom: 30px;
  overflow: hidden;
  border-left: 1px solid  #FFF818; 
  border-right: 1px solid  #FFF818; 
  border-top: 1px solid  #FFF818;   
  border-bottom: 1px solid #FFF818;
  background: url('images/postgrad.gif') top left repeat-x #fff;
}

html > body .post{
  width: 461px;
  margin-right: 30px;
}


#posts h2 {
  padding: 10px 10px 20px 10px;
  color: #000;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;

}

#posts h3 {
  padding: 10px 10px 20px 10px;
  color: #3399cc;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;

}


.post p img  { 
                  /*   display:block; */
                    margin: 0px 10px 15px 0px;
              /*     float: right; */ 
                    border: 6pt solid #EFEFEF; 
                    padding: 0px;
}
                 



.post p {
  color: #333;
  margin-left: 10px;
  padding-right: 10px;
  margin-bottom: 0.8em;
}

.meta {
  background-color: #EFEFEF;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 0.97em;
  color: #333;
  margin-bottom: 10px;
  padding: 5px;
  border-top: 1px dashed #15132f;
}

.continuereading {
                          background-color: #323232;
                          background-repeat: no-repeat;
                          height: 20px;
                          width: 130px;
                          clear: both;
                          margin-top: 10px;
                          color: #FFFFFF;
                          padding-left: 0.9em;
                          padding-top: 0.5em;
                          font-weight: bold;
                          border: 1px solid #003366;
                          
}



/* END POSTS */

/* SIDEBAR */


#sidebar {
width: 452px; 
float: left; 
margin-left: 5px;
margin-right: 0px;
}

html > body #sidebar {
  width: 462px;
  margin-right: 9px;
  margin-left: 5px;
}


#sidebar .browse {
   background: url('images/browse.gif') top left no-repeat #fff;
  position: relative;
  width: 462px;
  height: 50px;
  margin-bottom: 20px;
  z-index: 1;
}


#sidebar .mail {
  width: 462px;
  height: 113px;
  background: url('images/mail.gif') top left no-repeat #fff;
  margin-bottom: 20px;
  color: #750119;
  font-size: 16pt;
  font-weight: bold;
}



/* ADVERTS AND LINKS */




#advertise {
  width: 462px;
  border-left: 1px solid  #FFF818;
  border-right: 1px solid  #FFF818;
  border-bottom: 1px solid  #FFF818;
  margin-bottom: 20px;
  clear: both; 
  background: url('images/postgrad.gif') top left repeat-x #fff;
}


#advertise .sbthin {
  width: 120px;
  margin-right: 10px;
  margin-left: 5px;
  margin-top: 15px;
  float: left;
}
html > body #advertise .sbthin {
  
  width: 120px;
  margin-left: 10px;
}

#advertise .sbfat {
  width: 300px;
  padding-left: 10px;
  margin-top: 15px;
  border-left: 2px dotted  #FFF818;
  float: left;
}  


#sidebar h2 {
   color: #000;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 0.6em;
}



#sidebar h3.mailing {
   color: #000;
  font-size: 7pt;
  margin-bottom: 10px;
}

#sidebar h2.info {
  padding: 15px 20px 15px 20px;

   color: #D50302;
  font-size: 12pt;
  font-weight: bold;
  margin-bottom: 20px;
}

#sidebar h3 {
  color: #000;
  font-size: 10pt;
  font-weight: bold;
  margin-bottom: 1em;
  padding: 0px 20px 0px 20px;
}


#sidebar .link {
  margin-bottom: 20px;
}

#sidebar .tint {
  border-top: 1px dashed #FFF818;
  margin-bottom: 20px;
  background-color: #EFEFEF;
  padding: 10px;
 }

#sidebar .untint {
  border-top: 1px dashed #FFF818;
  margin-bottom: 20px;
  padding-top: 10px;
 }

#sidebar img.smallbanners {
  margin-left: 16px;
  margin-bottom: 5px;
}





/* END SIDEBAR */




  
/* LEADER */ 

#leader {
             position: relative;
             width: 842px;
             background-color: #fff;
             height: 100px;
             clear: both;
             text-align:center;
             margin-top: 10px;
             margin-bottom: 0px;
             padding-left: 120px;
             padding-top: 10px;
}


/* ROUNDED CORNERS */

.trc {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('images/topr.gif');
  left: 448px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}

.tlc {
  position: absolute;
  width: 15px;
  height: 15px;
  background-image: url('images/topl.gif');
  left: -1px;
  bottom: 0px;
  overflow:hidden;
  z-index: 10;
  top: 0px;
}

.botsb {
  position: relative;
  width: 464px;
  height: 16px;
  background-image: url('images/botsb.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 10;
  left: -1px;
  top: 1px;
  bottom: 0px;
}
  
.bot {
  position: relative;
  width: 465px;
  height: 15px;
  background-image: url('http://www.mychemicaltoilet.com/images/bot.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 1;
  left: -1px;
  bottom: -5;
}


.botinfo {
  position: relative;
  width: 464px;
  height: 16px;
  background-image: url('images/botsb.jpg');
  background-repeat: no-repeat;
  background-color: #FFF;
  z-index: 10;
  left: -1px;
  top: 210px;
  bottom: 0px;
}
  


/* SHINY/BLOG INFORMATION */


#infobox {
  width: 462px;
  border-left: 1px solid  #FFF818;
  border-right: 1px solid  #FFF818;
  border-bottom: 1px solid  #FFF818;
  margin-bottom: 50px; 
  clear: both;
  padding: 0px 0px 20px 0px;
  height: 305px;
  background: url('images/infograd.gif') top left repeat-x #fff;
}


#infobox ul {
  list-style-type: none;
  padding: 0 20px 0px 20px;
  margin: 10px 0px 10px 0px;

}

ul#tabinfo  {
   list-style-type: none;
   margin: 0 0 -1px 0;
   padding: 0 0 0 20px;
   float: left;
   width: 100%;
}

ul#tabinfo li {
   float: left;
   background-color: #FFF818;
   margin: 2px 5px 0 2px;
   border-top: 1px solid #FFF818;
   border-right: 1px solid #FFF818;
   border-left: 1px solid #FFF818;
   border-bottom: 1px solid #FFF818;

}

ul#tabinfo li a:link, ul#tabinfo li a:visited {
   display: block;
   background-color: inherit;
   text-decoration: none;
   padding: 4px;
   color: #3399cc;
   font-weight: bold;
}

ul#tabinfo li a:hover {
   background-color: #fff;
   color: #000;
   font-weight: bold;
}


/*
#infobox ul#tabinfo li.xboxinfo,
#infobox ul#tabinfo li.creditinfo,
#infobox ul#tabinfo li.shinyinfo {
  border-bottom: 1px solid #FFF818;
  border-top: 1px solid #FFF818;
  border-right: 1px solid #FFF818;
  border-left: 1px solid #FFF818;
}
*/


/* LATEST STORIES */

#latest {
  position: relative;
  width: 962px;
  height: 1238px;
  background-color: #EFEFEF;
  padding: 20px 0 20px 0;
  margin: 0px;
}

/* FOOTER */

#footer {
  clear: both;
  font-family: Arial, Lucida Grande, Verdana, sans-serif;
  background-color: #ddd;
  color: #444;
  padding: 6px;
  text-align: center;
  font-size: 0.9em;
  position: relative;
  top: -10px;
  z-index:1;
}


#footer a {
 color: #D50302;
}

#footer a:hover {
 color: #D50302;
 text-decoration: underline;
}

#strapline {
           font-size: 11px;
           color: #3399cc;
           position: absolute;
           text-align: right;
           top: 190px;
           right: 15px;
           z-index: 30;
          }

#straplineperm {
           font-size: 11px;
           color: #fff;
           position: absolute;
           text-align: right;
           top: 68px;
           right: 15px;
           z-index: 30;
           font-weight: bold;
}