/* CSS Document */
#there24 {
  width: 500px;
  padding: 5px;
  margin: 5px;
  border: 1px dotted #CC0000;
}

#there24 * {
  font-size: 11px;
  font-family: "Verdana" , "Arial" , "Helvetica", sans, sans-serif ;
color: #7F7F7F;
}

#there24 table td {
  vertical-align: top;
}

#there24 a { 
  text-decoration: none;
}

#there24 a:hover { 
  text-decoration: underline;
}

#there24 img {
  border: 1px solid #7F7F7F;
  padding: 3px;
}

#there24 h2 {
  color: #CC0000;
  margin: 3px 0 3px 0;
}

#there24 h2 a {
  color: #CC0000;
  font-weight: bold;
  font-size: 13px;
}

#there24 .path {
  padding: 0 0 3px 0;
  border-bottom: 1px dotted #7F7F7F;
}
#there24 .path a {
  font-weight: bold;
color: #7F7F7F; 
}

#there24 .arealist {
  width: 100%;
}
#there24 .arealist td {
  padding: 0 5px 0 0;
}

#there24 .source {
  margin: 5px 0 5px 0;    
}
#there24 .source a {
  color: #A52A2A;
}

#there24 .countrylist {
  width: 100%;
}
#there24 .countrylist td {
  padding: 0 5px 0 0;
}

#there24 .citylist {
  width: 100%;
}
#there24 .citylist td {
  padding: 0 5px 0 0;
}

#there24 .hotellist {
  width: 100%;
}
#there24 .hotellist td {
  padding: 0 5px 0 0;
}
#there24 .photolink img {
  margin-top: 5px;
}

#there24 h3 {
  margin: 3px 0 3px 0;
  font-weight: bold;
  margin: 0; 
}

#there24 .price {
  margin: 0;
}

#there24 .description {
  margin: 3px 0 3px 0;
}

#there24 h1 {
  color: #CC0000;
  margin: 3px 0 3px 0;
  font-weight: bold;
  font-size: 16px;
}

#there24 h3.hoteltype {
  font-weight: bold;
  color: #CC0000;
  font-weight: bold;
}


#there24 .hotelinfo .bigphoto {
  margin: 5px 0 3px 0;
}

#there24 .hotelinfo .smallphoto img {
  margin: 0 3px 0 0;
}

#there24 .hotelinfo .rooms {
  text-align: center;
  padding: 5px;
  border: 1px solid #ff0000;
}
#there24 .hotelinfo .rooms * {
  font-size: 13px;
  font-weight: bold;
  color: #ff0000;
}

#there24 h4 {
  margin: 0;
  font-weight: bold;
  margin: 0 0 2px 0;
  padding: 0 0 2px 0;
  border-bottom: 1px dotted #CC0000;
}




/*PAGE LAYOUT*/
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#logo{float:left; background-image:url(tie_logo.gif); width:274px; height:213px;}
#topheader{float:right; width:526px; height:97px; background-color:#F0F0F0; position:relative}
#toplinks{position:absolute; right:10px; top:10px;}
#menu{float:right; width:526px; height:32px; background-image:url(bg_menu.gif); background-repeat:repeat-x;}
#submenu{float:right; width:526px; height:32px; background-image:url(bg_submenu.gif); background-position:top; background-repeat:repeat-x;}
#contenttext{float:right; width:526px;}
#leftpanel{float:left; width:274px;}
#footer{float:left; width:800px; background-color:#F0F0F0; padding:10px;}

/*GRAY PANEL*/
.graypanel{
	border:solid 1px #666666; background-color:#F7F7F7; padding:10px; margin:10px;
}

/*TEXT STYLES*/
.bodytext {
	font: 0.7em Tahoma, sans-serif;
	color: #666666;
}

.titletext {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#CC0000;
}
.whitetitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:36px;
	font-weight:bold;
	color:#FFFFFF;
}
.smalltitle {
	font: 0.7em Tahoma, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#CC0000;
}
.smallwhitetext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
}
.smallwhitetext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	text-decoration:none;
}
.smallwhitetext a:hover{
	text-decoration:underline;
}
.smallgraytext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
}
.smallgraytext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#999999;
	text-decoration:none;
}
.smallgraytext a:hover{
	text-decoration:underline;
}
.smallredtext {
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
}
.smallredtext a{
	font: 0.7em Tahoma, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#CC0000;
	text-decoration:none;
}
.smallredtext a:hover{
	text-decoration:underline;
}