/**************** General rules *********************/
*{font-size:100.01%; margin:0;   padding:0;  }
html{font-size:100.01%;padding: 0; margin: 0;height:100%; }
body {height:101%;font-size:100.01%;padding: 0; line-height:150%;margin: 0;font-family: Verdana, arial, Tahoma, sans-serif; color: #ccc;  text-align: center; background:#161616 url(images/greybk.jpg) top left repeat-x;}
/**************** General Links ***********************************/
a:link            { color: #ffcc33; text-decoration: none;}
a:visited         { color: #ffcc33; text-decoration: none;}
a:focus, a:hover, a:active {color: #161616;background-color:#ffcc33; }
/***************** Page Sections *********************/
#container {position:relative;font-size:76%; position:relative; margin:40px auto;text-align:left; background:#232423 url(images/) top center no-repeat; width:760px;border:1px solid #161616;}
#container p {margin:15px 20px 10px 20px;}

h1 {clear:both; font-size:130%; color: #fff;margin:10px 20px 15px 20px;border-bottom:1px solid #908e8e;display:block;}
h2 {font-size:130%; color:#fff; margin: 20px 0px 3px 20px;}
h3 {font-size:120%; color:#ccc;een; margin: 20px 0 3px 20px;}

img.frame {float:right; clear:both;padding:6px;border:1px solid #e2e2e2;color:#333;background:#fff;margin: 0 0 5px 4px;}
img.map {float:right;margin: 0 20px 0 20px;}
ul {list-style:square; padding-left:20px; margin-left:20px;}
#head {height:120px;margin-top:15px;}
#footer {clear:both;height:3em; padding-top:2em;margin-top:5px;border-top: 1px solid #2e2f2f; margin-left:auto; margin-right:auto;}
#footer .left {float:left; width:40%;text-align:left;}
#footer .right {float:right; width:40%; text-align:right;margin-right:20px;}

.box h3 {background-color:#ffcc33;margin-left:0;padding-right:0;color:black;padding-left:1em;font-size:90%;margin-top:0;}
.box {width:720px;font-size:100%; display:inline;height:15em;float:left; margin:20px 0 20px 20px; border:1px solid #cbcbcb; background-color: #2f2f2f;}
.boxlist {float:left;margin-left:35px; width:42%;font-size:110%;font-weight:bold;padding-left:12px;margin-top:20px;color:white;}
span.offleft{position:absolute;left:-9999px;}
span.floatright {float:right;width:30%;text-align:right;}
span.floatleft {float:left;width:50%;}
img.button, img.logo {margin:20px 0 20px 20px;}
h3 {width:717px;height:2em;}

img.button, img.logo {margin:20px 0 20px 20px;}

h2.phone {font-size:120%;padding:10px 0 10px 0;margin:30px 20px 15px 20px;border-bottom:1px solid #908e8e;border-top:1px solid #908e8e;display:block;}
img.logo {float:left; margin:0 0 0px 10px;}
img.pump {float:right; margin-right:5px;}
/***************** Clearfix ****************/
.clearfix:after {content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
ol {margin-left:40px;font-weight:bold;color:yellow;}

#genform {padding:20px;font-size:100%; color:#fff; width:90%;  }
#genform p {margin-left:0;}
  #genform fieldset { border:none;   }
  #genform legend {   display:none;}
  #genform input {background:#fff;   border:1px solid #ffcc33;  width:60%;     padding:5px 3px 5px 3px;   vertical-align:middle;  margin:0 0 5px 0; }
  #genform textarea { background:#FFF;  border:1px solid #ccc;     width:60%;  margin-left:0;    font-size:110%;   padding:3px ;  vertical-align:middle;  }
  #genform input.button {   border:1px solid #fff;clear:both;   color:white;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;  border:1px solid #ffcc33; background:#ffcc33 url(images/button.gif) left top repeat-x;    }
  #genform input:hover, #genform textarea:hover {  border:1px solid #ffcc33;background-color:#f6f6f6; }
  #genform input.button:focus, #genform input.button:hover, #genform input.button:active  { clear:both; color:#fff;   font-size:100%;   width:30%;  margin:10px 0 20px 0;   font-weight:bold;   border:1px solid #fff; background-color:#000;  }
  .required { color:#ffcc33;    font-weight:bold;  margin-left:0px; }
  #genform input.chk {width:20px;border:none;}
  #genform h4 {margin-bottom:10px;}
   #genform label.topic, #genform input.topic {position:absolute;left:-9999px;}
    #genform input.shorttext {width:24%;}

      #navlist {
      position:absolute;
      top:137px;right:8px;

      background:transparent;
      font-size:93%;
      line-height:normal;

      }
    #navlist ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #navlist li {
      display:inline;
      margin:0;
      padding:0;
      }
    #navlist a {
      float:left;
      background:url("images/tableft6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #navlist a span {
      float:left;font-weight:bold;
      display:block;
      background:url("images/tabright6.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#161616;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #navlist a span {float:none;}
    /* End IE5-Mac hack */
    #navlist a:hover span {
      color:#FFF;
      }
    #navlist a:hover {
      background-position:0% -42px;
      }
    #navlist a:hover span {
      background-position:100% -42px;
      }

      #navlist #current a {
              background-position:0% -42px;
      }
      #navlist #current a span {
              background-position:100% -42px;
      }

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