body {
  margin: 0;
  padding: 0;
  font-family: verdana;
}

#container {
  background-image: url(../images/tourism-background.png);
  background-repeat: no-repeat;
  display: block;
  height: 1022px;
  width: 1280px;
}

#content {
  width: 1280px;
  height: 1022px;
  overflow: hidden;
}
/*
  top: 230px;
  left: 145px;
  width: 975px;
  height: 645px;
*/

.button {
  background-image: url(images/button.png);
  background-repeat: no-repeat;
  width: 209px;
  height: 42px;
  color: #fff;
}

#mainmenu { 
  padding-top: 70px;
}


#mainmenu td.left {
  width: 50%;
  text-align: right;
  padding-right: 40px;
}

#mainmenu td.right {
  width: 50%;
  text-align: left;
  padding-left: 40px;
  margin: 0;
}

img { 
  border: none;
}

#title {
  text-align: center;
  color: #00A7DE;
  padding-top: 20px;
  font-size: 1.1em;
}

#listings {
  margin-left: 125px;
  margin-top: 10px;
  padding-top: 15px;
  height: 640px;
  width: 975px;
  overflow: hidden;
}

#listings .entry {
  width: 465px;
  height: 200px;
  float: left;
  font-family: verdana;
  font-size: 0.6em;
  background-image: url(../images/listing-block.png);
  background-repeat:no-repeat;
  
  padding: 10px;
} 

#listings .heading {
  font-weight: bold;
}

#listings .entry h1 {
  color: #003986;
  font-size: 12px;
  margin: 0;
}

#listings .entry h2 {
  margin: 0 0 4px 0;
}

#listings .entry a.gold {
  display: block;
  margin-top: 4px;
}

#listings .entry .silver {
  display: block;
  margin-top: 4px;
}

#listingsalphabet {
  position: absolute;
  left: 0px;
  top: 10px;
  height: 747px;
  width: 140px;  
}

#listingsalphabet .letter {
  background-image: url(../images/listings-az.png);
  background-repeat: no-repeat;
  width: 58px;
  height: 58px;
  float: left;
  color: white;
  
  padding: 0;
  margin: 0px;
  
}

#listingsalphabet .letter a,
#listingsalphabet .letter a:visited {
  display: block;
  width: 58px;
  height: 58px;
  color: white;
  margin: 16px;
  margin-left: 18px;
}

#listingsbuttons {
  position: absolute;
  left: 125px;
  width: 975px;
  height: 90px;
  padding-top: 10px;
}

#listingsbuttons div {
  float: left;
  width: 123px;
  height: 68px;
}


#listingsbuttons #buttonup {
  background-image: url(../images/buttons-up.png);  
  
}

#listingsbuttons #buttondown {
  background-image: url(../images/buttons-down.png);
  
}

#scrollbuttons div {
  height: 110px;
  width: 100px;
  height: 100px;
  display: block;
  margin-top: 30px;
}

a {
  text-decoration: none;
}

/** GOLD PAGES **/

.tabstrip {
  position: absolute;
  top: 85px;
  left: 85px;

  width: 1120px;
  height: 48px;  
}

.tab {
  background-image: url(../images/goldtabs/black.gif);
  background-repeat: no-repeat;
  color: #fff;
  float: left;
  width: 186px;
  margin:0;
  margin-top: 10px;
  height: 38px;
  moz-opacity: 0.6;
  opacity: 0.6;

}

.selected  {
  background-image: url(../images/goldtabs/white.gif);
  background-repeat: no-repeat;
  margin-top: 2px;
  height: 48px;
}

.tab a {
  display: block;
  text-align: center;
  padding-top: 10px;
  height: 48px;
  width: 100%;
  color: white;
}

.tab a:visited {
  color: white;
}

.selected a {
  color: black;
}

.selected a:visited {
  color: black;
}

 /*.whitebox {
  position: absolute;
  top: 133px;
  left: 85px;
  
  width: 1112px;
  height: 765px;
  
 moz-opacity: 0.6;
  opacity: 0.6;

}*/

.whitebox-cheat { /* Cheat Box to keep alignment and remove transparency on gold pages */
  position: absolute;
  top: 133px;
  left: 85px;
  
  width: 1112px;
  height: 765px; 
}


.whitebox div {
  moz-opacity: 1;
  opacity: 1;
}

.mainimage {
  position: absolute;
  top: 22px;
  left: 26px;
  
  width: 669px;
  height: 580px;
}

.otherimages {
  position: absolute;
  top: 22px;
  left: 699px;
  
  width: 151px;
  height: 580px;
}

.otherimages img {
  padding-left: 10px;
  padding-bottom: 8px;
}

.pagetext {
  position: absolute;
  top: 22px;
  left: 853px;
  
  width: 241px;
  height: 580px;  
  
  overflow:auto;
}

.pagetext div {
  padding-bottom: 10px;
}

.intro {
  position: absolute;
  top: 616px;
  left: 26px;
  
  width: 1068px;
  height: 136px;
}

#heading h1 {
  position: absolute;
  top: 10px;
  left: 85px;
  font-size: 2em;
}

.heading {
  font-weight: bold;
}

.tabstrip ul {
  margin: 0;
  padding: 0;
}
.tabstrip ul li {
  list-style: none;
  margin: 0;
}

div.hide {
  display: none;
}


#hiddentabs {
  display: none;
}

.contentarea { 
  padding: 20px;
}

label { 
  display: block;
  font-size: 0.8em;
  padding-top: 10px;
}

/* ===================== KEyboard for Search and Gold Page Enquire ========================== */

#keyboardarea-gold {
  z-index:0;
  position: absolute;
  top: 190px;
  left: 12px;
 opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
  
}

#hidekeyboard-gold{
z-index:0;
  position: absolute;
  top: 180px;
  left: 30px;
  opacity:.80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
  
}

#field1,
#field2,
#field3,
#field4,
#field5
{
	height:24px;
	font-size:20px;
	border:none;	
} 


.col {
  width: 250px;
  float: left;
}

.clear {
  clear: both;
}

input[type=submit] {
  padding: 4px 16px 4px 16px;
}

#keyboardarea {
  position: absolute;
  left: 0px;
  top: 150px;
  margin-left: -10px;
}

#search #keyboardarea {
  top: 140px;
}

#search {
  margin-top: 20px;
  margin-left: 10px;
}

#search-q {
  margin-left: 54px;
  border: none;
  background-image: url(../images/searchbox.gif);
  background-repeat: no-repeat;
  width: 933px;
  height: 30px;
  padding: 20px;
  font-size: 1.5em;
  background-color: #C8D8EE;
}

#search #scrollbuttons {
  position: absolute;
  left: 935px;
  height: 380px;
  top: 100px;
  display: none;
}

#scrollbuttons div {
  height: 110px;
  width: 100px;
  height: 100px;
  display: block;
  margin-top: 30px;
}

#scrollbuttons #scroll_up {
  background-image: url(../images/search-up.png);  
}

#scrollbuttons #scroll_down {
  background-image: url(../images/search-down.png);
}

#results {
  position: absolute;
  top: 100px;
  left: 64px;
  
  width:973px;
  height: 300px;
  
  overflow:hidden;
 
}


#bookingcontent input[type=text] {
  height: 25px;
  padding: 6px;
  font-size: 1.1em;
}

#buttons {
  z-index: 1;
  position: absolute;
  top: 150px;
  left: 85px;
  width: 260px;
  height: 660px;
  overflow: hidden;
}

#buttons ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#buttons ul li {
  float: left;
  height: 67px;
  width: 244px;
}

.button {
  background-image: url(../images/button-blue.png);
  background-repeat: no-repeat;

  color: #fff;
  font-family: arial;
  font-size: 13px;
  font-weight: bold;
}

/*
.button:hover {
  background-position: 0 -42px;
}
*/

.button a {
  display: block;
  padding-top: 24px;
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.button a:hover {
  color: #BCD5EB;
}

#viewall {
  background-image: url(../images/button-green.png);
}


#buttonsnav {
  background-repeat: no-repeat;
  
  z-index: 1;
  position: absolute;
  top: 815px;
  left: 85px;
  width: 260px;
  height: 67px;
  
}

#buttonsnav div {
  float: left;
  width: 123px;
  height: 68px;
}
#buttonup {
  background-image: url(../images/buttons-up.png);
}

#buttondown {
  background-image: url(../images/buttons-down.png);
}


/** DESCRIPTION PAGE **/

.descriptionlogo {
  background-color: white;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #000;
}

.descriptiontext {
  margin-top: 10px;
}

.extraimages img {
  float: left;  
  padding: 7px;
}