/* --------------- General --------------- */
body {
    background-color: #aabaaa;
  background-repeat: repeat;
  background-position: center top;
  background-attachment: fixed;
  color:black;
  border:0px;
  margin-left:8px;
  margin-right:8px;
  margin-top:16px;
  margin-bottom:16px;
  font-family: Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-size:13px;
  font-weight:normal; }

body.showimage {
  background-color: #fafffa;
}

/* --------------- Tables --------------- */
table {
  font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-size:13px; }
td.pink { background: rgb(255,200,162); }
td.purple { background: rgb(255,200,200); }
td.blue { background: rgb(204,204,255); }
td.green { background: rgb(204,255,204); }
td.centre { text-align: center; }

/* --------------- General --------------- */

b {
   font-weight:bold; }
p {
   font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; }
div {
   font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif"; }
a {
   font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   text-decoration:none; }
h3 {
   font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   color: #007700;
   text-align: left; }
h4 {
   font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
   color: #007700;
   text-align: left; }
form {
   margin:0px;
   padding:0px; }

/* --------------- Links --------------- */

a:link {
   font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
   text-decoration:underline;
   color:#007700; }
a:visited {
   font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
   text-decoration:underline;
   color:#007700; }
a:active {
   font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
   text-decoration:underline; }
a:hover {
   font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
   text-decoration:underline;
   color:#003300; }

/* --------------- White div --------------- */

div.white{
  padding: 10px;
  font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  color:black;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  vertical-align: middle;
  background-color: white;
}
div.white a { color: black; }

/* --------------- Email page --------------- */

div.email{
  padding: 10px;
  font-family: Courier;
  color:black;
  border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  vertical-align: middle;
  background-color: white;
}
form.email table { margin: 0px; border: 0px; padding: 0px; border-collapse: collapse;}
form.email table.top { width: 100%;}
form.email table td.textinput { text-align: right; }

/* --------------- Menu style --------------- */

table.menu {
  font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-style:italic;
  font-size:10px;
  font-weight:bold;
  color:#000000; }
a.menu:link {
  font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
  text-decoration:none;
  font-size:10px;
  font-weight:normal;
  color:#000000; }
a.menu:visited {
  font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
  text-decoration:none;
  font-size:10px;
  font-weight:normal;
  color:#000000; }
a.menu:active {
  font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
  text-decoration:none;
  font-weight:normal;
  font-size:10px;
  color:#000000; }
a.menu:hover {
  font-family:Verdana,Arial,Helvetica,sans-serif,"MS sans serif";
  text-decoration:underline;
  font-size:10px;
  font-weight:normal;
  color:#000000; }

/* --------------- Page layout --------------- */

/* Page title */
div.title {
 position: relative;
 width: 768px;
 top: 0px;
 left: 0px;
 right: 0px;
 padding: 0px;
 margin: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
 font-size:22px;
 font-weight: bold;
 color:white;
 height: 30px;
 text-align: center;
 vertical-align: middle;
 background-image: url('http://smashing-glass.co.uk.34spreview.com/images/shared/background/title.jpg');
 background-color: #779966;
}
   
/* Page title and menu container */
table.titlemenufix { 
  position: absolute;
  left: 0px;
  right: 0px;
  top: 8px;
  width: 100%;
  margin: 0px;
  border: none;
  padding: 0px;
  text-align: center;
  z-index: 100;
}
td.titlemenu {
  width: 768px;
}

/* Content container */
table.contentfix { 
  position: absolute;
  left: 0px;
  right: 0px;
  top: 56px;
  width: 100%;
  margin: 0px;
  border: none;
  padding: 0px;
  z-index: 0;
}
td.content {
  width: 768px;
}
div.content {
  width: 748px;
  padding: 10px;
  background-color: #fafffa;
  /*background-image: url('http://www.astro.le.ac.uk/~dj/titch/images/shared/background/erme_sea_tile3.jpg');*/
  background-attachment: fixed;
}

/* Container for a row of menus */
div.mainpop {
 position: relative;
 left: 0px;
 top: 0px;
 width: 768px;
 font-size: 12px;
 font-weight: bold;
 z-index: 100;
 height: 20px;
 margin: 0px 0px 0px 0px;
}

/* Container for a single menus */
div.pop {
  /*float: left;*/
  z-index: 100;
}
div.pop a { color: black; font-weight: bold; border: none; text-decoration:none; }
div.pop a:hover { color: black; font-weight: bold; font-style: italic; border: none; text-decoration:none;}
div.pop a:visited { color: black; font-weight: bold; border: none; text-decoration:none; }
div.pop:hover a { color: black; font-weight: bold; font-style: italic; border: none; text-decoration:none;}

/* Title entry for each popup */
div.poptitle0 {
 background-image: url('');
 background-color: #eeffdd; 
 width: 156px;
 height: 18px;
 vertical-align: middle;
}
div.poptitle1 {
  background-image: url('');
  background-color: #eeffdd; 
 width: 153px;
 height: 18px;
 vertical-align: middle;
}
div.poptitle2 {
  background-image: url('');
  background-color: #ddeecc; 
 width: 153px;
 height: 18px;
 vertical-align: middle;
}

/*div.pop a:hover { font-weight: bold; font-style: italic; border: none; text-decoration:none;}*/
/*div.pop:hover div:first-child { border-bottom: none; }*/

div.pop div {
  z-index: 100;
  text-align: center;
 }
div.pop div.popup {
 margin: 1px;
 width: 145px;
 display: none;
 z-index: 100;
 padding: 2px;
  border: solid 1px black; 
/*border-left: solid 1px white;
  border-top: solid 1px white;
  border-right: solid 1px black;
  border-bottom: solid 1px black; */
 }
div.pop:hover div.popup { 
  display: block; 
  background-image: url('');
  background-color: #ffffff;
  z-index: 100;
  opacity: 0.9;
    }

/* Container for a the popping-up part of the menu */
div.popup a:link { color: black; font-weight: normal; border: none; font-style: normal; font-weight: normal;}
div.popup a:visited { color: black; font-weight: normal; border: none; font-style: normal; font-weight: normal;}
div.popup a:hover { color: black; font-weight: normal; border: none; font-style: normal; font-weight: normal; background-color: #aaff99; }
div.popup a img { border: none; vertical-align: middle; }
div.popup div, div.popup a {
  display: block;
  text-align: left;
  text-decoration: none;
  margin: 1px 1px 1px 1px; }
div.popup div + div, div.popup a + a { margin-top: 2px; } 
div.popup hr { border-top: solid 1px green; border-bottom: none ; height: 1px; width: 100%; }

/* --------------- Catalogue table --------------- */

table.gallery {
  font-family:Verdana, Arial, Helvetica, sans-serif, "MS sans serif";
  font-size:12px;
 width: 100%;
  background-color: rgb(230,230,255); }
table.gallery tr { background: white; }