
div#thropDetail a.external { background: url(images/external.png) center right no-repeat; padding-right: 13px; }

ul#breadcrumb { padding: 10px; background-color: #EEEEEE; color: #666666; border: 1px solid #CCCCCC; }
ul#breadcrumb li { margin:0px; display:inline; padding:0px 2px 0px 10px; background-image: url(http://staging.travelandleisure.com/images/bullet_arrow_single.gif); background-repeat: no-repeat; background-position: 0% 50%; }
ul#breadcrumb li:before { color: #999999; font-weight: bold;  }
ul#breadcrumb li.first-child { background-image: none; content: " "; padding-left: 0px; }

#LSResult { display:none; position:absolute; width:140px; padding:0px; margin-top:0px; background-color:#EEEEEE; overflow: hidden}
#LSResult ul {width: 135px;}
#LSResult ul li {padding-left: 10px;} 
#LSResult>ul {margin-top: 10px;}

#LSResult, #StaticResult { font-size:12px; }
#LSResult ul, #StaticResult ul { margin:0px; padding:0px; list-style-image:none; }
#LSResult li, #StaticResult li { list-style-type:none; }
#LSResult li a:hover, #StaticResult li a:hover { display:block; padding:3px 5px; background-color:#EECC00; }
#LSResult a, #StaticResult a { display:block; padding:3px 5px; text-decoration:none; color:#333333; }



ul.LSMessage li { color: #CC0000; font-weight:bold; }
li.LSHead { background-color:#666666; padding:4px; font-weight:bold;color:#ffffff; }
ul.LSLocales { float:left; }
ul.LSHotels { float:left; }
#LSResult li.LScloser { text-align:right; font-size:10px; font-weight:normal; color:#FFFFFF; }
#LSResult li.LScloser a { text-align:right; font-size:10px; font-weight:bold; color:#FFFFFF; }



.debug { display:none; color:#cccccc; background-color:yellow; margin:0px; }
#debugFDM { color:#FF0000; text-align:center; border:2px solid #FF0000; padding:4px 8px; background-color:#FFFF99; }

h3#hotelsList { clear:both; margin:10px 0px 0px 0px; padding:4px; background-color:#EEDD99;color:black; font:bold 13px arial;  }

ul#geoImmediateChildren { 
	margin: 0px 0px 10px 0px; 
	padding: 10px 10px 10px 15px; 
	float: left; 
	width: 335px; 
	border-top: 1px solid #CCCCCC;
 }
ul#geoImmediateChildren.continent { width:265px; height:400px; margin-bottom: -20px; padding: 10px 220px 0px 15px; background-color: #FFFFFF; } 
.africa { background:url(http://staging.travelandleisure.com/hotels/images/map_africa.gif) no-repeat right top; }
.asia { background:url(http://staging.travelandleisure.com/hotels/images/map_asia.gif) no-repeat right top; }
.australia { background:url(http://staging.travelandleisure.com/hotels/images/map_australia.gif) no-repeat right top; }
.canada { background:url(http://staging.travelandleisure.com/hotels/images/map_canada.gif) no-repeat right top; }
.caribbean { background:url(http://staging.travelandleisure.com/hotels/images/map_caribbean.gif) no-repeat right top; }
.europe { background:url(http://staging.travelandleisure.com/hotels/images/map_europe.gif) no-repeat right top; }
.samerica { background:url(http://staging.travelandleisure.com/hotels/images/map_samerica.gif) no-repeat right top; }
.us { background:url(http://staging.travelandleisure.com/hotels/images/map_us.gif) no-repeat right top; }

ul#geoImmediateChildren li { list-style-type:disc; display:inline; padding:3px 10px 3px 0px; }
ul#geoImmediateChildren a { text-decoration:none; }
ul#geoImmediateChildren a:hover { text-decoration:underline; }

div#destinationLink { width:130px; margin: -2px 2px 0px 2px; padding: 0px; float:right; font:normal 12px arial; }
div#printerLink { float: right; margin: 0px 0px 0px 10px; padding: 5px 10px 8px 10px; background-color: #FFFFFF; border: 1px solid #CCCCCC; border-top: 0px; }

div#tabBar { font: bold 13px arial; padding:0px 5px 5px 10px; clear: both; }
div#tabBar img { vertical-align: bottom; }
div#tabBar a { padding: 4px 8px 5px 8px; background-color: #DDDDDD; color: #330033; border: 2px solid #999999; border-bottom: 0px solid #AAAAAA; }
div#tabBar a.front { position: relative; z-index: 1; height: 30px; padding: 4px 8px 6px 8px; background-color: #FFFFFF; border-bottom: 0px; }
div#tabBar a.back { ; }
div#tabBar a:link { text-decoration: none; color: #333333; }
div#tabBar a:visited { text-decoration: none; color: #333333; }
div#tabBar a:hover { padding: 5px 8px 6px 8px; text-decoration: none; color: #3399CC; cursor: pointer; }
div#tabBar a.disabled { opacity: .5; font-weight: normal; font-style:italic; background-color: #CCCCCC; border-color: #666666; color: #333333; text-decoration: none; }
div#tabBar a:hover.disabled { padding: 4px 8px 5px 8px; cursor: default; }

#thropList { width:360px; border:1px solid #BBBBBB; float:left; background-color: #FFFFFF; }
#thropList th { text-align:left; font:bold 11px verdana; text-transform:uppercase; padding:12px 3px 3px 3px; border-bottom:1px solid #CCCCCC; }
#thropList td { vertical-align:top; padding:4px 3px; border-bottom:1px solid #CCCCCC; }
#thropList .awards { padding:4px 0px 0px 4px; }

/************** SEARCH **************/
.throp_search {width:140px; float:left; padding:10px 2px 10px 8px; border-top: 1px solid #999999; border-bottom:2px solid #CCCCCC; }
div.indexpage{ background-color:#FFFFFF;}
.throp_search { width:140px; padding: 0px; float:left; background-color:#DDDDDD; border-top: 1px solid #999999; border-bottom:2px solid #CCCCCC; }
.throp_search h3 {padding: 5px ; margin: 2px 5px; color:#000000; font: bold 13px arial; text-transform: none; }
.throp_search input{margin-bottom:10px; margin-left: 10px}


.indexpage { background-color: #FFFFFF; padding:0px; margin-bottom:10px; }
.indexpage form { margin:10px; }





#thropList div.vcard { border:0px solid red; }

#thropDetail { margin: 10px; }
#thropDetail h2 { margin: 20px 0px 10px 0px; padding: 3px 8px; font: bold 12px verdana; text-transform: uppercase; color: #000000; background-color: #DDEEFF; border: 1px solid #CCCCCC; }
#thropDetail h3 { margin: 5px 10px 2px 10px; text-transform: uppercase; font: bold 12px arial; color: #000000; }
#thropDetail .weLoved { font-weight: bold; color: #EE3300; }
#thropDetail dl { margin: 10px; }
#thropDetail dt { font: bold 12px arial; text-transform: uppercase; }
#thropDetail dd { margin: 0px 0px 5px 15px; }
#thropDetail p { margin: 0px 0px 5px 10px; }
#thropDetail ul#awards { margin: 0px 10px 15px 0px; list-style-type: none; font: normal 12px arial; text-transform: uppercase; }
#thropDetail ul#awards a { text-decoration: none; color: #DD0000; }
#thropDetail ul#awards a:hover { text-decoration: underline; color: #DD0000; }
#thropDetail ul#awards li { display: inline; margin-right: 10px; padding: 0px 2px 0px 18px; background-image: url(http://staging.travelandleisure.com/images/icon_award.gif); background-repeat: no-repeat; }
#thropDetail div.vcard { padding: 0px 15px; }
#thropDetail p.cost { font-weight: bold; margin-top: 10px; padding-left: 15px; }
#thropDetail .cost a { text-decoration: none; }
#thropDetail p.update { font-size: .9em; margin-top: 40px; padding-top: 5px; text-transform: uppercase; color: #888888; border-top: 1px solid #DDDDDD; }
#thropDetail div.org { display:none; }
#thropDetail blockquote { margin: 0px 10px 15px 10px; }
#thropDetail p.author { margin-top: 5px; padding-left: 15px; }
#thropDetail cite { font-style: italic; }

div.benchmark { display:none; }

#throptop h1 { margin: 10px 10px 4px 10px; color:black; }
#throptop h2 { margin: 6px 10px; color: #CC9900; text-transform: capitalize; }
#throptop h2 a { margin: 6px -10px; }
#throptop h3 { margin: 0px; padding:5px 10px; font: bold 13px arial; background-color: #555555; color: #FFFFFF; }
#throptop h3.blue { padding: 5px; background-color: #3399CC; }
#throptop h4 { background-image: url(http://staging.travelandleisure.com/images/bullet_arrow_black.gif); background-repeat: no-repeat; background-position: 0% 70%; margin: 1px 1px 0px 0px; padding: 10px 0px 2px 10px; font: bold 12px arial; background-color: #FFFFFF; color: #000000; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; }
#throptop h5 { margin: 0px 0px 5px 0px; padding: 0px; font: bold 13px arial; background-color: transparent; color: #000000; }

#throptop .label { margin-right: 5px; padding: 0px 5px; background-color: #999999; color: #FFFFFF; font: bold 12px arial; text-transform: uppercase; }

#thropHome { background-color: #FFFFFF; }
#thropHome .leftcol { float: left; width: 359px; padding: 0px; }
#thropHome .rightcol { float: right; width: 140px; border-left: 1px solid #CCCCCC; }
#thropHome ul.links { width: 155px; margin: 0px; padding: 5px 5px 10px 18px; background-color: #EEEEEE; border: 1px solid #CCCCCC; }
#thropHome .googleEarth ul { margin: 0px; padding: 10px 20px 10px 40px; }
#thropHome .googleEarth img { margin-right: 3px; }

#thropMap { float: left; width: 359px; padding-bottom: 15px; background-color: #CCDDEE; border-right: 1px solid #BBBBBB; }
#thropMap ul { margin: 0px; float: left; width: 140px; list-style-image: none; }
#thropMap li { list-style-type: square; color: #6699BB; }

#thropMap li a{font-size: 100%}
/* ie cannot read the > operator if there is no space */
#thropMap li>a{font-size: 100%}


/*  here is the styles for all inline divs -- they are named by what the suround + wrapper  */
div.throp_search_wrapper1 { background-color: #EEEEEE;}
div.throp_search_wrapper2 { float: right; width: 140px; padding: 0px 0px 5px 0px;}
div.geoList_wrapper { margin-left: 4px; }
div.geoList_wrapper ul{ margin: 0px 0px 0px 5px;}
div.geoList_wrapper ul li { list-style-type: square; list-style-image: none; color: #CCCCCC; }
div.worldMap_wrapper {text-align: right;}
div.ContinentTotals_wrapper {padding: 5px 10px 0px 20px;}
div.clearing_wrapper {clear: both; margin-top: -5px;}
div.featuredDestination_wrapper {padding: 5px;}
div.featuredArticle_wrapper { padding: 5px;}

/* inline style in listEnging */
div.geoImmediateChildren_wrapper {background-image: url(http://staging.travelandleisure.com/throp/images/bg_border_geo2.gif);}
div.destinationLink_innerWrapper {float: left; width: 22px;}
br.clearing_wrapper {clear: both;}
div.propertyListing_wrapper {float:left; padding: 5px;}
div.propertyListing_wrapper2 {float:right; padding: 5px;}
div.clearing2 {clear: both; height:1px;}


/* below is everything that pertains the autocompleter */
div.page { width: 137px; background-color: #FFFFFF;}
div.wrapper { width: 139px; background-color: #FFFFFF; padding-bottom: 0px; border-bottom: 2px solid #FFFFFF; margin: auto; margin-bottom: 0px; }
h3.blue { font-family: arial; font-size: 13px; font-weight: bold; text-align: left; color: #FFFFFF; background-color: #3399CC; padding: 3px; margin-bottom: 0px; }
input#contact_name { margin-top: 12px; padding: 2px; width: 115px; }
div.auto_complete ul { background-color: #FFFFFF; margin: 0px 1px; padding: 0px; overflow: hidden; border: 1px solid #999999; list-style:none; }
div.auto_complete ul li { margin: 0px; padding: 3px 5px; font-size: 95%; border-bottom: 1px dotted #999999; }
div.auto_complete ul li.selected { background-color: #BBDDFF; }
div.auto_complete ul li a { text-decoration: none; }
div.auto_complete ul li a:hover { color: #663300; }
div.auto_complete ul li.last { border-bottom: 0px; }
div.auto_complete ul li.first { background-color: #666666; color: #FFFFFF; }

