body {
     /* background:#121212 url(../images/pagebg/bg.jpg) no-repeat top center; */
     background:#0f0f0f url(../images/pagebg/page-bg.gif) repeat;
     font-family:Georgia, "Lucida Grande", "Lucida Sans Unicode", "Times New Roman", Times, serif;
     font-size:10pt;
     color:#fff;
     margin:0 0 5px 0;
     }

a:link, a:visited, a:hover, a:visited {
                                      color:#fff;
                                      }
#toolbar #skip { display:none; }

#headertext p {
              float:right;
              padding:28px 20px;
              line-height:11pt;
              margin:0;
              width:450px;
              text-align:right;
              background:url(../images/pagebg/header-bg.gif) no-repeat top right;
              }

#wrapper {
         background:#000;
         width:780px;
         margin:0 auto;
         clear:both;
         border-left:1px solid #191919;
         border-right:1px solid #191919;
         border-bottom:1px solid #191919;
         border-top:2px solid #1f1f1f;
         line-height:1.3em;
         }

#wrapper #nav {
              float:left;
              width:29%;
              font-size:10pt;
              line-height:1.5em;
              margin:0 0 20px 0;
              font-family:Verdana, Arial, Helvetica, sans-serif;
              }

#wrapper #nav p {
                margin:0 20px 0 20px;
                font-size:80%;
                font-family:Georgia, serif;
                line-height:1.4em;
                }

#wrapper #nav ul {
                 list-style-type:none;
                 margin:20px;
                 padding:0;
                 }

#wrapper #nav li {
                 border:1px solid #8f8f8f;
                 padding:0;
                 margin:5px 0;
                 background:url(../images/nav/nav-a-bg.gif) repeat;
                 }

#wrapper #nav .arrow {
                     background:url(../images/nav/nav-arrow.gif) no-repeat right;
                     padding:2px 5px;
                     }

#wrapper #nav .active, #wrapper #nav .active {
                                             background:url(../images/nav/nav-arrow-active.gif) no-repeat right;
                                             padding:2px 5px;
                                             }

#wrapper #nav a:link, #wrapper #nav a:visited, #wrapper #nav a:hover, #wrapper #nav a:visited {
                                                                                              display:block;
                                                                                              text-decoration:none;
                                                                                              font-weight:bold;
                                                                                              color:#2f2f2f;
                                                                                              }

#wrapper #nav .active a:link, #wrapper #nav .active a:visited, #wrapper #nav .active a:hover, #wrapper #nav .active a:visited {
                                                                                                                              display:block;
                                                                                                                              text-decoration:none;
                                                                                                                              font-weight:bold;
                                                                                                                              color:#000;
                                                                                                                              }

#logo {
      margin:0 auto;
      padding:0;
      width:780px;
      height:133px;
      overflow:hidden;
      background:#121212 url(../images/logo/header-bg.gif) repeat;
      }

div#logo {
         border-left:1px solid #191919;
         border-right:1px solid #191919;
         border-bottom:2px solid #0f0f0f;
         }

a#logolink {
           width:169px;
           height:133px;
           overflow:hidden;
           background:url(../images/logo/logo.gif) no-repeat;
           text-indent:-2000px;
           display:block;
           }

#logo h1 {
         border:none;
         padding:0;
         margin:0;
         padding:0;
         }

#logo p {
        text-indent:0;
        }

#bodytxt {
         float:right;
         width:68%;
         padding:0 20px 20px 0;
         }

#bodytxt p {
           margin:5px 0;
           }

#bodytxt h1, h2 {
                margin:20px 0 10px 0;
                padding:0;
                font-size:100%;
                color:#efefef;
                }

#bodytxt h3 {
            margin:10px 0;
            padding:0;
            font-size:100%;
            color:#efefef;
            }

#bodytxt .caption {
             float:right;
             width:269px;
             font-size:80%;
             margin:20px 0 10px 10px;
             padding:6px;
             border:1px solid #191919;
             background:url(../images/pagebg/infobox-bg.gif) repeat;
             }

#bodytxt .caption img {
                      border:1px solid #000;
                      }

#bodytxt .myths {
                float:right;
                width:267px;
                font-size:80%;
                margin:20px 0 10px 10px;
                padding:6px;
                border:1px solid #191919;
                background:url(../images/pagebg/infobox-bg.gif) repeat;
                }

#bodytxt .q a {
              text-decoration:underline;
              cursor:pointer;
              }

#bodytxt #faq1, #faq2, #faq3, #faq4, #faq5, #faq6, #faq7, #faq8, #faq9, #faq10, #faq11, #faq12 {
                                                                                               padding:6px;
                                                                                               border:1px solid #191919;
                                                                                               background:url(../images/pagebg/infobox-bg.gif) repeat;
                                                                                               }

#bodytxt #tip {
              border:1px dotted #FF0010;
              padding:8px;
              background:url(../images/pagebg/infobox-bg.gif) repeat;
              }

#bodytxt #tip img {
                  float:left;
                  padding:0 5px 0 0;
                  }

#bodytxt #map {
              border:1px solid #191919;
              }

#bodytxt #map #mapdata .heading {
                                color:#000;
                                margin:0;
                                padding:0;
                                font-weight:bold;
                                }

#bodytxt #map #mapdata .text {
                             color:#000;
                             margin:10px 0 0 0;
                             padding:0;
                             }

#bodytxt #map #mapdata img {
                           float:right;
                           margin-right:10px;
                           vertical-align:middle;
                           }

#bodytxt ol {
            margin:0 0 0 5px;
            padding:0 0 10px 20px;
            }

#bodytxt li {

            }

#contact {
         float:right;
         border:1px solid #191919;
         width:200px;
         padding:5px 10px 5px 6px;
         font-size:90%;
         background:url(../images/pagebg/infobox-bg.gif) repeat;
         margin:0;
         }

#contact p {
           margin:2px 0;
           }

#contact .warning {
                  color:#ff0010;
                  vertical-align:middle;
                  }

#contact img {
             border:1px solid #000;
             }

#contact #sendto {
                 width:202px;
                 border:1px solid #191919;
                 background:#fff url(../images/input/input-bg.gif) repeat top;
                 padding:2px;
                 font-family:Georgia, serif;
                 color:#2f2f2f;
                 font-weight:bold;
                 font-size:90%;
                 }

#contact input {
               width:200px;
               border:1px solid #191919;
               background:#fff url(../images/input/input-bg.gif) repeat top;
               font-family:Georgia, serif;
               color:#2f2f2f;
               font-weight:bold;
               }

#contact .textarea {
                   width:200px;
                   border:1px solid #191919;
                   background:#fff url(../images/input/input-bg.gif) repeat-x top;
                   font-family:Georgia, serif;
                   color:#2f2f2f;
                   font-weight:bold;
                   }

#contact .button {
                 width:115px;
                 float:right;
                 background:url(../images/buttons/button-bg.gif) repeat;
                 border:1px solid #8f8f8f;
                 margin:2px 0 0 0;
                 padding:2px;
                 font-family:Verdana, Arial, Helvetica, sans-serif;
                 color:#2f2f2f;
                 font-weight:bold;
                 }

#bodytxt .gallery {
         background:url(../images/pagebg/infobox-bg.gif) repeat;
         border:1px solid #191919;
         padding:0 10px 5px 10px;
         margin:0 0 20px 0;
         }

#bodytxt .gallery img {
             background:#efefef;
             border:1px solid #000;
             padding:5px 5px 5px 5px;
             margin:5px 5px 5px 0;
             }

#bodytxt #competitor {
                     background:url(../images/pagebg/infobox-bg.gif) repeat;
                     border:1px solid #191919;
                     padding:0 10px 5px 10px;
                     margin:30px 0 0 0;
                     }

#bodytxt #competitor h2 {
                        margin:8px 0 0 0;
                        }

#bodytxt #competitor p {
                       margin:0 0 8px 0;
                       }

#bodytxt #competitor img {
                         float:right;
                         background:#efefef;
                         border:1px solid #000;
                         padding:5px 5px 5px 5px;
                         margin:12px 5px 10px 10px;
                         }

#bodytxt #toms-tips {
                    background:url(../images/pagebg/infobox-bg.gif) repeat;
                    border:1px solid #191919;
                    margin:20px 0 0 0;
                    padding:0 10px 5px 10px;
                    }

#bodytxt #toms-tips h2 {
                       margin:8px 0 8px 0;
                       }

#bodytxt #toms-tips ol {
                       margin:0 0 0 0;
                       }

#bodytxt #toms-tips li {
                       margin:0 0 5px 0;
                       }

#footer {
        clear:both;
        margin:5px 20px;
        border-top:1px dotted #191919;
        }

#footer p {
          text-align:right;
          font-size:80%;
          margin:10px 0;
          padding:0 15px 0 0;
          background:url(../images/footer/up.gif) no-repeat center right;
          }

#footer img {
            vertical-align:middle;
            }

#bodytxt #error {
                text-align:left;
                font-family: Verdana, Arial, sans-serif;
                font-size: 10pt;
                font-weight: bold;
                position: absolute;
                top:0;
                left:0;
                right:0;
                width:100%;
                background-color:#ff0000;
                border-bottom: 1px solid #2f2f2f;
                padding:5px 0;
                margin:0;
                color:#fff;
                }

#bodytxt #error p {
                  margin:0 0 0 10px;
                  }

#bodytxt #error img {
                    float:left;
                    padding:2px 5px 0 5px;
                    vertical-align:middle;
                    }

#bodytxt #success {
                  text-align:left;
                  font-family: Verdana, Arial, sans-serif;
                  font-size: 10pt;
                  font-weight: bold;
                  position: absolute;
                  top:0;
                  left:0;
                  right:0;
                  width:100%;
                  background-color:#1f1f1f;
                  border-bottom: 1px solid #000;
                  padding:5px 0;
                  margin:0;
                  color:#fff;
                  text-align:left;
                  }

#bodytxt #success p {
                    margin:0 0 0 10px;
                    }

#bodytxt #success img {
                      float:left;
                      padding:0 5px 2px 5px;
                      vertical-align:middle;
                      }

#bodytxt #success a:link,#bodytxt #success a:visited,#bodytxt #success a:active,#bodytxt #success a:hover {
                                                                                                          color:#fff;
                                                                                                          background:inherit;
                                                                                                          text-decoration:underline;
                                                                                                          }

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#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: transparent url(../images/lightbox/blank.gif) no-repeat; /* 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/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox/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;	}

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