 /* basic html tags */
 html, body {
  padding: 0px;
  margin: 0px;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background-color: #CCCCCC;
  font-family: verdana;
  font-size: 11px;
 }
    
 a:link, a:active, a:visited {
  color: #000000;
  text-decoration: underline;
  cursor: pointer;
 }
  
 a:hover, a:hover:visited {
  color: #333333;
  text-decoration: underline;
  cursor: pointer;
 }
 
 /* standard grid codes (index grid & latest arrivals grid) */
 
 table.grid {
  margin: 0px;
  padding: 0px;
  border-collapse: collapse;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 3;
 }
 
 table.grid td {
  padding: 0px;
  margin: 0px;
  text-align: center;
  background-color: #FFFFFF;
 }
 
 table.grid td a {
  padding: 0px;
  margin: 0px;
  height: 150px;
  width: 150px;
  display: block;
 }
 
 table.grid td a img {
  border: 0px;
  height: 150px;
  width: 150px;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
 }
 
 table.grid td a:hover img {
  opacity: .50 !important;
  filter: alpha(opacity=50) !important;
  height: 150px;
  width: 150px;
  margin: 0px;
 }
  
 /*
  tool divs
 */
 
 #currImages {
  display: none;
 }
 
 /*
  buttons
 */
 
 #arrivalsbtn, #contactbtn, #aboutbtn, #navbtn, #xtranavbtn {
  display: none;
  position: absolute;
  z-index: 8;
  width: 150px;
  height: 150px;
  cursor: pointer;
 }
 
 #arrivalsbtn:hover, #contactbtn:hover, #aboutbtn:hover, #navbtn:hover, #xtranavbtn:hover {
  opacity: .80;
  filter: alpha(opacity=80);
 }
 
 #aboutbtn {
  top: 150px;
  left: 150px;
 }
 
 #contactbtn {
  top: 0px;
  left: 450px;
 }
 
 #arrivalsbtn {
  top: 300px;
  left: 450px;
 }
 
 #xtranavbtn {
  top: 0px;
  left: 600px;
 }
 
 #navbtn {
  top: 300px;
  left: 600px;
 }
 
 #data {
  display: none;
 }
 
 /*
  about us page
 */
 
 #aboutinfo h1 {
  text-align: center;
 }
 #aboutinfo_contact h1 {
  text-align: center;
 }
 
 #aboutinfo {
  position: absolute;
  top: 150px;
  left: 150px;
  /*width: 426px;
  height: 600px;*/
  width: 276px;
  height: 300px;
  z-index: 10; 
  overflow: auto;
  padding: 0px 8px;
  padding-right: 16px;
  background-color: #1f0607;
  color: #FFFFFF;
 }
 #aboutinfo_contact {
  position: absolute;
  top: 0px;
  left: 0px;
  /*width: 426px;
  height: 600px;*/
  width: 426px;
  height: 600px;
  z-index: 10; 
  overflow: auto;
  padding: 0px 8px;
  padding-right: 16px;
  background-color: #03001F;
  color: #FFFFFF;
 }
 
 .smallabout {
  height: px !important;
 }
 
 #aboutinfo a:link, #aboutinfo a:active, #aboutinfo a:visited {
  color: #FFFFFF;
  text-decoration: underline;
  cursor: pointer;
 } 
 #aboutinfo_contact a:link, #aboutinfo_contact a:active, #aboutinfo_contact a:visited {
  color: #FFFFFF;
  text-decoration: underline;
  cursor: pointer;
 } 
 
 .aboutbackground {
  height: 100%;
  width: 450px;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 7;
  background-color: #FFFFFF;
  opacity: .80;
  filter: alpha(opacity=80);
  display: none;
 }  
 
 #aboutinfo h1, #aboutinfo p {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 8;  
 }
 #aboutinfo_contact h1, #aboutinfo_contact p {
  margin: 0px;
  padding: 0px;
  position: relative;
  z-index: 8;  
 }
 
 #aboutinfo h1 {
  font-size: 22px;
  margin-top: 5px;
 } 
 #aboutinfo_contact h1 {
  font-size: 22px;
  margin-top: 5px;
 } 
 
 #aboutinfo p {
  font-size: 13px;
  margin-top: 12px;
  margin-bottom: 6px;
 }
 #aboutinfo_contact p {
  font-size: 13px;
  margin-top: 12px;
  margin-bottom: 6px;
 }
 
 /*
  contact page
 */
 
 #contactpage {
  width: 425px;
  display: block;
 }
  
 #lapr {
  width: 300px;
  height: 300px;
  margin: 19px 0 0 68px;
 }
 
 #contactform {
  margin: 0px;
  padding: 0px;
  margin-top: 9px;
  margin-right: 5px;
 }
 
 #contactform table {
  border-collapse: collapse;
 }
 
 #contactform table td {
  padding: 0px;
  padding-right: 5px;
  padding-top: 10px;
 }
 
 #contactform input, #contactform #yourmessage {
  border: 1px solid #333333;
 }
 
 #contactform #yourmessage {
  width: 99%;
  height: 150px;
 }
 
 #contactform #contactsubmit {
  width: 148px;
  background-color: #FFFFFF;
  padding: 0px;
  margin: 0px;
  height: 25px;
 }
 
 #map {
 }
 
 .warning, .message {
  width: 250px;
  margin: 0px auto;
  padding: 5px;
  background-color: #FFFFFF;
  margin-top: 10px;
 }
 
 .warning {
  color: red;
  border: 1px solid red;
 }
 
 .message {
  color: #3D77C7;
  border: 1px solid #3D77C7;
 }
 
 .clearer {

 }
 
 #contactinfo {
  width: 92%;
  margin: 0px auto;
  border-collapse: collapse;
  margin-right: 18px;
 }
 
 #contactinfo td {
  padding: 0px;
  width: 50%;
 }
 p.print {
  text-align: right;
 }
 #indexgrid_div {
 	display: none;
 }