body { margin: 0; padding: 0; background: #FFFFFF url(background.gif?d=20100821) center top repeat-y; }

#container { width: 777px; position: relative; text-align: left; margin: 0 auto; text-align: left; }
#header { height: 110px; width: 777px; padding-top: 35px; background: url(montage.jpg) no-repeat; text-align: center; margin: 0; }
#overlink { height: 24px; width: 302px; position: absolute; top: 100px; left: 268px; }

#spread { clear: both; margin: 0 20px 40px 20px; min-height: 200px; height: auto !important; height: 200px;  }		/* Hack */

#left { width: 478px; padding: 0 0 20px 20px; float: left; }
#right { width: 238px; padding: 0 20px 20px 0; float: right; }

#footer { clear: both; color: #4D4B44; font-size: 11px; border-top: 2px #959382 solid; padding-top: 4px; margin: 20px 20px 10px 20px; line-height: 1.8em; }
#footer a:link, #footer a:visited	{ color: #4D4B44; }
#footer a:hover, #footer a:active { color: #65645B; }
#footer span.piece { white-space: nowrap; padding-right: 8px; }
#footer #secure { float: right; padding-left: 20px; padding-top: 2px; }

#benefits { background: url(benefitshade.png); width: 757px; padding: 6px 0 7px 20px; margin: 0 0 8px 0; height: 15px; overflow: hidden; position: relative; top: -12px; }
#benefits ul { margin: 0 auto; padding: 0; list-style-type: none;  }
#benefits ul li { margin: 0; padding: 1px 18px 0 20px; list-style-type: none; background: url(benefittick.gif) 0 0 no-repeat; float: left; height: 14px; font-size: 13px; font-family: Trebuchet MS; }

#slideshow { height: 212px; width: 363px; overflow: hidden; position: relative; margin-bottom: 24px; background-color: #666666; }
#slideshow img { position: absolute; top: 0; left: 0; display: block; }

table.horizgrid td { padding: 2px 6px; border-bottom: 1px solid #999999; }
table.horizgrid tr.header td { padding: 4px 6px; background-color: #8D0047; font-weight: bold; color: #FFFFFF; border-bottom: none; }

.fade { padding: 10px; background: #F3EFCE url(fade.gif) repeat-x; margin-bottom: 20px; } 
.fade img { float: left; padding-right: 10px; }
.fade h3 { margin: 0; padding: 0 0 8px 0; }
.fade #calendar { margin: 0; }

#listing { border-bottom: 2px #D9D5B8 solid; margin: 20px 0; }
#toplisting { border-bottom: 2px #D9D5B8 solid; margin: 0 0 15px 0; }
div.vendor { padding: 10px 0; height: 60px; border-top: 2px #D9D5B8 solid; position: relative; } 
div.vendor img { vertical-align: middle; }
div.vendor img.thumb { float: left; padding-right: 10px; width: 60px; height: 60px; }
div.vendor h3 { margin: 0; padding: 0 0 12px 0; font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 12px; }
div.vendor h3 span.price { display: block; float: right; padding-right: 80px; }
div.vendor p { margin: 0 0 5px 0;  }
div.vendor p.links { padding: 1px 0 0 0; margin: 0; float: right; text-align: right; line-height: 16px; }
div.vendor p.rating { position: absolute; right: 0; top: 34px; }
div.vendor img.label { position: absolute; right: 300px; top: 8px; }

table.vendors td div.vendor { background: #F3EFCE url(fade.gif) repeat-x; padding: 10px; }
td div.vendor { border-top: 0; overflow: hidden; }
td div.vendor h3 { padding-bottom: 2px; position: relative; top: -2px; }
td div.vendor p { line-height: 1.1em; }
td div.vendor p.links { padding-right: 0; }
td div.vendor img.label2 { position: absolute; right: 6px; bottom: 6px; }

.checkbox label { position: relative; top: -3px; padding-right: 10px; }
img.infowindowimage { float: right; padding-left: 8px; height: 60px; width: 60px; }

#bar { background-color: #993366; padding: 6px 20px 8px 20px; color: #F9F5D3; font-size: 12px; }
#bar a:link, #bar a:visited { color: #F9F5D3; text-decoration: underline; }
#bar a:hover, #bar a:active { color: #FFFFFF; text-decoration: underline; }

#bar #partof { float: right; }


#bar #facebooklike { float: right; width: 65px; height: 21px; margin-right:35px;position:relative;top:-2px  }
#bar #googleplus { float: right; width: 75px; height: 21px;position:relative;top:-2px  }
#bar #pinterest { float: right; width: 50px; height: 21px;position:relative;top:-2px  }
#bar #twitter { float: right; width: 75px; height: 21px;position:relative;top:-2px   }


td.gapright { padding: 0 8px 8px 0; }
td.gapless { padding: 0 0 8px 0; }

span.expand input { margin: 0 5px 0 10px; padding: 0; display: block; float: left; width: 20px; }
img.stars { padding-bottom: 4px; }
img.error { padding-right: 4px; padding-bottom: 2px; vertical-align: middle; }
div.vendor img.stars { padding-bottom: 0;  }



/* Search box and home page hub*/

#homehub { height: 212px; margin: 0 0 20px 0; position: relative; }
#homehub #slideshow { float: left; }
#homehub #cphContent_hbSearch_pnlEnterButton { float: right; width: 359px; }

#cphContent_hbSearch_btnGo { font-weight: bold; height: 26px; font-size: 13px; }
#homehub #cphContent_hbSearch_btnGo { position: absolute; top: 42px; right: 8px; }

#cphContent_hbSearch_txtLocation { width: 254px; font-size: 14px; border-radius: 5px; background: #FFF url(search.gif) 13px 8px no-repeat; border: 1px #999 solid; padding: 6px 22px 6px 38px; }
#homehub #cphContent_hbSearch_txtLocation { width: 278px; }

#pink { position: relative; clear: both; width: 737px; }
#pink table { border-style: none; border-collapse: collapse; }
#pink td.spacer { width: 4px; }
    #pink #cphContent_hbSearch_btnGo { position: relative; top: 8px; }

#pink td.searchbox, #homehub div.searchbox { background: #F3F3F3 url(pink.gif) 0 0 repeat-x; padding: 0; float: left; position: relative; }
#pink td.searchbox h4, #homehub div.searchbox h4 { color: #FFFFFF; margin: 0; height: 17px; padding: 4px 12px 4px 12px; font-size: 15px; }
#pink td.searchbox h4 span, #homehub div.searchbox h4 span { font-family: Times New Roman; font-size: 14px; }
#pink td.searchbox h4 b, #homehub div.searchbox h4 b { font-weight: normal; color: #F1CCDE;  }
#pink td.searchbox div, #homehub div.searchbox div { color: #000000; padding: 7px 8px 3px 9px; }
#pink td.searchbox div.calPopup, #homehub div.searchbox div.calPopup { padding: 0; }
#pink td.searchbox div { height: 70px; }

#pink table table, #homehub div.searchbox table { height: auto; }
#pink table table td, #homehub div.searchbox table td { padding: 0 3px 3px 0; color: #000000; }
#pink table.tight td, #homehub div.searchbox table.tight td { padding: 0 4px 2px 0; position: relative; }
#pink table.tight td.input, #homehub div.searchbox table.tight td.input { padding: 0; width: 18px; height: 17px; position: relative; overflow: hidden; }
#pink table.tight td.input input, #homehub div.searchbox table.tight td.input input { padding: 0; margin: 0;  }
#pink td.gobox {  background: #D9D5B8 url(pink.gif) 0 0 repeat-x; padding: 37px 13px 6px 13px; height: 62px; }

input.watermark { color: #777777; }

#arriveCalBtn, #leaveCalBtn { padding-top: 1px; cursor: pointer; }
#arriveCalPop, #leaveCalPop { display: none; position: absolute; right: 54px; top: 78px; z-index: 10; } 
#leaveCalPop { top: 178px; width:189px;  } 
.yui-skin-sam .yui-calcontainer .title { font-size: 12px; background-image: none; background-color: #993366; color: #FFF; font-family: Verdana, Arial, sans-serif; }
.yui-skin-sam .yui-calcontainer { border: 2px solid #993366; box-shadow: 0px 0px 7px rgba(0,0,0,0.5); }
.yui-skin-sam .yui-calendar { font-family: Verdana, Arial, sans-serif; }
.yui-skin-sam .yui-calendar .calweekdaycell { font-weight: normal; }
.yui-skin-sam .yui-calendar td.calcell { padding: 0; width:26px;}
.yui-skin-sam .yui-calendar td.calcell a { color: #3064B1; font-weight: normal; padding: 1px 6px; }
.yui-skin-sam .yui-calendar td.calcell.selected a { background-color: #5CB0D9; color: #FFFFFF; font-weight: bold; }
#pink #arriveCalPop { right: 92px; top: -10px; } 
#pink #leaveCalPop { right: 92px; top: 6px; } 

#instant { display: none; position: absolute; top: 70px; left: 387px; width: 338px; background: #FFF; height: 130px; border: 1px #999 solid; padding: 8px 0; border-radius: 5px 0 0 5px; overflow-y: scroll; z-index: 100; }
    #instant a.match { font-size: 13px; height: 20px; padding-left: 39px; padding-top: 5px; text-decoration: none; display: block; overflow: hidden; white-space: nowrap; }
    #instant a.match:hover { background-color: #E4ECF5 !important; color: #005177; }
    #instant a.match.stay { background: #FFF url(/img/labels/stay.gif) 6px 1px no-repeat; }
    #instant a.match.rent { background: #FFF url(/img/labels/rent.gif) 6px 1px no-repeat; }
    #instant a.match.visit { background: #FFF url(/img/labels/visit.gif) 6px 0 no-repeat; }
    #instant a.match.tour { background: #FFF url(/img/labels/tour.gif) 6px 1px no-repeat; }
    #instant a.match.location { background: #FFF url(locationmatch.gif) 13px 1px no-repeat; }
    #instant a.match span { color: #666 !important; }
#pink #instant { top: 69px; left: 9px; width: 314px; }

#dateprompt { display: none; z-index: 3; position: absolute; top: 204px; right: 0; background: url(dateprompt.png) 0 0 no-repeat; padding: 26px 12px 0 12px; width: 335px; height: 52px; }
    #dateprompt h3 { margin: 0 0 12px 0; color: #FFF; font-size: 16px; font-weight: normal; }
    #dateprompt p a { color: #F1CCDE; }
#pink #dateprompt { left: 336px; top: 82px; width: 300px; }

#arrowArrive, #arrowLeave { display: none; width: 17px; height: 24px; background: url(calendararrow.png) 0 0 no-repeat; position: absolute; padding: 0; top: 35px; left: 76px; }
#arrowLeave { top: 61px; }

#pink #arrowArrive { top: 32px; }
#pink #arrowLeave { top: 58px; }


/* Feature filters */

#filters { background-color: #EAE6C7; padding: 1px 10px 10px 8px; margin-top: 5px; }
#filters label { position: relative; top: -1px; padding-right: 8px; }
#filters #showallfilters { position: relative; top: -1px; font-weight: bold; left: 15px; }
#filters h4 { margin-top: 12px; margin-bottom: 6px; padding-left: 4px; }

#filters #morefilters { display: none; }
#filters.showall #morefilters { display: block; }
#filters.showall #showallfilters { display: none; }


/* Type filters */

#types { background-color: #EAE6C7; padding: 1px 10px 10px 8px; margin-top: 5px; }
    #types h4 { margin-top: 12px; margin-bottom: 6px; padding-left: 4px; }
    #types img { margin: 0 4px 0 3px; }
    #types label { padding-right: 8px; }
    #types input { position: relative; top: 2px; }


/* Results map */

#results { background-color: #CCCCCC; position: relative; border: 2px solid #8E0048; }
#tools { height: 20px; padding: 6px 8px 0 8px; color: #F9F5D3; background-color: #8E0048; }
#tools a:link, #tools a:visited { color: #F9F5D3; }
#mapplaceholder { width: 733px; overflow: hidden; color: #DDDDDD; }

#mapplaceholder.loading { filter: alpha(opacity=70); opacity: 0.7; }

#overlay {
	position: absolute; left: 0; top: 0;
	padding: 20px 25px 30px 40px; width: 290px; height: 300px;
	background-repeat: no-repeat; background-position: 0 0; }
#overlay h3 { font-family: Verdana; width: 80%; }
#overlay img.stars { padding-bottom: 0; position: relative; top: 1px; }
#overlay img.label { float: left; padding: 0 5px 0 0; position: relative; top: -5px; }

#overlay.lefttop { background-image: url(overlays/lefttop.png); }
#overlay.leftmiddle { background-image: url(overlays/leftmiddle.png); }
#overlay.leftbottom { background-image: url(overlays/leftbottom.png); }
#overlay.righttop { background-image: url(overlays/righttop.png); padding: 20px 40px 30px 25px; }
#overlay.rightmiddle { background-image: url(overlays/rightmiddle.png); padding: 20px 40px 30px 25px; }
#overlay.rightbottom { background-image: url(overlays/rightbottom.png); padding: 20px 40px 30px 25px; }

#overlay #close { position: absolute; top: 24px; right: 22px; }
#overlay.righttop #close, #overlay.rightmiddle #close, #overlay.rightbottom #close { right: 37px; }

#return { position: absolute; top: 2px; right: 2px; height: 24px; width: 129px; opacity: 0.90; filter: 'alpha(opacity=90)'; }


/* Rental booking page */

#letform { background-color: #ECE8C8; padding: 10px; width: 472px; float: left; height: 212px; }
#letform p.lineabove { border-top: 1px solid #CCCCCC; padding-top: 10px; margin-top: 14px; }

#letcalendar { width: 240px; height: 200px; float: right; position: relative; top: -32px; }
#letcalendar-top { background: url(calendarheader.gif) 0 0 no-repeat; color: #FFFFFF; font-size: 13px; font-weight: bold; text-align: center; height: 22px; padding-top: 5px; }
#letcalendar-middle { background-color: #ECE8C8; padding: 7px 10px 10px 10px; height: 155px; margin-top: 5px; margin-bottom: 5px; }
#letcalendar-bottom { background-color: #ECE8C8; padding: 7px 0 10px 10px; height: 38px; line-height: 20px; }
#letcalendar-bottom img { padding-right: 3px; position: relative; top: 3px; }
#letcalendar-bottom span { white-space: nowrap; }

#letlisting {  border-collapse: collapse; border-bottom: 1px dotted #666666; width: 100%; }
#letlisting td { padding: 0 6px 10px 0; }
#letlisting tr.listingblock td { padding-top: 10px; border-top: 1px dotted #666666; }

#letcalendar table th { text-align: center; font-weight: bold; padding: 0; color: #333333; }
#letcalendar table td {	text-align: center; padding: 1px; cursor: default; }
#letcalendar table td div { width: 26px; height: 16px; padding: 1px 0; border: #FFFFFF solid 1px; line-height: 16px; }

#letcalendar table td.rentno div { background-color: #DDDDDD; color: #999999; }
#letcalendar table td.rentstart div { background-color: #1D8911; color: #FFFFFF; }
#letcalendar table td.rentcontinue div { background-color: #2E66B1; color: #FFFFFF; }
#letcalendar table td.rentstart.differentmonth div { background-color: #72B16A; color: #FFFFFF; }
#letcalendar table td.rentcontinue.differentmonth div { background-color: #7E9AC9; color: #FFFFFF; }