*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  background-color:  #acd334; /*Pantone 134-1-4 GekkoGreen */
 }

.blue {
  background-color:#1891da; /* Pantone 85-1-3 dot blue */
  height:4em;
  border-top:solid black .5em;
  border-bottom:solid black .5em;
  margin-top: 3.75em;
  }
  
#wrapper {
  color:black;
  width: 60em;
  text-align: center;
  z-index: 1;
  position:relative;
  }

/************************************************ header *****************************************/
#header {
  font-weight:bold;
  text-align:left;
  padding-right:2em;
  height:5em;
  margin-top:-7.75em;
  }
  
#header img {
  float:left;
  width:13em;
  }  

#header h1 { /* Lanthum specific */
  padding:2.1em 1em 0 7em;
  font-size:2em;
  color:black;
  font-family: "Arial Black", sans-serif;
 }

/************************************************ content ***************************************/
#content {
  background-color: white;
  color:black;
  border: .5em solid black;
  width:41em;
  margin-left:11em;
  margin-top:7em;
  padding:1.5em 1em 1em 1em;
  }

#content a {
  color:#007bd0; /*Pantone 85-1-5 hypertext blue*/
  outline-style:none;
  font-weight:bold;
  }

#content a:hover {color: #83bc00; /*Pantone 134-1-6 hypertext green*/}

#content form {
  line-height:2em;
  font-weight:bold;
  padding:.5em 0 .5em .5em;
  }

.clr {clear:both;}
.l {text-align:left;} 

.mt {margin-top:1em;} /* confirm */
.mtt25 {margin-top:-.25em;} /* index-GekkoDots */
.pt1 {padding-top:1em;} /* index, find in stores */
.pt2 {padding-top:2em;} /* index-lanthum */
.pt3 {padding-top:3em;} /* about us */
.ptb {padding:1.5em 0;} /* lifting dot image on products page */

.big { /*title on GekkoDots homepage*/
  font-size:2.2em;
  padding-top: .75em;
  }

.ind {margin-left:1.75em;} /*  leftsidebar, contact, aboutGekkoDots */
.ind2 {margin-left: 3.5em;} /* contact */
.sm {font-size:80%;} /*  about us and footer */

.img100 {width:100%;} /*  index, about us, all tips pages */
.img75 {width:75%;} /* shop, confirm, wholesale*/
.img50 {height:10em;padding-bottom:.25em;} /* lanthum-products page */
.shopimg {width:64%;padding:3em 0;} /* shopping bag image on shopping page*/
.contactimg {width:75%;padding:1.65em 0;} /* telephone image on contact page */
.tipsimg {width:100%; padding:4em 0 2em 0;} /* tips main page */
/************************************************  home ********************************/
.home { /*  index-GekkoDots bullet list */
  font-weight:bold;
  font-style:italic;
  text-align:left;
  list-style:none;
  line-height:1.75em;
  padding-top:.5em;
  font-size:1.2em;
  }
/************************************************  img *********************************/
#img {
  width:18em;
  float:left;
  padding:0 .75em;
  }

#img p {padding-top:.5em;}

/************************************************ text ********************************/
#text {
  width:20em;
  float:left;
  padding:0 .75em;
  }  
  
#text p {
  text-align: justify;
  padding:.5em 0;
  }
  
/************************************************  white **********************************/
.white { /* contact pages, products page, some GekkoDots pages */
  width:15em;
  border:solid black .2em;
  margin:1.5em;
  padding:1em;
  float:left;
  }

.whitep {
  text-align:justify;
  padding:.5em 0;
  }
  
/************************************************  green *********************************/
.green { /* GekkoDots shopping page */
  width: 14em;
  margin: 1.5em;
  float: left;
  text-align: center;
  padding:1em .5em;
  border: solid black .2em;
  background-color:#acd334; /*Pantone 134-1-4 GekkoGreen */
}
  
 /************************************************ find ********************************/
.find { /* GekkoDots find in stores page */
  margin:0 1em;
  border-bottom:.1em solid black;
  text-align:left;
  }
  
.city { /* GekkoDots find in stores page */
  font-weight:bold;
  line-height:.5em;
  padding-top:.5em;
  padding-bottom:1em;
  color:#007bd0; /*Pantone 85-1-5 hypertext blue */
 }

.add { /* GekkoDots find in stores page  -- style for addresses */
  padding:0 0 .5em 1.5em ;
  font-size:90%;
  }
 
/************************************************ about ********************************/
#about {
  padding:0 1em 1em 1em;
  text-align:justify;
  }
  
#about p {
  padding:.5em 0;
  }

.howto { /* aboutGekkoDots page */
  padding: 0 .25em;
  width:9.25em;
  float:left;
  }
  
.howtoimg { /* aboutGekkoDots page */
  border:solid black .2em;
  width:90%;
  }
  
 #about div p {text-align:center; background-color:#CC00FF;} 

/************************************************ left  ********************************/
#leftsidebar {
  width:11em;
  position:absolute;
  top:14em;
  left:0;
  }

#leftsidebar a {
  text-decoration:none;
  color:black;
  font-weight:bold;
  outline-style:none;
  }

#leftsidebar a:hover {color: white;}

#leftsidebar img {
  width:60%;
  padding:.5em 0;
  border:none;
  }
  
#leftsidebar ul {
  text-align:left;
  text-decoration:none;
  padding-left:.75em;
  list-style:none;
  margin-bottom:2em;
  }

/************************************************ navbar *********************************/ 
#navbar {
  text-align: center;
  background-color:black;
  position:absolute;
  top:12em;
  left:11em;
  width:44em;
  }

#navbar a {
  float:left;
  text-decoration:none;
  color:white;
  background-color:black;
  font-weight:bold;
  text-transform:capitalize;
  outline-style:none;
  padding: 0 1em;
  }
  
#navbar a:hover {color:#acd334;}  /*Pantone 134-1-4 GekkoGreen */

/************************************************ footernav ******************************/
#footernav  {
  text-align: center;
  color:black;
  width:43em;
  padding:.5em 0 0 12em;
  clear: both;
 }

#footernav a {
  color:black;
  outline-style:none;
  text-decoration:none;
  font-size:90%;
  }

#footernav a:hover {color:white;}


/************************************************ footer *********************************/
#footer  {
  text-align: center;
  color:black;
  width:43em;
  padding:0 0 .5em 12em;
  clear: both;
 }

#footer p {font-size:60%;}

/****************************************** print styles *********************************/
@media print{
/* Start printer-friendly styles */

/* Set wrapper to fill page width */
#wrapper {width:100%;}

/* Hide left, navbar,and footer */
#navbar,
#leftsidebar,
#footernav {
  display:none;
}

/* Get rid of content div margins and
padding. Use a different font for print */
#content {
  margin:5em 0 0 0;
  padding:1em;
  border:none;
}

#white {width: 100%;}

#footer {margin-left:0;}


/*End printer-friendly styles */
}