.infobox {
float:left;
height:240px;
overflow:hidden;
}

/* - tabs control - */
.tabset {
	background:transparent url(../images/white_topbg.gif) repeat-x scroll 0 0;
	list-style:none;
	overflow: hidden;
	padding: 0;
	margin: 0 0 0 -1px;
	width:643px;
}

.tabset li {
  float: left;
  border-right: 1px solid #fff;
}

.tabset a, .tabset span {
background:transparent url(../images/tabset-a.gif) repeat-x scroll 0 0;
color:#666666;
float:left;
font-size:24px;
height:24px;
line-height:24px;
padding:0 17px;
text-decoration:none;
font-weight:bold;
}

.tabset .active, .tabset a:hover {
background:#F5F5F5 none repeat scroll 0 0;
color:#333333;
}

/* overview*/

.overview{
  margin: 0 0 0 20px;
  width:580px;
}

.tab .overview h1{ color:#3399cc;}
.tab .overview p{display:inline;}

/* - map holder - */
.enlarge-map {
background:transparent url(../images/enlarge.gif) no-repeat scroll 0 50%;
color:#3399CC;
float:left;
font-size:90%;
line-height:22px;
margin:5px 0 0 30px;
padding:0 0 0 20px;
text-decoration:none;
}

.enlarge-map:hover {text-decoration: underline;}

/* - content part - */
.list {
  font-size: 110%;
  line-height: 118%;
  color: #333;
  list-style: none;
  padding: 0;
  margin: 0;
}
.list a {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}

.list a:hover {text-decoration: underline;}

/* - map popup - */
.sub-map-popup {
  background:#F5F5F5 none repeat scroll 0 0;
  border:1px solid #000000;
  display:none;
  height:544px;
  left:25%;
  overflow:hidden;
  top:10px;
  width:544px;
  margin:72px 0 0;
  z-index:5;
}

.close-window {
background:transparent url(../images/close-window.gif) no-repeat scroll 100% 50%; 
color:#0066CC; 
font-size:11px; 
padding:0 18px 0 0; 
position:absolute; 
right:3px; 
text-decoration:none; 
top:3px; }

.close-window:hover {text-decoration: underline;}

.map-canvas{
	border:2px solid #c1c1c1;
	margin:22px;
	width:489px;
	height:480px;
	background-color:White;
}

.fader {
background:transparent url(../images/fader.png) repeat scroll 0 0;
display:none;
height:100%;
width:100%;
left:0;
top:0;
position:absolute;
}

/* - content part - */
.list {
  font-size: 110%;
  line-height: 118%;
  color: #333;
  list-style: none;
  padding: 0;
  margin: 15px 0 0 18px;
}
.list a {
  font-weight: bold;
  color: #333;
  text-decoration: none;
}
.list a:hover {text-decoration: underline;}

.show-box{
  border-top:1px #909090 solid;
  padding-top: 5px;
}

.attraction-title{
  font-weight:bold;
  margin-bottom:15px;
  line-height:2em;
  color:#333333;
}

.pages {
background:transparent url(../images/pages.gif) repeat-x scroll 0 0;
height:24px;
line-height:24px;
margin:10px 0;
overflow:hidden;
float:left;
width:100%;
}
.heading-pages {
color:#666666;
float:left;
font-size:12px;
text-align:center;
width:50px;
}
.pages ul {
border-right:5px solid #FFFFFF;
float:left;
list-style:none;
margin:0;
padding:0;
}
.pages ul li {
border-left:5px solid #FFFFFF;
float:left;
}
.pages ul a {
color:#999999;
display:block;
font-size:12px;
height:24px;
text-align:center;
text-decoration:none;
width:24px;
}
.pages ul .active a, .pages ul a:hover {
background:transparent url(../images/pages-a.gif) no-repeat scroll 0 0;
color:#333333;
}
a.first-page { background:transparent url(../images/first-page.gif) no-repeat scroll 0 0;}
a.first-page:hover { background:transparent url(../images/first-page.gif) no-repeat scroll 0 -24px !important;}
a.last-page { background:transparent url(../images/last-page.gif) no-repeat scroll 0 0;}
a.last-page:hover { background:transparent url(../images/last-page.gif) no-repeat scroll 0 -24px !important;}
a.first-page, a.last-page {
overflow:hidden;
text-indent:-9999px;
width:28px !important;
}

a.prev-page { background:transparent url(../images/prev-page.gif) no-repeat scroll 0 0;}
a.prev-page:hover { background:transparent url(../images/prev-page.gif) no-repeat scroll 0 -24px !important;}
a.next-page { background:transparent url(../images/next-page.gif) no-repeat scroll 0 0;}
a.next-page:hover { background:transparent url(../images/next-page.gif) no-repeat scroll 0 -24px !important;}
a.prev-page, a.next-page {
overflow:hidden;
text-indent:-9999px;
width:21px !important;
}



/* Main Blocks */

.union-box h2 {
  font-size:16px;
  color:#666;
  margin: 0px;
  background:#ededed url(../images/title-bg.gif) repeat-x 0 100%;
  border-bottom:1px solid #fff;
}
.union-box h2 span {
  display:block;
  padding:0 5px 0 30px;
  background:url(../images/title-arrow.gif) no-repeat;
  line-height:24px;
}


.local-box {
  background:#FFF;
  margin:0 0 10px;
  height:209px;
  overflow:hidden;
  padding:0 0 35px 0;
  position:relative;
  border:1px solid #cacaca;
border-top:none;
}


.infobox .tab { padding-top:0;}

.best-deals div .tab {
  width:644px;
  height:220px;
  padding-top:0px;
  overflow:auto;
}

div.tab {width:630px;
  padding-top:54px;
	height:210px;
	overflow:auto;
}

div #tab4{width:630px !important;}

/* map holder */
.map-header
{
  font-size: 12px;
  font-weight: bold;
  padding-bottom:10px;
}

.map-holder select {
  clear:both;
  width:100%;
  color:#000;
}

.small-canvas {
border:2px solid #C1C1C1;
margin-left:22px;
width:580px;
}

.map-detail{
  width:300px;
  display:block;
  line-height:15px;
  font-size:0.9em;
}

.map-detail-text{
  float:right;
  width:215px;
  margin-top:5px;
}

.map-detail img{
  width:75px;
  height:45px;
  padding:7px 0 5px 5px;
}

.area-attraction-images{
  height:80px;
  background:#dcdcdc;
  border:1px solid #dcdcdc;
  margin-bottom:10px;
}

.area-attraction-images img{
  height:75px;
  width:125px;
  margin:2px 0 2px 3px;
  float:left;
  border:none;
}

.attraction{ padding: 15px 20px;}

.area-location-name{
	width:966px;
	position:relative;
}


.destination-folding{
	width:135px;
	float:right;
}

.small-canvas {
border:2px solid #C1C1C1;
float:left;
height:175px;
margin:0 0 0 30px;
overflow:hidden;
width:580px;
_margin-left:15px;
}

#tab2 .attraction .enlarge-map {
background:transparent url(../images/enlarge.gif) no-repeat scroll 0 50%;
color:#3399CC;
font-size:90%;
line-height:22px;
margin:0 0 0 30px;
padding:0 0 0 20px;
text-decoration:none;
float:none;
}

/* ----- weather ------*/
#AreaWeather{
width:603px;
margin:0px;
height:400px;
*width:590px;
*margin-left:15px;
_margin-top:-40px;
overflow:hidden;
}

.weather-area
{
	visibility:hidden;
	height:5px;
	width:0px;
}

.f-data, .weather-detail
{
	font-size:15px;
	text-align:center;
	font-weight:bold;
}

.f-data {font-size:25px;}

.weather-left
{
	width:270px;
	float:left;
	padding:5px 0 0 10px;
}

.weather-table1 { width:270px;}

.weather-table2{
	width:270px;
	background:#eff5d7;
	padding-bottom:30px !important;
}


.weather-right{
	float:left;
	padding:5px 0 0 5px;
}

.weather-right, .weather-table4, .weather-table3 { width:300px;}

.forecast-date-title
{
	background:#EBF9FF none repeat scroll 0 0;
	border-top:1px solid #C2EBFF;
	color:#535353;
	display:block;
	font-family:Verdana;
	font-size:13pt;
	font-weight:bold;
	line-height:15px;
	margin-bottom:15px;
	padding-bottom:10px;
	padding-top:7px;
}

.forecast-data-h, .forecast-data-l, .forecast-data{ line-height:20px;}

.weather-table2-left {
float:left;
width:105px;
}

.weather-table2-right{
float:left;
margin-left:-10px;
width:135px;
}

.forecast-date{
	font-weight:bold;
	padding:0 10px 5px 10px;
}

.weather-sponsor{ padding:45px 50px 0 50px;}

.weather-left-title{
	font-size:18px;
	font-weight:bold;
	padding-top:5px;
	display:block;
	background:#d9f3b3;
	padding-bottom:5px;
}

/*-- the list of related cities--*/
.top-cities{
	width:644px; 
	overflow:hidden; 
	background:#EBF9FF;
}

.top-city-list {
	height:30px; 
	overflow:hidden;
	float:left;
	padding-left:2px;
	width:610px;
}

.top-city-list ul{
	margin:0;
	width:100000px; 
	font-size:12px;
}

.top-city-list ul li{
	float:left;
	list-style:none;
	font-weight:bold;
	padding:5px 10px;
}

.top-city-list ul li a{color:#0059AE;}

.prev-arrow, .next-arrow{
	width:15px; 
	height:30px; 
	overflow:hidden; 
	text-decoration:none; 
	text-indent:-9999px; 
	background:url(../images/nav_arr.gif);
}

.prev-arrow{
	float:left; 
	background-position:0 0;
}

.next-arrow{
	float:right; 
	background-position: -15px 0;
}

.area-deal h1{visibility:hidden;width:0px;display:block; float:left;font-size:0px; height:0px;}

.areadeals-banners{
color:#FF6600; 
font-size:18px;
font-weight:bold;
padding-left:80px;
background:transparent url(../images/deals.gif) no-repeat scroll 0 0;
height:35px;
*margin-bottom:5px;
border:none;
float:left;
}

.tabset li .active, .tabset li .active span,  .tabset li a, .tabset li a:hover, .tabset li a span, .tabset li a span:hover{
background-image:url(../images/top_tab.gif);
text-transform: uppercase;
font-size:12px;
}

.tabset li a span, .tabset li a{
background-position:right 0px;
color:#505050;
margin:0;
padding:0 2px 0 0;
width:auto;
text-decoration:none;
}

.tabset li .active,  .tabset li a:hover{background-position:right -24px;}

.tabset li a span{
background-position:left 0px;
padding:0 15px 0 20px;
width:80px;
text-align:center;
}

.tabset li .active span,
.tabset li a span:hover{
background-position:left -24px;
text-decoration:none;
}

#tab1, #tab2, #tab3{
background:#FFF !important;
height:189px !important;
width:628px;
margin:15px 0 15px 5px;
}

#tab3{
display:block !important;
_margin-left:10px;
}

#Table1 img{
padding-left:10px;
*padding-left:23px;
}

#Table2{ padding-bottom:15px;}

.forecast-title{
background:#EBF9FF none repeat scroll 0 0;
display:block;
font-size:15px;
height:25px;
margin-bottom:10px;
padding-top:7px;
text-decoration:none;
}