<!--

/*********** LAYOUT ***********/

#content{
	margin-left:157px;
}
#subnav{
	float:left;
	width:157px;
}
#posterindex #content{
	margin-left:0;
}
#article #content{
	padding:0px;
}
#googlemap #content{
	padding-right:0px;
}
#googlemap #infobar{
	margin-right:0px;
}
#googlemap h1{
	margin-bottom:8px;
}
#itemheader {
	padding: 6px 4px 4px 4px;
}
#article #title{
	height:44px;
}
.article {
	font-family: Verdana, Arial, sans-serif;
	font-size: 15px;
	text-align: justify;
	color:#000;
}
.subtitle, #article h3 {
	font-size: 19px;
	font-weight:normal;
	padding-bottom:6px;
	padding-top:4px;
	color:#222;
	margin:0 0 0 -1px;
}
.intro {
	font-size: 13px;
	font-weight: bold;
	text-align: justify;
	padding:2px 0 15px 0;
	color:#111;
}
#next{
	font-size: 13px;
	margin:15px 0 20px 0;
}
#next a, .next a{
	color:#333;}
article#next{
	clear:left;
}
ul#next, ul.next{
	list-style:outside url(/img/arrow.png);
	background-position:1px -8px;
	padding-left:20px;
	overflow:hidden;
	margin-left:0;
}
#article ul.next, #hotelsnear ul.next{
	padding:4px 4px 4px 20px;
	border: 1px solid #bbb;
	background-color: #f0f0f0;
	color:#888;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.localname {
	text-align:center;
	font-size: 13px;
	color:#666;
	position:relative;
	top:-2px;
}
.colright{
	font-family: Tahoma, Arial, sans-serif;
	padding-top:3px;
}
.colright a{
	color:#000066;
	text-decoration:none;
}
.factlink {
	color:black;
	font-size: 9pt;
}
.infobox .hotels{
	font-size:12px;
}
.infobox .hotels .introtxt{
	font-weight:bold;
	padding:5px 0 3px 0;
	display:block;
}

.infobox .hotels a{
	font-weight:bold;
	padding:5px 0 5px 0;
	display:block;
}

.infobox .hotels span.hotellnktpe{
	display:none;
}

.small
{
	font-size:15px;
}
/**** NAVIGATOR *****/
.navleft {
	font-family: Tahoma, Arial, sans-serif;
	margin:1px;
	cursor:pointer;
}

.imgborder{
	border:1px solid #0B1042;
	border-top:0;
}

#subnavleft{
	margin: 0 1px 0 0;
	width:155px;
}

.subnav {
	padding:0px;
	font-size:11px;
}
.subnav li {
	list-style:none;
}
.subnav li a{
	display: block;
}
.subnav1 {
	font-size:11pt;
	margin: 1px 0 0 0;
	background:url(/img/zzbgground/subbar.gif) left repeat-y #17295a;
	border:1px solid #0b1042;
	background-position:14px 0;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.subnav2 {
	line-height: 16px;
	margin-left:6px;
	border:1px solid #0b1042;
	border-top:0px;
	background:url(/img/zzbgground/subbar.gif) left repeat-y #17295a;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}
.subnav3 {
	line-height: 16px;
	margin-left: 18px;
	border:1px solid #0b1042;
	border-top:0px;
	background:url(/img/zzbgground/subbar.gif) left repeat-y #17295a;
}

.subnav li.subnav1 a,
.subnav li.subnav1 a:visited,
.subnav li.subnav1 a:hover{
	padding:0 0 3px 3px;
}

.subnav li a,
.subnav li a:visited,
.subnav li a:hover{
	color:#fff;
	text-decoration:none;
	padding:0 0 1px 6px;
}


.subnav li a:hover{
	background-color:#9cc;
	color:#000;
	display:block;
}

.homecatpic
{
	 width:98px;
	 height:126px;
	 margin:4px;
	 float:left;
	 border:0px;
}
.pic
{
	margin:3px;
}
.pic img
{
	border:1px solid #999;
	border-right-color:#444;
	border-bottom-color:#444;
	margin:1px;
}
.pic div
{
	text-align: center; 
	font-style: italic; 
	font-size: 9pt;
	font-weight:100;
	margin-top:1px;
}
#article .wide
{
	margin:0;
	text-align:center;
}
#article .wide img
{
	margin:0;
}
.right
{
	float:right;
	margin-right:0px;
	margin-left:4px;
}
.left
{
	float:left;
	margin-left:0px;
	margin-right:4px;
}
#printversion
{
	clear:left;
	text-align:right;
	padding:6px 0 0 0;
}
#printversion img
{
	border:0;
}

/******* City homepage ******/

#cityhome #content{
	padding:6px;
}
#cityhome #highlights div{
	float:left;
	width:332px;
}
#cityhome h2{
	font-size:14px;
	font-weight:bold;
}
#cityhome #highlight2{
	float:right !important;
}
#cityhome #highlights img{
	padding:0!important;
	border:1px solid #333;
	margin:2px;
}
#cityhome .sightHeader {
	font-size:11px;
	font-weight:bold;
	background-color:#369;
	color:white;
	padding:2px 0 2px 5px;
	background:url(/img/zzbgground/tab_sights.gif) left repeat-y #369;
	border-bottom:1px solid #333;
	text-align:left;
}
#cityhome .sightTxt {
	font-size:11px;
	padding:4px;
	text-align:justify;
}
#cityhome .sightBox {
	border:1px solid #333;
	color:#000;
	background-color:#fdfdfd;
}

/***** RELATED ARTICLE DATA *****/

#ajaxdata .loading{
	background: url(/img/loading.gif) left center no-repeat;
	margin:10px 0 0 20px;
	padding-left:20px;
}

#ajaxdata ul.related{
	padding:0;
	list-style:none;
	overflow:auto;
	margin:0;
}
/**** Related items ****/
#ajaxdata .target{
	display:none;
}
#ajaxdata.location{
	padding:0 2px;
}
#ajaxdata ul.related li{
	clear:both;
	height:68px;
	padding:2px 0;
	border:1px solid #fff;
}
#ajaxdata.attractions ul.related li{
	height:84px;
}
#buildingbox ul.related li{
	height:124px;
}
#ajaxdata ul.related li:hover
{
	cursor:pointer;
	background:#d1e6e8 url(/img/thlite.png) left top no-repeat;
	background-position:-1px -2px;
	border:1px solid #666;
}

#ajaxdata.attractions .img
{
	width:80px;
	height:80px;
	overflow:hidden;
	display:block;
	float:left;
	border:1px solid #666;
	margin:0 10px 0 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

#ajaxdata .name
{
	font-size:18px;
	display:block;
	color:#000;
	padding-bottom:2px;
}
#ajaxdata .address,
#ajaxdata .year,
#ajaxdata .thumbs
{
	font-size:13px;
	color:#333;
	margin-left:20px;
	display:inline-block;
}

#ajaxdata .distance
{
	font-size:11px;
	margin-bottom:3px;
	color:#333;
	margin-left:20px;
	line-height:22px;
}

#ajaxdata .thumbs{
	line-height:24px;
}
#ajaxdata em{
	font-style:normal;
}
#ajaxdata ul.next{
	margin:12px 12px;
}
#ajaxdata.location ul.next{
	margin:12px 0;
}
#ajaxdata.hotels ul.next, #ajaxdata.attractions ul.next{
	margin:12px 3px;
}
#ajaxdata.posters ul.next, #ajaxdata.photos ul.next{
	margin:12px 16px;
}
/*********** RELATED - HOTELS / ATTRACTIONS **************/

#ajaxdata.hotels ul.related li > img{
	float:left;
	border:1px solid #666;
	margin:0 10px 0 2px;
	width:64px;
	height:64px;
	overflow:hidden;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
 	box-shadow: 2px 2px 3px rgba(0,0,0,0.2);
}

#ajaxdata.hotels, #ajaxdata.attractions{
	padding:0 2px;
}
#ajaxdata.hotels h2 + div, #ajaxdata.attractions h2 + div{
	border:1px solid #666;
	border-top:0;
	border-left-color:#bbb;
	margin-bottom:10px;
	padding:4px;
	overflow:hidden;
}
#ajaxdata.hotels h2.bar, #ajaxdata.attractions h2.bar{	
	margin-bottom:0;
	background-position:-1px -20px;
}
#ajaxdata.hotels .mapLink, #ajaxdata.attractions .mapLink{
	text-align:center;
	cursor:pointer;
	width:200px;
	padding:3px;
	background:url(/img/thlite.png) left top no-repeat;
	border:1px solid #666;
	margin:6px 0;
}
#ajaxdata.hotels .mapLink:hover, #ajaxdata.attractions .mapLink:hover{
	background-position:-1px -1px;
}
#hotelbookingtpe
{
	display:none;
}

/*********** RELATED - PHOTOS / POSTERS ***********/
.frm_poster{
	margin-top:6px;
}
.frm_poster span.button{
	float:left;
	height:21px;
}
.frm_poster span.button input{
	font-size:13px;
	padding:1px 4px;
	line-height:18px;
	margin:0;
}

#ajaxdata.photos ul.thumbs, 
#ajaxdata.posters ul.thumbs
{
	list-style:none;
	overflow:hidden;
	margin:0 2px 0 2px;
	padding-left:12px;
}
#posterthumbs ul.thumbs
{
	padding-left:0!important;
	margin:0!important;
	width:664px;
}
#posterthumbs{
	margin-left:0;
}
#ajaxdata.photos ul.thumbs > li, 
#ajaxdata.posters ul.thumbs > li{
	height:79px;
	width:79px;
	border:1px solid #666;
	margin:1px;
	overflow:hidden;
	float:left;
	cursor:pointer;
}
#ajaxdata.photos ul.thumbs > li.thumbsel,
#ajaxdata.posters ul.thumbs > li.thumbsel{
	border-color:#ff0000;
	border-width:1px;
}
#ajaxdata.photos ul.thumbs > li:hover,
#ajaxdata.posters ul.thumbs > li:hover{
	border:1px solid #eee;
}

#ajaxdata.photos ul.thumbs > li img.th,
#ajaxdata.posters ul.thumbs > li img.th{
	position:relative;
	left:-20px;
}
#ajaxdata.posters ul.thumbs > li img.tv,
#ajaxdata.photos ul.thumbs > li img.tv{
	position:relative;
	top:-20px;
}
span.photokey,span.photolbl,span.posterkey,#ajaxdata.photos span.imageurl,#ajaxdata.photos span.target,#ajaxdata.photos span.label,
#ajaxdata.posters span.imageurl,#ajaxdata.posters span.target,#ajaxdata.posters span.label{
	display:none;
}
#photo{
	text-align:center;
	height:442px;
	cursor:pointer;
}
#photo > img, #photo > a > img{
	border:1px solid #666;
	height:440px;
}
#photo > a > img.poster{
	width:auto;
	height:auto;
	max-width:660px;
	max-height:440px;
}
#photo div.prev, #posterthumbs div.prev{
	float:left;
	margin:200px 0 0 6px;
	cursor:pointer;
}
#photo div.next, #posterthumbs div.next{
	float:right;
	margin:200px 6px 0 0;
	cursor:pointer;
}
#posterthumbs div.prev, #posterthumbs div.next{
	margin:64px 0 0 0;
	visibility:inherit;
}
#photolbl, #posterlbl, #posterpagecnt
{
	text-align:center;
	margin:1px 0 0 15px;
	border:1px solid #666;
	width:660px;
	height:24px;
	padding-top:5px;
	overflow:hidden;
}
#photolbl{
	padding-top:0;
	height:32px;
}
#photolbl > span{
  display:inline-block;
	margin-top:8px;
}
#votebox{
	width:190px;
	float:right;
}
#votebox span.down {
	color:#EA4531;
	text-align:left;
}
#votebox > span > span {
	position:relative;
	top:-10px;
}
#votebox span.up {
	color:#6BBB3E;
	text-align:right;
}
#votebox img.down,
#votebox img.up {
	cursor:pointer;
	opacity:0.6;
}
#votebox img.down:hover,
#votebox img.up:hover{
	opacity:1;
}
#posterpagecnt{
	font-size:12px;
	height:18px;
	padding-top:3px;
	border-color:#999;
	color:#666;
}
.newprice{
	color:#a00;
}
.listprice{
	color:#666;
	text-decoration:line-through;
}
#posterlbl > span
{
	margin:0 8px 0 4px;
}
#postermore{
	opacity:0.8;
}
#photoload{
}
/*********** RELATED - LOCATION ***********/

#locInfo{
	font-size:11px;
	margin:4px;
}
div.loc_address{
	float:left;
	margin-right:30px;
}
div.loc_metro{
	overflow:hidden;
}


/***** Rating ****/
/** credit: http://www.komodomedia.com/ **/
.inline-rating .cnt{
	display:none;
}
star-rating a:hover{
cursor:pointer;
}
.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display:inline-block;
vertical-align: middle;
}
.rating-txt{
	padding-left:4px;
}
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/img/zzrate/star.png) left -1000px repeat-x;
}
.star-rating a{
	cursor:pointer;
}
.star-rating{
	position:relative;
	width:80px;
	height:16px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a,
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:16px;
	line-height:16px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one{
	width:20%;
	z-index:6;
}
.star-rating a.two{
	width:40%;
	z-index:5;
}
.star-rating a.three{
	width:60%;
	z-index:4;
}
.star-rating a.four{
	width:80%;
	z-index:3;
}
.star-rating a.five{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}
.star-rating .mine{
	background-position: left bottom;
	cursor:default;
}
/****** MAPS for Categories + old City maps *****/

#mapimgwrapper{
	position:relative;
}
#thumbbck{
	display:none;
	border:1px solid black;
	position:absolute;
}
#mapimgwrapper #selected{
	background-color:#fff;
	text-align:center;
	width:100%;
}
#attractions #mapimgwrapper #selected{
  display:none;
	width:190px;
	position:absolute;
	border:1px solid black;
}
.map {
	border: 1px solid #000;
}

/******* ITEMTABS **********/

#article div.tabwrap, #googlemap div.tabwrap{
	background:url(/img/zzbgground/tablineart.png) bottom left no-repeat;
	height:24px;
}
#googlemap div.tabwrap{
	margin-bottom:1px;
}
#article ul.tabs, #googlemap ul.tabs{
	padding:0;
	margin:0 0 0 8px;
	list-style:none;
	position:relative;
}
#article ul.tabs li h2{
	font-size:10pt;
	margin:0;
}
#article ul.tabs li, #googlemap ul.tabs li{
	float:left;
	padding:3px 8px 0px 8px;
	margin: 0 0 0 2px;
	height:20px;
	border:1px solid #666;
	font-weight:bold;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
#article ul.tabs li.desel, #googlemap ul.tabs li.desel{
	background:url(/img/thlite.png) left top no-repeat;
	background-position:-1px -1px;
	height:19px;
	border-bottom:0;
	cursor:pointer;
}
#article ul.tabs li span, #googlemap ul.tabs li span{
	display:none;
}
#article ul.tabs li.sel, #googlemap ul.tabs li.sel, ul.tabs li:hover{
	background:url(/img/thlite.png) left top no-repeat;
	background-position:-1px -1px;
	border-bottom:0;
	height:20px;
	font-weight:bold;
	background:#FFFFFF;
}

#article ul.tabs a, #googlemap ul.tabs a, ul.tabs a:visited, ul.tabs a:hover{
	text-decoration:none;
	display:block;
	color:#666;
}
#article ul.tabs li.sel a, #googlemap ul.tabs li.sel a, ul.tabs li.sel a:visited, ul.tabs li.sel a:hover{
	color:#111;
	cursor:default;
}
#article ul.tabs a:hover, #googlemap ul.tabs a:hover{
	color:#000;
}
#article ul.tabs li.desel:hover, #googlemap ul.tabs li.desel:hover{
	height:19px;
}

/****** Print ******/
.share a.print{
	background:url(/img/zzbgground/print.png) left top no-repeat;
	width:18px;
	height:18px;
	float:right;
	cursor:pointer;
}
#printarticle div.share, #printarticle ul.next{
	display:none !important;
}
#printarticle > div{
	margin:2px !important;
}
-->