/* listings and detail headings */
div.listingsHeading h3, div.detailHeading h3{
    width: 340px; /*needs to be variable*/
	font-size: 23px;
	font-weight: normal;
}
#propertySnapshot, .propertyMetaInfo noPhoto{
	font-size: 11px;
    font-weight: bold;
    color: #333!important;
}
div.listingsHeading span.moreLink{
	font-size: 11px;
	text-transform: lowercase;
}
#propertySnapshot, .propertyMetaInfo noPhoto, span.moreLink {
    color: #333333;
}

#propertySnapshot span.moreLink {
    text-transform: lowercase;
}

#propertySnapshot .propertyMetaInfo.noPhoto span.moreLink a:link {color: #0066cb;}

/* listings heading */
div.listingsHeading h3{
	margin: 10px 10px 10px 0;
    text-transform: capitalize;
}
div.listingsHeading span.moreLink{
	text-transform: lowercase;
	text-align: right;	
	float: right;
	width: 135px;
	margin-top: -15px;
	position: relative;
	top: -17px;
}
div.listingsHeading p {clear: both;}
/* detail heading */
div.detailHeading{
	margin-bottom: 65px;
	padding-top: 5px;
    position:relative;
    z-index:1;
}
.cRcontainer {width:350px;}
/*	Internet Explorer 6 */
* html .cRcontainer {position:relative;}
.cRcontainerBit {
    position:relative;
    display:inline;
    margin:6px 0 0 5px;
    width:32px;
    height:14px;
}
.cRcontainer div.costRating {display: inline;}
div.dhNoTabs {margin-bottom: 20px;}
div.detailHeading div#save_for_later{
	top: 62px;
	right: 10px;
}
div.detailHeading h3 {line-height: 1; position:relative;}
div.detailHeading h3 span.ldn {font-size:14px; color:#999;}
div.detailHeading h3 span.ldn:first-letter {text-transform:uppercase;} /*doesn't work on inline elements, so won't work here!*/
div.detailHeading div.headlineMeta{font-size: 10px; width:488px;}
.listAndDetailModule div.tabbedNavigation{
	top: -32px;
	left: -6px;
}
#introBit {clear:both;}    
#introTextW {overflow:hidden;}
#introTextW.short {height:32px;}
#introTextW.tall {height:auto;}    
#introTextW p {margin-bottom:10px;}
div.tabbedNavigation span.videoLnk a {text-transform:lowercase; font-size:11px; font-weight:normal; text-decoration:underline; color:#3f8cd9 !important;}
span.videoLnk {margin-right:10px; color:#3f8cd9; font-size:11px; float:right;}              
	
/*	Listings and Detail Content 
	--------------------------- */
	div.listAndDetailModule div.content div.last{border-bottom: none;}
	div.listAndDetailModule div.content .last{margin-bottom: 0;}
	div.listAndDetailModule div.content h4{
		font-size: 15px;
		text-transform: uppercase;
	}
	
/* 	Elements appearing in listings and detail */
    .content div.paginator, .listAndDetailModule .topPrevNext {
        padding:5px; 
        background-color:transparent; 
        border-top:none;
        color:#FFD306;
        }
    .content div.paginator a, .listAndDetailModule .topPrevNext a {color: #FFD306;}
	div.paginator {
		padding: 3px 5px 5px 5px;
		color:#227AD3;
		text-transform: lowercase;
		font-size: 10px;
        text-align:right;
        background-color:#FFF;
        border-top:1px solid #CCC;
	}
    .content .pfcontainer div#PagBottom {
		padding: 3px 5px 5px 5px;
        border-top:1px solid #CCC;
	}
    div.paginator span.separator {
		color:#7A7A7A;
	}
	div.paginator a {color: #227AD3;}
    .clrDestinations .contentModule .content div.paginator a {color: #ffd306;}
	div.paginator ul, div.paginator li{display: inline;}
	.listAndDetailModule .topPrevNext, .listAndDetailModule .bottomPrevNext{ 
		position: absolute;
		right: 5px;
	}
	.listAndDetailModule .topPrevNext{top: 22px;}
	.listAndDetailModule .bottomPrevNext{bottom: 7px;}
    
/*	listings content */
	div.listingsContainer{
		font-size: 11px;
		line-height: 15px;
	}
	div.listingsContainer div.listing{
		padding: 0 0 10px 17px;
		margin-top: 10px;
		border-bottom: 1px solid #e8e8e8;
		position: relative;
	}
	div.listingsContainer div.last{
		border-bottom: 0;
	}    
    div.listingsContainer div.slisting{
		background-color: #e4edf7;
        margin-top: 0;
        padding-top: 10px;
	}
	
    div.listingsContainer div.listingdetail{
		float:left;
        width: 365px;
	}
    div.listingsContainer div.listinginfo{
		float:right;
        width: 65px;
        color:#999;
        text-transform: lowercase;
        text-align: right;
        padding-right: 8px;
	}
	div.listAndDetailModule a.saveButton{
        position: absolute;
		left: 0;
	}
	div.listing a.itemPhoto{
		float: left;
		width: 95px;
		height: 75px;
		margin: 0 10px 0 0;
	}
	div.listing a.itemTitle{font-weight: bold; text-transform:uppercase;}
	div.listing .itemMeta{
		font-weight: bold;
		white-space: nowrap;
	}
	div#primary_rail div.listing a.guideLink {color: #b4b4b4;}

div.costRating {color: #333;}

/*	Detail Content */
	div.detailContainer{
		font-size: 12px;
		padding-top: 20px;
		position: relative;
	}
	.listAndDetailModule .noTabs{margin-top: 0; padding-top:1px;}
	
	div#hotel_detail div.detailContainer, div#property_detail div.detailContainer{line-height: 19px;}
	div#propertyPhoto, .propertyMetaInfo{float: left;}
	div#propertyPhoto{
		width: 253px;
		margin: 0 10px 10px 0;
	}
	div#propertyPhoto img{margin-bottom: 1px;}
    .propertyMetaInfo{
        width: 215px;
        height: 220px;
        overflow: auto;
		font-size: 11px;
    }
        
    .noPhoto {
        width:488px; height:auto; max-height:148px; overflow: auto; 
    }
  
  /* max-height for IE6 */
  * html .noPhoto {
        height: expression(this.scrollHeight > 148 ? "148px" : "auto");
    }
  
#website_button a:link {
		font-weight: bold;
		line-height: 14px;
		margin-bottom: 15px;
        color:#333;
}
	.propertyAddress{
		font-weight: bold;
		line-height: 14px;
		margin-bottom: 15px;
	}
	
	.propertyMetaInfo.noPhoto .propertyAddress { margin-bottom:0; }
	
	.propertyMetaInfo.noPhoto span.moreLink { display:block; margin:15px 0; }
	
    div#primary_rail .propertyAddress a{color: #333;}
    div#primary_rail .propertyAddress span.morelink a {color: #227AD3;}
	span.moreLinkSub {background-color: #e4edf7; color:#333; font-size:11px;}
    span.moreLinkSub a {color:#333 !important; font-size:11px; }
	div.detailContainer div.detailTextBlock{
		border-top: 1px solid #ccc;
		padding: 15px 0;
        margin-top:15px;
	}
	
	/* rally DE2487 */
	div#canvas.clrDestinations div.detailContainer div.detailTextBlock { border-top:none; padding:0; margin-top:0; }
	
	
    div.detailContainer div.detailTextBlockTop{
		border-top: none;
		padding: 0;
	}
    
    div.detailContainer div.dTBsponsor{
		background-color: #e0f5fd;
	}
	
	div.detailContainer div.sponsor {
		background-color: #e0f5fd;
	}
	
	.sponsTxt {font-size:10px; color:#666;}
	.sponsSlide {background-color: #e0f5fd; padding: 10px 0;}
	.sponsSlide span {font-size:10px; display:block; margin-bottom:10px;}
	
	div.detailContainer div.detailTextBlock h5{
		font-size: 11px;
		color: #666;
        margin:16px 0 25px 0;
        border-top: 1px solid #ccc;
        padding-top:15px;
	}
	
	div.detailContainer div.detailTextBlock.noTopBorder h5 { border-top:none; }
	
	div.detailContainer div.detailTextBlockTop h5,
	div.detailContainer div.detailTextBlock h5#h5Top { border-top:none; margin-top:12px; padding-top:0; }
	
    div.detailContainer p {margin-bottom: 10px;}
    div.detailContainer div.detailTextBlock .details {font-size:11px; color:#666;}
    #save_for_later_dest {position:relative; width:133px; float:right; top:0;}
    #save_for_later_dest h6.greenLabel {font-size:10px; font-weight: normal; padding-left: 24px; font-weight: bold;}

/*	Hotel Detail Specific
	--------------------- */
	div#cn_traveler_review {
        float: left;
		width: 325px;
		margin: 0 25px 25px 0;
	}
	div#overallScore {
        float: left; 
        width:130px; 
        font-size:10px;
        text-transform:uppercase;
        border-bottom: 2px solid #FFD306;
    }
    div#overallScore h6 {font-size:10px;}
    div#overallScore .actionBoxContent {padding-top:5px;}
	div.detailTextBlock div#overallScore.yellowActionBox .actionBoxContent {padding-bottom:0; padding-top:0;}
    div#overallScore li {color:#666;}
	
/* 	Detail Photo Tab  
	---------------- */
	span.photoMeta {color: #b4b4b4; display:block; margin-top:10px;}
	.viewFullscreenButton {width: 127px;}
	#hotel_detail_gallery .viewFullscreenButton, #property_detail_gallery .viewFullscreenButton{
		position: absolute;
		right: 5px;
	}
	/*slideshow view*/
	#hotel_detail_slideshow .viewFullscreenButton, #property_detail_slideshow .viewFullscreenButton, .pfcontainer .viewFullscreenButton{
		float: right;
		margin-bottom: 10px;
	}
    .bottomFullscreenButton {
        height:15px;
    }
	p.photoDescription{
		float: left;
		width: 325px;
	}
	div#slideshow_container{
		margin: 25px 0 30px 0;
		position: relative;
		width:488px;
	}
	* html div#slideshow_container{height: 1%;}
	span.arrwTxt {
		margin-top:33px; 
		width:33px; 
		display:block;
	}
    span.arrP {
        margin-right:5px;
        direction: rtl;
    }    
	a.previousArrowButton, a.nextArrowButton {
		font-size:10px; 
		text-decoration: none; 
		color:#333 !important;
	}
	div#slideshow_container div#current_slide{
		margin: 0 auto;
		width: 380px;
	}
	div#slideshow_container div#current_slide{
		color: #666;
		font-size: 10px;
		text-transform: lowercase;
        text-align: center;
	}
	div#slideshow_container div#current_slide span{display: block;}
	div#slideshow_container div#current_slide span#slide_counter{font-size: 11px;}
    div#current_slide .imageHolder img {
        vertical-align: middle;
        display:inline;
    } 
	div#slideshow_container a.previousArrowButton, div#slideshow_container a.nextArrowButton{
		position: absolute;
		top: 0;
	}
	div#slideshow_container a.previousArrowButton{left: 15px;}
	div#slideshow_container a.nextArrowButton{right: 15px;}
    .photoDet {padding-top:10px;}
    .photoDetTxt {float:left; width:240px; text-align: left;}
    .photoDetSave {float:right; width:133px;}
    #photofinderM {float:right;}
    
	/*gallery view*/
	div.gallery {padding-bottom: 20px; }
	div.withscroll {
		position:relative;
		height:420px;
		overflow-x: hidden; 
		overflow-y: scroll;
	}
   div.withscroll div.galleryItem{margin-right: 12px;}
	div.galleryItem{
		position: relative;
		padding-left: 15px;
		width: 125px;
        height:130px;
        font-size:11px;
		float: left;
		margin: 0 20px 30px 0;
	}
    div.galleryItem a.itemPhoto, div.galleryItem a.itemTitle{display: block;}
	div.galleryItem a.itemPhoto{width:100px; overflow:hidden; }
    div.galleryItem a.itemTitle{width:125px; overflow:hidden;}
    div.galleryItem .itemMeta, div.pfgalleryItem .itemMeta {width:125px; overflow:hidden;}
	div.galleryItem img {margin-bottom:3px;}

/*	Internet Explorer 6
	------------------- */
* html div.costRating{right: 10px;}
* html div.listingsContainer div.listing{height: 0; z-index: 1;}
/* this container is the parent of the expanding item. Its z-index gets toggled between 20 and 1 when the actionBox gets created and destroyed */
* html div.listingsContainer div.listing #save_for_later{z-index: 20;}
* html .animatedActionBox{
	top: -1px;
	left: -2px;
}

/*	Internet Explorer 7
	----------------------- */
* + html .listing a.saveButton{top: 10px;}
* + html .listing .actionBox{top: 8px;}
* + html  #primary_rail .costRating .priceKey{ top : 28px; }
/*	Tools and Destinations*/
 div#toolsContent {background-color: #fff; padding: 10px 7px 20px 9px; margin-bottom: 25px;}
 div#toolsContent h3 {
    color:#333; font-size: 23px;
    font-family: arial;
	font-weight: normal; 
	margin: 20px 0 30px 0px;}

/*	Weather Details Page - For Tools and Destinations*/
div#weatherDetails {}
div#weatherDetails h1 { 
	color:#333; font-size: 23px;
	font-family: arial;
	font-weight: normal; 
	margin: 20px 0 30px 0px; 
}
div#weatherDetails h2 { 
	color:#333; font-size: 12px; 
	text-transform: uppercase; 
	font-weight:bold; 
	margin: 8px 0 8px 0px; 
}
div#weatherDetails div.horzBorder { 
	clear:both; height:1px; width:486px; 
	background: url(/images/destinations/HorzBorder.gif) repeat-x top; 
}

div.yellowrule {background-color: #ffd306; width: 486px; height: 2px;}
div.hborder {clear: both; background-color: #e8e8e8; width: 486px; height: 1px; margin: 20px 0 20px 0;}
div#weatherDetails table.weatherData {margin: 0 10px 0px 0;}
div#weatherDetails table.weatherData td, div#weatherDetails table.weatherAverage td { 
	padding:0px; vertical-align:middle;  color:#333; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:11px; height:15px; 
}
div#weatherDetails table.weatherData td img {width: 43px; height: 28px;}
div#weatherDetails table.weatherData td {padding: 2px 0 2px 0;}
div#weatherDetails table.weatherData td.weatherDateCur  {width:175px;}
div#weatherDetails table.weatherData td.weatherIconCur {width:107px; text-align:center;}
div#weatherDetails table.weatherData td.weatherTextCur {width:160px; text-transform: capitalize;}
div#weatherDetails table.weatherData td.weatherDate {width:120px;}
div#weatherDetails table.weatherData td.weatherIcon {width:48px;}
div#weatherDetails table.weatherData td.weatherText {width:280px;}
div#weatherDetails table.weatherData td.weatherHigh {width:35px; text-align:center;}
div#weatherDetails table.weatherData td.weatherLow {width:35px;}
div#weatherDetails table.weatherAverage td.weatherMonth {width:105px;}
div#weatherDetails table.weatherAverage td.weatherHigh {width:35px; text-align:center;}
div#weatherDetails table.weatherAverage td.weatherLow {width:35px; text-align:center;}
div#weatherDetails div#averageRightTable {margin-left: 115px;}
div#weatherDetails div#averageLeftTable,
div#weatherDetails div#averageRightTable {float:left; padding-bottom: 5px;}
div#weatherDetails div#accuweatherLink a {margin: 20px 0 10px 0;color:#414141; font-size: 11px:}
div#weatherDetails div#accuweathercopy {margin: 10px 0 10px 0; padding-bottom: 20px; color:#999;font-size: 10px}
div#weatherDetails div#accuweathercopy a {font-size: 10px; color: #999;}
 
 /*59226*/
 .clrDestinations .detailHeading .actionBox{left: -2px;}
 .clrDestinations .detailHeading .expandedActionBox{left: -65px;}
* html #property_detail_gallery .galleryItem{display: inline;width: 115px;}
* html #property_detail_gallery  .viewControls{float: none;}
 /*end 59226*/
 
 /*64454*/
 * + html #property_detail_gallery .detailContainer, * + html #property_detail_gallery .detailContainer .tabbedNavigation{width: 490px;}
 * + html #property_detail_gallery .detailContainer .tabbedNavigation{position: relative;}
 * + html #property_detail_gallery .detailHeading{margin-bottom: 45px;}
 * + html #property_detail_gallery .detailContainer .viewFullscreenButton { position: relative; float: right;}
  * + html #property_detail_gallery .detailContainer .bottomFullscreenButton .viewFullscreenButton { top: auto; }     
 /*end 64454*/
 
 /* sort controls, design fix in destinations */
div.sorter {width:486px; margin-left:-6px;}
* html div.sorter {margin-right:-6px;}

/*members module slaska 8/08*/
div#membersMod {position:relative;}
div#membersMod span.writeReview {position:absolute; right:8px; top:5px; color:#FFF; font-size:11px;}
div#membersMod span.writeReview a {color:#FFF; text-decoration:underline;}
.writeReviewButtonM {width:130px; margin:20px 0 10px 0;}
div#membersMod div.listingsContainer div.listing {padding:0 0 10px 0;}
.listingPostdetail {margin-top:15px;}
.postBadge {float:left; width:22px;}
.contentModule .content .postInfoR {float:left; width:443px; margin: 4px 0 0 5px; color:#666; font-size:11px;}
div#membersMod div.listingsReviews div.listing {width:470px; overflow-x:hidden; position:static;}
/*END members module slaska 8/08*/

/* Google Maps Stuff */
#view_more { float: right; position: relative; top: 5px; font-size: 12px; }
div#toolsContent.no_bot_mar { margin-bottom: 0px; }
div#toolsContent h3.bot_mar_20	{ margin-bottom: 20px; }
#map_canvas { width: 483px; height: 300px; clear: both; }