/* CSS Document */

body {margin: 0px auto; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0em;font-size: 80%;}

#pageWrapper {margin: 0px auto;padding: 0 0 0 1em;width: 817px;background: transparent url(../images/bg_dropshadow.gif) repeat-y; clear:both;height: auto; }

.clear {clear: both}
.livechat {width:138px}


/*newsletter subscribe styles*/
span.label,span.spacer,span.multiple span {width:100px;float:left;color:#FFFFFF;} 
span.emailfield {padding:10px}
span.multiple {float:left;} 
span.button {padding-left: 60px;margin-top:5px} 
div.clear {clear:both;padding-top:5px;} 


/*;background:url(../images/bg_stripes.gif) no-repeat ;background-attachment:fixed*/

/* ----------------------------------------------------------------------------------------------
----------HEADER----------*/

#pageHeader  {background: #fff url(../images/knt_bg_topnav.gif) no-repeat 0 32px; width:790px;height:86px;margin:0 ;padding: 0}
#pageHeader h1 {float:left; width: 280px;padding:0; margin:0 }
#pageHeader .topNav ul {list-style-type:none;display: inline;height:23px;width: 320px;}
#pageHeader .topNav ul li { list-style-type: none; display: inline; }
#pageHeader .topNav ul li a {padding:4px 7px 3px 7px;}
#pageHeader .topNav ul li a:link {color:#fff; text-decoration:none}
#pageHeader .topNav ul li a:visited {color:#fff; text-decoration:none}
#pageHeader .topNav ul li a:active {color: #ccff66 ; text-decoration:none; }
#pageHeader .topNav ul li a:hover {background-color: #608328;color: #ccff66}

#pageHeader .topNav {float:right;width: 400px;text-align:right;margin-top:28px;padding-top: 8px}
#pageHeader .topNav .search {float:right; width: 280px;height:10px;margin-top: 10px}

/* ----------------------------------------------------------------------------------------------
----------SIDE BAR----------*/

#leftNav {float:left;margin-left: 8px; width: 158px}

.sidePromo {padding:5px; margin-top:5px}
.sidePromo img {margin-top:15px}


/*--------------------------------------------------
---------------------------------------------------
---------------------------new navigation for IE 6*/
ul#navmenu {   
}

/* Root = Vertical, Secondary = Vertical */
ul#navmenu,
ul#navmenu li,
ul#navmenu ul {
  margin: 0;
  border: 0 none;
  padding: 0;
  width: 155px; /*For KHTML*/
  list-style: none;
}

ul#navmenu:after /*From IE 7 lack of compliance*/{
  clear: both;
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

ul#navmenu li {
  float: left; /*For IE 7 lack of compliance*/
  display: block !important; /*For GOOD browsers*/
  display: inline; /*For IE*/
  position: relative;
  
}

/* Root Menu */
ul#navmenu a {

  border-top: 1px solid #99CCCC;  /* ------------CHANGED FROM dotted on 12/11/07   */
  border-right: 1px solid #ffffff;  /* ------------CHANGED FROM not having it on 12/11/07   */
  padding: 5px 6px;
  display: block;
  color: #2B4F63;
  font-family: Arial, Helvetica, sans-serif; 
  letter-spacing: 0;
  text-decoration: none;
  font-weight: bold;
  height: auto !important;
  height: 1%; /*For IE*/
}

ul#navmenu a.end { border-bottom: 1px solid #99CCCC;  /* ------------CHANGED FROM dotted on 12/11/07   */}


ul#navmenu:first {
  border-top: 1px dotted #99CCCC; 

}

/* Root Menu Hover Persistence */
ul#navmenu a:hover,
ul#navmenu li:hover a,
ul#navmenu li.iehover a {
  background: #2B4F63; /* ------------CHANGED FROM #9FB8C5 on 12/11/07   */
  color: #FFF;  /* ------------CHANGED FROM #ccff66 on 12/11/07   */
}

/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
  background: #2B4F63;  /* ------------CHANGED FROM #9FB8C5 on 12/11/07   */
  color: #FFF;  /* ------------CHANGED FROM #ccff66 on 12/11/07   */
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
  background: #FFF;
  color: #2B4F63;
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li a {
  background: #2B4F63;  /* ------------CHANGED FROM #9FB8C5 on 12/11/07   */
  color: #FFF;  /* ------------CHANGED FROM #ccff66 on 12/11/07   */
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover,
ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover a {
  background: #FFF;
  color: #2B4F63;
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a,
ul#navmenu li.iehover li.iehover li.iehover li a {
  background: #2B4F63;  /* ------------CHANGED FROM #9FB8C5 on 12/11/07   */
  color: #FFF;  /* ------------CHANGED FROM #ccff66 on 12/11/07   */
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover,
ul#navmenu li.iehover li.iehover li.iehover li a:hover {
  background: #FFF;
  color: #2B4F63;
}

ul#navmenu ul,
ul#navmenu ul ul,
ul#navmenu ul ul ul {
  display: none;
  position: absolute;
  top: 0;
  left: 155px;
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  display: none;
}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  display: block;
}


/* ----------------------------------------------------------------------------------------------
----------CONTENT----------*/

#contentWrap

.bodyContent {width:600px; float:left; margin: 5px 0 0 0;padding:0}

.body h1.about {background: #fff url(../images/tnk_hdr_aboutus.jpg) no-repeat 0 0; width:125px; height:32px; text-indent:-9000px;margin: 10px 0 5px 0}
.body h1.contact {background: #fff url(../images/tnk_hdr_contact.jpg) no-repeat 0 0; width:125px; height:32px; text-indent:-9000px;margin: 10px 0 5px 0}
.body h1.delivery {background: #fff url(../images/tnk_hdr_delivery.jpg) no-repeat 0 0; width:125px; height:32px; text-indent:-9000px;margin: 10px 0 5px 0}
.body h1.privacy {background: #fff url(../images/tnk_hdr_privacypol.jpg) no-repeat 0 0; width:238px; height:32px; text-indent:-9000px;margin: 10px 0 5px 0}
.body h1.terms {background: #fff url(../images/tnk_hdr_termsofuse.jpg) no-repeat 0 0; width:238px; height:32px; text-indent:-9000px;margin: 10px 0 5px 0}



.body {padding: 0 0 0 0px}
.body hr { border:1px solid #BBDB7E;margin:0 0 20px 0}
.body p {line-height: 19px}



/* ----------------------------------------------------------------------------------------------
----------FOOTER----------*/

#footer {background: #fff url(../images/knt_bg_topnav.gif) no-repeat 0 32px; width:790px;height:86px;}
#footer img {margin: 60px 0 15px 325px; text-align:center}
#footer p {font-size:10px;color:#666666 ; text-align:center; margin: 0}