<!--

/*
* ===============================================
* Frommers.com
* ===============================================
* Description: Frommers.com Stylesheet
* Used by: All pages on Frommers.com
* ===============================================
* Workfile: homepage2009.css
* Revision History
* 20090403-KS: Redesign
* 20090507-KS: Neutralized ABBR tag
* 20090508-KS: Added leftnav styles... increased each by 1px
* 20090518-KS: Added Advisory
* 20090526-KS: Added more space above marketing unit
* 20090601-KS: Added note style for disclaimers
* 20090623-KS: New "form-fix" code that doesn't make all form elements disappear; Interface hack for 
	BLOCKQUOTE (IE8)
* 20090624-CM: Heading styles for 629px column
* 20090624-KS: INPUT & TEXTAREA interface hacks
* 20090630-KS: Article date style
* 20090731-KS: Sortable table styles
* 20100408-KS: POI Heading & Address styles
* 20100526-KS: Added H4 & H5 styles
* 20100609-KS: Added store listing styles
* 20110727-JM: Added the share bar styles
* 20111020-JM: Added the expandable button styles
* ===============================================
*/

/******************** BODY STYLE ********************/
body { background-color: #484848; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; }
/* body { background-color: #e8e6e0; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; } */


/******************** HEADINGS ********************/
h1 { font-family: Tahoma, Geneva, sans-serif; font-size: 24px; font-weight: normal; color: #000000; text-align: left; margin-top: 10px; }
h2 { font-family: Tahoma, Geneva, sans-serif; font-size: 20px; font-weight: normal; color: #000000; text-align: left; }
h3 { font-family: Tahoma, Geneva, sans-serif; font-size: 16px; font-weight: bold; color: #000000; text-align: left; }
h4 { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: bold; text-decoration: underline; color: #000000; text-align: left; }
h5 { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: bold; color: #000000; text-align: left; }

.poi-header { font-size: 24px;display:inline;visibility:visible;margin-bottom: 5px; }

.articleTitle {font-size: 24px;margin-top:10px;display:inline-block;visibility:visible;}

/******************** FLOATING TAGS ********************/
b { font-weight: bold; }
i { font-style: italic; }
abbr { border-bottom-width: 0; }
a { color:#00589c; text-decoration: none; }
a:hover { color:#00589c; text-decoration: underline; }
a:active { color:#c9002c; }
a:visited { color:#78589c; }


/******************** PAGE STYLES ********************/
.body-mc { font-family: "Verdana", sans-serif; font-size: 7px; font-weight: normal; color: #000000; }
.body-sm { font-family: "Verdana", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: left; }
.body { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-align: left; }
.body-lg { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-align: left; }
.body-gr { font-family: "Verdana", sans-serif; font-size: 12px; color: #9b9b96; } /* Article Date */
.note { font-family: "Verdana", sans-serif; font-size: 11px; color: #333333; }
.headline-bulleted { font-family: Tahoma, Geneva, sans-serif; font-size: 15px; color: #000000; margin-top: 10px; margin-bottom: 5px; margin-left: 10px;
	padding-left: 30px; text-align: left; background-image: url('/images/arrow-fresh.gif'); background-repeat: no-repeat; background-position: top left; 
	font-weight: bold; }
.headline-bulleted-blue { font-family: Tahoma, Geneva, sans-serif; font-size: 15px; color: #000000; margin-top: 10px; margin-bottom: 5px; margin-left: 10px;
	padding-left: 30px; text-align: left; background-image: url('/images/blue-arrow.png'); background-repeat: no-repeat; background-position: top left; 
	font-weight: bold; }	
.headline-bulleted a { color: #005699; }

.kayak-partner-deal-wrapper { padding:5px;margin-top:20px; }
.partner-deal { padding-left:40px;margin-bottom:-5px;font-size:11px;}
.partner-deal-strong { font-weight:bold;}

.heading-490b-bg { width: 490px; background-color: #f2f2ec; text-align: left; display: block; padding-bottom: 3px; }
.heading-629b-bg { width: 629px; background-color: #f2f2ec; text-align: left; display: block; padding-bottom: 3px; }
.heading-poi { margin-top:10px;padding-left: 10px; padding-top: 1px; background-color: #e9e9e0; }
.column-l { text-align: left; }
.column-m { text-align: left; }
.sponsor-text-container { background-color: #f2f2ec; padding: 5px; }
.sponsor-text-header { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #666666; text-transform: uppercase; padding-left: 10px; text-align: left; }
.sponsor-text-wtf { font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-align: right; text-decoration: underline; padding-right: 10px; }
.sponsor-text { font-family: "Verdana", sans-serif; font-size: 11px; font-weight: normal; color: #000000; padding-left: 10px; padding-right: 10px; margin-bottom: 5px; text-align: left; }
.advisory { background-color: #c0d0dc; border: 1px solid #63a0c6; padding: 3px; margin-bottom: 10px; }
.poi-addr { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; color: #646461; text-align: left; margin-top:5px;}

.sort-table-th {
	font-family: "Verdana", sans-serif; font-size: 13px; font-weight: bold; color: #00589c; text-align: left;
	padding-top: 5px; padding-bottom: 5px; padding-left: 3px; 
	background-color: #e9e9e0;
	background-image: url(/images/sort.gif);
	background-repeat: no-repeat;
	background-position: center right;
	border: 1px solid #dedbc8;
	cursor: pointer;
}
.sort-table-th a { color:#00589c; }
	a:visited.sort-table-th { color:#00589c; }
.sort-table-td { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; color: #000000; text-align: left; padding-top: 3px; padding-bottom: 3px; }
.odd { background-color: #f2f2ec; }
.sort-header { background-image: url(/images/sort.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;}
.sort-header-up { background-image: url(/images/sort-asc.gif); }
.sort-header-down { background-image: url(/images/sort-desc.gif); }

table thead tr .sort-header-down, table thead tr .sort-header-up {
	background-color: #c0d0dc;
}

.store-list-container { width: 629px; display: table; padding: 3px; margin-bottom: 10px; }
	.store-list-cover { width: 70px; display: block; float: left; clear: right; }
	.store-list-info { width: 550px; display: block; float:right; margin-top: 10px;
		font-family: "Verdana", sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-align: left; }


/******************** LEFTNAV ********************/

/* TITLE BAR */
.nav-title { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #bd0029; padding-bottom: 2px; }
a:hover.nav-title { color:#bd0029; text-decoration: underline; }
a:visited.nav-title { color:#bd0029; text-decoration: none; }

/* LEVEL 0 - EXPANDED INDEX ONLY!!! */
.nav-level-0 { font-family: Tahoma, Geneva, sans-serif; font-size: 14px; font-weight: bold; color: #00589c; text-decoration: none; }
a:hover.nav-level-0 { color:#0000ff; text-decoration: underline; }
a:visited.nav-level-0 { color:#000066; text-decoration: none; }

/* LEVEL 1 */
.nav-level-1 { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #00589c; text-decoration: none; }
a:hover.nav-level-1 { color:#0000ff; text-decoration: underline; }
a:visited.nav-level-1 { color:#000066; text-decoration: none; }

.nav-level-1h { font-family: Tahoma, Geneva, sans-serif; font-size: 13px; font-weight: bold; color: #00589c; text-decoration: none; }
a:hover.nav-level-1h { color:#0000ff; text-decoration: underline; }
a:visited.nav-level-1h { color:#000066; text-decoration: none; }

/* LEVEL 2 */
.nav-level-2 { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #00589c; text-decoration: none; }
a:hover.nav-level-2 { color:#0000ff; text-decoration: underline; }
a:visited.nav-level-2 { color:#000066; text-decoration: none; }

.nav-level-2h { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #00589c; text-decoration: none; }
a:hover.nav-level-2h { color:#0000ff; text-decoration: underline; }
a:visited.nav-level-2h { color:#000066; text-decoration: none; }

/******************** SEO TAGS ********************/
address { font-style: normal; }


/******************** LOCATOR/BREADCRUMB ********************/
.locator-container { width: 988px; background-color: #e5e6e5; margin-left: auto; margin-right: auto; text-align: left; 
	padding: 2px 0px 2px 0px; border: 1px solid #cccccc; }
.locator { font-family: Tahoma, Geneva, sans-serif; font-size: 11px; color: #000000; margin-left: 3px; margin-right: 3px; }
a:hover.locator { color:#00589c; text-decoration: underline; }


/******************** INTERFACE HACKS ********************/
blockquote { text-align: left; }
input { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; }
textarea { font-family: "Verdana", sans-serif; font-size: 13px; font-weight: normal; }
.form-fix { margin: 0; padding: 0; display: inline; } /* This fixes a spacing issue with Opera caused by a compatibility bug with the XHTML 1.0 Transitional spec. */
.clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } /*Clears the floated menu items. Assigned to a BR tag placed just before menuwrapper's closing DIV tag*/

/******************** ADS ********************/
.ad-leaderboard-home { text-align: center; padding-top: 7px; padding-bottom: 5px;height:90px;width:728px;margin:auto; }
.ad-leaderboard { width: 738px; float: left; text-align: left; padding-left: 10px; padding-top: 4px; padding-bottom: 0px; /*!padding-bottom: 5px; !padding-top:7px;*/}
.ad-box { text-align: center; padding-bottom: 10px; }
.ad-skyscraper { text-align: center; padding-top: 10px; padding-left: 5px; }
.ad-marketing { text-align: center; padding-top: 10px;}
.ad-googlesense { text-align: center; padding-top: 10px; width: 160px;}


.poll-container { width: 160px; margin-left: auto; margin-right: auto; margin-top: 10px; background-color: #e9e9e0; }
.poll { font-family: Tahoma, Geneva, sans-serif; font-size: 12px; color: #000000; text-align: left; width: 150px; margin-left: auto; margin-right: auto; }

/* IMAGE CROP HACK for POIs */
.poiCrop {
	margin: 0;
	clip: rect(0px 60px 60px 0px);
	overflow: hidden;
	width:65px;
	height:60px;
	border: 2px solid rgb(204, 204, 192);
	margin-top:5px;
}

/* Multi-retailer, Press Center */
#wrapper {
	width:990px;
	margin:0px auto;
	background: url('/images/navigation/bg_leftbar.jpg') repeat-y left top #fff;	
}
#leftnav {
	width:170px;
	background-color:#f2f2ec;
	float:left;
	border-right:#dedbc8 1px solid;
	padding:0px;margin: 0px;	
}
#contentwrapper {
	width:629px;
	float:left;
	background-color:#ffffff;
	padding:0px 0px 0px 10px;	
}
#rightads {
	width:180px;
	background-color:#ffffff;
	float:left;	
}

/* SHARE BAR STYLES */
#share_top,#share_bottom,#share_none,#share_destination_main{height:26px;width:629px;padding:5px 2px;margin:0px;}
#share_top,share_destination_main{border-bottom:#DEDBC8 solid 1px;}
#share_bottom{border-top:#DEDBC8 solid 1px;}
#share_destination_main{padding: 5px 0px 5px 14px}
#share_foursquare {vertical-align:middle;padding:2px 2px 0px 0px;}
#share_fblike{width: 485px;text-align:left;}
#share_btnemail{padding:0px;float:right;}
#share_btnprint{padding:0px 0px 0px 5px;float:right;}
.share_panel{float:left;vertical-align:bottom;height:25px;padding:0px 5px 0px 0px;}

/* EVENT STYLES 
.wowBody { width: 300px; font-family: "Arial", sans-serif; font-size: 12px; color: #000000; background-color: #ffffff; margin: 0px; padding: 0px; }
.wowBody .clear { line-height: 0px; font-size: 0px; clear: both; height: 0px; }

.wowBody .event {  width:280px;margin-bottom: 15px; height: 98px; overflow: hidden; }
.wowBody .event .title { padding-top: 5px; }
.wowBody .upcoming_events .event img { float: left; margin: 0px 15px 5px 5px; }
.wowBody .event .date { font-size: 11px; color: #666666; text-transform: uppercase;}
.wowBody .upcoming_events .event .place { font-size: 12px; color: #000000; }

.wowBody .upcoming_events_col { width: 450px; }
.wowBody .upcoming_events_col .event { width: 225px; float: left; }
.wowBody .upcoming_events_col .event img { float: left; }
.wowBody .upcoming_events_col .event .text { float: right; width: 125px; padding-top: 0px !important; padding-right:3px; }

.wowBody .event .title,
.wowBody .event .date,
.wowBody .event .place { line-height:13px; padding-top: 0px !important;}
*/

/* EXPANDING BUTTON STYLES */
a.button {
    background: url("/images/navigation/btn/btn.png") no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: inline-block;
    font: 14px/22px "Trebuchet MS",Verdana,Arial,Serif;
    outline: medium none;
    padding-left: 5px;
    text-decoration: none;
}
a.button span {
    background: url("/images/navigation/btn/btn.png") no-repeat scroll right bottom transparent;
    display: block;
    line-height: 22px;
    padding-right: 5px;
}
.button span {
}
a.button.normal:hover, a.button.normal span:hover,a.button.normal:active, a.button.normal span:active {
    background-color: #9F0028;
	color:#FFF;
}
a.normal, a.normal span {
    background-color: #C0002B;
	color:#FFF;
}



#mainbody {width:990px;background-color:#FFF;margin-left:auto;margin-right:auto;}
#mainbody .headerBox {margin-top:10px;margin-bottom:10px;background-color:#E9E9E1;color:#BD0029;padding:5px;font-size:24px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius:  10px 10px 10px 10px;border-radius:  10px 10px 10px 10px;-khtml-border-radius: 10px 10px 10px 10px;padding-left:10px;}
#mainbody .headerBox .headerBoxText {float:left;padding-top:5px;padding-left:10px;}

.sortbox {margin-top:5px;margin-bottom:10px;background-color:#E9E9E1;color:black;padding:5px;font-weight:bold;font-size:14px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius:  10px 10px 10px 10px;border-radius:  10px 10px 10px 10px;-khtml-border-radius: 10px 10px 10px 10px;padding-left:10px;}
.galleries {height:275px;width:150px;display:inline-block;vertical-align:top;padding-right:5px;}
.galleries .galleryImage {height:200px;width:150px;overflow:hidden;}
.galleries .galleryImage img.pluckGalleryCrop {min-width:150px;min-height:200px;height:220px;}
.galleries .galleryTitle {font-weight:bold;padding-top:4px;margin-bottom:5px;font-size:11px;}

#subSearchContainer {float:right;}
#subSearchContainer .searchBox {border:4px solid #C2C3BD;background-color:white;margin-right:10px;}
#subSearchContainer .goSearchButton {vertical-align:middle;padding-bottom:2px;margin-right:5px;}
#subSearchContainer .subSearchInput {border:0px;color:#969696;font-size:14px;width:200px;padding:3px;}

.galleryBoxadRight {width:300px;height:250px;float:right;margin-right:4px;}
.pluckRecommendButton { float:left; background-image:url('/images/travel_talk/pluck/pluck-recommend-button.png');background-repeat:no-repeat;width:59px;height:23px;margin-left:5px;text-align:center;padding-top:2px;}
.pluckRecommendButtonText {text-align:right;margin-right:25px; }
.pluckRecommendButtonWide { float:left; background-image:url('/images/travel_talk/pluck/pluck-recommend-button-wide.png');background-repeat:no-repeat;width:149px;height:23px;padding-top:2px;}
.pluckRecommendButtonWideText {text-align:right;margin-right:24px; }
.pluckVoteButtonWide { float:left; background-image:url('/images/travel_talk/pluck/pluck-vote-button-wide.png');background-repeat:no-repeat;width:155px;height:31px;padding-top:5px;color:white;}
.pluckVoteButtonWideText {text-align:right;margin-right:28px; }

#mainbody .subhead {font-size:16px;font-weight:bold;margin-top:15px;margin-bottom:4px;color:black;}
.paragraphText {margin-bottom:15px;}

.styled-select select {background:#C1013D;padding:5px;font-size:12px;border:1px solid #ccc;color:white;}

#photo_gallerydesc, #photoheader,#photocontent, #photofooter,#photocomments {	width: 800px;}
#photo_gallerydesc {margin: 0px;padding: 0px;}
#photo_gallerydesc .subhead {float:left;}
#photo_gallerydesc .photogallery {float:right;padding:20px 0px 0px 0px;}
#photoheader {margin: 10px 0px 0px 0xp;background-color: #E9E9E1;border-radius:10px 10px 0px 0px;	text-align: center;clear: both;font-size: 16px;	font-weight: bold;padding: 10px;width: 780px;}
#photocontent {background-color: #F2F2EC;border-radius: 0px 0px 10px 10px;margin: 0px 0px 10px 0px;padding: 10px 0px 10px 0px;text-align: center;}
#photocontent #photoprevious,#photocontent #photocurrent,#photocontent #photonext {display: inline-table;}
#photocontent #photoprevious,#photocontent #photonext {	vertical-align: top;margin-top: 150px;width: 175px;}
#photocontent #photocurrent #photobar {padding: 5px 0px 0px 0px;margin: 0px;}
#photocontent #photocurrent #photobar,#photocontent #photocurrent #photobar #recommend,#photocontent #photocurrent #photobar #enlarge,#photocontent #photocurrent #title,#photocontent #photocurrent #user,#photocontent #photocurrent #description,#photocontent #photocurrent #abuse {	text-align: left;margin: 0px;}
#photocontent #photocurrent #photobar #recommend {float: left;}				
#photocontent #photocurrent #photobar #enlarge {float: right;}
#photocontent #photocurrent #title,#photocontent #photocurrent #description {max-width:440px;min-width:325px;}
#photocontent #photocurrent #title {	font-weight: bolder}
#photocontent #photocurrent #user,#photocontent #photocurrent #abuse,#photocontent #photocurrent #photobar #enlarge {font-size: 10px;}
#photofooter #addphoto {float: left;}
#photofooter #photo_galleryreturn {float: right;}
#photocomments {margin: 10px 0px;}
#photocontent #photoprevious .previousphoto { padding: 0px 5px 0px 0px;}
#photocontent #photonext .nextphoto { padding: 0px 0px 0px 5px;}
-->